.accordions{--faq-side-padding: var(--faq-desktop-padding, 5rem);padding:4rem 0 6.4rem}.accordions .faq-container{padding-inline:var(--faq-side-padding)}.accordions .section__heading{margin-block-end:calc(var(--section-spacing-unit-size) * 2.25)}.accordions .section__heading:last-child{margin-block-end:0}.accordions .faq-content,.accordions .faq-navigation,.accordions .faq-navigation__inner{min-width:0}.accordions .faq-content{width:100%}.accordions .faq-layout{display:grid;width:100%;grid-template-columns:minmax(0,1fr);gap:3.2rem;align-items:start}.accordions .faq-navigation__inner{padding-block-start:2rem;border-block-start:.1rem solid rgba(var(--color-border),var(--alpha-border))}.accordions .faq-navigation__heading{margin:0 0 1.2rem}.accordions .faq-navigation__text{margin:0 0 1.6rem;color:rgba(var(--color-foreground),.75);font-size:calc(var(--font-body-scale) * var(--font-size-static-md));line-height:1.5}.accordions .faq-navigation__links{display:flex;flex-wrap:wrap;gap:.8rem;padding:0;margin:0;list-style:none}.accordions .faq-navigation__links li{max-width:100%;margin:0}.accordions .faq-navigation__link{display:flex;align-items:center;min-height:4.4rem;padding:1rem 1.6rem;border:.1rem solid transparent;border-radius:.8rem;background:rgba(var(--color-foreground),.05);color:rgb(var(--color-foreground));font-size:calc(var(--font-body-scale) * var(--font-size-static-lg));line-height:1.4;text-decoration:none;overflow-wrap:anywhere;transition:background-color var(--duration-default),border-color var(--duration-default)}.accordions .faq-navigation__link[aria-current=location]{background:rgba(var(--color-foreground),.1);border-color:rgba(var(--color-foreground),.3)}.accordions .faq-navigation__link:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.accordions [data-faq-heading],.accordions .accordion__button{scroll-margin-block-start:2.4rem;overflow-wrap:anywhere}.accordions .accordion__button{min-height:4.4rem;gap:1.6rem}.accordions .accordion__button-text{min-width:0}.accordions .accordion__icon{flex-shrink:0}@media(hover:hover){.accordions .faq-navigation__link:hover{background:rgba(var(--color-foreground),.1);border-color:rgba(var(--color-foreground),.3)}}@media screen and (max-width:749px){.accordions{--faq-side-padding: var(--faq-mobile-padding, 1.6rem)}.accordions .faq-layout{gap:2.4rem}.accordions .faq-navigation__links{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:.6rem;scrollbar-width:thin;padding:.6rem;margin:-.6rem;margin-inline:calc(-1*min(.6rem,var(--faq-side-padding)))}.accordions .faq-navigation__links li{flex:0 0 auto;max-width:none;scroll-snap-align:start}.accordions .faq-navigation__link{padding:.8rem 1.2rem;font-size:calc(var(--font-body-scale) * var(--font-size-static-md));white-space:nowrap}}@media screen and (min-width:990px){.accordions .faq-layout--sidebar{grid-template-columns:minmax(0,1fr) minmax(0,3fr);column-gap:clamp(3.2rem,4vw,6.4rem)}.accordions .faq-layout--sidebar .faq-navigation{position:sticky;top:calc(var(--header-height, 0px) + 2.4rem)}.accordions .faq-layout--sidebar .faq-navigation__inner{max-height:calc(100svh - var(--header-height, 0px) - 4.8rem);overflow-y:auto;padding:2rem .4rem .4rem}}@media(prefers-reduced-motion:reduce){.accordions .faq-navigation__link{transition:none}}.accordion__button{display:flex;align-items:center;justify-content:space-between;text-decoration:underline solid transparent .1rem;text-underline-offset:.3rem;transition:text-decoration-color var(--duration-default);letter-spacing:var(--font-heading-letter-spacing);padding-block:.2rem;font-size:calc(var(--font-heading-scale) * 1.6rem)}.accordion__button span{display:flex;align-items:center;gap:.8rem}.accordion__button svg{width:var(--font-heading-scale) * 1.6rem;aspect-ratio:1/1}.accordion__section{padding:2.8rem 0;border-block-end:.1rem solid rgba(var(--color-border),var(--alpha-border))}.accordion__section:first-child{padding-block-start:0}.accordion__section:last-child{padding-block-end:0;border-block-end:none}.accordion__icon{margin-inline-start:1.6rem;pointer-events:none}.accordion__body-inner{padding-block-start:2.4rem}.accordion__body p{margin:0 0 1.6rem;color:rgba(var(--color-foreground),.75)}.accordion__body p:last-child{margin-block-end:0}@media(hover:hover){.accordion__button:hover{text-decoration-color:currentColor}}@media screen and (min-width:990px){.accordion__icon{margin-inline-start:3.2rem}.accordions{padding:6.4rem 0 calc(var(--section-spacing-unit-size) * 2)}.accordion__body p{margin-block-end:3rem}.accordion__section{padding:3.2rem 0}}.accordions .faq-content>.section__heading{margin-block-end:2.4rem}.accordions .faq-content>.faq-heading--highlighted{padding:1.6rem 2.2rem;border-inline-start:.2rem solid rgba(var(--color-foreground),.2);background:rgba(var(--color-foreground),.025)}.accordions .faq-content>.accordion{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:1.2rem}.accordions .accordion__section{width:100%;min-width:0;padding:0;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:.8rem;background:transparent;transition:background-color var(--duration-default),border-color var(--duration-default)}.accordions .accordion__button{padding:2rem 2.4rem;border-radius:.7rem;color:rgba(var(--color-foreground),.82);text-decoration:none;transition:background-color var(--duration-default),color var(--duration-default)}.accordions .accordion__button-text{font-weight:var(--font-body-weight-bold, 700)}.accordions .accordion__icon{display:grid;place-items:center;width:3.2rem;height:3.2rem;margin-inline-start:0;border:.1rem solid rgba(var(--color-foreground),.08);border-radius:50%;background:rgba(var(--color-foreground),.035);color:rgba(var(--color-foreground),.7);transition:background-color var(--duration-default),color var(--duration-default),border-color var(--duration-default)}.accordions .accordion__icon svg{width:1.6rem;height:1.6rem}.accordions .accordion__section[open]{border-color:rgba(var(--color-foreground),.18);background:rgba(var(--color-foreground),.035)}.accordions .accordion__section[open]>.accordion__button{border-end-start-radius:0;border-end-end-radius:0;background:rgba(var(--color-foreground),.025);color:rgb(var(--color-foreground))}.accordions .accordion__section[open] .accordion__icon{border-color:rgba(var(--color-foreground),.16);background:rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground))}.accordions .accordion__body-inner{max-width:88ch;padding:.8rem 2.4rem 2.4rem}.accordions .accordion__body p{margin-block-end:2rem;color:rgba(var(--color-foreground),.78)}.accordions .accordion__body p:last-child{margin-block-end:0}@media(hover:hover){.accordions .accordion__section:hover{border-color:rgba(var(--color-foreground),.2)}.accordions .accordion__button:hover{background:rgba(var(--color-foreground),.045);color:rgb(var(--color-foreground))}.accordions .accordion__section[open]>.accordion__button:hover{background:rgba(var(--color-foreground),.055)}.accordions .accordion__button:hover .accordion__icon{background:rgba(var(--color-foreground),.12);color:rgb(var(--color-foreground))}}.accordions .accordion__button:focus-visible{background:rgba(var(--color-foreground),.045);color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.accordions .faq-content>.section__heading{margin-block-end:1.6rem}.accordions .faq-content>.faq-heading--highlighted{padding:1.4rem}.accordions .faq-content>.accordion{gap:.8rem}.accordions .accordion__button{padding:1.6rem;gap:1.2rem}.accordions .accordion__body-inner{padding:.8rem 1.6rem 1.6rem}.accordions .accordion__body p{margin-block-end:1.6rem}.accordions .accordion__body p:last-child{margin-block-end:0}}@media(prefers-reduced-motion:reduce){.accordions .accordion__section,.accordions .accordion__button,.accordions .accordion__icon{transition:none}}.product__accordion{padding-block:var(--spacing-5);border-block-end:1px solid rgba(var(--color-border),var(--alpha-border))}.product__accordion .accordion__button span svg{width:2rem;height:2rem}.product__accordion .accordion__icon{position:relative;display:flex;align-items:center;justify-content:center;margin-inline-end:1.2rem}.product__accordion .accordion__icon>svg{position:absolute}.product__accordion .accordion__icon>svg:last-child{transform:rotate(90deg)}.product__accordion .accordion__section.is-active .accordion__icon>svg:last-child{transform:rotate(180deg)}.product__accordion .accordion__body p{color:rgb(var(--color-foreground))}.product__accordion summary:hover{cursor:pointer}.product__accordion .accordion__body-inner{padding-inline-end:6.4rem}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-accordions.css.map */
