.faq--colored{padding-top:5rem;padding-bottom:5rem;background-color:rgba(var(--color-foreground),.08)}.faq details+details{margin-top:2rem}.faq h1,.faq h2,.faq h3,.faq h4,.faq h5,.faq h6{margin-top:0}.faq h1+.rte,.faq h2+.rte,.faq h3+.rte,.faq h4+.rte,.faq h5+.rte,.faq h6+.rte{margin-top:-1rem;margin-bottom:3rem}.faq details+h1,.faq details+h2,.faq details+h3,.faq details+h4,.faq details+h5,.faq details+h6{margin-top:4rem}.faq details summary h1,.faq details summary h2,.faq details summary h3,.faq details summary h4,.faq details summary h5,.faq details summary h6{font-size:1.6rem;font-weight:700;margin:0}@media (max-width: 768px){.faq details summary h1,.faq details summary h2,.faq details summary h3,.faq details summary h4,.faq details summary h5,.faq details summary h6{font-size:13px}}.faq details{transform:none;transform-origin:50% 50% 0px;border-radius:16px;border:1px dashed rgb(34,34,34,.2);overflow:hidden}.faq details[open]{border:1px solid rgb(34,34,34,.2)}.faq details[open] summary{background:none}.faq details summary{letter-spacing:.18rem;font-size:1.2rem;background:#f7f7f7;color:rgba(var(--color-foreground),.75);width:100%;overflow:hidden}@media screen and (min-width: 750px){.faq details+h1,.faq details+h2,.faq details+h3,.faq details+h4,.faq details+h5,.faq details+h6{margin-top:6rem}.faq details summary{font-size:1.6rem;font-weight:700}}.faq details summary .block-question{padding:18px 0;margin:0 20px;justify-content:space-between}.faq details[open] summary .block-question{border-bottom:1px dashed rgb(34,34,34,.2)}.faq details summary>span{display:flex;align-items:center}.faq details summary .icon{position:relative;flex:0 0 2rem;width:2rem;height:2rem;border-radius:30%;margin-inline-start:.7rem;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));box-shadow:0 0 0 .1rem #7e7e7e;transition-property:transform,color,background-color;transition-timing-function:ease;transition-duration:var(--duration-default)}.faq details summary .icon:before{width:1rem}.faq details summary .icon:after{height:1rem;transition:height var(--duration-default) ease}.faq details summary~*{margin:4rem 3rem 4rem 5rem}.faq details[open] summary~*{animation:appear-down var(--duration-long) ease}div.faq details[open] summary .block-question{background:#fff}.faq details[open] summary .icon{box-shadow:0 0 0 .1rem rgb(var(--color-button-background));color:rgb(var(--color-button-background));background-color:rgb(var(--color-background));transform:rotate(180deg)}.faq details[open] summary .icon:after{height:0}
/*# sourceMappingURL=/cdn/shop/t/124/assets/section-faq.css.map */
