.studio-product__select{position:relative;display:block}.studio-product__select-trigger{position:relative;display:flex;align-items:center;width:100%;min-height:48px;padding:var(--space-3) var(--space-8) var(--space-3) var(--space-3);border:1px solid color-mix(in srgb,var(--color-ink) 18%,transparent);border-radius:var(--style-border-radius-inputs);background:var(--color-surface);color:var(--color-ink);font:inherit;font-size:var(--text-input);text-align:start;cursor:pointer}.studio-product__select-trigger:after{position:absolute;top:50%;inset-inline-end:var(--space-4);width:7px;height:7px;border:solid var(--color-ink);border-width:0 1.5px 1.5px 0;transform:translateY(-70%) rotate(45deg);pointer-events:none;content:""}.studio-product__select-trigger[aria-expanded=true]{border-color:var(--color-accent)}.studio-product__select-trigger[aria-expanded=true]:after{transform:translateY(-30%) rotate(225deg)}.studio-product__select-trigger>span{min-width:0;overflow-wrap:anywhere}.studio-product__select-options{position:absolute;z-index:2;inset-inline:0;top:calc(100% + var(--space-2));overflow-y:auto;overscroll-behavior:contain;padding:var(--space-1);border:1px solid var(--color-accent);border-radius:var(--style-border-radius-inputs);background:var(--color-surface)}.studio-product__select[data-placement=above] .studio-product__select-options{top:auto;bottom:calc(100% + var(--space-2))}.studio-product__select-option{position:relative;display:flex;align-items:center;min-height:44px;padding:var(--space-3);padding-inline-end:var(--space-8);border-radius:var(--style-border-radius-inputs);color:var(--color-ink);overflow-wrap:anywhere;cursor:pointer}.studio-product__select-option[aria-selected=true]{background:color-mix(in srgb,var(--color-accent) 18%,var(--color-surface));font-weight:var(--type-body--weight-strong)}.studio-product__select-option[aria-selected=true]:after{position:absolute;inset-inline-end:var(--space-3);width:6px;height:9px;border:solid currentcolor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);content:""}.studio-product__select-option[data-active]{outline:1px solid var(--color-accent);outline-offset:-1px}@media(hover:hover){.studio-product__select-trigger:hover{border-color:var(--color-accent)}.studio-product__select-option:hover{background:color-mix(in srgb,var(--color-accent) 12%,var(--color-surface))}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/storefront-select.css.map */