/* [project]/components/card/holo.css [app-client] (css) */
:root {
  --face-mask: radial-gradient(ellipse 50% 40% at 50% 36%, #0006 58%, #000 94%);
  --hv-f1: #ff3d9a8c;
  --hv-f2: #2ef2ff8c;
  --hv-f3: #c8ff3d73;
  --hv-f4: #9b5cff8c;
  --hv-t-spark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0l1.4 8.6L20 10l-8.6 1.4L10 20l-1.4-8.6L0 10l8.6-1.4z' fill='%23fff'/%3E%3Ccircle cx='10' cy='10' r='1.6' fill='%23dfe9ff'/%3E%3C/svg%3E");
  --hv-t-glit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cg fill='%23fff'%3E%3Cpath d='M9 6l.8 2.6 2.6.8-2.6.8L9 12.8l-.8-2.6-2.6-.8 2.6-.8z'/%3E%3Cpath d='M36 20l.6 1.9 1.9.6-1.9.6-.6 1.9-.6-1.9-1.9-.6 1.9-.6z'/%3E%3Ccircle cx='22' cy='38' r='.9'/%3E%3Ccircle cx='44' cy='44' r='.7'/%3E%3Ccircle cx='28' cy='9' r='.6'/%3E%3C/g%3E%3C/svg%3E");
  --hv-t-star-n: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cg fill='%23fff'%3E%3Ccircle cx='7' cy='11' r='1.2'/%3E%3Ccircle cx='41' cy='6' r='.8'/%3E%3Ccircle cx='53' cy='33' r='1.4'/%3E%3Ccircle cx='19' cy='44' r='.9'/%3E%3Ccircle cx='46' cy='54' r='1'/%3E%3C/g%3E%3Cpath d='M28 20l1.3 4.7 4.7 1.3-4.7 1.3L28 32l-1.3-4.7-4.7-1.3 4.7-1.3z' fill='%23e8f0ff'/%3E%3C/svg%3E");
  --hv-t-star-f: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='%23b9d2ff'%3E%3Ccircle cx='5' cy='8' r='.6'/%3E%3Ccircle cx='23' cy='3' r='.5'/%3E%3Ccircle cx='34' cy='17' r='.7'/%3E%3Ccircle cx='14' cy='24' r='.55'/%3E%3Ccircle cx='29' cy='33' r='.6'/%3E%3Ccircle cx='8' cy='36' r='.45'/%3E%3C/g%3E%3Ccircle cx='19' cy='15' r='.8' fill='%23ffd9f2'/%3E%3C/svg%3E");
  --hv-t-ice-a: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0 0L38 12 14 40Z M60 30l30-18 6 40Z M20 70l34-6-10 36Z' fill='%23f2fcff' fill-opacity='.6'/%3E%3C/svg%3E");
  --hv-t-ice-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M38 12L70 0 60 30Z M14 40l30 4-24 26Z M70 64l30-10-4 46Z' fill='%23c6eeff' fill-opacity='.6'/%3E%3C/svg%3E");
  --hv-t-ice-c: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M44 44l26-14v34Z M0 60l20 10-20 30Z M54 64l16 36H44Z M80 20l20 2-6 22Z' fill='%23ffffff' fill-opacity='.6'/%3E%3C/svg%3E");
  --hv-t-petal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpath id='p' d='M0-6L-1.6-8.4C-6-8-7-2 0 8 7-2 6-8 1.6-8.4Z'/%3E%3C/defs%3E%3Cuse href='%23p' fill='%23ffc2d4' transform='translate(16 18) rotate(25)'/%3E%3Cuse href='%23p' fill='%23fff' transform='translate(70 12) rotate(-40) scale(.7)'/%3E%3Cuse href='%23p' fill='%23ffe3ec' transform='translate(48 52) rotate(80) scale(.85)'/%3E%3Cuse href='%23p' fill='%23ffb0c8' transform='translate(84 70) rotate(140) scale(.6)'/%3E%3Cuse href='%23p' fill='%23fff' transform='translate(20 82) rotate(-110) scale(.75)'/%3E%3C/svg%3E");
  --hv-t-star-big: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23cfe0ff' stop-opacity='.4'/%3E%3Cstop offset='1' stop-color='%23cfe0ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='20' cy='24' r='17.099999999999998' fill='url(%23g)'/%3E%3Ccircle cx='66' cy='16' r='10.45' fill='url(%23g)'/%3E%3Ccircle cx='52' cy='64' r='15.2' fill='url(%23g)'/%3E%3Ccircle cx='82' cy='50' r='8.549999999999999' fill='url(%23g)'/%3E%3Cpath d='M20 15Q20 24 29 24Q20 24 20 33Q20 24 11 24Q20 24 20 15Z' fill='%23fff'/%3E%3Cpath d='M66 10.5Q66 16 71.5 16Q66 16 66 21.5Q66 16 60.5 16Q66 16 66 10.5Z' fill='%23e8f0ff'/%3E%3Cpath d='M52 56Q52 64 60 64Q52 64 52 72Q52 64 44 64Q52 64 52 56Z' fill='%23fff'/%3E%3Cpath d='M12 66Q12 70 16 70Q12 70 12 74Q12 70 8 70Q12 70 12 66Z' fill='%23ffd9f2'/%3E%3Cpath d='M82 45.5Q82 50 86.5 50Q82 50 82 54.5Q82 50 77.5 50Q82 50 82 45.5Z' fill='%23dfe9ff'/%3E%3Ccircle cx='20' cy='24' r='1.3' fill='%23fff'/%3E%3Ccircle cx='52' cy='64' r='1.2' fill='%23fff'/%3E%3C/svg%3E");
  --hv-t-shard: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%232ef2ff'/%3E%3Cstop offset='.55' stop-color='%239b5cff'/%3E%3Cstop offset='1' stop-color='%23ff3d9a'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='1' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff36b'/%3E%3Cstop offset='.5' stop-color='%23c8ff3d'/%3E%3Cstop offset='1' stop-color='%232ef2ff'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='0' y1='1' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23ff3d9a'/%3E%3Cstop offset='.5' stop-color='%23ff9a3d'/%3E%3Cstop offset='1' stop-color='%23fff36b'/%3E%3C/linearGradient%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.6'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M0-10L4.6 0 1.4 9.5-3.4 3Z' transform='translate(18 22) rotate(24) scale(1.1)' fill='url(%23a)' stroke='%23fff' stroke-opacity='.75' stroke-width='.5'/%3E%3Cpath d='M0-10L4.6 0 1.4 9.5-3.4 3Z' transform='translate(64 14) rotate(-35) scale(0.8)' fill='url(%23b)' stroke='%23fff' stroke-opacity='.75' stroke-width='.5'/%3E%3Cpath d='M0-10L4.6 0 1.4 9.5-3.4 3Z' transform='translate(50 60) rotate(70) scale(1)' fill='url(%23c)' stroke='%23fff' stroke-opacity='.75' stroke-width='.5'/%3E%3Cpath d='M0-10L4.6 0 1.4 9.5-3.4 3Z' transform='translate(12 72) rotate(-12) scale(0.7)' fill='url(%23b)' stroke='%23fff' stroke-opacity='.75' stroke-width='.5'/%3E%3Cpath d='M0-10L4.6 0 1.4 9.5-3.4 3Z' transform='translate(80 48) rotate(150) scale(0.75)' fill='url(%23a)' stroke='%23fff' stroke-opacity='.75' stroke-width='.5'/%3E%3Ccircle cx='36' cy='40' r='7.6' fill='url(%23g)'/%3E%3Ccircle cx='74' cy='76' r='6.46' fill='url(%23g)'/%3E%3Cpath d='M36 36Q36 40 40 40Q36 40 36 44Q36 40 32 40Q36 40 36 36Z' fill='%23fff'/%3E%3Cpath d='M74 72.6Q74 76 77.4 76Q74 76 74 79.4Q74 76 70.6 76Q74 76 74 72.6Z' fill='%23fff'/%3E%3Cpath d='M62 31.6Q62 34 64.4 34Q62 34 62 36.4Q62 34 59.6 34Q62 34 62 31.6Z' fill='%23fff'/%3E%3C/svg%3E");
  --hv-t-dif-a: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='0.0' cy='44.2' r='0.77' fill='%23fff'/%3E%3Ccircle cx='35.0' cy='25.6' r='0.80' fill='%23d4f7ff'/%3E%3Ccircle cx='36.2' cy='26.1' r='1.06' fill='%23ffd6ee'/%3E%3Ccircle cx='39.2' cy='11.6' r='0.83' fill='%23ffd6ee'/%3E%3Ccircle cx='33.5' cy='2.6' r='1.06' fill='%23fff'/%3E%3Ccircle cx='44.3' cy='38.8' r='0.64' fill='%23ffd6ee'/%3E%3Ccircle cx='44.3' cy='33.0' r='1.03' fill='%23ffd6ee'/%3E%3Ccircle cx='43.8' cy='43.6' r='0.83' fill='%23fff'/%3E%3Ccircle cx='40.2' cy='15.9' r='0.66' fill='%23fff'/%3E%3Ccircle cx='20.6' cy='14.2' r='1.25' fill='%23ffd6ee'/%3E%3Ccircle cx='35.0' cy='42.1' r='0.59' fill='%23fff'/%3E%3Ccircle cx='26.9' cy='24.4' r='0.87' fill='%23fff'/%3E%3Ccircle cx='43.6' cy='2.6' r='0.82' fill='%23fff'/%3E%3Ccircle cx='31.9' cy='44.4' r='0.94' fill='%23fff'/%3E%3Ccircle cx='19.5' cy='13.6' r='0.82' fill='%23fff'/%3E%3Ccircle cx='16.0' cy='25.5' r='1.01' fill='%23fff'/%3E%3Cpolygon points='38.6,18.0 39.5,21.6 43.1,22.5 39.5,23.4 38.6,27.0 37.7,23.4 34.1,22.5 37.7,21.6' fill='%23ffd6ee'/%3E%3Cpolygon points='28.8,20.9 29.6,23.8 32.5,24.6 29.6,25.3 28.8,28.3 28.1,25.3 25.1,24.6 28.1,23.8' fill='%23ffd6ee'/%3E%3C/svg%3E");
  --hv-t-dif-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='45.1' cy='19.0' r='1.08' fill='%23fff'/%3E%3Ccircle cx='28.2' cy='16.8' r='0.80' fill='%23fff'/%3E%3Ccircle cx='38.1' cy='42.1' r='0.63' fill='%23e2ffc8'/%3E%3Ccircle cx='3.7' cy='19.5' r='0.67' fill='%23fff'/%3E%3Ccircle cx='47.8' cy='10.6' r='1.02' fill='%23fff'/%3E%3Ccircle cx='21.9' cy='28.5' r='0.65' fill='%23e2ffc8'/%3E%3Ccircle cx='42.5' cy='42.7' r='1.21' fill='%23e2ffc8'/%3E%3Ccircle cx='36.5' cy='13.2' r='0.56' fill='%23fff'/%3E%3Ccircle cx='3.6' cy='0.1' r='1.01' fill='%23fff'/%3E%3Ccircle cx='35.6' cy='23.5' r='1.07' fill='%23fff'/%3E%3Ccircle cx='42.3' cy='11.3' r='0.83' fill='%23e2ffc8'/%3E%3Ccircle cx='5.7' cy='23.5' r='0.55' fill='%23e2ffc8'/%3E%3Ccircle cx='30.6' cy='44.3' r='0.57' fill='%23e2ffc8'/%3E%3Ccircle cx='9.0' cy='46.5' r='0.97' fill='%23fff7c4'/%3E%3Ccircle cx='12.8' cy='10.7' r='0.71' fill='%23fff7c4'/%3E%3Ccircle cx='2.5' cy='36.9' r='1.08' fill='%23fff7c4'/%3E%3Cpolygon points='23.9,4.3 24.5,6.6 26.8,7.2 24.5,7.7 23.9,10.0 23.4,7.7 21.1,7.2 23.4,6.6' fill='%23e2ffc8'/%3E%3Cpolygon points='10.7,26.2 11.6,29.9 15.3,30.8 11.6,31.7 10.7,35.3 9.8,31.7 6.1,30.8 9.8,29.9' fill='%23fff'/%3E%3C/svg%3E");
  --hv-t-dif-c: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='42.4' cy='41.3' r='1.29' fill='%23cfe4ff'/%3E%3Ccircle cx='36.7' cy='20.1' r='0.74' fill='%23e6d6ff'/%3E%3Ccircle cx='42.3' cy='19.1' r='0.73' fill='%23fff'/%3E%3Ccircle cx='42.6' cy='26.8' r='0.81' fill='%23e6d6ff'/%3E%3Ccircle cx='35.3' cy='16.1' r='1.09' fill='%23fff'/%3E%3Ccircle cx='9.5' cy='15.0' r='1.29' fill='%23cfe4ff'/%3E%3Ccircle cx='30.4' cy='41.9' r='1.24' fill='%23fff'/%3E%3Ccircle cx='31.0' cy='6.5' r='0.92' fill='%23e6d6ff'/%3E%3Ccircle cx='37.0' cy='45.4' r='0.91' fill='%23fff'/%3E%3Ccircle cx='21.4' cy='8.0' r='1.05' fill='%23e6d6ff'/%3E%3Ccircle cx='27.0' cy='24.3' r='1.12' fill='%23fff'/%3E%3Ccircle cx='36.0' cy='1.2' r='0.77' fill='%23e6d6ff'/%3E%3Ccircle cx='9.7' cy='34.7' r='0.77' fill='%23fff'/%3E%3Ccircle cx='31.7' cy='20.6' r='0.61' fill='%23cfe4ff'/%3E%3Ccircle cx='39.5' cy='43.9' r='1.23' fill='%23e6d6ff'/%3E%3Ccircle cx='46.0' cy='1.2' r='1.12' fill='%23e6d6ff'/%3E%3Cpolygon points='32.1,35.7 32.6,37.8 34.7,38.3 32.6,38.9 32.1,41.0 31.5,38.9 29.4,38.3 31.5,37.8' fill='%23fff'/%3E%3Cpolygon points='8.9,7.1 9.4,9.3 11.7,9.9 9.4,10.5 8.9,12.7 8.3,10.5 6.1,9.9 8.3,9.3' fill='%23fff'/%3E%3C/svg%3E");
}

.card.holo {
  --hv-pl: #0000004d;
}

:where(.card.holo) {
  --hv-orb-c: 255,255,255;
  --hv-ring: 120,70,220;
}

.card.holo.r-L {
  --hv-pl: #0000003d;
}

.hv-frame, .hv-foil, .hv-depth, .hv-orb, .hv-halo, .hv-key {
  pointer-events: none;
  border-radius: inherit;
  position: absolute;
}

.hv-frame i, .hv-foil i, .hv-depth i, .hv-orb i, .hv-halo i {
  font-style: normal;
  display: block;
  position: absolute;
}

.hv-foil, .hv-frame {
  --hv-mx: clamp(0, var(--mx, .38), 1);
  --hv-my: clamp(0, var(--my, .5), 1);
}

.hv-foil, .hv-depth {
  z-index: 5;
  contain: paint;
  -webkit-mask: var(--hv-face, var(--face-mask)),
    linear-gradient(90deg, #000 var(--F), transparent var(--F), transparent calc(100% - var(--F)), #000 calc(100% - var(--F))),
    linear-gradient(180deg, #000 calc(100% - var(--F) - var(--P) + var(--S)), var(--hv-pl) calc(100% - var(--F) - var(--P) + var(--S) + 1px), var(--hv-pl) calc(100% - var(--F)), #000 calc(100% - var(--F) + 1px));
  -webkit-mask-composite: source-in, source-over;
  -webkit-mask: var(--hv-face, var(--face-mask)),
    linear-gradient(90deg, #000 var(--F), transparent var(--F), transparent calc(100% - var(--F)), #000 calc(100% - var(--F))),
    linear-gradient(180deg, #000 calc(100% - var(--F) - var(--P) + var(--S)), var(--hv-pl) calc(100% - var(--F) - var(--P) + var(--S) + 1px), var(--hv-pl) calc(100% - var(--F)), #000 calc(100% - var(--F) + 1px));
  mask: var(--hv-face, var(--face-mask)),
    linear-gradient(90deg, #000 var(--F), transparent var(--F), transparent calc(100% - var(--F)), #000 calc(100% - var(--F))),
    linear-gradient(180deg, #000 calc(100% - var(--F) - var(--P) + var(--S)), var(--hv-pl) calc(100% - var(--F) - var(--P) + var(--S) + 1px), var(--hv-pl) calc(100% - var(--F)), #000 calc(100% - var(--F) + 1px));
  inset: 0;
  overflow: hidden;
  -webkit-mask-composite: source-in, source-over;
  mask-composite: intersect, add;
}

.hv-depth {
  --hv-pl: #0000001f;
}

.hv-foil {
  mix-blend-mode: color-dodge;
  opacity: .78;
}

.hv-foil:before {
  content: "";
  inset: var(--F) var(--F) calc(var(--F) + var(--Pr, var(--P)) - var(--S)) var(--F);
  border-radius: var(--Ri) var(--Ri) 0 0;
  background: linear-gradient(115deg, #ff3d9a57, #2ef2ff4d 28%, #c8ff3d3d 52%, #9b5cff57 76%, #ff3d9a4d);
  position: absolute;
  -webkit-mask: linear-gradient(#000 70%, #0000);
  mask: linear-gradient(#000 70%, #0000);
}

.hv-foil:after {
  content: "";
  border-radius: inherit;
  opacity: .35;
  mix-blend-mode: overlay;
  background: repeating-linear-gradient(45deg, #ffffff59 0 2px, #0000 2px 7px);
  position: absolute;
  inset: 0;
}

.hv-band {
  z-index: -1;
  background: var(--hv-band, linear-gradient(115deg, transparent 18%, var(--hv-f1) 30%, var(--hv-f2) 40%, var(--hv-f3) 50%, var(--hv-f4) 60%, transparent 72%));
  width: 300%;
  height: 300%;
  transform: translate3d(calc(var(--hv-mx) * var(--u) * -200), calc(var(--hv-my) * var(--u) * -280), 0);
  top: 0;
  left: 0;
}

.hv-band > i {
  display: none;
  inset: 0;
}

.hv-band > i > i {
  inset: calc(var(--u) * -16);
  transform: translate3d(calc(var(--hv-mx) * var(--u) * 200 + var(--tx, 0) * var(--bz, 0) * var(--u)), calc(var(--hv-my) * var(--u) * 280 + var(--ty, 0) * var(--bz, 0) * var(--u)), 0);
}

.card.live .hv-foil {
  opacity: .82;
}

.hv-depth {
  mix-blend-mode: screen;
}

.hv-depth > i {
  inset: calc(var(--u) * -16);
  transform: translate3d(calc(var(--tx, 0) * var(--dz, 0) * var(--u)), calc(var(--ty, 0) * var(--dz, 0) * var(--u)), 0);
  background-repeat: repeat;
  display: none;
}

.hv-d1 > i {
  display: none;
}

.hv-frame {
  z-index: 4;
  padding: var(--F);
  -webkit-mask-composite: xor;
  display: none;
  inset: 0;
  overflow: hidden;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor, source-over;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}

.hv-frame:before {
  content: "";
  position: absolute;
  inset: 0;
}

.hv-frame > i {
  width: 300%;
  height: 300%;
  transform: translate3d(calc(var(--hv-mx) * var(--u) * -200), calc(var(--hv-my) * var(--u) * -280), 0);
  display: none;
  top: 0;
  left: 0;
}

.hv-key {
  z-index: 8;
  inset: calc(var(--F) - var(--kl));
  padding: var(--kl);
  border-radius: calc(var(--Ri) + var(--kl));
  --kl: max(1.5px, calc(var(--u) * .7));
  background: var(--hv-key, linear-gradient(135deg,#ff3d9a,#2ef2ff 26%,#c8ff3d 50%,#9b5cff 74%,#ff3d9a));
  -webkit-mask-composite: xor;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor, source-over;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}

.hv-orb {
  z-index: 7;
  mix-blend-mode: screen;
  inset: 0;
  overflow: hidden;
}

.hv-halo {
  z-index: 7;
  inset: 0;
  overflow: hidden;
}

.hv-orb > i, .hv-orb:before {
  left: calc(var(--u) * var(--hv-orb-d, 110) / -2);
  top: calc(var(--u) * var(--hv-orb-d, 110) / -2);
  width: calc(var(--u) * var(--hv-orb-d, 110));
  height: calc(var(--u) * var(--hv-orb-d, 110));
  background: radial-gradient(circle closest-side, rgba(var(--hv-orb-c),.3) 0, rgba(var(--hv-orb-c),.22) 14%, rgba(var(--hv-orb-c),.12) 34%, rgba(var(--hv-orb-c),.05) 60%, rgba(var(--hv-orb-c),.015) 82%, rgba(var(--hv-orb-c),0) 100%);
  border-radius: 50%;
}

.hv-halo > i {
  left: calc(var(--u) * var(--hv-halo-d, 30) / -2);
  top: calc(var(--u) * var(--hv-halo-d, 30) / -2);
  width: calc(var(--u) * var(--hv-halo-d, 30));
  height: calc(var(--u) * var(--hv-halo-d, 30));
  background: radial-gradient(circle closest-side, rgba(var(--hv-ring),0) 0, rgba(var(--hv-ring),0) 66%, rgba(var(--hv-ring),.08) 77%, rgba(var(--hv-ring),.08) 82%, rgba(var(--hv-ring),0) 92%);
  border-radius: 50%;
}

.hv-orb > i, .hv-halo > i {
  opacity: var(--go, 0);
  transform: translate3d(calc(var(--mx, .3) * var(--u) * 100), calc(var(--my, .2) * var(--u) * 140), 0);
  transition: opacity .3s linear;
}

.card.live .hv-orb > i, .card.live .hv-halo > i {
  will-change: transform;
  transition: opacity .12s linear, transform 70ms linear;
}

.hv-orb:before {
  content: "";
  opacity: 0;
  transform: translate3d(calc(var(--u) * 30), calc(var(--u) * 28), 0);
  transition: opacity .45s linear;
  position: absolute;
}

.card.hv-drift:not(.live) .hv-orb:before, .card.hv-drift.hv-idle .hv-orb:before {
  opacity: .6;
}

.card.hv-idle .hv-orb > i, .card.hv-idle .hv-halo > i {
  opacity: 0;
}

@media (hover: none) {
  .card.holo:not(.live) .hv-orb:before {
    opacity: .55;
  }
}

.card.hv-dv:not(.live) .hv-orb:before, .card.hv-dv.hv-idle .hv-orb:before {
  animation: hv-drift 15s ease-in-out calc(var(--hv-seed, 0) * -1s) infinite;
}

@keyframes hv-drift {
  0%, 100% {
    transform: translate3d(calc(var(--u) * 24), calc(var(--u) * 24), 0);
  }

  25% {
    transform: translate3d(calc(var(--u) * 76), calc(var(--u) * 36), 0);
  }

  50% {
    transform: translate3d(calc(var(--u) * 64), calc(var(--u) * 92), 0);
  }

  75% {
    transform: translate3d(calc(var(--u) * 28), calc(var(--u) * 70), 0);
  }
}

.card.live .hv-band, .card.live .hv-band > i > i, .card.live .hv-depth > i, .card.live .hv-d1 > i, .card.live .hv-frame > i {
  will-change: transform;
}

.fin-prism {
  --hv-face: radial-gradient(ellipse 50% 40% at 50% 36%, #00000040 58%, #000 94%);
  --hv-tilt: max(var(--tx, 0), calc(var(--tx, 0) * -1), var(--ty, 0), calc(var(--ty, 0) * -1));
}

.card.fin-prism .hv-foil {
  opacity: calc(.55 + var(--hv-tilt) * .45);
}

.fin-prism .hv-band {
  opacity: calc(.25 + var(--hv-tilt) * .75);
  background: repeating-linear-gradient(115deg,
    #ff3d9a99 0, #ff96288f calc(var(--u) * 4.5), #fff36b8a calc(var(--u) * 8.5),
    #c8ff3d80 calc(var(--u) * 12), #2ef2ff94 calc(var(--u) * 17), #4678ff8f calc(var(--u) * 22),
    #9b5cff99 calc(var(--u) * 26.5), #ff3d9a99 calc(var(--u) * 30));
  transform: translate3d(calc((var(--hv-mx) * -90 - 55 - var(--tx, 0) * 45) * var(--u)), calc((var(--hv-my) * -120 - 80 - var(--ty, 0) * 60) * var(--u)), 0);
}

.fin-prism .hv-band > i {
  display: block;
}

.fin-prism .hv-band > i > i {
  opacity: max(0, calc(1 - max(var(--tx, 0) - .6, .6 - var(--tx, 0)) * 2.2));
  background: var(--hv-t-dif-a) 0 0/max(22px, calc(var(--u) * 12)) max(22px, calc(var(--u) * 12));
  transform: translate3d(calc((var(--hv-mx) * 90 + 55 + var(--tx, 0) * 45) * var(--u)), calc((var(--hv-my) * 120 + 80 + var(--ty, 0) * 60) * var(--u)), 0);
}

.fin-prism .hv-frame {
  opacity: .85;
  display: block;
}

.fin-prism .hv-frame:before {
  -webkit-mask: repeating-linear-gradient(45deg,#000 0 max(1px, calc(var(--u) * .6)),transparent max(1px, calc(var(--u) * .6)) max(3.5px, calc(var(--u) * 2)));
  -webkit-mask: repeating-linear-gradient(45deg,#000 0 max(1px, calc(var(--u) * .6)),transparent max(1px, calc(var(--u) * .6)) max(3.5px, calc(var(--u) * 2)));
  mask: repeating-linear-gradient(45deg,#000 0 max(1px, calc(var(--u) * .6)),transparent max(1px, calc(var(--u) * .6)) max(3.5px, calc(var(--u) * 2)));
  background: linear-gradient(135deg, #ff3d9a, #2ef2ff 26%, #c8ff3d 50%, #9b5cff 74%, #ff3d9a);
}

.fin-prism .hv-foil:before {
  opacity: .75;
}

.fin-prism .hv-d1 {
  inset: auto;
  left: calc(var(--u) * -32);
  top: calc(var(--u) * -32);
  width: calc(var(--u) * 64);
  height: calc(var(--u) * 64);
  opacity: calc(var(--go, 0) * 1.2);
  transform: translate3d(calc(var(--mx, .3) * var(--u) * 100), calc(var(--my, .2) * var(--u) * 140), 0);
  background: radial-gradient(circle closest-side, #fff 0, #ffffffeb 9%, #fffaf49e 22%, #ffeefa47 44%, #ffffff12 72%, #fff0 100%);
  border-radius: 50%;
  transition: opacity .12s linear;
  display: block;
}

.card.fin-prism.hv-idle .hv-d1 {
  opacity: 0;
}

.fin-prism .hv-d2 {
  inset: calc(var(--u) * -8);
  --dz: -2.5;
  background: var(--hv-t-dif-b) 0 0/max(24px, calc(var(--u) * 13.5)) max(24px, calc(var(--u) * 13.5));
  opacity: max(0, calc(1 - max(var(--tx, 0) + .6, -.6 - var(--tx, 0)) * 2.2));
  display: block;
}

.fin-prism .hv-d3 {
  inset: calc(var(--u) * -8);
  --dz: 2.5;
  background: var(--hv-t-dif-c) 0 0/max(20px, calc(var(--u) * 11)) max(20px, calc(var(--u) * 11));
  opacity: max(0, calc(1 - max(var(--ty, 0) + .6, -.6 - var(--ty, 0)) * 2.2));
  display: block;
}

.fin-star {
  --hv-face: radial-gradient(ellipse 54% 42% at 50% 36%, #00000040 64%, #000 96%);
  --hv-band: linear-gradient(115deg,transparent 26%,#6e50ff6b 40%,#46aaff80 50%,#ff6ed252 60%,transparent 72%);
  --hv-key: linear-gradient(135deg,#b9a6ff,#2b1c6e 30%,#62c8ff 55%,#1b1040 80%,#ff8ad8);
  --hv-orb-c: 200,215,255;
  --hv-ring: 70,80,210;
}

.fin-star .hv-foil {
  mix-blend-mode: screen;
  opacity: .85;
}

.fin-star .hv-foil:before {
  background: radial-gradient(40% 30% at 0 0, #5a3ce69e, #0000 70%), radial-gradient(40% 32% at 100% 82%, #1e6eff8c, #0000 70%), radial-gradient(40% 22% at 20% 100%, #dc3caa66, #0000 70%);
  -webkit-mask: none;
  mask: none;
}

.fin-star .hv-foil:after {
  opacity: 0;
}

.fin-star .hv-d1 {
  inset: calc(var(--u) * -24);
  background: var(--hv-t-star-big) 0 0/calc(var(--u) * 64) calc(var(--u) * 64);
  transform: translate3d(calc(var(--tx, 0) * 6 * var(--u)), calc(var(--ty, 0) * 4.5 * var(--u)), 0) rotate(calc(var(--tx, 0) * 5deg));
  display: block;
}

.fin-star .hv-d2 {
  inset: calc(var(--u) * -24);
  opacity: .95;
  --ds: calc(var(--u) * 16);
  background: radial-gradient(closest-side, #6e46f080, transparent) 96% 10%/58% 34% no-repeat,
    radial-gradient(closest-side, #2882ff6b, transparent) 0% 56%/56% 32% no-repeat,
    radial-gradient(closest-side, #e646b457, transparent) 74% 100%/52% 28% no-repeat,
    radial-gradient(closest-side, #46c8ff42, transparent) 18% 8%/40% 22% no-repeat,
    var(--hv-t-star-f) calc(var(--u) * 5) calc(var(--u) * 3)/var(--ds) var(--ds);
  transform: translate3d(calc(var(--tx, 0) * -12 * var(--u)), calc(var(--ty, 0) * -8 * var(--u)), 0) rotate(calc(var(--tx, 0) * -6deg));
  display: block;
}

.fin-star .hv-d3 {
  background: var(--hv-t-spark) 9% 9%/calc(var(--u) * 11) no-repeat, var(--hv-t-spark) 88% 15%/calc(var(--u) * 7) no-repeat,
  var(--hv-t-spark) 7% 56%/calc(var(--u) * 6) no-repeat, var(--hv-t-spark) 91% 58%/calc(var(--u) * 10) no-repeat,
  var(--hv-t-spark) 24% 3%/calc(var(--u) * 4.5) no-repeat, var(--hv-t-spark) 72% 4%/calc(var(--u) * 5) no-repeat;
  display: block;
  inset: 0;
  transform: none;
}

.card.live.fin-star .hv-d2 {
  animation: 2.6s ease-in-out infinite alternate hv-twinkle;
}

@keyframes hv-twinkle {
  50% {
    opacity: .3;
  }

  100% {
    opacity: .85;
  }
}

.fin-star .hv-foil, .fin-star .hv-depth > i, .fin-star .win:before {
  transition: opacity .35s ease-out;
}

.card.fin-star:is(:not(.live), .hv-idle) .hv-foil {
  opacity: .38;
}

.card.fin-star:is(:not(.live), .hv-idle) .hv-d1 {
  opacity: .4;
}

.card.fin-star:is(:not(.live), .hv-idle) .hv-d2 {
  opacity: .3;
}

.card.fin-star:is(:not(.live), .hv-idle) .hv-d3 {
  opacity: .55;
}

.card.fin-star:is(:not(.live), .hv-idle) .win:before {
  opacity: .42;
}

.fin-ice {
  --hv-band: linear-gradient(115deg,transparent 18%,#bef0ff9e 34%,#fffc 44%,#96d2ff94 54%,transparent 70%);
  --hv-key: linear-gradient(135deg,#fff,#a8e6ff 30%,#fff 50%,#6fbfe8 75%,#e9fbff);
  --hv-orb-c: 225,247,255;
  --hv-ring: 30,130,190;
}

.fin-ice .hv-foil {
  opacity: .5;
}

.fin-ice .hv-foil:before {
  background: repeating-linear-gradient(23deg,transparent 0 calc(var(--u) * 7),#e1f7ffb8 calc(var(--u) * 7) calc(var(--u) * 7 + 1px)),
  repeating-linear-gradient(97deg,transparent 0 calc(var(--u) * 11),#e1f7ff8c calc(var(--u) * 11) calc(var(--u) * 11 + 1px)),
  repeating-linear-gradient(151deg,transparent 0 calc(var(--u) * 9),#e1f7ff9e calc(var(--u) * 9) calc(var(--u) * 9 + 1px)),
  linear-gradient(115deg,#aae6ff24,#ffffff0a,#8cc8ff24);
}

.card.live.fin-ice .hv-foil {
  opacity: .82;
}

.fin-ice .hv-foil:after {
  opacity: .3;
  background: repeating-conic-gradient(from 10deg at 34% 40%, #fff6 0 7deg, transparent 7deg 29deg);
}

.fin-ice .hv-depth > i {
  --dz: -2;
  background-size: calc(var(--u) * 24) calc(var(--u) * 24);
}

.fin-ice .hv-d1 {
  background-image: var(--hv-t-ice-a);
  opacity: calc(var(--ib, .14) + var(--tx, 0) * .6);
  display: block;
}

.fin-ice .hv-d2 {
  background-image: var(--hv-t-ice-b);
  opacity: calc(var(--ib, .14) - var(--tx, 0) * .6);
  display: block;
}

.fin-ice .hv-d3 {
  background-image: var(--hv-t-ice-c);
  opacity: calc(var(--ib, .14) - var(--ty, 0) * .6);
  display: block;
}

.fin-gold {
  --hv-orb-c: 255,228,170;
  --hv-ring: 150,96,16;
  --hv-face: radial-gradient(ellipse 25% 17% at 50% 36%, #00000073 48%, #000 100%);
  --hv-band: linear-gradient(115deg, transparent 37.5%, #784c0e47 40.5%, #d69a348c 43.6%, #ffe296eb 45.6%, #fffbea 46.2%, #fffef8 47.4%, #fff5d2 48.4%, #face6ed9 49.2%, #be822473 51.4%, #6e460c33 53.8%, transparent 56.5%);
  --hv-key: linear-gradient(135deg,#fff3c4,#d29a2e 30%,#fff7d6 55%,#a8701a 80%,#ffe6a0);
}

.fin-gold .hv-foil {
  mix-blend-mode: hard-light;
  opacity: .8;
}

.fin-gold .hv-band {
  opacity: min(1, calc(var(--go, 0) * 1.25));
}

html.lite .fin-gold .hv-band {
  opacity: 0;
}

.fin-gold .hv-foil:before {
  opacity: 1;
  background: radial-gradient(60% 42% at 100% 0, #ffd67880, #0000 70%), radial-gradient(56% 40% at 0 100%, #d6962873, #0000 72%);
  -webkit-mask: none;
  mask: none;
}

.fin-gold .hv-foil:after {
  opacity: .16;
  mix-blend-mode: normal;
  background: repeating-linear-gradient(0deg, #fff0cd8c 0 1px, #0000 1px 3px);
}

.fin-gold .hv-band > i {
  display: block;
  -webkit-mask: linear-gradient(115deg, #0000 40.5%, #000 44.5% 49.5%, #0000 53.5%);
  mask: linear-gradient(115deg, #0000 40.5%, #000 44.5% 49.5%, #0000 53.5%);
}

.fin-gold .hv-band > i > i {
  --bz: 0;
  opacity: 1;
  background: repeating-linear-gradient(28deg, #fff8e2f2 0 max(.6px, calc(var(--u) * .28)), transparent max(.6px, calc(var(--u) * .28)) max(2.6px, calc(var(--u) * 1.5))),
  repeating-linear-gradient(-28deg, #ffe6aa80 0 max(.5px, calc(var(--u) * .22)), transparent max(.5px, calc(var(--u) * .22)) max(3.4px, calc(var(--u) * 2.1)));
}

.fin-gold .hv-depth {
  mix-blend-mode: normal;
}

.fin-gold .hv-d3 {
  inset: calc(var(--F) + var(--u) * 2.6) calc(var(--F) + var(--u) * 2.6) calc(var(--F) + var(--Pr, var(--P)) - var(--S) + var(--u) * 3) calc(var(--F) + var(--u) * 2.6);
  border-radius: max(2px, calc(var(--Ri) - var(--u) * .8));
  box-shadow: inset 0 0 0 max(1px, calc(var(--u) * .45)) #ffe096cc, inset 0 0 0 max(2.5px, calc(var(--u) * 1.3)) transparent, inset 0 0 0 max(3px, calc(var(--u) * 1.6)) #ffe0966b;
  display: block;
  transform: none;
}

.fin-gold .hv-frame {
  opacity: .94;
  display: block;
}

.fin-gold .hv-frame:before {
  background: repeating-linear-gradient(90deg, #fffae133 0 1px, #0000 1px 3px), linear-gradient(135deg, #fff1c0, #d6a03a 20%, #8a5c12 38%, #f3d27e 55%, #b07a1c 74%, #fff0bc 92%);
}

.fin-gold .hv-frame > i {
  background: linear-gradient(115deg, #fff6d600 43%, #fff8e0b3 46%, #fffdf2 47%, #fff8e0b3 48%, #fff6d600 51%);
  display: block;
}

.fin-etch {
  --hv-band: linear-gradient(115deg,transparent 20%,#ffffffe6 40%,#c8d7eba6 50%,transparent 66%);
  --hv-key: linear-gradient(135deg,#fff,#9aa6b8 30%,#f4f7fb 55%,#6d7889 80%,#e6ebf2);
  --hv-orb-c: 236,242,255;
  --hv-ring: 70,82,104;
}

.fin-etch .hv-foil {
  mix-blend-mode: overlay;
  opacity: .9;
}

.fin-etch .hv-foil:before {
  background: none;
}

.fin-etch .hv-foil:after {
  opacity: .4;
  background: repeating-linear-gradient(0deg, #fff6 0 1px, #0000 1px 2px);
}

.fin-etch .hv-depth {
  mix-blend-mode: normal;
}

.fin-etch .hv-d2, .fin-etch .hv-d1 > i {
  --hv-guil: repeating-radial-gradient(circle at 50% 36%, #fafcffe6 0 .7px, #242c3c80 .7px 1.4px, transparent 1.4px calc(var(--u) * 2)),
  repeating-linear-gradient(62deg, #fafcff8c 0 .6px, #242c3c4d .6px 1.2px, transparent 1.2px calc(var(--u) * 2.8)),
  repeating-linear-gradient(-62deg, #fafcff8c 0 .6px, #242c3c4d .6px 1.2px, transparent 1.2px calc(var(--u) * 2.8));
  background: var(--hv-guil);
}

.fin-etch .hv-d2 {
  opacity: .14;
  display: block;
  inset: 0;
  transform: none;
}

.fin-etch .hv-d1 {
  opacity: .9;
  width: 200%;
  height: 200%;
  transform: translate3d(calc(var(--mx, .3) * var(--u) * 100), calc(var(--my, .2) * var(--u) * 140), 0);
  display: block;
  inset: -100% auto auto -100%;
  -webkit-mask: radial-gradient(circle, #000 0, #000000b3 16%, #0000 36%);
  mask: radial-gradient(circle, #000 0, #000000b3 16%, #0000 36%);
}

.fin-etch .hv-d1 > i {
  width: 50%;
  height: 50%;
  transform: translate3d(calc(var(--mx, .3) * var(--u) * -100), calc(var(--my, .2) * var(--u) * -140), 0);
  display: block;
  top: 50%;
  left: 50%;
}

.fin-sakura {
  --hv-band: linear-gradient(115deg,transparent 28%,#ffaac873 42%,#fff5fa99 50%,#ff8cb466 58%,transparent 72%);
  --hv-key: linear-gradient(135deg,#fff0f5,#ff9ebd 30%,#fff 52%,#e0607f 78%,#ffd6e3);
  --hv-orb-c: 255,228,238;
  --hv-ring: 210,60,110;
}

.fin-sakura .hv-foil {
  mix-blend-mode: screen;
  opacity: .7;
}

.fin-sakura .hv-foil:before {
  background: radial-gradient(70% 50% at 8% 4%, #ff96be80, #0000 70%), radial-gradient(60% 46% at 96% 96%, #ff78aa73, #0000 70%);
  -webkit-mask: none;
  mask: none;
}

.fin-sakura .hv-foil:after {
  opacity: 0;
}

.fin-sakura .hv-d1 {
  inset: calc(var(--u) * -24);
  background-position: calc(var(--u) * 8) calc(var(--u) * 8);
  background-image: var(--hv-t-petal);
  background-size: calc(var(--u) * 44) calc(var(--u) * 44);
  transform: translate3d(calc(var(--tx, 0) * 7 * var(--u)), calc(var(--ty, 0) * 5 * var(--u)), 0) rotate(calc(var(--tx, 0) * 8deg));
  display: block;
}

.fin-sakura .hv-d2 {
  opacity: .55;
  background-image: var(--hv-t-petal);
  background-size: calc(var(--u) * 23) calc(var(--u) * 23);
  inset: calc(var(--u) * -24);
  background-position: calc(var(--u) * 17) calc(var(--u) * 14);
  transform: translate3d(calc(var(--tx, 0) * -10 * var(--u)), calc(var(--ty, 0) * -7 * var(--u)), 0) rotate(calc(var(--tx, 0) * -6deg));
  display: block;
}

.fin-sakura .hv-d3 {
  background: var(--hv-t-petal) 0 0/calc(var(--u) * 17) calc(var(--u) * 17),var(--hv-t-petal) calc(var(--u) * 6) calc(var(--u) * 4)/calc(var(--u) * 11) calc(var(--u) * 11);
  -webkit-mask: linear-gradient(0deg, transparent calc(var(--F) + var(--Pr, var(--P)) - var(--S)), #000 calc(var(--F) + var(--Pr, var(--P)) - var(--S) + 1px), #000 calc(var(--F) + var(--Pr, var(--P)) + var(--u) * 12), transparent calc(var(--F) + var(--Pr, var(--P)) + var(--u) * 26)),
    linear-gradient(90deg, #000 calc(var(--F) + var(--u) * 7), transparent calc(var(--F) + var(--u) * 16), transparent calc(100% - var(--F) - var(--u) * 16), #000 calc(100% - var(--F) - var(--u) * 7));
  -webkit-mask: linear-gradient(0deg, transparent calc(var(--F) + var(--Pr, var(--P)) - var(--S)), #000 calc(var(--F) + var(--Pr, var(--P)) - var(--S) + 1px), #000 calc(var(--F) + var(--Pr, var(--P)) + var(--u) * 12), transparent calc(var(--F) + var(--Pr, var(--P)) + var(--u) * 26)),
    linear-gradient(90deg, #000 calc(var(--F) + var(--u) * 7), transparent calc(var(--F) + var(--u) * 16), transparent calc(100% - var(--F) - var(--u) * 16), #000 calc(100% - var(--F) - var(--u) * 7));
  mask: linear-gradient(0deg, transparent calc(var(--F) + var(--Pr, var(--P)) - var(--S)), #000 calc(var(--F) + var(--Pr, var(--P)) - var(--S) + 1px), #000 calc(var(--F) + var(--Pr, var(--P)) + var(--u) * 12), transparent calc(var(--F) + var(--Pr, var(--P)) + var(--u) * 26)),
    linear-gradient(90deg, #000 calc(var(--F) + var(--u) * 7), transparent calc(var(--F) + var(--u) * 16), transparent calc(100% - var(--F) - var(--u) * 16), #000 calc(100% - var(--F) - var(--u) * 7));
  display: block;
  inset: 0;
  transform: none;
}

.fin-star .win:before {
  content: "";
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(70% 60% at 50% 38%, #0000 50%, #0a0e34b3 76%, #05071ef5 100%);
  position: absolute;
  inset: 0;
}

.fin-gold {
  --rule: #d6a03a;
}

.fin-gold .pl-band {
  opacity: 1;
  background: linear-gradient(90deg, #d6a03a0d, #d6a03ab8 66%, #ffe6a0);
}

.fin-star .htag {
  color: #fff;
  background: linear-gradient(90deg, #2b1c6e, #3f7fd0);
}

.fin-ice .htag {
  color: #06222e;
  background: linear-gradient(90deg, #e9fbff, #8fd6f5);
}

.fin-gold .htag {
  color: #2a1a02;
  background: linear-gradient(90deg, #fff1b8, #d6a03a);
}

.fin-etch .htag {
  color: #0b0d12;
  background: linear-gradient(90deg, #f4f7fb, #9aa6b8);
}

.fin-sakura .htag {
  color: #3a0716;
  background: linear-gradient(90deg, #ffe3ec, #ff9ebd);
}

.card.sm.holo .hv-key {
  --kl: 2.5px;
}

.card.sm.fin-star .htag:after {
  content: "星";
  color: #fff;
}

.card.sm.fin-ice .htag:after {
  content: "氷";
  color: #06222e;
}

.card.sm.fin-gold .htag:after {
  content: "金";
  color: #2a1a02;
}

.card.sm.fin-etch .htag:after {
  content: "銀";
  color: #0b0d12;
}

.card.sm.fin-sakura .htag:after {
  content: "桜";
  color: #3a0716;
}

.card.sm.fin-star .hv-d2 {
  --ds: 12px;
}

.card.sm.fin-ice .hv-depth > i {
  --ib: .22;
  background-size: 30px 30px;
}

.card.sm.fin-etch .hv-d2 {
  opacity: .3;
}

.card.sm.fin-sakura .hv-d1 {
  background-size: 46px 46px;
}

.card.sm.fin-gold .hv-d3 {
  box-shadow: inset 0 0 0 1px #ffe096d9, inset 0 0 0 3px #0000, inset 0 0 0 4px #ffe09673;
}

.card.sm .hv-orb {
  --hv-orb-d: 120;
}

.card.sm .hv-halo {
  --hv-halo-d: 40;
}

.card.v-full > :is(.hv-frame, .hv-foil, .hv-depth) {
  --F: 0px;
  --P: 0px;
  --Pr: 0px;
  --S: 0px;
  --Ri: var(--R);
}

.card.v-full > .hv-frame, .card.v-full > .hv-key, .card.v-full.fin-gold .hv-d3 {
  display: none;
}

html.lite .hv-depth > i, html.lite .hv-band, html.lite .hv-band > i > i, html.lite .hv-frame > i, html.lite .hv-d1 > i {
  animation: none !important;
}

html.lite .card:not(.fin-etch) .hv-depth > i {
  transform: none !important;
}

html.lite .hv-d2 {
  display: none;
}

html.lite .fin-etch .hv-d2 {
  opacity: .4;
  display: block;
}

html.lite .hv-depth {
  mix-blend-mode: normal;
  opacity: .62;
}

html.lite .hv-foil {
  mix-blend-mode: screen;
  opacity: .5;
}

html.lite .hv-foil:after {
  display: none;
}

html.lite .fin-etch {
  --hv-face: radial-gradient(ellipse 58% 50% at 50% 40%, #0006 74%, #000 100%);
}

html.lite .fin-etch .hv-d1 {
  display: none;
}

html.lite .hv-orb {
  mix-blend-mode: normal;
  opacity: .35;
}

html.lite .hv-halo, html.lite .hv-orb:before {
  display: none;
}

html.lite .hv-orb > i, html.lite .hv-halo > i {
  transition: none;
}

html.lite .card.fin-prism .hv-foil {
  opacity: .5;
}

html.lite .fin-prism .hv-band {
  opacity: .5;
  transform: translate3d(calc(var(--u) * -90), calc(var(--u) * -140), 0);
}

html.lite .fin-prism .hv-band > i > i {
  opacity: .5;
  transform: translate3d(calc(var(--u) * 90), calc(var(--u) * 140), 0);
}

html.lite .fin-prism :is(.hv-d1, .hv-d2, .hv-d3) {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .card:not(.fin-etch) .hv-depth > i {
    transform: none !important;
  }

  .hv-orb:before, .hv-d2 {
    animation: none !important;
  }

  .fin-star .hv-d2 {
    display: none;
  }

  .fin-prism .hv-band {
    opacity: .5;
    transform: translate3d(calc(var(--u) * -90), calc(var(--u) * -140), 0);
  }

  .fin-prism .hv-band > i > i {
    opacity: .5;
    transform: translate3d(calc(var(--u) * 90), calc(var(--u) * 140), 0);
  }

  .fin-prism :is(.hv-d1, .hv-d2, .hv-d3) {
    display: none;
  }

  .hv-orb:before {
    opacity: 0 !important;
  }

  .hv-orb > i, .hv-halo > i {
    transition: none !important;
  }
}