Drape Sheets

About

.ts-drape-sheets { max-width: 1100px; margin: 0 auto; color: #000000; background: #ffffff; font-family: inherit; line-height: 1.65; } .ts-drape-sheets, .ts-drape-sheets * { box-sizing: border-box; } .ts-drape-sheets h2, .ts-drape-sheets h3, .ts-drape-sheets p, .ts-drape-sheets li, .ts-drape-sheets summary, .ts-drape-sheets a { color: #000000; } .ts-drape-sheets h2 { margin: 32px 0 12px; font-size: 1.65rem; line-height: 1.3; } .ts-drape-sheets h3 { margin: 0 0 8px; font-size: 1.1rem; } .ts-drape-sheets p { margin: 0 0 16px; } .ts-drape-sheets a { font-weight: 600; text-decoration: underline; text-underline-offset: 2px; } .ts-drape-sheets a:hover { color: #ffffff; background: #000000; } .ts-drape-sheets__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 20px 0; } .ts-drape-sheets__card { padding: 18px; background: #ffffff; border: 1px solid #000000; } .ts-drape-sheets__card p { margin-bottom: 0; } .ts-drape-sheets__note { margin: 22px 0; padding: 18px; color: #ffffff; background: #000000; border: 1px solid #000000; } .ts-drape-sheets__note strong, .ts-drape-sheets__note p { color: #ffffff; } .ts-drape-sheets__note p { margin: 0; } .ts-drape-sheets__faq details { margin-bottom: 10px; background: #ffffff; border: 1px solid #000000; } .ts-drape-sheets__faq summary { position: relative; padding: 15px 44px 15px 16px; font-weight: 700; cursor: pointer; list-style: none; } .ts-drape-sheets__faq summary::-webkit-details-marker { display: none; } .ts-drape-sheets__faq summary::after { content: "+"; position: absolute; top: 50%; right: 17px; transform: translateY(-50%); font-size: 1.4rem; line-height: 1; } .ts-drape-sheets__faq details[open] summary { color: #ffffff; background: #000000; } .ts-drape-sheets__faq details[open] summary::after { content: "−"; color: #ffffff; } .ts-drape-sheets__answer { padding: 15px 16px 17px; border-top: 1px solid #000000; } .ts-drape-sheets__answer p { margin: 0; } @media screen and (max-width: 749px) { .