@keyframes shimmer-bg{0%,to{background-position:25% 25%}25%{background-position:75% 35%}50%{background-position:65% 75%}75%{background-position:35% 65%}}.holo-card{--mx:50%;--my:50%;--posx:50%;--posy:50%;--tx:0deg;--ty:0deg;--opacity:0;--hyp:0;--o:0;display:inline-block;perspective:1000px}.holo-card,.holo-card__rotator{position:relative;transform-style:preserve-3d;will-change:transform}.holo-card__rotator{transform:rotateY(var(--tx)) rotateX(var(--ty));transition:transform .1s ease-out;border-radius:inherit}.holo-card__image{position:relative;z-index:1;border-radius:inherit}.holo-card__glare,.holo-card__shine{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s ease-out;z-index:2}.holo-card--active .holo-card__glare,.holo-card--active .holo-card__shine{opacity:var(--o);animation:none!important}.holo-card--etched:not(.holo-card--active) .holo-card__shine,.holo-card--foil:not(.holo-card--active) .holo-card__shine,.holo-card--galaxy:not(.holo-card--active) .holo-card__shine,.holo-card--surge:not(.holo-card--active) .holo-card__shine,.holo-card--textured:not(.holo-card--active) .holo-card__shine{opacity:.6;animation:shimmer-bg 12s ease-in-out infinite}.holo-card--etched:not(.holo-card--active) .holo-card__glare,.holo-card--foil:not(.holo-card--active) .holo-card__glare,.holo-card--galaxy:not(.holo-card--active) .holo-card__glare,.holo-card--surge:not(.holo-card--active) .holo-card__glare,.holo-card--textured:not(.holo-card--active) .holo-card__glare{opacity:.3}.holo-card--nonfoil .holo-card__glare{background-image:radial-gradient(farthest-corner circle at var(--mx) var(--my),hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,.25) 20%,hsla(0,0%,100%,0) 80%);mix-blend-mode:overlay;opacity:calc(var(--o) * .6)}.holo-card--nonfoil .holo-card__shine{display:none}.holo-card--foil .holo-card__shine{background-image:linear-gradient(115deg,transparent 20%,rgba(255,200,100,.3) 36%,rgba(255,100,200,.3) 43%,rgba(100,200,255,.3) 50%,rgba(200,255,100,.3) 57%,rgba(255,200,100,.3) 64%,transparent 80%);background-size:200% 200%;background-position:var(--posx) var(--posy);mix-blend-mode:color-dodge;filter:brightness(.9) contrast(1.5);opacity:calc(var(--o) * .75)}.holo-card--foil .holo-card__glare{background-image:radial-gradient(farthest-corner ellipse at var(--mx) var(--my),hsla(0,0%,100%,.9) 0,hsla(0,0%,100%,.5) 15%,rgba(200,200,255,.3) 30%,transparent 70%);mix-blend-mode:hard-light;opacity:calc(var(--o) * .85)}.holo-card--surge .holo-card__shine{background-image:repeating-linear-gradient(-45deg,hsla(2,100%,73%,.2),rgba(255,237,95,.2) 7.14%,rgba(168,255,95,.2) 14.28%,rgba(131,255,247,.2) 21.42%,rgba(120,148,255,.2) 28.56%,rgba(216,117,255,.2) 35.7%,hsla(2,100%,73%,.2) 42.84%),repeating-linear-gradient(45deg,hsla(2,100%,73%,.15),rgba(255,237,95,.15) 7.14%,rgba(168,255,95,.15) 14.28%,rgba(131,255,247,.15) 21.42%,rgba(120,148,255,.15) 28.56%,rgba(216,117,255,.15) 35.7%,hsla(2,100%,73%,.15) 42.84%);background-size:300% 300%,300% 300%;background-position:var(--posx) var(--posy),calc(100% - var(--posx)) calc(100% - var(--posy));mix-blend-mode:color-dodge;filter:brightness(.85) contrast(2) saturate(.8);opacity:calc(var(--o) * .9)}.holo-card--surge .holo-card__glare{background-image:radial-gradient(farthest-corner circle at var(--mx) var(--my),hsla(0,0%,100%,.8) 0,hsla(0,0%,100%,.3) 20%,transparent 60%);mix-blend-mode:overlay;opacity:calc(var(--o) * .6)}.holo-card--surge .holo-card__shine:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:100px 100px;opacity:.08;mix-blend-mode:overlay;pointer-events:none;border-radius:inherit}.holo-card--textured .holo-card__shine{background-image:repeating-linear-gradient(-45deg,rgba(255,80,80,.35),rgba(255,220,60,.35) 7.14%,rgba(120,255,80,.35) 14.28%,rgba(80,255,220,.35) 21.42%,rgba(80,120,255,.35) 28.56%,rgba(200,80,255,.35) 35.7%,rgba(255,80,80,.35) 42.84%),repeating-linear-gradient(45deg,rgba(255,80,80,.25),rgba(255,220,60,.25) 7.14%,rgba(120,255,80,.25) 14.28%,rgba(80,255,220,.25) 21.42%,rgba(80,120,255,.25) 28.56%,rgba(200,80,255,.25) 35.7%,rgba(255,80,80,.25) 42.84%);background-size:200% 200%,200% 200%;background-position:var(--posx) var(--posy),calc(100% - var(--posx)) calc(100% - var(--posy));mix-blend-mode:color-dodge;filter:brightness(1.1) contrast(1.8) saturate(1.2);opacity:calc(var(--o) * .95)}.holo-card--textured .holo-card__shine:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='texture'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.04' numOctaves='5' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23texture)'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.12;mix-blend-mode:exclusion;pointer-events:none;border-radius:inherit}.holo-card--textured .holo-card__glare{background-image:radial-gradient(farthest-corner circle at var(--mx) var(--my),hsla(0,0%,100%,.95) 0,hsla(0,0%,100%,.5) 15%,rgba(200,200,255,.2) 40%,transparent 70%);mix-blend-mode:overlay;opacity:calc(var(--o) * .7)}.holo-card--etched .holo-card__shine{background-image:radial-gradient(ellipse at var(--mx) var(--my),rgba(220,220,235,.6) 0,rgba(180,180,200,.4) 30%,rgba(140,140,160,.3) 60%,hsla(240,9%,43%,.2) 100%),linear-gradient(145deg,hsla(0,0%,100%,.3) 0,rgba(200,200,220,.2) 50%,rgba(180,180,200,.3) 100%);background-blend-mode:screen,normal;mix-blend-mode:screen;filter:brightness(1.05) contrast(1.1);opacity:calc(var(--o) * .7)}.holo-card--etched .holo-card__glare{background-image:radial-gradient(farthest-corner circle at var(--mx) var(--my),hsla(0,0%,100%,.7) 0,rgba(230,230,245,.4) 20%,rgba(200,200,220,.2) 40%,transparent 70%);mix-blend-mode:overlay;opacity:calc(var(--o) * .5)}.holo-card--etched .holo-card__shine:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.03) 1px,transparent 0,transparent 3px);mix-blend-mode:overlay;pointer-events:none;border-radius:inherit}.holo-card--galaxy .holo-card__shine{background-image:radial-gradient(circle at 20% 20%,hsla(0,0%,100%,.3) 0,transparent 15%),radial-gradient(circle at 80% 30%,rgba(200,220,255,.3) 0,transparent 12%),radial-gradient(circle at 40% 70%,rgba(255,200,255,.3) 0,transparent 18%),radial-gradient(circle at 70% 80%,rgba(200,255,220,.3) 0,transparent 10%),linear-gradient(var(--gradient-angle,135deg),hsla(0,100%,70%,.2) 0,rgba(255,200,100,.2) 16.67%,rgba(200,255,100,.2) 33.33%,rgba(100,255,200,.2) 50%,rgba(100,200,255,.2) 66.67%,rgba(200,100,255,.2) 83.33%,hsla(0,100%,70%,.2) 100%);background-position:var(--posx) var(--posy),calc(100% - var(--posx)) var(--posy),var(--posx) calc(100% - var(--posy)),calc(100% - var(--posx)) calc(100% - var(--posy)),50%;mix-blend-mode:color-dodge;filter:brightness(.9) contrast(1.4) saturate(.9);opacity:calc(var(--o) * .85)}.holo-card--galaxy .holo-card__glare{background-image:radial-gradient(farthest-corner ellipse at var(--mx) var(--my),rgba(222,245,250,.7) 10%,hsla(0,0%,100%,.4) 25%,rgba(0,0,0,.3) 90%);mix-blend-mode:soft-light;opacity:calc(var(--o) * .6)}.holo-card--active .holo-card__rotator{transition:transform .05s ease-out}.holo-card--active .holo-card__rotator:after{content:"";position:absolute;inset:0;background:transparent;box-shadow:0 15px 35px -10px rgba(0,0,0,.25),0 25px 50px -15px rgba(0,0,0,.15);border-radius:inherit;z-index:-1;opacity:var(--o);transition:opacity .2s ease-out}.holo-card:not(.holo-card--active) .holo-card__rotator{transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.holo-card:not(.holo-card--active) .holo-card__glare,.holo-card:not(.holo-card--active) .holo-card__shine{transition:opacity .5s cubic-bezier(.25,.46,.45,.94)}.holo-card__image>*{display:block;width:100%;height:auto}