.bespoke-custom-select{display:none;position:relative;width:100%}.bespoke-custom-select__trigger{align-items:center;-webkit-appearance:none;appearance:none;background-color:rgb(var(--color-grey-300));border:1px solid rgb(var(--color-grey-400));border-radius:var(--border-radius-base);color:rgb(var(--color-foreground),.5);cursor:pointer;display:flex;font-size:1.4rem;justify-content:space-between;padding:1.2rem 1.4rem;text-align:start;width:100%}.bespoke-custom-select__trigger:focus-visible{border-color:rgb(var(--color-foreground));outline:none}.bespoke-custom-select__trigger-content{align-items:center;display:flex;gap:.8rem;min-width:0;overflow:hidden}.bespoke-custom-select__trigger-content--has-value{color:rgb(var(--color-foreground))}.bespoke-custom-select__trigger-swatch{border:1px solid rgb(var(--color-grey-400));border-radius:.3rem;flex-shrink:0;height:2.4rem;object-fit:cover;width:2.4rem}.bespoke-custom-select__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bespoke-custom-select__icon{flex-shrink:0;height:1.8rem;transition:transform .2s ease;width:1.8rem}.bespoke-custom-select__icon svg{height:100%;width:100%}.bespoke-custom-select--open .bespoke-custom-select__icon{transform:rotate(180deg)}.bespoke-custom-select__listbox{background-color:var(--color-base-white);border:1px solid rgb(var(--color-grey-400));border-radius:var(--border-radius-base);box-shadow:0 .4rem 1.2rem #0000001a;display:none;inset-block-start:calc(100% + .4rem);inset-inline-start:0;list-style:none;margin:0;max-height:28rem;overflow-y:auto;padding:.4rem;position:absolute;width:100%;z-index:10}.bespoke-custom-select--open .bespoke-custom-select__listbox{display:block}.bespoke-custom-select__option{align-items:center;border-radius:.3rem;cursor:pointer;display:flex;font-size:1.4rem;gap:.8rem;padding:1rem 1.2rem}.bespoke-custom-select__option:hover,.bespoke-custom-select__option--focused{background-color:rgb(var(--color-grey-300))}.bespoke-custom-select__option[aria-selected=true]{font-weight:600}.bespoke-custom-select__swatch{border:1px solid rgb(var(--color-grey-400));border-radius:.3rem;flex-shrink:0;height:2.4rem;object-fit:cover;width:2.4rem}.bespoke-custom-select__option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-bespoke-dropdown:has(.product-bespoke-dropdown__select--error) .bespoke-custom-select__trigger{border-color:var(--color-error)}@media(min-width:750px){.bespoke-custom-select{display:block;max-width:55%}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/component-bespoke-custom-select.css.map */