.md-myst{font-family:Montserrat,Segoe UI,system-ui,sans-serif;padding:52px 0}.md-myst *{box-sizing:border-box}.md-myst__card{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:40px;padding:48px 56px;border-radius:30px;background:radial-gradient(70% 90% at 22% 55%,color-mix(in srgb,var(--m2) 42%,transparent) 0%,transparent 62%),linear-gradient(135deg,#07070a 30%,#150b22);color:#fff}.md-myst__card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--m1),var(--m2),var(--m3))}.md-myst__rays{position:absolute;z-index:-1;left:24%;top:55%;width:900px;height:900px;margin:-450px 0 0 -450px;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--m3) 10%,transparent) 0deg 6deg,transparent 6deg 20deg);border-radius:50%;opacity:.6;pointer-events:none}.md-myst__ghost{position:absolute;z-index:-1;right:-2%;bottom:-.28em;font-size:380px;font-weight:900;font-style:italic;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.05);pointer-events:none}.md-myst__stage{position:relative;height:400px}.md-myst__halo{position:absolute;left:50%;top:56%;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--m3) 55%,transparent) 0%,transparent 65%);opacity:.6}.md-myst__q{position:absolute;font-weight:900;font-style:italic;line-height:1;background:linear-gradient(180deg,#fff,var(--m3));-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.1em;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.md-myst__q--1{left:8%;top:14%;font-size:64px;transform:rotate(-16deg)}.md-myst__q--2{right:10%;top:6%;font-size:44px;transform:rotate(14deg);opacity:.8}.md-myst__q--3{right:4%;bottom:22%;font-size:34px;transform:rotate(-8deg);opacity:.6}.md-myst__card:hover .md-myst__q--1{transform:translate(-6px,-10px) rotate(-22deg)}.md-myst__card:hover .md-myst__q--2{transform:translate(6px,-8px) rotate(20deg)}.md-myst__jersey{position:absolute;left:50%;bottom:118px;width:230px;height:auto;transform:translate(-50%) translateY(40px) scale(.92);transition:transform .6s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 20px 30px rgba(0,0,0,.6))}.md-myst__jersey-q{fill:#fff;font-family:Montserrat,Segoe UI,system-ui,sans-serif;font-size:92px;font-weight:900;font-style:italic}.md-myst__card:hover .md-myst__jersey{transform:translate(-50%) translateY(-6px) scale(1)}.md-myst__box{position:absolute;left:50%;bottom:30px;width:290px;height:170px;transform:translate(-50%)}.md-myst__body{position:absolute;top:34px;right:0;bottom:0;left:0;overflow:hidden;border-radius:6px 6px 16px 16px;background:linear-gradient(160deg,#1c1128,#0d0a14);box-shadow:inset 0 1px #ffffff14,0 30px 50px -20px #000c}.md-myst__lid{position:absolute;z-index:2;left:-10px;right:-10px;top:14px;height:36px;overflow:hidden;border-radius:8px;background:linear-gradient(160deg,#2a1a3b,#140d1e);box-shadow:0 10px 20px -10px #000c;transform-origin:20% 100%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.md-myst__card:hover .md-myst__lid{transform:translate(-18px,-58px) rotate(-14deg)}.md-myst__ribbon{position:absolute;background:linear-gradient(90deg,var(--m1),var(--m2),var(--m3))}.md-myst__ribbon--v{left:50%;top:0;bottom:0;width:26px;margin-left:-13px;background:linear-gradient(180deg,var(--m3),var(--m1))}.md-myst__ribbon--h{left:0;right:0;top:44%;height:22px}.md-myst__bow{position:absolute;z-index:3;left:50%;top:0;width:70px;height:30px;margin-left:-35px;background:radial-gradient(ellipse at 25% 60%,var(--m3) 0 38%,transparent 40%),radial-gradient(ellipse at 75% 60%,var(--m2) 0 38%,transparent 40%);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.md-myst__card:hover .md-myst__bow{transform:translate(-18px,-58px) rotate(-14deg)}.md-myst__label{position:absolute;left:0;right:0;bottom:14px;color:#ffffff8c;font-size:10px;font-weight:800;letter-spacing:.34em;text-align:center}.md-myst__content{position:relative}.md-myst__eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:7px 14px;border:1px solid color-mix(in srgb,var(--m3) 45%,transparent);border-radius:999px;background:color-mix(in srgb,var(--m2) 14%,transparent);color:var(--m3);font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.md-myst__title{display:flex;flex-direction:column;margin:0 0 16px;font-family:inherit;font-size:clamp(42px,5.4vw,80px);font-weight:900;font-style:italic;line-height:.92;letter-spacing:-.025em;text-transform:uppercase;color:#fff}.md-myst__title em{align-self:flex-start;font-style:italic;padding-right:.12em;margin-right:-.12em;background:linear-gradient(90deg,var(--m2),var(--m3),color-mix(in srgb,var(--m3) 40%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent}.md-myst__text{max-width:44ch;margin:0 0 24px;color:#ffffffb3;font-size:15px;line-height:1.6}.md-myst__text strong{color:#fff}.md-myst__steps{display:grid;gap:8px;margin:0 0 20px;padding:0;list-style:none}.md-myst__steps li{display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff08;font-size:14px;font-weight:700}.md-myst__steps li span{padding-right:.1em;background:linear-gradient(90deg,var(--m2),var(--m3));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:18px;font-weight:900;font-style:italic}.md-myst__perks{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none}.md-myst__perks li{display:inline-flex;align-items:center;gap:7px;color:#ffffffc7;font-size:12.5px;font-weight:600}.md-myst__perks li:before{content:"\2726";color:var(--m3);font-size:11px}.md-myst__perks li+li:before{margin-left:8px}.md-myst__buy{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}.md-myst__price{display:flex;flex-direction:column}.md-myst__price-label{color:#ffffff8c;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.md-myst__price-value{font-size:32px;font-weight:900;font-style:italic;line-height:1.1}.md-myst__price-old{color:#ffffff73;font-size:13px}.md-myst__cta{display:inline-flex;align-items:center;gap:12px;height:54px;padding:0 26px;border-radius:999px;background:linear-gradient(90deg,var(--m1),var(--m2),var(--m3));color:#fff;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.md-myst__cta:hover{transform:translateY(-2px);box-shadow:0 16px 34px -14px var(--m2)}.md-myst__cta svg{transition:transform .2s ease}.md-myst__cta:hover svg{transform:translate(3px)}.md-myst__cta--soon,.md-myst__cta--soon:hover{border:1px dashed rgba(255,255,255,.35);background:transparent;color:#fffc;box-shadow:none;transform:none;cursor:default}.md-myst__editor-note{width:100%;margin:0;color:#fbbf24;font-size:12px}.md-myst__note{margin:18px 0 0;color:#ffffff73;font-size:12px;line-height:1.5}@media screen and (max-width:989px){.md-myst__card{grid-template-columns:minmax(0,1fr);gap:10px;padding:36px 32px}.md-myst__stage{height:320px}.md-myst__rays{left:50%;top:22%}}@media screen and (max-width:749px){.md-myst{padding:28px 0}.md-myst__card{padding:22px 20px 28px;border-radius:24px}.md-myst__stage{height:300px;transform:scale(.86);transform-origin:50% 100%;margin-top:-8px}.md-myst__ghost{font-size:260px}.md-myst__title{font-size:clamp(36px,11vw,52px)}.md-myst__text{font-size:14px}.md-myst__buy{flex-direction:column;align-items:stretch}.md-myst__cta{justify-content:space-between}.md-myst__cta--soon{justify-content:center}.md-myst__card:active .md-myst__lid,.md-myst__card:active .md-myst__bow{transform:translate(-12px,-40px) rotate(-10deg)}.md-myst__card:active .md-myst__jersey{transform:translate(-50%) translateY(-4px) scale(1)}}@media(prefers-reduced-motion:reduce){.md-myst *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/maillot-district-mystery.css.map */
