.variant-picker{--variant-transition: all .25s cubic-bezier(.4, 0, .2, 1);--variant-border-width: 1px;--variant-border-radius: 4px;--variant-hover-scale: 1.02}.variant-option--swatches{gap:6px!important;margin-top:6px;margin-bottom:8px}.swatch.swatch--unscaled{--swatch-width: 28px !important;--swatch-height: 28px !important;border-width:1.5px!important;border-color:#00000026!important;transition:var(--variant-transition);cursor:pointer;border-radius:50%!important;box-shadow:0 1px 3px #00000014}.variant-option__button-label--has-swatch:hover .swatch{transform:scale(1.05);border-color:#0000004d!important;box-shadow:0 2px 6px #0000001f;outline:none!important}.variant-option__button-label--has-swatch:has(:checked){outline:none!important}.variant-option__button-label--has-swatch:has(:checked) .swatch{border-width:2.5px!important;border-color:#000000d9!important;box-shadow:0 2px 8px #00000026,0 0 0 2px #00000014;transform:scale(1.03)}.variant-option__button-label--has-swatch{padding:0;border:none!important;background:transparent!important;outline:none!important;border-radius:50%}.variant-option__button-label--has-swatch:has(:focus-visible) .swatch{outline:2px solid rgba(0,0,0,.6)!important;outline-offset:3px}.variant-option legend{font-size:10px;font-weight:600;letter-spacing:.5px;color:#000000bf;margin-bottom:4px;text-transform:uppercase}.variant-option__swatch-value{font-weight:400;color:#0000008c;text-transform:none;margin-left:4px;font-size:10px}.variant-option--buttons:not(.variant-option--swatches){gap:6px!important;margin-top:6px;margin-bottom:8px}.variant-option__button-label:not(.variant-option__button-label--has-swatch){min-width:38px;min-height:32px;max-height:32px;padding:4px 10px;border:1.5px solid rgba(0,0,0,.15)!important;border-radius:3px;background-color:#fff;color:#000000d9;font-size:12px;font-weight:500;letter-spacing:.2px;transition:var(--variant-transition);cursor:pointer;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:auto}.variant-option__button-label:not(.variant-option__button-label--has-swatch):hover{border-color:#00000059!important;background-color:#00000005;transform:translateY(0);box-shadow:0 1px 4px #00000014}.variant-option__button-label:not(.variant-option__button-label--has-swatch):has(:checked){border-color:#000000d9!important;background-color:#00000008;color:#000000f2;font-weight:600;box-shadow:0 1px 4px #0000001a}.variant-option__button-label:not(.variant-option__button-label--has-swatch):has(:checked):hover{border-color:#000000e6!important;background-color:#0000000a;transform:translateY(0);box-shadow:0 1px 6px #0000001f}.variant-option__button-label:has([data-option-available=false]){border-color:#00000014!important;background-color:#00000003;color:#0000004d;cursor:not-allowed;position:relative}.variant-option__button-label:has([data-option-available=false]):hover{transform:none;box-shadow:none;border-color:#00000014!important}.variant-option__button-label:has([data-option-available=false]):after{content:"";position:absolute;top:50%;left:8%;right:8%;height:1px;background:#00000040;transform:translateY(-50%) rotate(-12deg);pointer-events:none}.variant-option__button-label__text{position:relative;z-index:1;white-space:nowrap;padding:0 2px}.variant-option__button-label__pill{display:none!important}.variant-option--equal-width-buttons{display:flex}.variant-option__button-label:has(:focus-visible){outline:2px solid rgba(0,0,0,.6);outline-offset:2px;border-radius:var(--variant-border-radius)}.variant-option__select-wrapper{border:1.5px solid rgba(0,0,0,.15)!important;border-radius:var(--variant-border-radius);transition:var(--variant-transition);background-color:#fff}.variant-option__select-wrapper:hover{border-color:#00000059!important;box-shadow:0 1px 4px #0000000f}.variant-option__select{font-size:14px;font-weight:500;color:#000000d9;padding:12px 40px 12px 16px}@media screen and (max-width: 989px){.swatch.swatch--unscaled{--swatch-width: 26px !important;--swatch-height: 26px !important}.variant-option__button-label:not(.variant-option__button-label--has-swatch){min-width:36px;min-height:30px;max-height:30px;font-size:11px;padding:4px 9px}}.product-form__submit,button[name=add],.product-form button[type=submit]{--button-padding-block: 10px !important;min-height:44px!important;max-height:44px!important;height:44px!important;padding-block:10px!important;padding-inline:20px!important;font-size:13px!important;font-weight:500!important;letter-spacing:.3px!important;line-height:1.3!important}.product-form__submit svg,button[name=add] svg{width:16px!important;height:16px!important}.shopify-payment-button__button--unbranded{min-height:44px!important;max-height:44px!important;height:44px!important;padding-block:10px!important;font-size:13px!important}.shopify-payment-button{--height-buy-buttons: 44px !important}.product-form{gap:8px!important}@media screen and (max-width: 749px){.product-form__submit,button[name=add],.product-form button[type=submit]{min-height:40px!important;max-height:40px!important;height:40px!important;padding-block:8px!important;padding-inline:18px!important;font-size:12px!important}.shopify-payment-button__button--unbranded{min-height:40px!important;max-height:40px!important;height:40px!important;padding-block:8px!important;font-size:12px!important}.shopify-payment-button{--height-buy-buttons: 40px !important}}@media screen and (max-width: 749px){.variant-option--swatches,.variant-option--buttons:not(.variant-option--swatches){gap:5px!important}.swatch.swatch--unscaled{--swatch-width: 24px !important;--swatch-height: 24px !important}.variant-option__button-label:not(.variant-option__button-label--has-swatch){min-width:34px;min-height:28px;max-height:28px;padding:4px 8px;font-size:11px}.variant-option legend{font-size:9px;margin-bottom:3px}.variant-option__swatch-value{font-size:9px}.variant-option{margin-bottom:6px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.variant-picker{animation:fadeInUp .4s ease-out}.variant-option--equal-width-buttons .variant-option__button-label{max-width:35px;flex:0 1 auto!important;width:auto!important;min-width:fit-content!important;white-space:nowrap!important}.variant-option__button-label input{outline:none!important}@keyframes subtlePulse{0%,to{box-shadow:0 1px 4px #0000001a}50%{box-shadow:0 2px 8px #00000026}}@supports not (background-color: rgb(from red 150 g b / alpha)){.variant-option__button-label--has-swatch:has(:checked):after{border-radius:50%}}.variant-picker.spacing-style{padding-top:2px}.variant-option{margin-bottom:8px}.variant-option:last-child{margin-bottom:0}.variant-option legend{display:block;width:100%;padding-bottom:0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-variant-picker.css.map */
