:root{--faq-chroxel-gap: 3rem;--faq-chroxel-icon-size: 2.2rem}.faq-chroxel{display:grid;grid-template-columns:1fr;gap:var(--faq-chroxel-gap)}.faq-chroxel__header{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem}.faq-chroxel__heading{margin:0;line-height:1.05;max-width:28rem}.faq-chroxel__subheading{margin:0;font-size:1.6rem;color:rgba(var(--color-foreground),.75)}.faq-chroxel__content{display:flex;flex-direction:column}.faq-chroxel__item{border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.faq-chroxel__item:first-child{border-top:.1rem solid rgba(var(--color-foreground),.08)}.faq-chroxel__details{overflow:hidden}.faq-chroxel__summary{display:flex;align-items:center;gap:2rem;padding:2rem 0;cursor:pointer;list-style:none}.faq-chroxel__summary::-webkit-details-marker{display:none}.faq-chroxel__question{font-size:1.6rem;font-weight:500;line-height:1.4;color:rgb(var(--color-foreground))}.faq-chroxel__icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--faq-chroxel-icon-size);height:var(--faq-chroxel-icon-size);margin-right:.4rem;transition:transform .25s ease}.faq-chroxel__icon-wrapper svg{width:100%;height:100%;fill:rgb(var(--color-foreground))}.faq-chroxel__icon-wrapper--plus{border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.15);padding:.5rem}.faq-chroxel__icon-wrapper--plus svg{width:1.1rem;height:1.1rem;opacity:.75}.faq-chroxel__details.is-open .faq-chroxel__icon-wrapper--chevron{transform:rotate(180deg)}.faq-chroxel__details.is-open .faq-chroxel__icon-wrapper--arrow{transform:rotate(90deg)}.faq-chroxel__answer{overflow:hidden;max-height:0;transition:max-height .25s ease-out}.faq-chroxel__details.is-open .faq-chroxel__answer{max-height:1500px;transition:max-height .3s ease-in}.faq-chroxel__answer-inner{padding-bottom:2rem;padding-right:4rem;color:rgba(var(--color-foreground),.85)}@media screen and (min-width:750px){:root{--faq-chroxel-gap: 4rem}.faq-chroxel{grid-template-columns:.9fr 1.1fr}.faq-chroxel__question{font-size:1.7rem}}@media screen and (min-width:990px){:root{--faq-chroxel-gap: 6rem}.faq-chroxel{grid-template-columns:.8fr 1.2fr}.faq-chroxel__heading{font-size:calc(var(--font-heading-scale) * 4rem)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-faq-chroxel.css.map */