.momento-viral-section{width:100%;background:var(--momento-bg)}.momento-viral{position:relative;display:block;width:100%;overflow:hidden;isolation:isolate;padding:108px 18px 100px;background:var(--momento-bg);color:#fff}.momento-viral:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;background:radial-gradient(circle at 12% 12%,rgba(0,242,234,.18),transparent 31%),radial-gradient(circle at 88% 34%,rgba(255,0,80,.18),transparent 29%),linear-gradient(145deg,#050505,#111 52%,#050505);-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.025) 5px,rgba(0,0,0,.07) 12px,rgba(0,0,0,.14) 20px,rgba(0,0,0,.24) 30px,rgba(0,0,0,.36) 41px,rgba(0,0,0,.5) 52px,rgba(0,0,0,.64) 63px,rgba(0,0,0,.77) 73px,rgba(0,0,0,.87) 81px,rgba(0,0,0,.94) 88px,rgba(0,0,0,.985) 94px,#000 100px,#000 calc(100% - 100px),rgba(0,0,0,.985) calc(100% - 94px),rgba(0,0,0,.94) calc(100% - 88px),rgba(0,0,0,.87) calc(100% - 81px),rgba(0,0,0,.77) calc(100% - 73px),rgba(0,0,0,.64) calc(100% - 63px),rgba(0,0,0,.5) calc(100% - 52px),rgba(0,0,0,.36) calc(100% - 41px),rgba(0,0,0,.24) calc(100% - 30px),rgba(0,0,0,.14) calc(100% - 20px),rgba(0,0,0,.07) calc(100% - 12px),rgba(0,0,0,.025) calc(100% - 5px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.025) 5px,rgba(0,0,0,.07) 12px,rgba(0,0,0,.14) 20px,rgba(0,0,0,.24) 30px,rgba(0,0,0,.36) 41px,rgba(0,0,0,.5) 52px,rgba(0,0,0,.64) 63px,rgba(0,0,0,.77) 73px,rgba(0,0,0,.87) 81px,rgba(0,0,0,.94) 88px,rgba(0,0,0,.985) 94px,#000 100px,#000 calc(100% - 100px),rgba(0,0,0,.985) calc(100% - 94px),rgba(0,0,0,.94) calc(100% - 88px),rgba(0,0,0,.87) calc(100% - 81px),rgba(0,0,0,.77) calc(100% - 73px),rgba(0,0,0,.64) calc(100% - 63px),rgba(0,0,0,.5) calc(100% - 52px),rgba(0,0,0,.36) calc(100% - 41px),rgba(0,0,0,.24) calc(100% - 30px),rgba(0,0,0,.14) calc(100% - 20px),rgba(0,0,0,.07) calc(100% - 12px),rgba(0,0,0,.025) calc(100% - 5px),transparent 100%)}@media(max-width:1023px){.momento-viral:before{-webkit-mask-image:none;mask-image:none}}.momento-viral:after{content:"200M+";position:absolute;z-index:-2;top:178px;left:-18px;color:transparent;font:900 clamp(94px,29vw,176px) / .72 var(--momento-sans);letter-spacing:-.1em;white-space:nowrap;-webkit-text-stroke:1px rgba(255,255,255,.075);transform:rotate(-5deg);pointer-events:none}.momento-viral__glow{position:absolute;z-index:-1;inset:auto -20% 10%;height:48%;background:radial-gradient(ellipse,rgba(255,0,80,.18),transparent 64%);filter:blur(32px);pointer-events:none}.momento-viral__header{position:relative;z-index:1;max-width:610px;margin:0 auto;text-align:center}.momento-viral__kicker{display:inline-flex;align-items:center;gap:7px;margin:0;padding:7px 11px 6px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#ffffff0f;font:700 10px / 1 var(--momento-sans);letter-spacing:1.6px}.momento-viral__kicker span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:linear-gradient(135deg,#25f4ee 0 48%,#fe2c55 52%);color:#fff;font-size:11px;text-shadow:1px 1px #000}.momento-viral__header h2{margin:22px auto 0;font:900 clamp(38px,10.5vw,63px) / .84 var(--momento-sans);letter-spacing:-2.8px;text-transform:uppercase;text-wrap:balance}.momento-viral__header h2:first-line{color:#fff}.momento-viral__metric{display:flex;align-items:center;justify-content:center;gap:11px;margin:22px auto 0}.momento-viral__metric strong{color:transparent;font:900 clamp(42px,13vw,68px) / .82 var(--momento-sans);letter-spacing:-3px;background:linear-gradient(90deg,#25f4ee 0 41%,#fff 42% 62%,#fe2c55 63%);background-clip:text;-webkit-background-clip:text}.momento-viral__metric span{padding-left:11px;border-left:1px solid rgba(255,255,255,.36);font:800 9px / 1.12 var(--momento-sans);letter-spacing:1.4px;text-align:left}.momento-viral__intro{max-width:410px;margin:19px auto 0;color:#ffffffb3;font:500 13px / 1.48 var(--momento-sans);letter-spacing:-.1px}.momento-viral__desktop-shop-button{display:none}@media(min-width:1024px){.momento-viral__desktop-shop-button{display:flex;width:275px;height:62px;margin:30px 0 0;padding:0 34px;align-items:center;justify-content:center;border-radius:999px;background:#fff;color:#20201f;font-family:var(--momento-display);font-size:16.5px;letter-spacing:2.2px;text-decoration:none;transition:transform .22s ease,background-color .22s ease}.momento-viral__desktop-shop-button:hover{background:#f1f1ef;transform:translateY(-2px)}.momento-viral__desktop-shop-button:focus-visible{outline:2px solid #fff;outline-offset:4px}}.momento-viral__carousel{position:relative;z-index:1;max-width:460px;margin:38px auto 0;padding:0 30px}.momento-viral__stack{position:relative;width:min(78vw,342px);margin:0 auto}.momento-viral__shadow{position:absolute;top:16px;right:-10px;bottom:16px;left:-10px;border:1px solid rgba(255,255,255,.18);border-radius:30px;background:linear-gradient(160deg,#25f4ee24,#fe2c551f);transform:rotate(4deg);pointer-events:none}.momento-viral__shadow--two{top:28px;right:-15px;bottom:28px;left:-15px;opacity:.5;transform:rotate(-3.5deg)}.momento-viral__frame{position:relative;overflow:hidden;aspect-ratio:9 / 16;border:1px solid rgba(255,255,255,.34);border-radius:27px;background:#111;box-shadow:0 28px 70px #000000a3,0 0 0 7px #ffffff09;touch-action:pan-y;-webkit-user-select:none;user-select:none}.momento-viral__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.025);transition:opacity .34s ease,transform .62s cubic-bezier(.22,1,.36,1);pointer-events:none}.momento-viral__video.is-active{opacity:1;transform:scale(1)}.momento-viral__frame:after{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,.38),transparent 17%,transparent 66%,rgba(0,0,0,.82));pointer-events:none}.momento-viral__chrome{position:absolute;z-index:3;top:14px;right:15px;left:15px;display:flex;justify-content:space-between;color:#ffffffd6;font:800 8px / 1 var(--momento-sans);letter-spacing:1.4px}.momento-viral__caption{position:absolute;z-index:3;right:17px;bottom:43px;left:17px;display:grid;gap:5px;text-shadow:0 2px 12px rgba(0,0,0,.85)}.momento-viral__caption small{color:#25f4ee;font:800 8px / 1.15 var(--momento-sans);letter-spacing:1.4px}.momento-viral__caption strong{color:#fff;font:900 clamp(20px,6vw,28px) / .94 var(--momento-sans);letter-spacing:-1px}.momento-viral__controls{position:absolute;z-index:4;right:12px;bottom:12px;display:flex;align-items:center;gap:5px}.momento-viral__control{height:24px;padding:0 9px;border:1px solid rgba(255,255,255,.36);border-radius:12px;background:#0000006b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:700 7px / 1 var(--momento-sans);letter-spacing:1px;white-space:nowrap}.momento-viral__arrow{position:absolute;z-index:5;top:46%;display:grid;place-items:center;width:37px;height:37px;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#ffffff17;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;transform:translateY(-50%);cursor:pointer}.momento-viral__arrow--previous{left:0}.momento-viral__arrow--next{right:0}.momento-viral__arrow span{width:9px;height:9px;border-bottom:1.5px solid currentColor;border-left:1.5px solid currentColor}.momento-viral__arrow--previous span{transform:translate(2px) rotate(45deg)}.momento-viral__arrow--next span{transform:translate(-2px) rotate(225deg)}.momento-viral__progress{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-top:28px}.momento-viral__progress button{position:relative;height:3px;padding:0;overflow:hidden;border:0;border-radius:4px;background:#ffffff29}.momento-viral__progress button span{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#25f4ee,#fff 50%,#fe2c55);transform:scaleX(0);transform-origin:left}.momento-viral__progress button.is-active span{animation:momentoViralProgress 7s linear forwards}.momento-viral__swipe-note{margin:13px 0 0;color:#ffffff85;font:700 8px / 1 var(--momento-sans);letter-spacing:1.8px;text-align:center}.momento-viral__swipe-note span{margin-left:5px;color:#fff;font-size:12px}@keyframes momentoViralProgress{to{transform:scaleX(1)}}@media(min-width:681px){.momento-viral{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,440px);align-items:center;gap:36px;width:min(100%,1000px);margin:0 auto;padding:116px 56px 110px}.momento-viral__header{text-align:left}.momento-viral__header h2{margin-left:0}.momento-viral__metric{justify-content:flex-start}.momento-viral__intro{margin-left:0}.momento-viral__carousel{width:100%;margin:0;padding:0 36px}.momento-viral__stack{width:min(31vw,360px)}.momento-viral:after{top:auto;bottom:30px;left:16px;font-size:150px}}@media(prefers-reduced-motion:reduce){.momento-viral__video{transition:none}.momento-viral__progress button.is-active span{animation:none;transform:scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/momento-viral.css.map */