select-field{position:relative;display:block}select-field .select-field__trigger{position:relative;display:flex;align-items:center;width:100%;padding:1rem .75rem;border:.0625rem solid #bfbfbf;border:.0625rem solid var(--color-border-inactive, #bfbfbf);background-color:var(--color-white);cursor:pointer;transition:border-color .2s ease}select-field .select-field__trigger:hover:not(:disabled){border-color:#757575;border-color:var(--color-border-secondary, #757575)}select-field .select-field__trigger[aria-expanded=true]{border-color:#757575;border-color:var(--color-border-secondary, #757575)}select-field .select-field__trigger:focus-visible{outline:.125rem solid var(--color-outline);outline-offset:.125rem}select-field .select-field__trigger:disabled{border-color:#bfbfbf;border-color:var(--color-border-inactive, #bfbfbf);cursor:not-allowed}select-field .select-field__trigger svg{flex-shrink:0;width:var(--icon-m);height:var(--icon-m);margin-left:auto;transition:transform .2s ease}select-field .select-field__trigger[aria-expanded=true] svg{transform:rotate(180deg)}select-field .select-field__value{font-size:var(--text-xs);font-weight:var(--font-weight-normal);line-height:1.36;letter-spacing:var(--tracking-normal);color:var(--color-foreground);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@container style(--max-md: true){select-field .select-field__value{font-size:var(--text-xs);letter-spacing:var(--tracking-normal)}}select-field .select-field__label{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:var(--text-xs);font-weight:var(--font-weight-normal);line-height:1.6;letter-spacing:var(--tracking-normal);color:#757575;color:var(--color-disabled, #757575);pointer-events:none;transition:all .15s ease;background-color:transparent;padding:0}@container style(--max-md: true){select-field .select-field__label{font-size:var(--text-xs);letter-spacing:var(--tracking-normal)}}select-field[data-has-value] .select-field__label{top:0;transform:translateY(-50%);left:.625rem;font-size:var(--text-3xs);line-height:1.2;letter-spacing:.025rem;color:var(--color-text-secondary);background-color:var(--color-white);padding:0 .125rem}select-field:not([data-has-value]) .select-field__value{visibility:hidden}select-field[data-disabled] .select-field__label{color:var(--color-disabled)}select-field .select-field__list{position:absolute;top:100%;left:0;right:0;z-index:var(--z-index-dropdown);max-height:23.4375rem;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:var(--color-disabled) transparent;padding:var(--spacing-s) 0;margin:-.0625rem 0 0;list-style:none;background-color:var(--color-white);border:.0625rem solid #757575;border:.0625rem solid var(--color-border-secondary, #757575)}@container style(--min-md: true){select-field .select-field__list{max-height:30rem;padding:var(--spacing-m) 0}}select-field .select-field__list[hidden]{display:none}select-field .select-field__list::-webkit-scrollbar{width:var(--spacing-2xs)}select-field .select-field__list::-webkit-scrollbar-track{background:transparent}select-field .select-field__list::-webkit-scrollbar-thumb{background-color:var(--color-disabled);border-radius:6.25rem}select-field .select-field__item{display:flex;align-items:center;padding:var(--spacing-s) var(--spacing-xl);font-size:var(--text-xs);font-weight:var(--font-weight-normal);line-height:1.36;color:var(--color-foreground);text-transform:uppercase;cursor:pointer}@container style(--max-md: true){select-field .select-field__item{font-size:var(--text-2xs);padding:var(--spacing-s) var(--spacing-l)}}select-field .select-field__item[hidden]{display:none}select-field .select-field__item:hover{background-color:var(--color-neutral-lightest)}select-field .select-field__item:focus-visible{background-color:var(--color-neutral-lightest);outline:.125rem solid var(--color-outline);outline-offset:-.125rem}select-field .select-field__item.is-selected{font-weight:var(--font-weight-bold)}select-field[data-variant=inline]{display:inline-flex}select-field[data-variant=inline] .select-field__trigger{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:0;border:none;background:none}select-field[data-variant=inline] .select-field__trigger:hover:not(:disabled){border-color:transparent;opacity:.7}select-field[data-variant=inline] .select-field__trigger[aria-expanded=true]{border-color:transparent}select-field[data-variant=inline] .select-field__trigger svg{width:var(--icon-s);height:var(--icon-s);margin-left:0}select-field[data-variant=inline] .select-field__label{order:-1;position:static;transform:none;font-size:var(--text-3xs);font-weight:var(--font-weight-normal);line-height:1.6;letter-spacing:0;color:var(--color-foreground);text-transform:uppercase;background-color:transparent;padding:0;white-space:nowrap}select-field[data-variant=inline] .select-field__label:after{content:":\a0"}select-field[data-variant=inline][data-has-value] .select-field__label{position:static;transform:none;font-size:var(--text-3xs);line-height:1.6;letter-spacing:0;color:var(--color-foreground);background-color:transparent;padding:0}select-field[data-variant=inline] .select-field__value{font-size:var(--text-3xs);font-weight:var(--font-weight-normal);line-height:1.6;letter-spacing:0;color:var(--color-foreground);text-transform:uppercase;white-space:nowrap}select-field[data-variant=inline]:not([data-has-value]) .select-field__value{visibility:visible}select-field[data-variant=inline] .select-field__list{min-width:9.375rem;top:calc(100% + var(--spacing-2xs))}
/*# sourceMappingURL=/cdn/shop/t/3/assets/select-field.css.map */