hs-select{position:relative;display:block}hs-select select{width:100%;min-height:2.75rem;padding-inline:var(--space-xs) var(--space-xl);border:var(--hairline) solid var(--color-border, var(--hs-hairline));border-radius:var(--radius-none);background:none;color:var(--color-foreground, var(--hs-ink));font-family:var(--font-body);font-size:var(--text-sm);-webkit-appearance:none;appearance:none;cursor:pointer}hs-select:after{content:"";position:absolute;inset-block-start:50%;inset-inline-end:var(--space-sm);width:.5rem;height:.5rem;margin-block-start:-.35rem;border-inline-end:1.4px solid var(--color-foreground-muted, var(--hs-text-muted));border-block-end:1.4px solid var(--color-foreground-muted, var(--hs-text-muted));transform:rotate(45deg);pointer-events:none}.hsel__button,.hsel__list{display:none}@media screen and (min-width:48rem){hs-select[data-mode=custom] select{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;visibility:hidden}hs-select[data-mode=custom]:after{display:none}hs-select[data-mode=custom] .hsel__button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);width:100%;min-height:2.75rem;padding-inline:var(--space-xs) var(--space-xs);border:var(--hairline) solid var(--color-border, var(--hs-hairline));background:var(--color-background, var(--hs-white));color:var(--color-foreground, var(--hs-ink));font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-ui);text-align:start;cursor:pointer;transition:border-color var(--dur-fast) var(--ease)}hs-select[data-mode=custom] .hsel__button:hover,hs-select[data-open] .hsel__button{border-color:var(--color-foreground, var(--hs-ink))}.hsel__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hsel__chevron{display:inline-flex;flex:none;color:var(--color-foreground-muted, var(--hs-text-muted));transition:transform var(--dur-fast) var(--ease)}hs-select[data-open] .hsel__chevron{transform:rotate(180deg)}hs-select[data-mode=custom] .hsel__list{position:absolute;z-index:var(--z-dropdown, 40);inset-inline-start:0;display:grid;min-width:100%;max-height:17.5rem;padding:var(--space-3xs) 0;border:var(--hairline) solid var(--color-border, var(--hs-hairline));background-color:var(--color-background, var(--hs-white));overflow-y:auto;overscroll-behavior:contain}hs-select[data-drop=down] .hsel__list{inset-block-start:calc(100% - 1px)}hs-select[data-drop=up] .hsel__list{inset-block-end:calc(100% - 1px)}hs-select[data-mode=custom] .hsel__list[hidden]{display:none}@media(prefers-reduced-motion:no-preference){hs-select[data-open] .hsel__list{animation:hsel-in var(--dur-fast) var(--ease)}@keyframes hsel-in{0%{opacity:0;transform:translateY(-.25rem)}}}.hsel__option{display:block;width:100%;min-height:2.75rem;padding:var(--space-2xs) var(--space-sm);border:0;background:none;color:var(--color-foreground, var(--hs-ink));font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-ui);text-align:start;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-soft)}.hsel__option:hover,.hsel__option:focus-visible{background-color:var(--hs-mist);outline:none}.hsel__option[aria-selected=true]{font-weight:var(--weight-medium)}.hsel__option[disabled]{opacity:.4;cursor:not-allowed}hs-select[data-mode=custom] select:focus-visible+.hsel__button,.hsel__button:focus-visible{outline:2px solid var(--color-focus, var(--hs-emerald));outline-offset:2px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/hs-select.css.map */