.dart-hero{position:relative;isolation:isolate;display:grid;align-content:center;padding:44px 16px 16px;color:#f2f2ee;background:radial-gradient(ellipse 55% 60% at 50% 42%,rgb(206 255 0 / .09),transparent 70%),radial-gradient(ellipse 85% 90% at 50% 45%,transparent 55%,rgb(0 0 0 / .55) 100%),#06070b;overflow-x:clip}.dart-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.08;background:url(dart-hero-grain.png) repeat}.dart-hero__darts{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,3vw,48px);max-width:1140px;width:100%;margin:0 auto}.dart-hero__dart{display:grid;justify-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.dart-hero__stage{position:relative}.dart-hero__stage:before{content:"";position:absolute;z-index:0;top:-6%;left:50%;width:300%;height:100%;transform:translate(-50%);pointer-events:none;background:radial-gradient(ellipse 50% 50% at 50% 45%,rgb(206 255 0 / .2) 0%,rgb(206 255 0 / .11) 30%,rgb(206 255 0 / .04) 52%,transparent 70%);opacity:0;transition:opacity .5s ease;will-change:opacity}.dart-hero__dart.is-active .dart-hero__stage:before{opacity:1}.dart-hero__canvas{position:relative;z-index:1;display:block;height:min(62vh,560px);max-width:100%;aspect-ratio:282 / 1200;object-fit:contain;transition:transform .4s cubic-bezier(.2,.8,.2,1),filter .4s,opacity .4s;filter:brightness(1) drop-shadow(0 20px 24px rgb(0 0 0 / .5))}.dart-hero__dart.is-active .dart-hero__canvas{transform:translateY(-28px);filter:brightness(1) drop-shadow(0 40px 34px rgb(0 0 0 / .6))}.dart-hero__darts:has(.is-active) .dart-hero__dart:not(.is-active) .dart-hero__canvas{filter:brightness(.6) drop-shadow(0 20px 24px rgb(0 0 0 / .5))}.dart-hero__details{position:absolute;top:22%;left:calc(100% + 4px);z-index:3;width:max-content;max-width:220px;padding:14px 18px;font-family:var(--font-body-family);font-size:13px;font-weight:var(--font-body-weight-bold, 700);line-height:1.4;color:#f2f2ee;background:#141610d9;border:1px solid #c6e03a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;opacity:0;visibility:hidden;transform:translate(-8px);transition:opacity .3s,transform .4s cubic-bezier(.2,.8,.2,1),visibility 0s linear .3s}.dart-hero__logo{display:block;width:auto;height:22px;margin-bottom:10px}.dart-hero__copy,.dart-hero__spec{margin:0}.dart-hero__spec{margin-top:8px;font-weight:400;color:#f2f2eea6}.dart-hero__cta{display:inline-block;margin-top:12px;color:#ceff00;text-decoration:none;border-bottom:1px solid currentColor}.dart-hero__cta:hover,.dart-hero__cta:focus-visible{color:#f2f2ee}.dart-hero__details.flip{left:auto;right:calc(100% + 4px);transform:translate(8px)}.dart-hero__dart.is-active .dart-hero__details{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-28px);transition-delay:.1s}@media(prefers-reduced-motion:reduce){.dart-hero__canvas,.dart-hero__details{transition-duration:.01s}}.dart-hero__hint{display:none}@media(max-width:47.99em){.dart-hero{padding:16px 0}.dart-hero__darts{--slide: 52vw;display:block;position:relative;max-width:none;height:calc(min(62vh,560px) + 210px);touch-action:pan-y}.dart-hero__dart{position:absolute;top:28px;left:50%;width:var(--slide);margin-left:calc(var(--slide) / -2);transform:translate(calc(var(--rel, 0) * var(--slide) + var(--drag, 0px)));transition:transform .45s cubic-bezier(.2,.8,.2,1);cursor:grab}.dart-hero__details,.dart-hero__details.flip{top:calc(100% + 12px);left:50%;right:auto;text-align:center;transform:translate(-50%,8px)}.dart-hero__logo{margin-inline:auto}.dart-hero__dart.is-active .dart-hero__details{transform:translate(-50%,-28px)}.dart-hero__hint{display:block;position:absolute;z-index:2;top:calc(min(62vh,560px)/2);left:50%;width:96px;height:96px;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .4s}.dart-hero__hint.is-visible{opacity:.85}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/custom-dart-hero.css.map */