.hr-stage{position:relative;aspect-ratio:1.32 / 1;border-radius:18px;overflow:hidden;background:radial-gradient(125% 110% at 50% 14%,#1b1b21,#101015 56%,#060608);box-shadow:inset 0 0 0 1px var(--line-soft),inset 0 -40px 80px -50px #000c,0 54px 120px -42px #000000eb;cursor:ns-resize;touch-action:none;outline:none}.hr-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--champ)}.hr-hud{position:absolute;z-index:6;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);background:#07070a80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:5px;padding:7px 11px;pointer-events:none}.hr-mode{top:16px;left:16px}.hr-deg{top:16px;right:16px;color:var(--champ);font-size:14px;letter-spacing:.04em;font-variant-numeric:tabular-nums}.hr-scene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:20%;perspective:1700px}.hr-rig{position:relative;width:min(78%,380px);height:0;transform-style:preserve-3d;transform:rotateX(4deg) rotateY(-9deg)}.hr-floor{position:absolute;left:50%;bottom:-2px;width:120%;height:26px;transform:translate(-50%);background:radial-gradient(ellipse,rgba(0,0,0,.6),transparent 72%);filter:blur(10px);opacity:calc(.45 + var(--p,0) * .5)}.hr-base{position:absolute;left:0;right:0;bottom:0;height:12px;border-radius:6px;background:linear-gradient(180deg,#34373d,#191b20);box-shadow:0 16px 24px -14px #000c,inset 0 1px #ffffff0f}.hr-rail{position:absolute;left:12%;right:12%;bottom:4px;height:3px;border-radius:2px;background:#070709;box-shadow:inset 0 0 5px #000000d9}.hr-strut{position:absolute;bottom:12px;width:8px;height:0;transform-origin:bottom center;border-radius:4px;background:linear-gradient(90deg,#3a3e45,#101216);z-index:2;opacity:0;box-shadow:0 0 0 1px #00000073;will-change:transform,height,left}.hr-unit{position:absolute;left:0;right:0;bottom:12px;height:0;transform-origin:left bottom;z-index:3}.hr-shell{position:absolute;top:0;right:0;left:0;bottom:0;height:9px;border-radius:5px;overflow:hidden;background:var(--finish, #1b1b1f);box-shadow:0 1px #ffffff14 inset,0 8px 16px -10px #0009}.hr-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 45%,rgba(0,0,0,.22))}.hr-lap{position:absolute;left:1.5%;right:1.5%;bottom:9px;height:14px;border-radius:3px 6px 6px 3px;overflow:hidden;background-color:var(--finish, #1b1b1f);box-shadow:0 1.5px #ffffff47 inset,0 7px 13px -8px #00000080}.hr-lap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hr-lap:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:#0003}.hr-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:6;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2);display:inline-flex;align-items:center;gap:9px;background:#07070a8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:30px;padding:9px 18px;transition:opacity .4s var(--ease)}.hr-hint-dot{width:6px;height:6px;border-radius:50%;background:var(--champ);box-shadow:0 0 8px var(--champ);animation:hr-pulse 2.4s var(--ease) infinite}.hr-stage:hover .hr-hint,.hr-stage:focus-within .hr-hint{opacity:0}@keyframes hr-pulse{0%,to{opacity:.55}50%{opacity:1}}.hero-finishes{display:flex;align-items:center;gap:16px;margin-top:32px;flex-wrap:wrap}.hr-swatches{display:flex;gap:10px;flex-wrap:wrap}.hr-sw{width:30px;height:30px;border-radius:50%;cursor:pointer;padding:0;border:1px solid rgba(255,255,255,.14);transition:transform .2s var(--ease);box-shadow:inset 0 2px 4px #ffffff2e,inset 0 -3px 5px #00000073}.hr-sw:hover{transform:scale(1.1)}.hr-sw.on{box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--champ)}.hr-finish-name{font-size:11px;letter-spacing:.2em;color:var(--ink-dim)}@media(prefers-reduced-motion:reduce){.hr-hint-dot{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/herorig.css.map */