.faq-section{background-color:var(--section-background)}.faq--colored{padding:5rem 0}.faq{max-width:var(--container-width);display:flex;flex-direction:column}.faq .faq__subheading{color:var(--subheading-color);display:block;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.faq .title-wrapper{flex-direction:column}.faq .title-wrapper.center{align-items:center}.faq .title-wrapper.left{align-items:start}.faq .title-wrapper.right{align-items:end}.faq__item{border-top:1px solid rgb(var(--color-border))}.faq__item:last-child{border-bottom:1px solid rgb(var(--color-border))}.faq__input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.faq__summary{display:flex;align-items:center;justify-content:space-between;padding:20px 0;cursor:pointer;text-transform:uppercase;letter-spacing:.25rem;font-size:1.2rem;color:rgba(var(--color-foreground),.75)}@media screen and (min-width:750px){.faq__summary{font-size:1.3rem}}.faq__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));transition-property:transform,color,background-color;transition-timing-function:ease;transition-duration:var(--duration-default)}@media screen and (hover:hover){.faq__item:hover .faq__summary .icon{transform:rotate(90deg)}}.faq__content-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-default) ease;overflow:hidden}.faq__content{min-height:0}.accordion__content{padding-bottom:2rem;padding-top:1rem}.faq__input:checked~.faq__content-wrapper{grid-template-rows:1fr}.faq__input:checked~.faq__summary .icon{box-shadow:none;color:rgb(var(--color-background));background-color:rgb(var(--color-foreground));transform:rotate(0)}.faq__summary .icon:before{width:35%}.faq__summary .icon:after{height:35%}.faq__input:checked~.faq__summary .icon:after{height:0}.faq .h3{margin-top:0}.faq .h3+.rte{margin-top:-1rem;margin-bottom:3rem}.faq__item+.h3{margin-top:4rem}@media screen and (min-width:750px){.faq__item+.h3{margin-top:6rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-faq.css.map */