.mutil-varaint-picker-sht{--mvps-accent: #111111;--mvps-badge-bg: #000000;--mvps-badge-text: #ffffff;--mvps-chip-bg: #e8e8e8;--mvps-chip-text: #111111;--mvps-cta-bg: #ffffff;--mvps-cta-text: #111111;--mvps-cta-border: #111111;--mvps-heading-size: 20px;--mvps-subtitle-size: 14px;--mvps-price-size: 18px;--mvps-compare-size: 13px;--mvps-sku-picker-size: 56px;--mvps-sku-picker-size-mobile: 48px}.mutil-varaint-picker-sht__title{display:flex;align-items:center;gap:.8rem;margin:0 0 1.4rem;font-size:1.5rem;font-weight:900;color:var(--mvps-accent);letter-spacing:.04em;text-transform:uppercase}.mutil-varaint-picker-sht__title:before,.mutil-varaint-picker-sht__title:after{content:"";flex:1;height:.2rem;background:color-mix(in srgb,var(--mvps-accent) 25%,#d6d6d6)}.mutil-varaint-picker-sht__cards{display:grid;gap:1.2rem}.sku-picker-sht{display:grid;gap:1rem;margin:0 0 1.2rem;padding:0}.mutil-varaint-picker-sht__card{position:relative;display:grid;grid-template-columns:1fr;gap:.8rem;padding:1.8rem 1.2rem 1rem;border:.2rem solid color-mix(in srgb,var(--mvps-accent) 26%,#cfcfcf);border-radius:1.4rem;background:#f7f7f7}.mutil-varaint-picker-sht__card.is-active{border-color:var(--mvps-accent);background:color-mix(in srgb,var(--mvps-accent) 3%,#ffffff)}.mutil-varaint-picker-sht__card input[type=radio]{position:absolute;top:1.4rem;left:1.8rem;width:1.6rem;height:1.6rem;margin:0;accent-color:var(--mvps-accent)}.mutil-varaint-picker-sht__main{min-width:0;padding-left:3.2rem}.mutil-varaint-picker-sht__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.mutil-varaint-picker-sht__copy{min-width:0}.mutil-varaint-picker-sht__heading{margin:0;font-size:var(--mvps-heading-size);line-height:1.04;font-weight:900;color:var(--mvps-accent);text-transform:uppercase}.mutil-varaint-picker-sht__sub{margin:.2rem 0 0;font-size:var(--mvps-subtitle-size);color:#525252}.mutil-varaint-picker-sht__chip{display:inline-flex;align-items:center;justify-content:center;margin-left:.6rem;min-height:2.8rem;padding:0 1rem;border-radius:1.2rem;background:var(--mvps-chip-bg);color:var(--mvps-chip-text);font-size:1.2rem;font-weight:700}.mutil-varaint-picker-sht__selectors{display:grid;gap:.5rem;max-width:100%;margin-top:.8rem;margin-left:0;max-height:120rem;opacity:1;overflow:hidden;transition:max-height .32s ease,opacity .2s ease,margin-top .28s ease}.mutil-varaint-picker-sht__card:not(.is-active) .mutil-varaint-picker-sht__selectors{max-height:0;opacity:0;margin-top:0}.mutil-varaint-picker-sht__picker-groups{display:grid;gap:1rem;margin-bottom:.4rem}.mutil-varaint-picker-sht__picker-group{display:grid;gap:.7rem}.mutil-varaint-picker-sht__picker-title{margin:0;font-size:1.4rem;line-height:1.25;font-weight:700;color:#2f2f2f}.mutil-varaint-picker-sht__picker-values{display:flex;flex-wrap:wrap;gap:.8rem}.mutil-varaint-picker-sht__picker-value{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--mvps-sku-picker-size);height:var(--mvps-sku-picker-size);padding:0;border:.15rem solid #1c1c1c;border-radius:999px;background:#fff;cursor:pointer;overflow:visible}.mutil-varaint-picker-sht__picker-value img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.mutil-varaint-picker-sht__picker-value.is-text{width:auto;min-width:calc(var(--mvps-sku-picker-size) + .2rem);height:calc(var(--mvps-sku-picker-size) * .56);padding:0 calc(var(--mvps-sku-picker-size) * .24);border-radius:999px}.mutil-varaint-picker-sht__picker-value.is-text span{font-size:1.2rem;line-height:1;font-weight:700;color:#202020;white-space:nowrap}.mutil-varaint-picker-sht__picker-value.is-active{border-width:.3rem;border-color:var(--mvps-accent);box-shadow:0 0 0 .1rem color-mix(in srgb,var(--mvps-accent) 18%,transparent)}.mutil-varaint-picker-sht__row{display:grid;grid-template-columns:2.4rem repeat(4,minmax(0,1fr));gap:.5rem;align-items:center}.mutil-varaint-picker-sht__row>span{grid-row:1 / span 2;align-self:start;padding-top:.9rem;font-size:1.3rem;font-weight:800}.mutil-varaint-picker-sht__row select{min-width:0;width:100%;height:2.7rem;padding:0 .6rem;border:.15rem solid #bebebe;border-radius:.7rem;background:#fff;font-size:1.1rem}.mutil-varaint-picker-sht__price{flex-shrink:0;text-align:right}.mutil-varaint-picker-sht__price strong{display:block;font-size:var(--mvps-price-size);font-weight:900;color:var(--mvps-accent);line-height:1}.mutil-varaint-picker-sht__price s{display:block;margin-top:.2rem;font-size:var(--mvps-compare-size);color:#666;font-weight:700;line-height:1}.mutil-varaint-picker-sht__badge{position:absolute;top:-1.2rem;right:1.2rem;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;max-width:calc(100% - 14rem);padding:0 1rem;border-radius:.5rem;background:var(--mvps-badge-bg);color:var(--mvps-badge-text);font-size:1.1rem;font-weight:900;text-transform:uppercase;white-space:nowrap}.mutil-varaint-picker-sht__actions{display:grid;gap:1rem;margin-top:1.6rem}.mutil-varaint-picker-sht__button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:5.8rem;width:100%;border:.2rem solid #111111;border-radius:999px;background:#fff;color:#111;font-size:2.2rem;font-weight:400;line-height:1;letter-spacing:.02em;cursor:pointer;overflow:hidden;transition:opacity .2s ease,transform .2s ease}.mutil-varaint-picker-sht__button--primary{background:var(--mvps-accent);border-color:var(--mvps-accent);color:#fff;font-weight:700;animation:mvps-head-shake-loop 5s ease infinite;transform-origin:center}.mutil-varaint-picker-sht__button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff2e;opacity:0;transition:opacity .2s ease}.mutil-varaint-picker-sht__button--secondary:after{background:#11111114}.mutil-varaint-picker-sht__button--primary:after{background:linear-gradient(90deg,#ffffff0f,#ffffff05);opacity:.35}.mutil-varaint-picker-sht__button.is-loading{pointer-events:none;opacity:1}.mutil-varaint-picker-sht__button.is-loading>span:first-child{opacity:0}.mutil-varaint-picker-sht__button.is-loading:after{opacity:1}.mutil-varaint-picker-sht__spinner{position:absolute;width:2rem;height:2rem;border:.22rem solid currentColor;border-right-color:transparent;border-radius:50%;opacity:0;animation:mvps-spin .8s linear infinite}.mutil-varaint-picker-sht__button.is-loading .mutil-varaint-picker-sht__spinner{opacity:1}.mutil-varaint-picker-sht__message{margin:0;font-size:1.3rem;text-align:center}.mutil-varaint-picker-sht__payments{display:grid;gap:1.2rem;cursor:pointer}.mutil-varaint-picker-sht__payments-title{text-align:center;color:#525252;font-size:1.5rem;line-height:1.3}.mutil-varaint-picker-sht__payments-image{display:block;width:100%;max-width:62rem;margin:0 auto;height:auto}@keyframes mvps-spin{to{transform:rotate(360deg)}}@keyframes mvps-head-shake-loop{0%,75%,to{transform:translate(0)}78%{transform:translate(-.6rem) rotateY(-4deg)}82%{transform:translate(.5rem) rotateY(3deg)}86%{transform:translate(-.4rem) rotateY(-2deg)}90%{transform:translate(.3rem) rotateY(2deg)}94%{transform:translate(0)}}@media screen and (max-width:749px){.mutil-varaint-picker-sht__card{display:block;padding:2.3rem 1rem 1.2rem}.mutil-varaint-picker-sht__card input[type=radio]{top:2.4rem;left:1rem;width:1.4rem;height:1.4rem}.mutil-varaint-picker-sht__main{padding-left:0;padding-right:10rem}.mutil-varaint-picker-sht__heading{line-height:1.06}.mutil-varaint-picker-sht__sub{margin-top:.3rem}.mutil-varaint-picker-sht__header{padding-left:2.8rem}.mutil-varaint-picker-sht__selectors{margin-top:1rem;margin-left:0}.sku-picker-sht{margin-bottom:1rem;padding-top:0}.mutil-varaint-picker-sht__picker-groups{gap:.8rem}.mutil-varaint-picker-sht__picker-title{font-size:1.3rem}.mutil-varaint-picker-sht__picker-values{gap:.6rem}.mutil-varaint-picker-sht__picker-value{width:var(--mvps-sku-picker-size-mobile);height:var(--mvps-sku-picker-size-mobile)}.mutil-varaint-picker-sht__picker-value.is-text{min-width:calc(var(--mvps-sku-picker-size-mobile) + .4rem);height:calc(var(--mvps-sku-picker-size-mobile) * .58);padding:0 calc(var(--mvps-sku-picker-size-mobile) * .24)}.mutil-varaint-picker-sht__picker-value.is-text span{font-size:1.1rem}.mutil-varaint-picker-sht__row{grid-template-columns:2.2rem repeat(4,minmax(0,1fr));gap:.4rem}.mutil-varaint-picker-sht__row>span{padding-top:.8rem;font-size:1.2rem}.mutil-varaint-picker-sht__row select{height:2.8rem;padding:0 .4rem;font-size:1rem}.mutil-varaint-picker-sht__price{position:absolute;top:2.35rem;right:1rem;text-align:right}.mutil-varaint-picker-sht__price s{margin-top:.1rem;margin-left:0}.mutil-varaint-picker-sht__badge{position:absolute;right:1rem;top:-.9rem;bottom:auto;min-height:1.9rem;max-width:calc(100% - 10.8rem);margin:0;padding:0 .55rem;font-size:.82rem;line-height:1;white-space:nowrap}.mutil-varaint-picker-sht__chip{min-height:2.4rem;padding:0 .7rem;font-size:1rem}.mutil-varaint-picker-sht__actions{margin-top:1.4rem}.mutil-varaint-picker-sht__button{min-height:5.2rem;font-size:1.8rem}.mutil-varaint-picker-sht__payments{gap:1rem}.mutil-varaint-picker-sht__payments-title{font-size:1.35rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mutil-varaint-picker-sht.css.map */