.hcv{--cc-glow: 1;--cc-tilt: 9;position:relative;padding:clamp(2.4rem,5vw,5.6rem) 0;overflow:hidden;contain:layout paint}.hcv:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 55% at 50% 55%,rgba(var(--holo-violet-rgb, 140 90 255),.22),transparent 70%),radial-gradient(40% 40% at 50% 60%,rgba(var(--holo-cyan-rgb, 0 230 255),.12),transparent 70%)}.hcv__inner{position:relative}.hcv__head{text-align:center;margin-bottom:clamp(1rem,2.5vw,2.4rem)}.hcv__title{margin:0;font-size:clamp(2.4rem,4.4vw,4.4rem);line-height:1.1;letter-spacing:.02em;text-transform:uppercase}.hcv__sub{margin:.6rem 0 0;font-size:1.4rem;opacity:.72}.hcv__stage{position:relative;height:clamp(38rem,44vw,60rem);perspective:1600px;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none;cursor:grab}.hcv__stage.is-drag{cursor:grabbing}.hcv__stage:focus-visible{outline:3px solid var(--holo-focus, #6ff);outline-offset:4px;border-radius:2rem}.hcv__track{list-style:none;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.hcv__slide{position:absolute;left:50%;top:50%;height:92%;aspect-ratio:5 / 7;margin:0;transform:translate3d(-50%,-50%,0);transition:transform .55s cubic-bezier(.2,.75,.15,1),opacity .45s ease,filter .45s ease;will-change:transform,opacity;backface-visibility:hidden}.hcv__stage.is-drag .hcv__slide{transition:none}.hcv__slide[aria-hidden=true]{pointer-events:none}.hcv__card{display:block;width:100%;height:100%;cursor:inherit}.hcv__card .holo-ccard__tilt,.hcv__card .holo-ccard__frame,.hcv__card .holo-ccard__art{height:100%}.hcv__card .holo-ccard__art{aspect-ratio:auto;border-radius:1.6rem}.hcv__card .holo-ccard__frame{border-radius:1.9rem}.hcv__slide:not(.is-active) .holo-ccard__tilt{animation:none}.hcv__slide:not(.is-active) .holo-ccard__frame:before{animation-play-state:paused}.hcv__slide:not(.is-active) .holo-ccard__frame{box-shadow:0 10px 30px #0000008c}.hcv__slide.is-active .holo-ccard__frame{box-shadow:0 0 44px rgba(var(--holo-cyan-rgb),.55),0 22px 80px rgba(var(--holo-magenta-rgb),.45)}.hcv__slide.is-active .holo-ccard__art:after{opacity:.75}.hcv__card img{opacity:0;transition:opacity .35s ease}.hcv__card img.is-in{opacity:1}.hcv__card .holo-ccard__art{background:linear-gradient(135deg,rgba(var(--holo-cyan-rgb),.12),rgba(var(--holo-magenta-rgb),.12))}.hcv__arrow{position:absolute;top:50%;z-index:5;width:5.2rem;height:5.2rem;margin-top:-2.6rem;border-radius:50%;border:1px solid rgba(var(--holo-cyan-rgb),.6);background:#0a0818b8;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 18px rgba(var(--holo-cyan-rgb),.35);transition:transform .2s ease,box-shadow .2s ease,opacity .2s;-webkit-tap-highlight-color:transparent}.hcv__arrow:hover,.hcv__arrow:focus-visible{transform:scale(1.08);box-shadow:0 0 26px rgba(var(--holo-cyan-rgb),.7),0 0 40px rgba(var(--holo-magenta-rgb),.4)}.hcv__arrow:disabled{opacity:.3;cursor:default;transform:none}.hcv__arrow svg{width:2.2rem;height:2.2rem;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.hcv__arrow--prev{left:max(.4rem,calc(50% - 46rem))}.hcv__arrow--next{right:max(.4rem,calc(50% - 46rem))}.hcv__meta{text-align:center;margin-top:clamp(1.2rem,2.4vw,2.4rem);min-height:7.4rem}.hcv__name{margin:0;font-size:clamp(1.8rem,2.2vw,2.4rem);font-weight:700;letter-spacing:.02em}.hcv__rarity{margin:.3rem 0 0;font-size:1.4rem;opacity:.75}.hcv__count{display:inline-block;margin:1rem 0 0;padding:.35rem 1.4rem;border-radius:99px;font-size:1.4rem;font-variant-numeric:tabular-nums;letter-spacing:.08em;border:1px solid rgba(var(--holo-cyan-rgb),.5);background:#0a081899}.hcv__meta.is-swap .hcv__name,.hcv__meta.is-swap .hcv__rarity{animation:hcv-in .4s ease both}@keyframes hcv-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hcv--side{padding:2.4rem 0 0}.hcv--side .page-width{padding:0}.hcv--side .hcv__stage{height:clamp(34rem,30vw,46rem)}.hcv--side .hcv__title{font-size:clamp(2rem,2.4vw,2.8rem)}.hcv--side .hcv__arrow--prev{left:.4rem}.hcv--side .hcv__arrow--next{right:.4rem}@media(max-width:749px){.hcv__stage{height:min(118vw,62rem)}.hcv__slide{height:94%}.hcv__arrow{width:4.4rem;height:4.4rem;margin-top:-2.2rem}.hcv__arrow--prev{left:.2rem}.hcv__arrow--next{right:.2rem}.hcv--side .hcv__stage{height:min(118vw,62rem)}}@media(prefers-reduced-motion:reduce){.hcv__slide{transition:opacity .2s}.hcv__card .holo-ccard__tilt{animation:none;transform:none}}.hcv.is-off .holo-ccard__tilt,.hcv.is-off .holo-ccard__frame:before,.hcv.is-off .holo-ccard__art:after{animation-play-state:paused}.product__media-wrapper:has(.hcv) .product__column-sticky{position:relative;top:auto}.hcv--side{position:relative;z-index:2}.hcv__no{white-space:nowrap}.hcv__title{text-wrap:balance}@media(max-width:749px){.hcv .hcv__title{font-size:2.6rem}.hcv__sub{font-size:1.3rem}}.hcv__slide{display:none;filter:none!important;transition:transform .5s cubic-bezier(.2,.75,.15,1),opacity .4s ease}.hcv__slide.is-near{display:block}.hcv__slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.9rem;background:#05030f;opacity:calc(var(--hcv-dim, 0) * 1);pointer-events:none;transition:opacity .4s ease}.hcv__stage.is-drag .hcv__slide:after{transition:none}.hcv__slide:not(.is-active) .holo-ccard__frame:before,.hcv__slide:not(.is-active) .holo-ccard__art:after{display:none}.hcv__slide:not(.is-active) .holo-ccard__tilt{transform:none;transition:none}.hcv__slide.is-active .holo-ccard__tilt{will-change:transform}.hcv__track{contain:layout style}@media(max-width:360px){html.hcv-onscreen .holo-cart{opacity:0!important;visibility:hidden!important;pointer-events:none!important}}.hcv-jump{display:none}@media(max-width:749px){.hcv-jump{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:1.2rem 0 .4rem;padding:1.1rem 1.4rem;border-radius:1.4rem;border:1px solid rgba(120,240,255,.7);background:linear-gradient(90deg,#7c3aed59,#22d3ee40);color:#fff;font-weight:700;font-size:1.5rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;box-shadow:0 0 14px #22d3ee59}.hcv-jump__n{font-weight:500;font-size:1.2rem;opacity:.85;text-transform:none}.hcv-jump__arr{animation:hcvb 1.4s ease-in-out infinite}@keyframes hcvb{50%{transform:translateY(3px)}}.section-hcv .hcv{scroll-margin-top:1rem}.hcv__stage{touch-action:pan-y}}.hcv-jump__spark{font-family:system-ui,-apple-system,Segoe UI,sans-serif}
/*# sourceMappingURL=/cdn/shop/t/13/assets/holo-cv.css.map */