.swatch{--swatch--size: var(--swatch-input--size, 4.4rem);--swatch--border-radius: var(--swatch-input--border-radius, 50%);display:block;width:var(--swatch--size);max-width:100%;aspect-ratio:1 / 1;background:var(--swatch--background);background-position:var(--swatch-focal-point, initial);background-size:cover;background-origin:border-box;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:var(--swatch--border-radius)}.swatch--square{--swatch--border-radius: var(--swatch-input--border-radius, .2rem)}.swatch--unavailable{border-style:dashed;border-color:rgba(var(--color-foreground),.5)}.hidden{display:none!important}.product-form__input--pill .input_inner{overflow:hidden;transition:max-height .5s cubic-bezier(.22,.61,.36,1);will-change:max-height}.product-form__input--pill .extra-variant{opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease!important;will-change:opacity,transform}.product-form__input--pill .input_inner.closing .extra-variant{opacity:0;transform:translateY(6px);transition-delay:0s}.variant-toggle-btn.active{font-weight:700;color:#0072f5;transition:color .3s ease}.variant-toggle-btn.variant-option__button-label svg{position:relative}.select-pill-ring-size{width:100%}.product-form__input--pill .input_inner.active .extra-variant.show{opacity:1;transform:translateY(0);transition-delay:.2s}.title_with_variant_picker_wrapper .product-form__input--pill .input_inner{margin-bottom:0;flex-wrap:wrap;justify-content:start;gap:10px}.title_with_variant_picker_wrapper .product-form__input--pill input[type=radio]+label,.title_with_variant_picker_wrapper .product-form__input--pill label.variant-toggle-btn{border-radius:4px;padding:7px;width:calc((100% - 70px)/8);margin:0}.title_with_variant_picker_wrapper .product-form__input--pill label.variant-toggle-btn{border:var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity));display:inline-block;transition:border var(--duration-short) ease;cursor:pointer;display:flex;justify-content:center;align-items:center}.product-form__input{max-width:100%}.title_with_variant_picker_wrapper .input_inner{display:flex;align-items:center;justify-content:start;margin-bottom:2px;padding:10px 0}@media screen and (max-width: 1600px){.title_with_variant_picker_wrapper .product-form__input--pill input[type=radio]+label,.title_with_variant_picker_wrapper .product-form__input--pill label.variant-toggle-btn{width:calc((100% - 10px * (6 - 1)) / 6)}}@media screen and (max-width: 1400px){.title_with_variant_picker_wrapper .product-form__input--pill input[type=radio]+label,.title_with_variant_picker_wrapper .product-form__input--pill label.variant-toggle-btn{width:calc((100% - 40px)/5)}}@media screen and (max-width: 750px){.title_with_variant .product-form__input--swatch{position:absolute;top:10%;right:15px;margin-bottom:0;width:35%;display:flex;justify-content:end}.title_with_variant_picker_wrapper .form__label span{font-size:10px!important;font-weight:600;color:#000}.title_with_price_inner{width:65%}.title_with_variant_picker_wrapper{border:1px solid #c7c7c7;box-shadow:0 2px 6px #0000001a;border-radius:12px;background:#fff;padding:15px 10px;margin-top:12px}.title_with_variant_picker_wrapper .product-form__input--pill .input_inner{margin-bottom:0;flex-wrap:wrap;justify-content:start;gap:10px}.title_with_variant_picker_wrapper .product-form__input--pill{border-bottom:.5px solid #b1b1b1!important;padding-bottom:20px}.title_with_variant_picker_wrapper .product-form__input--pill:nth-last-child(2){border-bottom:none!important;padding-bottom:0;margin-bottom:0}.title_with_variant_picker_wrapper .product-form__input--pill .form__label{font-size:14px!important;margin-bottom:5px}.title_with_variant_picker_wrapper .product-form__input--pill input[type=radio]+label,.title_with_variant_picker_wrapper .product-form__input--pill label.variant-toggle-btn{width:calc((100% - 40px)/5)}.title_with_variant_picker_wrapper .product-form__input--pill label.variant-toggle-btn{border:var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity));display:inline-block;transition:border var(--duration-short) ease;cursor:pointer;display:flex;justify-content:center;align-items:center}.variant-toggle-btn svg{width:14px;height:14px}}@media screen and (min-width: 749px){.hidden.extra-variant{display:inline-block!important}.extra-variant{opacity:1!important}.variant-toggle-btn{display:none!important}.product-form__input--pill .extra-variant{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/component-swatch.css.map */