.faq-section{margin:50px 0}.faq-section h3{font-size:1.8rem;margin-bottom:2rem;text-align:center}.faq-section .tab{position:relative;margin-bottom:1px;width:100%;overflow:hidden}.faq-section .tab input{position:absolute;opacity:0;z-index:-1}.faq-section .tab__label{position:relative;display:block;padding:1em 1em 1em 1.5em;line-height:1.5;cursor:pointer;font-weight:600;border-bottom:1px solid rgba(var(--color-foreground),.1)}.faq-section .tab__label:hover{background:rgba(var(--color-foreground),.04)}.faq-section .tab__label:after{position:absolute;right:1em;top:50%;transform:translateY(-50%);width:1em;height:1em;text-align:center;transition:all .35s;content:"+";font-size:1.5em;font-weight:400}.faq-section .tab input:checked+.tab__label:after{transform:translateY(-50%) rotate(45deg)}.faq-section .tab__content{max-height:0;padding:0 1.5em;color:rgba(var(--color-foreground),.75);background:rgba(var(--color-foreground),.02);transition:all .35s;overflow:hidden}.faq-section .tab input:checked~.tab__content{max-height:100vh;padding:1.5em}@media screen and (min-width: 750px){.faq-section{margin:70px 0}.faq-section h3{font-size:2rem}.faq-section .tab__label{padding:1.2em 1.2em 1.2em 1.5em}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-faq-accordion.css.map */