.ff-variant-select{--ff-vs-border: #000;--ff-vs-border-active: #000;--ff-vs-bg: #fff;--ff-vs-text: #000;--ff-vs-muted: #ccc;--ff-vs-hover-bg: #f7f3ee;--ff-vs-soldout: #b1b1b1;--ff-vs-radius: 0px;--ff-vs-field-size: 14px;position:relative;display:block;width:100%;font-size:var(--ff-vs-field-size)}.ff-variant-select__label{display:block;margin-bottom:6px;font-weight:600}.ff-variant-select__toggle{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:36px;padding:6px 12px;background:var(--ff-vs-bg);color:var(--ff-vs-text);border:1px solid var(--ff-vs-border);border-radius:var(--ff-vs-radius);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease}.ff-variant-select__toggle:hover{border-color:var(--ff-vs-border-active)}.ff-variant-select__toggle:focus-visible{border-color:var(--ff-vs-border-active);outline:2px solid var(--ff-vs-border-active);outline-offset:2px}.ff-variant-select__toggle[aria-expanded=true]{border-color:var(--ff-vs-border-active);border-bottom:none}.ff-variant-select__toggle-text{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ff-variant-select__toggle[data-state=placeholder] .ff-variant-select__toggle-text{color:var(--ff-vs-text)}.ff-variant-select__chevron{flex:0 0 auto;width:12px;height:8px;transition:transform .2s ease}.ff-variant-select__toggle[aria-expanded=true] .ff-variant-select__chevron{transform:rotate(180deg)}.ff-variant-select__toggle[aria-expanded=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--ff-vs-border-active)}.ff-variant-select__list{position:absolute;z-index:20;top:100%;left:0;right:0;margin:0;list-style:none;background:var(--ff-vs-bg);border:1px solid var(--ff-vs-border-active);border-top:none;border-bottom-left-radius:var(--ff-vs-radius);border-bottom-right-radius:var(--ff-vs-radius);max-height:280px;overflow-y:auto;box-shadow:0 8px 16px #0000000f}.ff-variant-select__option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 12px;cursor:pointer;color:var(--ff-vs-text)}.ff-variant-select__option:not(.is-soldout):hover,.ff-variant-select__option.is-active:not(.is-soldout),.ff-variant-select__option[aria-selected=true]:not(.is-soldout){background:var(--ff-vs-hover-bg)}.ff-variant-select__option.is-soldout{color:var(--ff-vs-soldout);cursor:not-allowed;text-decoration:line-through}.ff-variant-select__option-status{flex:0 0 auto;font-variant-numeric:tabular-nums}
/*# sourceMappingURL=/cdn/shop/t/592/assets/product-variant-select.css.map */