.mcst{--mcst-text: #f5f5f7;--mcst-dim: rgba(255,255,255,.68);--mcst-faint: rgba(255,255,255,.42);--mcst-purple: #a855f7;--mcst-pink: #c084fc;--mcst-lilac: #d8b4fe;--mcst-green: #22c55e;--mcst-gold: #fbbf24;--mcst-grad: linear-gradient(100deg, #d8b4fe, #93c5fd 40%, #c084fc 80%);--mcst-glass-bg: linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.02) 45%, rgba(255,255,255,.06));--mcst-glass-border: rgba(255,255,255,.16);--mcst-glass-top: rgba(255,255,255,.3);--mcst-glass-shadow: 0 14px 34px rgba(0,0,0,.55), 0 0 22px rgba(168,85,247,.14), inset 0 1px 0 rgba(255,255,255,.22);--mcst-1: 4px;--mcst-2: 8px;--mcst-3: 12px;--mcst-4: 16px;--mcst-5: 24px;--mcst-6: 32px;--mcst-7: 48px;--mcst-8: 64px;--mcst-r-sm: 10px;--mcst-r: 14px;--mcst-r-lg: 20px;--mcst-r-pill: 999px;--mcst-ease: cubic-bezier(.16, 1, .3, 1);--mcst-fast: .18s;--mcst-normal: .28s;--mcst-col: clamp(88px, 24vw, 118px);--mcst-flipswap: .13s;position:relative;color:var(--mcst-text);font-family:Inter,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;padding:var(--mcst-6) var(--mcst-4) var(--mcst-5);overflow:clip}.mcst:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 90% 26% at 78% 4%,rgba(168,85,247,.16),transparent 60%),radial-gradient(ellipse 80% 24% at 10% 34%,rgba(100,140,255,.1),transparent 60%),radial-gradient(ellipse 90% 26% at 86% 70%,rgba(168,85,247,.1),transparent 60%)}.mcst>*{position:relative;z-index:1}.mcst__inner{max-width:1160px;margin:0 auto}.mcst-kicker{display:block;text-align:center;font-size:10px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:#d8b4feb3;margin-bottom:var(--mcst-7)}.mcst-glass{border-radius:var(--mcst-r);overflow:hidden;border:1px solid var(--mcst-glass-border);border-top-color:var(--mcst-glass-top);background:var(--mcst-glass-bg);box-shadow:var(--mcst-glass-shadow)}.mcst-beat{display:grid;grid-template-columns:minmax(0,1fr) var(--mcst-col);gap:var(--mcst-4);align-items:center;margin-bottom:40px}.mcst-beat--flip{grid-template-columns:var(--mcst-col) minmax(0,1fr)}.mcst-beat--flip .mcst-txt{grid-column:2;grid-row:1}.mcst-beat--flip .mcst-stack{grid-column:1;grid-row:1}.mcst-beat .mcst-txt,.mcst-beat .mcst-stack{grid-row:1}.mcst-beat--full{grid-template-columns:minmax(0,1fr)}.mcst-beat:last-child{margin-bottom:0}.mcst-q{font-family:Outfit,Segoe UI,sans-serif;font-size:clamp(23px,6vw,26px);font-weight:800;line-height:1.12;letter-spacing:-.01em;margin:0 0 var(--mcst-2);text-wrap:balance;background:var(--mcst-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 12px rgba(168,85,247,.25))}.mcst-a{margin:0;font-size:13.5px;line-height:1.55;color:var(--mcst-dim);text-wrap:pretty}.mcst-a b,.mcst-a strong{color:var(--mcst-text);font-weight:700}.mcst-tip{margin:var(--mcst-2) 0 0;font-size:11.5px;line-height:1.45;color:#d8b4fec7}.mcst-stack{position:relative}.mcst-stack .mcst-shot{position:relative;display:block}.mcst-stack .mcst-shot:nth-child(2){margin-top:-6px;margin-left:16px}.mcst-stack .mcst-shot img{width:100%;height:100%;object-fit:cover;display:block}.mcst-shot--a{width:96%;aspect-ratio:92/108;transform:rotate(-5deg)}.mcst-shot--b{width:84%;aspect-ratio:80/94;transform:rotate(6deg)}.mcst-clips{display:grid;grid-template-columns:repeat(var(--mcst-clip-n, 3),1fr);gap:9px;margin-top:var(--mcst-4)}.mcst-clips[data-n="2"]{max-width:260px;margin-inline:auto}.mcst-clips[data-n="1"]{max-width:150px;margin-inline:auto}.mcst-clip{aspect-ratio:9 / 14;position:relative;overflow:hidden;margin:0;background:#0a061680}.mcst-clip video,.mcst-clip img{width:100%;height:100%;object-fit:cover;display:block}.mcst-clip__who{position:absolute;bottom:7px;left:7px;z-index:2;font-size:9px;font-weight:700;letter-spacing:.01em;padding:2px 7px;border-radius:var(--mcst-r-pill);background:#0a06169e;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mcst-clip__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:none;align-items:center;justify-content:center;pointer-events:none}.mcst-clip__play svg{width:34px;height:34px;filter:drop-shadow(0 3px 10px rgba(0,0,0,.7))}.mcst-clip.is-paused .mcst-clip__play{display:flex}.mcst-clip[role=button]{cursor:pointer}.mcst-clip[role=button]:focus-visible{outline:2px solid var(--mcst-lilac);outline-offset:3px}.mcst-clips__ctl{display:flex;align-items:center;gap:5px;margin:var(--mcst-2) 0 0 auto;padding:5px 11px;font:inherit;font-size:10.5px;font-weight:600;color:#d8b4fed9;background:#a855f71a;border:1px solid rgba(168,85,247,.28);border-radius:var(--mcst-r-pill);cursor:pointer;transition:background var(--mcst-fast) ease,color var(--mcst-fast) ease,transform var(--mcst-fast) ease}.mcst-clips__ctl svg{width:11px;height:11px}.mcst-clips__ctl:hover{background:#a855f733;color:#fff}.mcst-clips__ctl:active{transform:scale(.96)}.mcst-clips__ctl:focus-visible{outline:2px solid var(--mcst-lilac);outline-offset:2px}.mcst-rowlabel{display:block;margin-top:22px;font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#d8b4feb3}.mcst-steps{display:flex;gap:var(--mcst-2);margin-top:var(--mcst-4)}.mcst-step{flex:1;min-width:0}.mcst-step .mcst-glass{position:relative;aspect-ratio:1 / 1}.mcst-step img{width:100%;height:100%;object-fit:cover;display:block}.mcst-step .mcst-glass:after{content:"";position:absolute;left:0;right:0;bottom:0;height:52%;pointer-events:none;background:linear-gradient(to top,rgba(6,3,14,.92),rgba(6,3,14,.45) 45%,transparent)}.mcst-step__n{position:absolute;top:7px;left:7px;z-index:2;width:19px;height:19px;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:10px;font-weight:800;color:#fff;border-radius:50%;background:linear-gradient(135deg,#9333eae6,#581c87bf);border:1px solid rgba(216,180,254,.55);box-shadow:0 3px 10px #00000080}.mcst-step__lbl{position:absolute;left:0;right:0;bottom:8px;z-index:2;text-align:center;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.8)}.mcst-flips{perspective:1000px}.mcst-card{aspect-ratio:9 / 14;position:relative}.mcst-card__in{position:relative;width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.3,.9,.25,1)}.mcst-card.is-flipped .mcst-card__in{transform:rotateY(180deg)}.mcst-face{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:var(--mcst-3) var(--mcst-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font:inherit;color:var(--mcst-text);text-align:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;visibility:hidden;transition:visibility 0s linear var(--mcst-flipswap)}.mcst-card:not(.is-flipped) .mcst-face--front,.mcst-card.is-flipped .mcst-face--back{visibility:visible}.mcst-card__img,.mcst-card__hook,.mcst-card__turn{backface-visibility:hidden;-webkit-backface-visibility:hidden}.mcst-face--front{background:linear-gradient(170deg,#1c1034c7,#0c071a9e);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow var(--mcst-normal) var(--mcst-ease),transform var(--mcst-normal) var(--mcst-ease),visibility 0s linear var(--mcst-flipswap)}.mcst-face--front:hover{box-shadow:0 18px 40px #0009,0 0 30px #a855f74d,inset 0 1px #ffffff42}.mcst-face--front:active{transform:scale(.985)}.mcst-face--front:focus-visible{outline:2px solid var(--mcst-lilac);outline-offset:3px}.mcst-card__img{width:88%;max-width:168px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(0,0,0,.8));animation:mcstFloat 5.5s ease-in-out infinite}@keyframes mcstFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.mcst-card__hook{min-height:2.7em;font-family:Outfit,sans-serif;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.35;padding:0 var(--mcst-1);background:linear-gradient(100deg,#e9d5ff,#a5b4fc 55%,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mcst-card__turn{position:absolute;bottom:7px;right:8px;font-size:12px;font-style:normal;color:#d8b4febf;animation:mcstTurnHint 3.4s ease-in-out infinite}@keyframes mcstTurnHint{0%,88%,to{transform:rotate(0);opacity:.75}94%{transform:rotate(-28deg);opacity:1}}.mcst-face--back{transform:rotateY(180deg);gap:6px;background:linear-gradient(170deg,#2e1654d9,#0e081eb3);border-color:#c084fc57}.mcst-face--back b{font-size:12px}.mcst-face--back .mcst-det{font-size:9px;line-height:1.35;color:var(--mcst-dim)}.mcst-sr{font-style:normal;position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mcst-stats{width:100%;display:flex;flex-direction:column;gap:3px;margin:2px 0 1px}.mcst-stat{display:flex;align-items:center;justify-content:space-between;gap:var(--mcst-1)}.mcst-stat>span{font-size:7.5px;color:var(--mcst-dim)}.mcst-stat>em{font-style:normal;font-size:9px;letter-spacing:-.5px;white-space:nowrap;color:#f59e0b;text-shadow:0 0 7px rgba(245,158,11,.45)}.mcst-stat>em u{text-decoration:none;color:#fff3;text-shadow:none}.mcst-stat>em.is-max{color:var(--mcst-gold);text-shadow:0 0 9px rgba(251,191,36,.7)}.mcst-out{margin-top:3px;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mcst-gold)}.mcst-flipback{position:absolute;bottom:6px;right:6px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font:inherit;font-size:12px;color:#d8b4fecc;background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:50%;cursor:pointer;transition:background var(--mcst-fast) ease}.mcst-flipback:hover{background:#ffffff29;color:#fff}.mcst-flipback:focus-visible{outline:2px solid var(--mcst-lilac);outline-offset:2px}.mcst-compare{display:block;margin:var(--mcst-4) auto 0;padding:8px 16px;font:inherit;font-size:11px;font-weight:700;color:var(--mcst-lilac);background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:var(--mcst-r-pill);cursor:pointer;transition:background var(--mcst-fast) ease,color var(--mcst-fast) ease,transform var(--mcst-fast) ease}.mcst-compare:hover{background:#a855f733;color:#fff}.mcst-compare:active{transform:scale(.97)}.mcst-compare:focus-visible{outline:2px solid var(--mcst-lilac);outline-offset:2px}.mcst-proof{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:var(--mcst-3)}.mcst-proof span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:9.5px;color:var(--mcst-dim);padding:4px 9px;border-radius:var(--mcst-r-pill);background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.mcst-proof svg{width:10px;height:10px;flex:none}.mcst-proof .mcst-proof__star{color:var(--mcst-gold)}.mcst-after{max-width:340px;margin:var(--mcst-3) auto 0;text-align:center;font-size:11px;line-height:1.5;color:#ffffff73;text-wrap:pretty}@media(min-width:900px){.mcst{padding:var(--mcst-8) var(--mcst-6);--mcst-col: 340px}.mcst__inner{max-width:1020px}.mcst-kicker{font-size:11px;margin-bottom:var(--mcst-8)}.mcst-beat{column-gap:var(--mcst-7);row-gap:var(--mcst-4);align-items:center;margin-bottom:72px}.mcst-q{font-size:clamp(30px,3.2vw,40px);margin-bottom:var(--mcst-3)}.mcst-a{font-size:16px;line-height:1.6;max-width:46ch}.mcst-tip{font-size:13px;margin-top:var(--mcst-3)}.mcst-beat--flip .mcst-a{margin-left:auto}.mcst-shot--a{width:74%}.mcst-shot--b{width:62%}.mcst-stack .mcst-shot:nth-child(2){margin-top:-22%;margin-left:36%}.mcst-beat--full .mcst-txt{text-align:center;width:100%;max-width:620px;margin:0 auto}.mcst-beat--full .mcst-a{margin-inline:auto}.mcst-clips,.mcst-flips{width:100%;max-width:660px;margin-inline:auto;gap:var(--mcst-3)}.mcst-clips[data-n="2"]{max-width:440px}.mcst-clips[data-n="1"]{max-width:220px}.mcst-clips{margin-top:var(--mcst-4)}.mcst-clips__ctl{margin-right:calc((100% - 660px)/2)}.mcst-rowlabel{text-align:center;margin-top:var(--mcst-7)}.mcst-steps{gap:var(--mcst-4);margin-top:var(--mcst-4)}.mcst-step .mcst-glass{aspect-ratio:4 / 3}.mcst-step__n{top:10px;left:10px;width:24px;height:24px;font-size:12px}.mcst-step__lbl{bottom:12px;font-size:16px}.mcst-card__hook{font-size:12px}.mcst-face--back b{font-size:15px}.mcst-face--back .mcst-det{font-size:11px}.mcst-stat>span{font-size:9.5px}.mcst-stat>em{font-size:12px}.mcst-out{font-size:11px}.mcst-compare{font-size:12.5px;padding:10px 20px}.mcst-proof,.mcst-after{width:100%;max-width:560px;margin-inline:auto}.mcst-proof span{font-size:11px;padding:5px 11px}.mcst-proof svg{width:12px;height:12px}.mcst-after{font-size:12.5px;max-width:420px}}@media(min-width:600px)and (max-width:899px){.mcst{--mcst-col: 168px}.mcst-q{font-size:30px}.mcst-a{font-size:15px}.mcst-clips,.mcst-flips,.mcst-steps,.mcst-proof,.mcst-after{width:100%;max-width:520px;margin-inline:auto}}@media(prefers-reduced-motion:reduce){.mcst-card__img,.mcst-card__turn{animation:none}.mcst-card__in,.mcst-face,.mcst-face--front,.mcst-compare,.mcst-clips__ctl{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/mc-story-beats.css.map */