.holo-card{transform:perspective(1000px) rotateX(var(--mm-tilt-x,0deg)) rotateY(var(--mm-tilt-y,0deg));transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .3s ease-out;will-change:transform}.holo-card:hover{box-shadow:var(--shadow-monster-lg)}.holo-glare,.holo-rainbow,.holo-shine,.holo-sparkle{inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease-out;z-index:5}.holo-shine{background:radial-gradient(circle at var(--mm-mx,50%) var(--mm-my,50%),hsl(calc((var(--mm-mx, 50%) + var(--mm-my, 50%))*3.6) 90% 70%/.45) 0,hsl(calc((var(--mm-mx, 50%) + var(--mm-my, 50%))*3.6 + 60deg) 90% 70%/.18) 25%,#0000 55%);mix-blend-mode:screen}.holo-rainbow{background:repeating-linear-gradient(calc(115deg + (var(--mm-mx, 50%) - 50%)*.6),#ff4d4d8c 0,#ffd24d8c,#4dff4d8c,#4dc3ff8c,#cc66ff8c,#ff4da68c,#ff4d4d8c 48%),conic-gradient(from calc((var(--mm-mx, 50%) + var(--mm-my, 50%))*1.8),#ff3333e6,#ffcc33e6,#1aff1ae6,#33bbffe6,#bb33ffe6,#ff3333e6);filter:saturate(1.6) brightness(1.05);mix-blend-mode:hard-light}.holo-sparkle{background-image:radial-gradient(circle at var(--mm-mx,50%) var(--mm-my,50%),#0000 0,#0000 30%,hsl(calc((var(--mm-mx, 50%) + var(--mm-my, 50%))*7.2) 100% 65%/.45) 31%,#0000 32%),radial-gradient(circle at calc(100% - var(--mm-mx, 50%)) calc(100% - var(--mm-my, 50%)),#0000 0 25%,hsl(calc((var(--mm-mx, 50%) + var(--mm-my, 50%))*7.2 + 120deg) 100% 70%/.4) 26%,#0000 27%);background-size:16px 16px,22px 22px;mix-blend-mode:screen}.holo-glare{background:linear-gradient(115deg,#0000 0,#0000 calc(var(--mm-mx, 50%) - 35%),#ff4d4d59 calc(var(--mm-mx, 50%) - 18%),#ffff4d73 calc(var(--mm-mx, 50%) - 9%),#4dff8880 var(--mm-mx,50%),#6699ff73 calc(var(--mm-mx, 50%) + 9%),#ff4de159 calc(var(--mm-mx, 50%) + 18%),#0000 calc(var(--mm-mx, 50%) + 35%),#0000 100%);filter:saturate(1.3);mix-blend-mode:color-dodge}.holo-card:hover .holo-shine{opacity:.9}.holo-card:hover .holo-glare,.holo-card:hover .holo-rainbow,.holo-card:hover .holo-sparkle{opacity:.85}.holo-glare,.holo-rainbow,.holo-shine,.holo-sparkle{-webkit-mask-image:radial-gradient(ellipse at center,#000 60%,#0006 85%,#0000);mask-image:radial-gradient(ellipse at center,#000 60%,#0006 85%,#0000)}@media(prefers-reduced-motion:reduce){.holo-card{transform:none;transition:box-shadow .3s ease-out}.holo-glare,.holo-rainbow,.holo-shine{transition:none}}@media(hover:none){.holo-card{transform:none}.holo-glare,.holo-rainbow,.holo-shine{display:none}}