.ex-hero{--bg: #0a0a0a;--fg: #f4f4f4;--hero-min: 100svh;--px: 0;--py: 0;--hero-ease: var(--ease, cubic-bezier(.2, .7, .2, 1));--hero-dock: calc(56px + 2 * var(--gap, 8px) + 24px);position:relative;isolation:isolate;box-sizing:border-box;height:var(--hero-min);min-height:var(--hero-min);max-height:var(--hero-min);background:var(--bg);color:var(--fg);overflow:clip;display:grid;place-items:center;margin:0;padding:72px var(--gutter, 24px) var(--hero-dock)}.ex-hero.day{--bg: var(--page, #e4e4e0);--fg: var(--ink, #111)}.ex-hero__tunnel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;max-width:none;pointer-events:none;filter:blur(1.4px) saturate(115%);transform:scale(1.03);opacity:0;animation:ex-hero-tn-in 2.4s var(--hero-ease) .2s forwards}@keyframes ex-hero-tn-in{to{opacity:1}}.ex-hero__veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(44% 40% at calc(50% + var(--px) * 4%) calc(46% + var(--py) * 3%),rgba(10,10,10,.6),rgba(10,10,10,.18) 64%,transparent 86%),linear-gradient(180deg,var(--bg) 0%,transparent 14%,transparent 80%,var(--bg) 100%)}.ex-hero.day .ex-hero__veil{background:radial-gradient(ellipse 55% 48% at calc(50% + var(--px) * 4%) calc(42% + var(--py) * 3%),rgba(57,193,250,.12),transparent 62%),linear-gradient(180deg,rgba(228,228,224,.4) 0%,transparent 30%,transparent 70%,rgba(228,228,224,.5) 100%)}.ex-hero__in{--lx: 0px;--stage-h: clamp(280px, (100svh - 370px - var(--lx)) * 1.3, 560px);position:relative;z-index:2;width:min(100%,var(--maxw, 1120px));padding:0;display:grid;justify-items:center;text-align:center}.ex-hero[data-launch=count] .ex-hero__in,.ex-hero[data-launch=countdown] .ex-hero__in{--lx: 110px}.ex-hero[data-launch=both] .ex-hero__in{--lx: 160px}.ex-hero__name,.ex-hero__tag,.ex-hero__launch{position:relative;z-index:1;animation:ex-hero-rise 1s var(--hero-ease) var(--d, 0s) both}.ex-hero__name{--d: .45s;margin:0;font-family:var(--f-heading, inherit);font-weight:200;font-size:clamp(2.25rem,1.1rem + 3.6vw,4.25rem);letter-spacing:.6em;padding-left:.6em;line-height:1;text-transform:uppercase;color:var(--fg)}.ex-hero__stage{position:relative;width:calc(var(--stage-h) * 2 / 3);height:var(--stage-h);margin:calc(var(--stage-h) * -.13) min(0px,(100% - var(--stage-h) * 2 / 3) / 2) calc(var(--stage-h) * -.1);touch-action:none;cursor:ew-resize;animation:ex-hero-stage-in 1.4s var(--hero-ease) .15s both}@keyframes ex-hero-stage-in{0%{opacity:0;transform:scale(.94)}}.ex-hero__stage:before{content:"";position:absolute;left:50%;top:52%;z-index:-1;width:120%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(57,193,250,.3),rgba(164,176,245,.08) 55%,transparent);filter:blur(24px);pointer-events:none;transform:translate(-50%,-50%);translate:calc(var(--px, 0) * 11%) calc(var(--py, 0) * 8%);animation:ex-hero-glow 9s ease-in-out infinite alternate}@keyframes ex-hero-glow{0%{opacity:.7;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1.04)}}.ex-hero__band,.ex-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;filter:brightness(1.55) contrast(1.08);transform:scale(1.3);transform-origin:50% 52%;-webkit-mask-image:radial-gradient(50% 40% at 50% 52%,#000 56%,transparent 100%);mask-image:radial-gradient(50% 40% at 50% 52%,#000 56%,transparent 100%);background:transparent}.ex-hero__video{object-fit:cover}.ex-hero__tag{--d: .75s;margin:0;font-family:var(--f-heading, inherit);font-size:clamp(1.375rem,.9rem + 2.1vw,2.5rem);font-weight:500;letter-spacing:-.02em;line-height:1.2;text-transform:none;color:var(--fg);text-wrap:balance;max-width:22ch}.ex-hero__launch{--d: .95s;margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:.85rem}.ex-hero__launch--both{gap:.75rem}.ex-hero__badge{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 1rem;border-radius:999px;border:0;background:#ffffff0f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:var(--t-sm, .875rem);font-weight:500;color:var(--snow-2, #bdbdbd);white-space:nowrap}@property --ba{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.ex-hero__badge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--ba),rgba(255,255,255,.16) 0deg,rgba(255,255,255,.16) 180deg,rgba(57,193,250,.95) 270deg,#ffffff 315deg,rgba(57,193,250,.95) 345deg,rgba(255,255,255,.16) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:ex-hero-badge-run 4.5s linear infinite}@keyframes ex-hero-badge-run{to{--ba: 360deg}}.ex-hero__ces{height:14px;width:auto;display:block}.ex-hero__live{width:.45rem;height:.45rem;border-radius:50%;background:#39c1fa;box-shadow:0 0 #39c1fa8c;animation:ex-live 1.8s ease-out infinite;order:-1}@keyframes ex-live{0%{box-shadow:0 0 #39c1fa8c}70%{box-shadow:0 0 0 8px #39c1fa00}to{box-shadow:0 0 #39c1fa00}}.ex-hero__count{display:flex;flex-direction:column;align-items:center;gap:.65rem}.ex-hero__count-k{margin:0;font-size:var(--t-xs, .75rem);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--snow-3, #8e8e8e)}.ex-hero__count-n{--fw: clamp(28px, 1.2rem + .8vw, 38px);--fh: calc(var(--fw) * 1.38);--cg: 1.25rem;margin:0;display:inline-flex;align-items:flex-start;gap:var(--cg);padding:10px 1.25rem 8px;border-radius:18px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-variant-numeric:tabular-nums}.ex-hero__cd{position:relative;display:grid;justify-items:center;gap:8px}.ex-hero__cd+.ex-hero__cd:before{content:":";position:absolute;left:calc(var(--cg) / -2);top:calc(var(--fh) / 2);translate:-50% -58%;font-weight:300;font-size:calc(var(--fh) * .5);line-height:1;color:var(--snow-3, #8e8e8e)}.ex-hero__tiles{display:flex;gap:4px}.ex-hero__cd small{font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--snow-3, #8e8e8e)}.ex-fl{position:relative;width:var(--fw);height:var(--fh);border-radius:8px;perspective:400px;font-weight:400;font-size:calc(var(--fh) * .6);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--fg, #fff);box-shadow:0 10px 20px -12px #000000e6,inset 0 0 0 1px #ffffff14}.ex-fl>span{position:absolute;left:0;right:0;height:50%;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.ex-fl__t,.ex-fl__ft{top:0;border-radius:8px 8px 0 0;background:linear-gradient(#262a33,#1d2028)}.ex-fl__b,.ex-fl__fb{bottom:0;border-radius:0 0 8px 8px;background:linear-gradient(#181a21,#121419)}.ex-fl i{position:absolute;left:0;right:0;height:200%;display:grid;place-items:center;font-style:normal}.ex-fl__t i,.ex-fl__ft i{top:0}.ex-fl__b i,.ex-fl__fb i{top:-100%}.ex-fl:after{content:"";position:absolute;left:0;right:0;top:50%;z-index:3;height:1px;margin-top:-.5px;background:#000c;box-shadow:0 1px #ffffff0f}.ex-fl__ft,.ex-fl__fb{display:none;z-index:2}.ex-fl.is-flip .ex-fl__ft{display:block;transform-origin:50% 100%;animation:ex-fl-top .26s cubic-bezier(.55,0,.85,.4) forwards}.ex-fl.is-flip .ex-fl__fb{display:block;transform-origin:50% 0;animation:ex-fl-bot .32s cubic-bezier(.2,.7,.3,1.12) .26s both}@keyframes ex-fl-top{to{transform:rotateX(-90deg);filter:brightness(.5)}}@keyframes ex-fl-bot{0%{transform:rotateX(90deg);filter:brightness(1.5)}}@media(max-width:767px){.ex-hero__count-n{--fw: 25px;--cg: .75rem;padding:10px .75rem 9px;border-radius:16px}.ex-fl{border-radius:6px}.ex-fl__t,.ex-fl__ft{border-radius:6px 6px 0 0}.ex-fl__b,.ex-fl__fb{border-radius:0 0 6px 6px}.ex-hero__cd small{font-size:9px;letter-spacing:.1em}}.ex-hero__passed{margin:0;font-size:var(--t-sm, .875rem);color:color-mix(in srgb,var(--fg) 75%,transparent)}@keyframes ex-hero-rise{0%{opacity:0;transform:translateY(24px)}}@media(prefers-reduced-motion:reduce){.ex-hero__live,.ex-hero__badge:before,.ex-hero__stage:before,.ex-hero__tunnel{animation:none}.ex-hero__tunnel{opacity:1}.ex-hero__stage,.ex-hero__name,.ex-hero__tag,.ex-hero__launch,.ex-fl.is-flip .ex-fl__ft,.ex-fl.is-flip .ex-fl__fb{animation:none}}@media(max-height:700px){.ex-hero__in{--stage-h: clamp(220px, (100svh - 320px - var(--lx)) * 1.15, 420px)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/eyvax-hero.css.map */