.msp,.msp *{box-sizing:border-box}.msp{--msp-gold: #efc84a;--msp-ink: #f3f1ea;--msp-line: rgba(243, 241, 234, .14);position:relative;padding:clamp(4.5rem,9vw,8rem) clamp(1.25rem,4vw,4rem);background:#08090c;color:var(--msp-ink)}.msp__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.2rem 3rem;margin-bottom:clamp(2rem,4vw,3.2rem)}.msp__kicker{display:flex;align-items:center;gap:.9em;margin:0 0 clamp(.8rem,1.6vw,1.2rem);font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.74rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:var(--msp-gold)}.msp__kicker:before{content:"";width:2.2rem;height:2px;background:currentColor}.msp__title{margin:0;font-family:Anton,Arial Narrow,Impact,sans-serif;font-weight:400;font-size:clamp(2.6rem,6vw,5.4rem);line-height:.92;text-transform:uppercase}.msp__text{max-width:34ch;margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:clamp(1rem,1.25vw,1.2rem);font-weight:500;line-height:1.55;color:#f3f1eabd;text-wrap:pretty}.msp__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.6rem,1.1vw,1rem);min-width:0;margin:0;padding:0;border:0}.msp__tile{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(.7rem,1.2vw,1.1rem);min-height:clamp(4.4rem,7.2vw,6.2rem);padding:0 clamp(1rem,1.6vw,1.5rem);border:1px solid var(--msp-line);border-radius:16px;background:#ffffff06;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .3s ease,border-color .3s ease,color .3s ease,scale .3s cubic-bezier(.22,1,.36,1)}.msp__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.msp__num{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.18em;color:#f3f1ea61;font-variant-numeric:tabular-nums;transition:color .3s ease}.msp__name{min-width:0;font-family:Anton,Arial Narrow,Impact,sans-serif;font-size:clamp(1.3rem,2vw,2rem);line-height:1;letter-spacing:.012em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-block:.08em}.msp__check{display:grid;place-items:center;width:1.7rem;height:1.7rem;border:1.5px solid rgba(243,241,234,.24);border-radius:50%;transition:background .3s ease,border-color .3s ease}.msp__check svg{width:.95rem;height:.95rem;fill:none;stroke:var(--msp-gold);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:16;transition:stroke-dashoffset .35s ease .05s}@media(hover:hover){.msp__tile:hover{border-color:#efc84a8c;background:#efc84a0f}.msp__tile:hover .msp__num{color:var(--msp-gold)}}.msp__tile:active{scale:.98}.msp__tile:has(.msp__input:checked){border-color:var(--msp-gold);background:var(--msp-gold);color:#0b0b0b}.msp__tile:has(.msp__input:checked) .msp__num{color:#0b0b0b8c}.msp__tile:has(.msp__input:checked) .msp__check{background:#0b0b0b;border-color:#0b0b0b}.msp__tile:has(.msp__input:checked) .msp__check svg{stroke-dashoffset:0}.msp__tile:has(.msp__input:focus-visible){outline:2px solid #fff;outline-offset:3px}.msp__status{display:grid;align-content:center;gap:.45rem;min-height:clamp(4.4rem,7.2vw,6.2rem);padding:.9rem clamp(1rem,1.6vw,1.5rem);border:1px dashed rgba(239,200,74,.45);border-radius:16px}.msp__picked{margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#f3f1ea8c}.has-sport .msp__picked{color:var(--msp-gold)}.msp__cta{display:inline-flex;align-items:center;gap:.5em;width:fit-content;font-family:Anton,Arial Narrow,Impact,sans-serif;font-size:clamp(1.25rem,1.8vw,1.8rem);line-height:1;text-transform:uppercase;color:var(--msp-ink);text-decoration:none}.msp__cta span{color:var(--msp-gold);transition:transform .25s ease}.msp__cta:hover span{transform:translate(5px)}.msp__cta:focus-visible{outline:2px solid #fff;outline-offset:4px}.has-sport .msp__status{border-style:solid;border-color:var(--msp-gold)}@media(max-width:1100px){.msp__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.msp__head{margin-bottom:1.8rem}.msp__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.msp__tile{grid-template-columns:1fr auto;min-height:4.1rem;gap:.5rem;padding:0 .8rem 0 .95rem;border-radius:13px}.msp__num{display:none}.msp__name{font-size:clamp(1.05rem,4.9vw,1.35rem)}.msp__check{width:1.35rem;height:1.35rem}.msp__check svg{width:.78rem;height:.78rem}.msp__status{min-height:4.1rem;padding:.7rem .85rem;border-radius:13px;gap:.3rem}.msp__picked{font-size:.58rem;letter-spacing:.14em}.msp__cta{font-size:1.15rem}}@media(prefers-reduced-motion:reduce){.msp__tile,.msp__check,.msp__check svg,.msp__cta span{transition:none}}.mvp-sport-field{display:block;margin:0 0 1.4rem}.mvp-sport-field .product-form__input{margin-bottom:.4rem}.mvp-sport-field__hint{margin:-.2rem 0 .8rem;font-size:1.3rem;color:rgba(var(--color-foreground),.7)}.mvp-sport-field__error{display:flex;align-items:center;gap:.6rem;margin:.2rem 0 0;font-size:1.4rem;font-weight:600;color:#c4161c}.mvp-sport-field__error[hidden]{display:none}.mvp-sport-field.is-invalid fieldset{animation:mvp-sport-nudge .45s ease}@keyframes mvp-sport-nudge{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@media(prefers-reduced-motion:reduce){.mvp-sport-field.is-invalid fieldset{animation:none}}.mvp-sport-field fieldset{min-width:0;margin:0 0 .4rem;padding:0;border:0}.mvp-sport-field input[type=radio]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.mvp-sport-field input[type=radio]+label{display:inline-block;margin:.7rem .5rem .2rem 0;padding:1rem 2rem;border:var(--variant-pills-border-width, 1px) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity, .55));border-radius:var(--variant-pills-radius, 40px);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.4rem;letter-spacing:.1rem;line-height:1;text-align:center;cursor:pointer;transition:border-color .1s ease}.mvp-sport-field input[type=radio]+label:hover{border-color:rgb(var(--color-foreground))}.mvp-sport-field input[type=radio]:checked+label{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.mvp-sport-field input[type=radio]:focus-visible+label{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mvp-sport.css.map */