.alphabet-filter{text-align:center}.alphabet-filter__letters{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;transition:all .3s ease}@media (max-width: 749px){.alphabet-filter__letters{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:.5rem 1rem}.alphabet-filter__letters::-webkit-scrollbar{height:4px}.alphabet-filter__letters::-webkit-scrollbar-track{background:#0000001a;border-radius:2px}.alphabet-filter__letters::-webkit-scrollbar-thumb{background:#0000004d;border-radius:2px}.alphabet-filter__letters::-webkit-scrollbar-thumb:hover{background:#00000080}}.alphabet-filter__letters.sticky{position:fixed;top:0;left:0;right:0;z-index:100;background:#fff;padding:1rem;box-shadow:0 2px 10px #0000001a;margin-bottom:0}.alphabet-filter__letter{margin:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid var(--color-foreground);background:transparent;color:var(--color-foreground);font-size:1rem;font-weight:600;text-transform:uppercase;border-radius:50%;cursor:pointer;transition:all .3s ease;text-decoration:none}.alphabet-filter__letter:hover:not(.alphabet-filter__letter--disabled){background:var(--color-foreground);color:var(--color-background);transform:scale(1.1)}.alphabet-filter__letter--active{background:var(--color-foreground);color:var(--color-background);transform:scale(1.1)}.alphabet-filter__letter--disabled{opacity:.3;text-decoration:line-through;cursor:not-allowed;border-color:var(--color-foreground, #ccc);color:var(--color-foreground, #ccc)}.alphabet-filter__letter--disabled:hover{background:transparent;color:var(--color-foreground, #ccc);transform:none}.alphabet-filter__actions{display:flex;justify-content:center;margin-top:1rem}.alphabet-filter__show-all{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:2px solid var(--color-foreground);background:transparent;color:var(--color-foreground);font-size:.875rem;font-weight:600;text-transform:uppercase;border-radius:25px;cursor:pointer;transition:all .3s ease;text-decoration:none}.alphabet-filter__show-all:hover{background:var(--color-foreground);color:var(--color-background);transform:translateY(-2px)}.alphabet-filter__show-all.alphabet-filter__letter--active{background:var(--color-foreground);color:var(--color-background)}@media (max-width: 749px){.alphabet-filter__letters{gap:.5rem}.alphabet-filter__letter{width:35px;height:35px;font-size:.875rem;flex-shrink:0}.alphabet-filter__show-all{padding:.5rem 1rem;font-size:.75rem;flex-shrink:0}}@media (min-width: 750px) and (max-width: 989px){.alphabet-filter__letters{gap:.375rem}.alphabet-filter__letter{width:38px;height:38px}}@media (min-width: 990px){.alphabet-filter__letters{gap:.5rem}.alphabet-filter__letter{width:40px;height:40px}}.alphabet-filter__container.scroll-trigger{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.alphabet-filter__container.scroll-trigger.animate--slide-in{opacity:1;transform:translateY(0)}.alphabet-filter__letter:focus-visible,.alphabet-filter__show-all:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}@media (prefers-contrast: high){.alphabet-filter__letter--disabled,.alphabet-filter__letter--disabled:hover{opacity:.5}}
/*# sourceMappingURL=/cdn/shop/t/168/assets/section-alphabet-filter.css.map */