.variant-form{margin-bottom:var(--spacing--3xl)}.variant-selects-form{display:flex;row-gap:var(--spacing--2xl);column-gap:var(--spacing--lg);flex-wrap:wrap}.text-center .variant-selects-form{justify-content:center}.variant-selects-form .field{display:flex;align-items:center;gap:var(--size--xs);flex-basis:100%;background-color:inherit;color:rgb(var(--inputs-text-color));font-size:var(--inputs-font-size);border:solid rgba(var(--color-input-border),var(--inputs-border-opacity));border-width:0 0 var(--inputs-border-width) 0;border-radius:var(--inputs-radius);outline:none;transition:.5s}.product-form__input--dropdown{position:relative}.variant-selects-form .field:hover{border-color:rgb(var(--color-button))}.variant-selects-form .field:not(:hover) .caret{opacity:.5}.variant-selects-form .form__label{color:rgb(var(--color-foreground))}.variant-selects-form .variant-selectbox{flex:1}.variant-selects-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:0 var(--spacing--sm) 0 0;width:100%;height:100%;text-align:center;outline:none;background-color:inherit}.variant-selects-form select:focus-visible{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none}.variant-selects-form .variant-selectbox .caret{position:absolute;top:50%;transform:translateY(-50%);right:0}.variant-selects-form custom-select{position:static;width:100%}.variant-selects-form .custom-select__trigger{width:100%}.variant-selects-form .custom-select__current{margin-right:12px}.variant-selects-form .custom-select__dropdown{text-align:initial;line-height:1.7}.variant-radios-form{display:flex;gap:var(--spacing--lg);flex-wrap:wrap}.variant-radios-form .product-form__input{flex-basis:100%}.variant-radios-form .form__label{display:block;margin-bottom:var(--spacing--sm);color:rgb(var(--color-foreground))}.variant-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing--xs)}.text-center .variant-radios-form,.text-center .variant-buttons{justify-content:center}:where(.variant-radios-form .variant-buttons) label{border:var(--variant-pills-border-width) solid rgba(var(--color-button),var(--variant-pills-border-opacity));background-color:transparent;border-radius:var(--variant-pills-radius);color:rgb(var(--color-button));display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;line-height:40px;padding:0 var(--spacing--xs);font-size:var(--size--xs);line-height:1;text-align:center;transition:.5s;cursor:pointer;position:relative;box-shadow:var(--variant-pills-shadow-horizontal-offset) var(--variant-pills-shadow-vertical-offset) var(--variant-pills-shadow-blur-radius) rgba(var(--color-shadow),var(--variant-pills-shadow-opacity))}.variant-radios-form input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.variant-radios-form input:not(:checked)+.swatch-input__color,.variant-radios-form input:not(:checked)+.swatch-input__text{--variant-pills-border-opacity: 0}.variant-radios-form input:checked+.variant-buttons__button{--variant-pills-border-opacity: 1}.variant-radios-form--selected-fill input:checked+.variant-buttons__button{color:rgb(var(--color-button-text));background-color:rgb(var(--color-button))}.variant-radios-form input[type=radio]:disabled+.variant-buttons__button,.variant-radios-form input[type=radio].disabled+.variant-buttons__button{border-color:rgba(var(--color-button),.1);color:rgba(var(--color-button),.5);text-decoration:line-through;cursor:default}.variant-radios-form input[type=radio].focused+label{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}.no-js .variant-radios-form input[type=radio]:focus:not(:focus-visible)+label{box-shadow:none}@media screen and (min-width: 768px){.variant-selects-form .field,.variant-radios-form .product-form__input{flex-grow:1;flex-basis:calc(50% - var(--spacing--lg))}.variant-selects-form .field{flex-basis:calc(50% - var(--spacing--lg) - 30px)}.variant-selects-form .field:last-of-type:nth-child(odd){flex-grow:0;max-width:100%;min-width:fit-content}.text-center .variant-selects-form .field{margin-left:15px;margin-right:15px}.variant-radios-form .product-form__input:last-of-type:nth-child(odd){flex-basis:100%}.main-product--columns .variant-radios-form .product-form__input{flex-basis:100%;margin-left:0;margin-right:0}.text-center .variant-radios-form .product-form__input:last-of-type:nth-child(odd){flex-basis:calc(100% - 2 * var(--spacing--lg))}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-variant-picker.css.map */