.cselect{position:relative;display:block;width:100%}.cselect__native{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.cselect__btn{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.85em 1em;border:1px solid var(--color-border);border-radius:var(--style-border-radius-inputs);background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-body--family);font-size:var(--type-small, .875rem);text-align:start;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.cselect__btn:hover{border-color:var(--color-foreground)}.cselect__btn:focus-visible,.cselect__btn[aria-expanded=true]{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 22%,transparent)}.cselect.is-invalid .cselect__btn{border-color:var(--color-danger)}.cselect__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cselect__value.is-placeholder{color:var(--color-muted)}.cselect__caret{flex:none;transition:transform .25s ease}.cselect__btn[aria-expanded=true] .cselect__caret{transform:rotate(180deg)}.cselect__list{position:absolute;z-index:60;inset-inline:0;top:calc(100% + .35rem);max-height:16rem;margin:0;padding:.35rem;overflow-y:auto;overscroll-behavior:contain;list-style:none;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:1rem;box-shadow:0 14px 34px #00000024}.cselect__list[hidden]{display:none}.cselect--up .cselect__list{top:auto;bottom:calc(100% + .35rem)}.cselect__option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .8rem;border-radius:.65rem;font-size:var(--type-small, .875rem);cursor:pointer}.cselect__option.is-active{background-color:var(--color-surface);color:var(--color-accent)}.cselect__option[aria-disabled=true]{opacity:.45;cursor:not-allowed}.cselect__tick{flex:none;opacity:0;color:var(--color-accent)}.cselect__option[aria-selected=true]{font-weight:600}.cselect__option[aria-selected=true] .cselect__tick{opacity:1}.cselect--compact{width:auto}.cselect--compact .cselect__btn{padding:.25rem .4rem;border:0;background:transparent;box-shadow:none;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}.cselect--compact .cselect__btn:hover{color:var(--color-accent)}.cselect--compact .cselect__list{inset-inline:auto 0;min-width:11rem}@media(prefers-reduced-motion:reduce){.cselect__btn,.cselect__caret{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-custom-select.css.map */