.faq--colored{padding-top:5rem;padding-bottom:5rem;background-color:rgba(var(--color-foreground),.06)}.faq accordion-tab{display:block}.faq accordion-tab+accordion-tab{margin-top:2rem}.faq .h3{margin-top:0}.faq .h3+.rte{margin-top:-1rem;margin-bottom:3rem}.faq accordion-tab+.h3{margin-top:4rem}@media screen and (min-width: 750px){.faq accordion-tab+.h3{margin-top:6rem}}.faq details summary{text-transform:uppercase;letter-spacing:.25rem;font-size:1.4rem;color:rgba(var(--color-foreground),.75)}@media screen and (min-width: 750px){.faq details summary{font-size:1.4rem}}.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~*{padding-top:1rem;padding-bottom:2rem}.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}.faq accordion-tab{margin-top:0;margin-bottom:-1px;padding:6px 0;border:1px solid rgba(var(--color-foreground));border-left:0;border-right:0}.faq accordion-tab+accordion-tab{margin-top:0}.faq details summary{letter-spacing:unset;color:rgba(var(--color-foreground))}.faq details summary>span{justify-content:space-between;row-gap:1.5rem}.faq details summary .icon{margin-inline-end:0}.faq details summary .icon.icon-arrow-down{width:12px;height:auto;box-shadow:unset;border-radius:0;flex:unset}.faq details summary .icon.icon-arrow-down svg{width:100%;height:auto;box-shadow:unset}.faq details[open] summary .icon{transform:unset;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background))}.faq details[open] summary .icon svg{transform:rotate(180deg)}.faq details summary~*{padding-right:3rem}.faq .title-wrapper .title{font-style:italic}.faq .h3{font-style:italic;letter-spacing:0px}@media screen and (hover: hover){.faq details:not([open]) summary:hover .icon{transform:unset}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-faq.css.map */