.holo-card{--pointer-x:50%;--pointer-y:50%;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--pointer-from-center:0;--pointer-from-top:0.5;--pointer-from-left:0.5;--card-opacity:0;--holo-intensity:0.15;--sunpillar-1:hsl(2,100%,73%);--sunpillar-2:hsl(53,100%,69%);--sunpillar-3:hsl(93,100%,69%);--sunpillar-4:hsl(176,100%,76%);--sunpillar-5:hsl(228,100%,74%);--sunpillar-6:hsl(283,100%,73%);position:relative;width:100%;perspective:1000px}.holo-card__rotator{position:relative;width:100%;height:100%;transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.16,1,.3,1);will-change:transform}.holo-card.is-interacting .holo-card__rotator{transition:transform .05s ease-out}.holo-card__flipper{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s ease-in-out}.holo-card__flipper.is-flipped{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.holo-card__flipper,.holo-card__rotator{transition:none}}.holo-card__face{position:absolute;inset:0;border-radius:inherit;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;isolation:isolate}.holo-card__face--back{transform:rotateY(180deg)}.holo-card__glare,.holo-card__shine{position:absolute;inset:0;pointer-events:none;border-radius:inherit}.holo-card__shine{--space:5%;--angle:133deg;z-index:3;overflow:hidden;mix-blend-mode:color-dodge;opacity:calc(var(--card-opacity) * var(--holo-intensity));background-image:repeating-linear-gradient(0deg,var(--sunpillar-5) calc(var(--space) * 1),var(--sunpillar-6) calc(var(--space) * 2),var(--sunpillar-1) calc(var(--space) * 3),var(--sunpillar-2) calc(var(--space) * 4),var(--sunpillar-3) calc(var(--space) * 5),var(--sunpillar-4) calc(var(--space) * 6),var(--sunpillar-5) calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#0e152e 0,hsl(180,10%,60%) 3.8%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,0%,.1) 12%,hsla(0,0%,0%,.15) 20%,hsla(0,0%,0%,.25) 120%);background-position:0 var(--background-y),calc(var(--background-x) + (var(--background-y) * .2)) var(--background-y),var(--background-x) var(--background-y);background-blend-mode:hue,hard-light;background-size:200% 700%,300% 100%,200% 100%;filter:brightness(calc((var(--pointer-from-center) * .4) + .4)) contrast(1.4) saturate(2.25)}.holo-card__shine:before{z-index:1;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,100%) 0,hsla(0,0%,0%,0) 40%);background-position:50%;background-size:cover;mix-blend-mode:overlay;opacity:calc(var(--card-opacity) * var(--holo-intensity) * .75)}.holo-card__shine:after,.holo-card__shine:before{content:"";position:absolute;inset:0;border-radius:inherit}.holo-card__shine:after{background-image:repeating-linear-gradient(0deg,var(--sunpillar-6) calc(var(--space) * 1),var(--sunpillar-1) calc(var(--space) * 2),var(--sunpillar-2) calc(var(--space) * 3),var(--sunpillar-3) calc(var(--space) * 4),var(--sunpillar-4) calc(var(--space) * 5),var(--sunpillar-5) calc(var(--space) * 6),var(--sunpillar-6) calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#0e152e 0,hsl(180,10%,60%) 3.8%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12%);background-position:0 var(--background-y),calc((var(--background-x) + (var(--background-y) * .2)) * -1) calc(var(--background-y) * -1);background-blend-mode:hue;background-size:200% 400%,195% 100%;filter:brightness(calc((var(--pointer-from-center) * .4) + .8)) contrast(1.5) saturate(1.25);mix-blend-mode:exclusion}.holo-card__glare{z-index:4;overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,75%) 5%,hsl(200,5%,35%) 60%,hsl(320,40%,10%) 150%);background-size:120% 150%;background-position:50%;mix-blend-mode:hard-light;filter:brightness(1) contrast(1.2) saturate(1);opacity:calc(var(--card-opacity) * var(--holo-intensity) * .75)}