.faq-categories{padding-top:var(--faq-categories-padding-top, 40px);padding-bottom:var(--faq-categories-padding-bottom, 40px);background-color:var(--color-background);color:var(--color-text);overflow-x:hidden;overflow-y:initial}.faq-categories__container{display:flex;flex-direction:column;gap:1.125rem}@media (min-width: 768px){.faq-categories__container{gap:2rem}}.faq-categories__header{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.faq-categories__header{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem;padding:8px 0}}.faq-categories__filter-slider{width:100%;overflow:visible}.faq-categories__filter-slider .splide__track{overflow:visible}@media (min-width: 768px){.faq-categories__filter-slider{overflow:visible}.faq-categories__filter-slider .splide__list{display:flex!important;flex-wrap:wrap!important;gap:.5rem!important}}.faq-categories__filter-pill{display:inline-flex;font-family:var(--typeHeaderPrimary);align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;line-height:1.2;color:var(--color-foreground);background-color:var(--color-background);border:1px solid var(--color-border-extra-light);border-radius:9999px;cursor:pointer;transition:all .2s ease;white-space:nowrap}@media screen and (max-width: 767px){.faq-categories__filter-pill:hover{border-color:transparent}}.faq-categories__filter-pill:hover{border-color:var(--color-foreground)}.faq-categories__filter-pill:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.faq-categories__filter-pill--active{background-color:var(--color-foreground);color:var(--color-background);border-color:var(--color-foreground)}@media (min-width: 1100px){.faq-categories__filter-pill{padding:1rem 1.5rem}}.faq-categories__search-wrapper{position:relative;width:100%}@media (min-width: 768px){.faq-categories__search-wrapper{width:100%;max-width:408px;flex-shrink:0}}.faq-categories__search{position:relative;display:flex;align-items:center}.faq-categories__search-input{width:100%;padding-right:48px}.faq-categories__search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--color-text);pointer-events:none}.faq-categories__search-results{position:absolute;top:calc(100% + .5rem);left:0;right:0;background-color:var(--color-background);border:1px solid var(--color-border, #e0e0e0);border-radius:.75rem;box-shadow:0 10px 10px #0000001a;z-index:100;max-height:320px;overflow-y:auto}.faq-categories__search-results[hidden]{display:none}.faq-categories__search-results-inner{padding:.5rem}.faq-categories__search-result{display:block;width:100%;padding:.75rem 1rem;margin:.25rem 0;font-size:.875rem;line-height:1.5;color:var(--color-foreground);text-align:left;background-color:transparent;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .15s ease}.faq-categories__search-result:first-child{margin-top:0}.faq-categories__search-result:last-child{margin-bottom:0}.faq-categories__search-result:hover{background-color:var(--color-card-background, #f5f5f5)}.faq-categories__search-result--focused{outline:2px solid var(--color-focus, #000)}.faq-categories__search-result--category{font-weight:600}.faq-categories__search-result-category{display:block;font-size:.75rem;color:var(--color-foreground-muted, #6b7280);margin-top:.25rem}.faq-categories__search-no-results{padding:1rem;text-align:center;color:var(--color-foreground-muted, #6b7280);font-size:.875rem}.faq-categories__grid{display:flex;flex-direction:column;gap:2rem;transition:all .3s ease}.faq-categories__category-group{display:flex;flex-direction:column;gap:.75rem;opacity:1;transform:translateY(0);transition:opacity .25s ease,transform .25s ease;overflow:hidden}.faq-categories__category-group[hidden]{display:none}.faq-categories__category-group--hiding{opacity:0;transform:translateY(-10px);pointer-events:none}.faq-categories__category-group--showing{animation:fadeInUp .35s ease forwards}.faq-categories__category-title{font-weight:700;line-height:1.3;color:var(--color-foreground);margin:0;font-size:clamp(1.375rem,calc(1.0669rem + 1.3146vw),2.25rem)}@media (min-width: 768px){.faq-categories__category-group{display:flex;flex-direction:column;gap:1rem}}.faq-categories__category-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;transition:all .25s ease}@media (min-width: 768px){.faq-categories__category-cards{grid-template-columns:repeat(3,1fr);gap:8px}}@media (min-width: 1024px){.faq-categories__category-cards{grid-template-columns:repeat(5,1fr);gap:8px}}.faq-categories__card{display:flex;opacity:1;transform:translateY(0);transition:opacity .25s ease,transform .25s ease}.faq-categories__card[hidden]{display:none}.faq-categories__card--hiding{opacity:0;transform:translateY(-10px);pointer-events:none}.faq-categories__card--showing{animation:fadeInUp .35s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.faq-categories__card-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:150px;padding:1rem;text-align:center;background-color:var(--color-background);border:1px solid var(--color-border, #e0e0e0);border-radius:var(--radius-primary);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;letter-spacing:normal}.faq-categories__card-button:hover{border-color:var(--color-foreground);box-shadow:inset 0 0 10px #0000001a}.faq-categories__card-button:focus{outline:none;border-color:var(--color-foreground)}.faq-categories__card-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (min-width: 768px){.faq-categories__card-button{min-height:160px;padding:2rem 1.25rem}}.faq-categories__card-title{font-size:1rem;font-weight:700;line-height:1.2;color:var(--color-foreground);margin-bottom:1rem;letter-spacing:normal;text-transform:none}@media (min-width: 768px){.faq-categories__card-title{font-size:1.125rem}}.faq-categories__card-count{font-size:.75rem;font-weight:500;letter-spacing:normal;color:var(--color-text-subtle, #4d4d4d);text-transform:uppercase}.faq-categories__card-items[hidden]{display:none}.faq-categories__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.faq-categories__modal[hidden]{display:none}.faq-categories__modal.is-active{opacity:1;visibility:visible}.faq-categories__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0009;cursor:pointer}.faq-categories__modal-container{position:relative;width:100%;max-width:100%;height:100%;background-color:var(--color-background, #fff);overflow:hidden;display:flex;flex-direction:column;transform:translateY(20px);transition:transform .3s ease}.faq-categories__modal.is-active .faq-categories__modal-container{transform:translateY(0)}.faq-categories__modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1rem;flex-shrink:0}@media (min-width: 768px){.faq-categories__modal-header{padding:2rem 3rem 1.25rem}.faq-categories__modal-container{position:relative;width:100%;max-width:960px;height:auto;max-height:90vh;margin:1rem;background-color:var(--color-background, #fff);border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;transform:translateY(20px);transition:transform .3s ease}}.faq-categories__modal-title{margin:0;max-width:90%}.faq-categories__modal-close{display:flex;position:absolute;top:8px;right:8px;align-items:center;justify-content:center;cursor:pointer}.faq-categories__modal-scroll-area{flex:1;overflow-y:auto;display:flex;flex-direction:column}.faq-categories__modal-content{padding:.5rem 1rem 1.25rem;display:flex;flex-direction:column;gap:10px}@media (min-width: 768px){.faq-categories__modal-content{padding:.5rem 3rem 3rem}.faq-categories__modal-content+.faq-categories__modal-footer{padding-top:0}}.faq-categories__modal-footer{padding:1.25rem 1rem 1rem;margin-top:auto}.faq-categories__modal-footer[hidden]{display:none}@media (min-width: 768px){.faq-categories__modal-footer{padding:3rem;padding-top:0;padding-bottom:3rem}}.faq-categories__related-topics{display:flex;flex-direction:column}.faq-categories__related-topics-title{font-weight:700;line-height:1.3;color:var(--color-foreground);margin:0;font-size:clamp(1.375rem,calc(1.0669rem + 1.3146vw),2.25rem);margin-bottom:.5rem}.faq-categories__related-topics-grid{display:grid;grid-template-columns:1fr;gap:8px}@media (min-width: 768px){.faq-categories__related-topics-grid{grid-template-columns:repeat(3,1fr)}}.faq-categories__related-topic-button{min-height:120px}@media (min-width: 768px){.faq-categories__related-topic-button{min-height:140px}}.faq-categories__faq-item{display:block}.faq-categories__no-items{padding:2rem 1rem;text-align:center;color:var(--color-foreground-muted, #6b7280)}.faq-categories__faq-item .component-accordion-item{border-width:1px}#upezCart{visibility:hidden}#upezCart:has([cart-open=true]){visibility:visible}
/*# sourceMappingURL=/cdn/shop/t/385/assets/section-faq-categories.css.map */