.faq--colored{padding-top:5rem;padding-bottom:5rem;background-color:rgba(var(--color-foreground),.08)}.faq details+details{margin-top:2rem}.faq h3{margin-top:0}.faq h3+.rte{margin-top:-1rem;margin-bottom:3rem}.faq details+h3{margin-top:4rem}@media screen and (min-width: 750px){.faq details+h3{margin-top:6rem}}.faq details summary{text-transform:uppercase;letter-spacing:.25rem;font-size:1.2rem;color:rgba(var(--color-foreground),.75)}@media screen and (min-width: 750px){.faq details summary{font-size:1.3rem}}.faq details summary>span{display:flex;align-items:center}.faq details summary .icon{position:relative;flex:0 0 3.4rem;width:3.4rem;height:3.4rem;border-radius:50%;margin-inline-end:1.5rem;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));box-shadow:0 0 0 .1rem rgb(var(--color-border));transition-property:transform,color,background-color;transition-timing-function:ease;transition-duration:var(--duration-default)}.faq details summary .icon:before{width:1.2rem}.faq details summary .icon:after{height:1.2rem;transition:height var(--duration-default) ease}@media screen and (hover: hover){.faq details:not([open]) summary:hover .icon{transform:rotate(90deg)}}.faq details summary~*{margin-top:1rem;margin-bottom:4rem}.faq details[open] summary~*{animation:appear-down var(--duration-long) ease}.faq details[open] summary .icon{box-shadow:none;color:rgb(var(--color-background));background-color:rgb(var(--color-foreground))}.faq details[open] summary .icon:after{height:0}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-faq.css.map */