.holo-card{position:relative;display:inline-block;border-radius:16px;transform-style:preserve-3d;transform:rotateY(var(--rx, 0deg)) rotateX(var(--ry, 0deg));transition:transform .15s ease-out,box-shadow .15s ease-out;will-change:transform;user-select:none;-webkit-user-select:none;box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d}.holo-card:hover{box-shadow:0 12px 48px #0009,0 4px 12px #0006}.holo-card svg{display:block;border-radius:16px}.holo-card__shine{position:absolute;inset:0;border-radius:16px;z-index:2;pointer-events:none;mix-blend-mode:color-dodge;transition:opacity .15s ease-out;opacity:.4;background-image:radial-gradient(circle at var(--px,50%) var(--py,50%),#fff 5%,#000 50%,#fff 80%),linear-gradient(-45deg,#000 15%,#fff,#000 85%),repeating-linear-gradient(135deg,#a219e6,#19a1e6,#19e65e,#e6e619,#e61980,#a219e6 50%);background-blend-mode:soft-light,difference;background-size:120% 120%,200% 200%,150% 150%;background-position:center center,calc(100% * var(--fl,.5)) calc(100% * var(--ft,.5)),center center;filter:brightness(.55) contrast(1.5) saturate(1)}.holo-card:hover .holo-card__shine{opacity:calc(1.5 * var(--o, .4) - var(--fc, 0))}.holo-card__glare{position:absolute;inset:0;border-radius:16px;z-index:3;pointer-events:none;mix-blend-mode:overlay;transition:opacity .15s ease-out;opacity:.3;background-image:radial-gradient(farthest-corner circle at var(--px,50%) var(--py,50%),hsla(0,0%,100%,.8) 10%,hsla(0,0%,100%,.5) 20%,hsla(0,0%,0%,.75) 90%);filter:brightness(.7) contrast(1.5)}.holo-card:hover .holo-card__glare{opacity:var(--o, .3)}