@layer components{.collection-sort{align-items:center;display:flex;gap:.75rem;margin-inline-start:auto}.collection-sort__label{color:var(--color-foreground);font-size:var(--paragraph-size-mobile);line-height:var(--paragraph-line-height);margin:0;white-space:nowrap}.collection-sort__switcher{position:relative;display:flex;align-items:center;font-family:var(--font-body-family)}.collection-sort__trigger{display:flex;align-items:center;gap:.5rem;min-height:2.25rem;padding:.35rem 1rem;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:2rem;background:var(--color-background);color:inherit;font-family:inherit;font-size:var(--paragraph-size-mobile);font-weight:var(--paragraph-font-weight);line-height:1.4;cursor:pointer}.collection-sort__trigger-text{color:var(--color-foreground);font-size:inherit}.collection-sort__chevron{display:flex;inline-size:.625rem;block-size:.375rem;flex-shrink:0;transition:rotate var(--transition-base)}.collection-sort__trigger[aria-expanded=true] .collection-sort__chevron{rotate:180deg}.collection-sort__panel{min-inline-size:12rem;max-height:min(50vh,28rem);margin:0;padding:.5rem 0;list-style:none;overflow-y:auto;overscroll-behavior:contain;background-color:var(--color-background);border-radius:var(--border-radius-lg);box-shadow:0 8px 24px #00000029}.collection-sort__option{display:flex;align-items:center;inline-size:100%;padding:.625rem 1rem;border:none;background:none;font-family:inherit;font-size:var(--paragraph-size-mobile);line-height:1.4;text-align:start;color:var(--color-foreground-secondary);cursor:pointer}.collection-sort__option-text{color:inherit;font-size:inherit}.collection-sort__option:hover:not([aria-current=true]){color:var(--color-foreground)}.collection-sort__option[aria-current=true]{color:var(--color-foreground)}.collection-sort__option[aria-current=true] .collection-sort__option-text{text-decoration:underline;text-underline-offset:.3rem}@media(min-width:640px)and (max-width:879px){.collection-sort__label,.collection-sort__trigger,.collection-sort__option{font-size:var(--paragraph-size-tablet)}}@media(min-width:880px){.collection-sort__label,.collection-sort__trigger,.collection-sort__option{font-size:var(--paragraph-size-desktop)}}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/snippet-collection-sort-styles.css.map */