.hc{width:100%;max-width:420px;aspect-ratio:var(--hc-aspect,.718);--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:.5;--pointer-from-left:.5;--background-x:50%;--background-y:50%;--rotate-x:0deg;--rotate-y:0deg;--card-opacity:0;--hc-nx:0;--hc-ny:0;--hc-halo:0;--hc-amp:10%;--hc-scale:1;--hc-radius:4.55% / 3.5%;display:inline-block}.hc__translater{perspective:600px;transform-origin:50%;width:100%;height:100%}.hc__rotator{border-radius:var(--hc-radius);transform-origin:50%;width:100%;height:100%;transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));will-change:transform, box-shadow;touch-action:pan-y;cursor:grab;position:relative;box-shadow:0 10px 20px -5px #000,0 2px 15px -5px #000}.hc__stack{border-radius:inherit;isolation:isolate;pointer-events:none;background:#0b0d16;position:absolute;inset:0;overflow:hidden}.hc__plane{--hc-parallax:0;transform:translate3d(calc(var(--hc-nx) * var(--hc-parallax) * var(--hc-amp) * -1), calc(var(--hc-ny) * var(--hc-parallax) * var(--hc-amp) * -1), 0) scale(var(--hc-scale));will-change:transform;position:absolute;inset:0}.hc__art{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.hc__shine{-webkit-mask-image:var(--hc-mask);mask-image:var(--hc-mask);position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hc__flow{pointer-events:none;-webkit-mask-image:var(--hc-flow-mask);mask-image:var(--hc-flow-mask);display:none;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hc__fx{pointer-events:none;position:absolute;inset:0}.hc__halo,.hc__glare{-webkit-mask-image:var(--hc-card-mask,none);mask-image:var(--hc-card-mask,none);-webkit-mask-size:calc(var(--hc-scale) * 100%) calc(var(--hc-scale) * 100%);mask-size:calc(var(--hc-scale) * 100%) calc(var(--hc-scale) * 100%);-webkit-mask-position:calc(50% + var(--hc-nx) * var(--hc-fx-shift)) calc(50% + var(--hc-ny) * var(--hc-fx-shift));mask-position:calc(50% + var(--hc-nx) * var(--hc-fx-shift)) calc(50% + var(--hc-ny) * var(--hc-fx-shift));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hc__halo{pointer-events:none;--hc-halo-intensity:.35;--hc-sweep:calc(50% + (50% - var(--background-x)) * 5 + (50% - var(--background-y)) * 2);background-image:linear-gradient(115deg, transparent calc(var(--hc-sweep) - 36%), #d875ffbf calc(var(--hc-sweep) - 22%), #7a95ffbf calc(var(--hc-sweep) - 13%), #85fff7bf calc(var(--hc-sweep) - 4%), #a8ff61bf calc(var(--hc-sweep) + 5%), #ffed61bf calc(var(--hc-sweep) + 14%), #ff7a75bf calc(var(--hc-sweep) + 23%), transparent calc(var(--hc-sweep) + 37%));mix-blend-mode:color-dodge;filter:brightness(.75)contrast(1.35);opacity:calc(var(--hc-halo) * var(--hc-halo-intensity) * var(--card-opacity));will-change:opacity, background-image;background-repeat:no-repeat;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.hc,.hc__rotator,.hc__plane{transition:none!important;transform:none!important}.hc__halo,.hc__glare{-webkit-mask-position:0 0!important;mask-position:0 0!important;-webkit-mask-size:100% 100%!important;mask-size:100% 100%!important}}.hc{--sunpillar-1:#ff7a75;--sunpillar-2:#ffed61;--sunpillar-3:#a8ff61;--sunpillar-4:#85fff7;--sunpillar-5:#7a95ff;--sunpillar-6:#d875ff;--sunpillar-clr-1:var(--sunpillar-1);--sunpillar-clr-2:var(--sunpillar-2);--sunpillar-clr-3:var(--sunpillar-3);--sunpillar-clr-4:var(--sunpillar-4);--sunpillar-clr-5:var(--sunpillar-5);--sunpillar-clr-6:var(--sunpillar-6);--glittersize:25%;--space:5%;--angle:133deg;--imgsize:cover;--red:#f80e35;--yellow:#eedf10;--green:#21e985;--blue:#0dbde9;--violet:#c929f1}.hc__shine{filter:brightness(.85)contrast(2.75)saturate(.65);mix-blend-mode:color-dodge;opacity:calc(var(--card-opacity) * var(--hc-foil-intensity,1));will-change:transform, opacity, background-image, background-size, background-position, background-blend-mode, filter;background:50%/cover;overflow:hidden}.hc__shine:before,.hc__shine:after{--sunpillar-clr-1:var(--sunpillar-5);--sunpillar-clr-2:var(--sunpillar-6);--sunpillar-clr-3:var(--sunpillar-1);--sunpillar-clr-4:var(--sunpillar-2);--sunpillar-clr-5:var(--sunpillar-3);--sunpillar-clr-6:var(--sunpillar-4);position:absolute;inset:0}.hc__shine:after{--sunpillar-clr-1:var(--sunpillar-6);--sunpillar-clr-2:var(--sunpillar-1);--sunpillar-clr-3:var(--sunpillar-2);--sunpillar-clr-4:var(--sunpillar-3);--sunpillar-clr-5:var(--sunpillar-4);--sunpillar-clr-6:var(--sunpillar-5)}.hc__shine[data-foil=none]{display:none}.hc__shine[data-foil=holo]{--scanlines-space:1px;--scanlines-light:#666;--scanlines-dark:black;--bars:3%;--bar-color:#b3b3b3;--bar-bg:#000;background-image:repeating-linear-gradient(110deg, var(--violet), var(--blue), var(--green), var(--yellow), var(--red), var(--violet), var(--blue), var(--green), var(--yellow), var(--red), var(--violet), var(--blue), var(--green), var(--yellow), var(--red)), repeating-linear-gradient(90deg, var(--scanlines-dark) calc(var(--scanlines-space) * 0), var(--scanlines-dark) calc(var(--scanlines-space) * 2), var(--scanlines-light) calc(var(--scanlines-space) * 2), var(--scanlines-light) calc(var(--scanlines-space) * 4));background-position:calc(((50% - var(--background-x)) * 2.6) + 50%) calc(((50% - var(--background-y)) * 3.5) + 50%), center center;background-blend-mode:overlay;filter:brightness(1.1)contrast(1.1)saturate(1.2);mix-blend-mode:color-dodge;background-size:400% 400%,cover}.hc__shine[data-foil=holo]:before{content:"";background-image:repeating-linear-gradient(90deg, var(--bar-bg) calc(var(--bars) * 2), var(--bar-color) calc(var(--bars) * 3), var(--bar-bg) calc(var(--bars) * 3.5), var(--bar-color) calc(var(--bars) * 4), var(--bar-bg) calc(var(--bars) * 5), var(--bar-bg) calc(var(--bars) * 14)), repeating-linear-gradient(90deg, var(--bar-bg) calc(var(--bars) * 2), var(--bar-color) calc(var(--bars) * 3), var(--bar-bg) calc(var(--bars) * 3.5), var(--bar-color) calc(var(--bars) * 4), var(--bar-bg) calc(var(--bars) * 5), var(--bar-bg) calc(var(--bars) * 10));background-position:calc((((50% - var(--background-x)) * 1.65) + 50%) + (var(--background-y) * .5)) var(--background-x), calc((((50% - var(--background-x)) * -.9) + 50%) - (var(--background-y) * .75)) var(--background-y);background-blend-mode:screen;filter:brightness(1.15)contrast(1.1);mix-blend-mode:hard-light;background-size:200% 200%,200% 200%}.hc__shine[data-foil=holo]:after{content:"";background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #e6e6e6cc 0%, #c7c7c71a 25%, #000 90%);mix-blend-mode:luminosity;filter:brightness(.6)contrast(4);background-position:50%;background-size:cover}@media screen and (width<=900px){.hc__shine[data-foil=holo]{--scanlines-space:.5px}}.hc__shine[data-foil=sunpillar],.hc__shine[data-foil=sunpillar]:after{--space:5%;--angle:133deg;--imgsize:500px;background-image:var(--grain,none), repeating-linear-gradient(0deg, var(--sunpillar-clr-1) calc(var(--space) * 1), var(--sunpillar-clr-2) calc(var(--space) * 2), var(--sunpillar-clr-3) calc(var(--space) * 3), var(--sunpillar-clr-4) calc(var(--space) * 4), var(--sunpillar-clr-5) calc(var(--space) * 5), var(--sunpillar-clr-6) calc(var(--space) * 6), var(--sunpillar-clr-1) calc(var(--space) * 7)), repeating-linear-gradient(var(--angle), #0e152e 0%, #8fa3a3 3.8%, #8fc1c1 4.5%, #8fa3a3 5.2%, #0e152e 10%, #0e152e 12%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #0000001a 12%, #00000026 20%, #00000040 120%);background-blend-mode:screen, hue, hard-light;background-size:var(--imgsize) 100%, 200% 700%, 300% 100%, 200% 100%;background-position:center, 0% var(--background-y), var(--background-x) var(--background-y), var(--background-x) var(--background-y);filter:brightness(.8)contrast(2.95)saturate(.65)}.hc__shine[data-foil=sunpillar]:after{content:"";background-position:center, 0% var(--background-y), calc(100% - var(--background-x)) calc(var(--background-y) * -1), var(--background-x) var(--background-y);background-size:var(--imgsize) 100%, 200% 400%, 195% 100%, 200% 100%;filter:brightness()contrast(2.5)saturate(1.75);mix-blend-mode:soft-light}.hc__shine[data-foil=rainbow]{--r-clr-1:#942929;--r-clr-2:#98752f;--r-clr-3:#598f24;--r-clr-4:#248f8f;--r-clr-5:#248f8f;--r-clr-6:#2b639c;--r-clr-7:#5e247b;background-image:linear-gradient(-45deg, var(--r-clr-1), var(--r-clr-5)), var(--glitter,none), linear-gradient(-30deg, var(--r-clr-1), var(--r-clr-2), var(--r-clr-3), var(--r-clr-4), var(--r-clr-5), var(--r-clr-6), var(--r-clr-7), var(--r-clr-1), var(--r-clr-2), var(--r-clr-3), var(--r-clr-4), var(--r-clr-5), var(--r-clr-6), var(--r-clr-7), var(--r-clr-1), var(--r-clr-2), var(--r-clr-3), var(--r-clr-4), var(--r-clr-5), var(--r-clr-6), var(--r-clr-7), var(--r-clr-1));background-blend-mode:luminosity, soft-light;background-size:200% 200%, var(--glittersize) var(--glittersize), 400% 400%;background-position:calc(25% + (50% * var(--pointer-from-left))) calc(25% + (50% * var(--pointer-from-top))), center center, calc(25% + (var(--pointer-x) / 2)) calc(25% + (var(--pointer-y) / 2));filter:brightness(calc((var(--pointer-from-center) * .25) + .6)) contrast(2.2) saturate(.75)}.hc__shine[data-foil=rainbow]:after{content:"";background-image:var(--glitter,none), linear-gradient(-60deg, var(--r-clr-1), var(--r-clr-2), var(--r-clr-3), var(--r-clr-4), var(--r-clr-5), var(--r-clr-6), var(--r-clr-7), var(--r-clr-1), var(--r-clr-2), var(--r-clr-3), var(--r-clr-4), var(--r-clr-5), var(--r-clr-6), var(--r-clr-7), var(--r-clr-1), var(--r-clr-2), var(--r-clr-3), var(--r-clr-4), var(--r-clr-5), var(--r-clr-6), var(--r-clr-7), var(--r-clr-1));background-blend-mode:soft-light;background-size:var(--glittersize) var(--glittersize), 400% 400%;background-position:center center, var(--pointer-x) var(--pointer-y);filter:brightness(calc((var(--pointer-from-center) * .3) + .55)) contrast(2) saturate(1);mix-blend-mode:color-dodge}.hc__shine[data-foil=glow]{display:none}.hc__flow[data-foil=glow][data-ready]{opacity:var(--hc-foil-intensity,1);mix-blend-mode:screen;background-repeat:no-repeat;display:block}@property --hc-fx-p{syntax:"<percentage>";inherits:false;initial-value:0%}@property --hc-fx-a{syntax:"<number>";inherits:false;initial-value:0}@property --hc-fx-spin{syntax:"<angle>";inherits:false;initial-value:0deg}.hc__flow[data-foil=glow][data-ready]{background-image:linear-gradient(var(--hc-fx-angle,100deg), transparent calc(var(--hc-fx-p) - 16%), #fff5cc80 calc(var(--hc-fx-p) - 5%), #fff var(--hc-fx-p), #fff5cc80 calc(var(--hc-fx-p) + 5%), transparent calc(var(--hc-fx-p) + 16%));animation:2.8s linear infinite hc-fx-sweep}.hc__flow[data-foil=glow][data-ready][data-effect=glow]{background-image:none;background-color:hsla(45, 100%, 92%, var(--hc-fx-a));animation:3.6s ease-in-out infinite hc-fx-breathe}.hc__flow[data-foil=glow][data-ready][data-effect=circle]{background-image:conic-gradient(from var(--hc-fx-spin) at var(--hc-fx-x,50%) var(--hc-fx-y,50%), transparent 0deg 240deg, #e0c2ff8c 320deg, #fff 356deg, transparent 360deg);animation:3.2s linear infinite hc-fx-spin}.hc__flow[data-foil=glow][data-ready][data-effect=fire]{background-image:linear-gradient(#0000 10%,#ffdda3f2 50%,#0000 90%);background-repeat:repeat-y;background-size:100% 40%;animation:1.1s linear infinite hc-fx-rise,.9s step-end infinite hc-fx-flicker}.hc__flow[data-foil=glow][data-ready][data-effect=lightning]{background-image:none;background-color:hsla(210, 100%, 94%, var(--hc-fx-a));animation:2.6s linear infinite hc-fx-strike}.hc__flow[data-foil=glow][data-ready][data-effect=sparkles]{background-image:radial-gradient(circle,#fff 0 16%,#0000 42%),radial-gradient(circle,#fff7cc 0 14%,#0000 38%);background-repeat:repeat;background-size:9% 7%,13% 11%;animation:6s linear infinite hc-fx-twinkle}@keyframes hc-fx-sweep{0%{--hc-fx-p:-20%}to{--hc-fx-p:120%}}@keyframes hc-fx-breathe{0%,to{--hc-fx-a:.1}50%{--hc-fx-a:.5}}@keyframes hc-fx-spin{to{--hc-fx-spin:360deg}}@keyframes hc-fx-rise{0%{background-position:0 66.667%}to{background-position:0 0}}@keyframes hc-fx-flicker{0%{filter:brightness()}20%{filter:brightness(.65)}35%{filter:brightness(1.2)}55%{filter:brightness(.8)}75%{filter:brightness(1.1)}}@keyframes hc-fx-strike{0%,70%{--hc-fx-a:0}72%{--hc-fx-a:1}75%{--hc-fx-a:.15}78%{--hc-fx-a:.95}84%,to{--hc-fx-a:0}}@keyframes hc-fx-twinkle{0%{background-position:0 0,0 0}to{background-position:60% 40%,-45% 70%}}@media (prefers-reduced-motion:reduce){.hc__flow[data-foil=glow][data-ready]{display:none}}.hc__glare{pointer-events:none;border-radius:inherit;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #fffc 10%, #ffffffa6 20%, #00000080 90%);opacity:var(--card-opacity);mix-blend-mode:overlay;will-change:opacity, background-image;position:absolute;inset:0;overflow:hidden}