.faq-categories__nav{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:0;margin-bottom:3.2rem;border-bottom:1px solid rgba(var(--color-foreground),.15);-webkit-overflow-scrolling:touch;scrollbar-width:none}.faq-categories__nav::-webkit-scrollbar{display:none}.faq-categories__pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.2rem .9rem .8rem;border-radius:0;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;cursor:pointer;font-size:1.4rem;font-weight:500;color:rgba(var(--color-foreground),.65);transition:color .15s ease,border-color .15s ease;white-space:nowrap}.faq-categories__pill-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;flex-shrink:0;background-color:rgb(var(--color-link));color:#fff}.faq-categories__pill-icon svg{display:block;width:1.2rem;height:1.2rem}.faq-categories__pill-label{flex:0 0 auto}.faq-categories__pill--active{color:rgb(var(--color-link));border-bottom-color:rgb(var(--color-link))}.faq-categories__pill:not(.faq-categories__pill--active):hover{color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}.faq-categories__pill:focus-visible{outline:.2rem solid rgb(var(--color-link));outline-offset:.2rem}.faq-categories__empty{padding:2rem 0;color:rgba(var(--color-foreground),.5);font-size:1.4rem}.faq__category-header{display:flex;align-items:center;gap:1.2rem;padding:3.2rem 0 1.2rem;list-style:none;border:none}.faq__category-header:first-child{padding-top:0}.faq__category-header-icon{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:.8rem;flex-shrink:0;background-color:rgba(var(--color-link),.1);color:rgb(var(--color-link))}.faq__category-header-icon svg{display:block;width:1.8rem;height:1.8rem}.faq__category-header-text{display:flex;flex-direction:column;gap:.2rem}.faq__category-header-label{font-size:1.8rem;font-weight:600;color:rgb(var(--color-foreground));line-height:1.3}.faq__category-header-desc{font-size:1.4rem;font-weight:400;color:rgba(var(--color-foreground),.6);line-height:1.4}@media screen and (min-width:750px){.faq-categories__nav{margin-bottom:4rem}}@keyframes faqFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.faq__item:not([hidden]),.faq__category-header:not([hidden]){animation:faqFadeIn .18s ease}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-faq-categories.css.map */