.holographic-card{--pointer-x:50%;--pointer-y:50%;--rotate-x:0deg;--rotate-y:0deg;--glitter:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='discrete' tableValues='0 .5 1 1'/%3E%3CfeFuncG type='discrete' tableValues='0 .5 1 1'/%3E%3CfeFuncB type='discrete' tableValues='0 .5 1 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");transform-style:preserve-3d;perspective:1000px;isolation:isolate;border-radius:1rem;transition:transform .2s ease-out,box-shadow .3s;position:relative}.holographic-card.hovering{transform:rotateX(var(--rotate-x))rotateY(var(--rotate-y))}.holographic-card__content{z-index:1;border-radius:inherit;position:relative;overflow:hidden}.holographic-card__shine{z-index:2;pointer-events:none;border-radius:inherit;opacity:0;background-image:  var(--glitter),conic-gradient(from 180deg at var(--pointer-x)var(--pointer-y),#f0757566,#f0f07566,#75f07566,#75f0f066,#7575f066,#f075f066,#f0757566);background-blend-mode:color-dodge;mix-blend-mode:color-dodge;filter:brightness(.6)contrast(1.5)saturate(1.2);background-size:180px 180px,cover;transition:opacity .3s;position:absolute;inset:0;overflow:hidden}.holographic-card.hovering .holographic-card__shine{opacity:.75}.holographic-card__glare{z-index:3;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(circle at var(--pointer-x)var(--pointer-y),#ffffff59 0%,#ffffff1a 35%,transparent 65%);mix-blend-mode:overlay;transition:opacity .3s;position:absolute;inset:0}.holographic-card.hovering .holographic-card__glare{opacity:1}.holographic-card.hovering{box-shadow:0 5px 25px -5px #00000059,0 0 20px -5px #ffffff26}