.holo-card{--pointer-x: 50%;--pointer-y: 50%;--card-opacity: 0;--rotate-x: 0deg;--rotate-y: 0deg;--card-radius: 16px;position:relative;display:inline-block;perspective:800px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:translateZ(.01px);-webkit-transform:translate3d(0,0,.01px)}.holo-card-rotator{display:inline-grid;position:relative;border-radius:var(--card-radius);perspective:800px;transform-origin:center;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));-webkit-transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));transition:transform .22s cubic-bezier(.16,1,.3,1);will-change:transform}.holo-card-content,.holo-card-glare{grid-area:1 / 1;border-radius:var(--card-radius);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;pointer-events:none;overflow:hidden}.holo-card-content{transform:translateZ(.01px);-webkit-transform:translate3d(0,0,.01px);z-index:1}.holo-card-glare{z-index:4;width:100%;height:100%;transform:translateZ(1.41px);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.8) 10%,hsla(0,0%,100%,.65) 20%,hsla(0,0%,0%,.5) 90%);opacity:var(--card-opacity);mix-blend-mode:overlay}