@layer components{.storefront-select-trigger{border:1px solid var(--storefront-border,#e0e0e6);width:100%;min-width:0;color:inherit;font:inherit;text-align:left;background:#fff;border-radius:3px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;display:inline-flex}.storefront-select-trigger>[data-slot=select-value]{text-overflow:ellipsis;overflow:hidden}.storefront-select-trigger>svg{flex:none;width:1rem;height:1rem}.storefront-select-trigger:focus-visible{outline:2px solid var(--storefront-brand,#ff3d53);outline-offset:2px}.storefront-select-trigger[data-disabled]{cursor:not-allowed;opacity:.5}.storefront-select-popup{border:1px solid var(--storefront-border,#e0e0e6);color:var(--storefront-text,#222);font:inherit;background:#fff;border-radius:6px}.storefront-select-popup .storefront-select-option{min-height:2rem;padding:.5rem 2rem .5rem .75rem;font-size:.875rem}}@layer utilities{.storefront-select-popup .storefront-select-option[data-highlighted],.storefront-select-popup .storefront-select-option[data-selected]{background:var(--storefront-brand-soft,#fff4f6);color:var(--storefront-brand,#ff3d53)}.storefront-select-popup .storefront-select-option[data-highlighted]>span,.storefront-select-popup .storefront-select-option[data-selected]>span{color:inherit}}
