.variant-picker{display:flex;flex-direction:column;gap:20px}.variant-picker__option{display:flex;flex-direction:column;gap:10px}.variant-picker__label{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.variant-picker__name{font-size:14px;font-weight:600;color:rgb(var(--color-heading))}.variant-picker__count{font-size:13px;color:rgb(var(--color-text-muted))}.variant-picker__buttons{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0}.variant-picker__buttons--rich{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.variant-picker__swatch-wrap{display:block}.variant-picker__button{display:flex;align-items:center;gap:8px;min-height:var(--tap-min);padding:10px 14px;background:rgb(var(--color-field-background));border:1px solid rgb(var(--color-border));border-radius:var(--radius-button);color:rgb(var(--color-text));font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;transition:border-color var(--dur-ui) ease,background-color var(--dur-ui) ease}.variant-picker__buttons--rich .variant-picker__button{flex-direction:column;align-items:flex-start;gap:5px;padding:12px 14px}.variant-picker__button:hover{border-color:rgb(var(--color-text))}.variant-picker__input:checked+.variant-picker__button{border:2px solid rgb(var(--color-text));background:rgb(var(--color-field-background));padding:9px 13px}.variant-picker__buttons--rich .variant-picker__input:checked+.variant-picker__button{padding:11px 13px}.variant-picker__input:focus-visible+.variant-picker__button{outline:var(--focus-width) solid rgb(var(--color-focus));outline-offset:var(--focus-offset)}.variant-picker__button.is-unavailable{background:rgb(var(--color-text) / .04);border-style:dashed;color:rgb(var(--color-text) / .55);cursor:not-allowed}.variant-picker__button.is-unavailable .variant-picker__value{text-decoration:line-through}.variant-picker__swatch{display:block;width:22px;height:22px;flex:none;border:1px solid rgb(var(--color-text) / .2);background-size:cover;background-position:center}.variant-picker__price{font-size:13px;font-weight:500}.variant-picker__stock{font-size:11px;font-weight:400}.variant-picker__stock--in{color:rgb(var(--color-success))}.variant-picker__stock--out{color:rgb(var(--color-danger))}.variant-picker__select{position:relative}.variant-picker__select select{min-height:52px;padding-right:44px;border-color:rgb(var(--color-text));font-size:15px;font-weight:500;background-image:none}.variant-picker__select-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;line-height:0}.variant-picker__fallback{min-height:52px}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-variant-picker.css.map */