:root{--mx:50%;--my:50%;--s:1;--o:0;--tx:0px;--ty:0px;--rx:0deg;--ry:0deg;--pos:50% 50%;--posx:50%;--posy:50%;--hyp:0}.card{--radius:4.55%/3.5%;--back:#000;z-index:calc(var(--s) * 100);transform:translateZ(.5px) scaleX(1.1);will-change:transform,z-index;transform-style:preserve-3d;width:75%;max-width:250px;aspect-ratio:.8;-webkit-font-smoothing:subpixel-antialiased;backface-visibility:hidden}.card.interacting{z-index:calc(var(--s) * 120)}.card.active .card__rotator,.card.active .card__translater{touch-action:none}.card.active .card__rotator,.card.active .card__rotator:focus{box-shadow:none}.card.loading .card__front{opacity:0}.card.loading .card__back{transform:rotateY(0deg)}.card__rotator,.card__translater{display:grid;perspective:600px;transform-origin:center;will-change:transform;backface-visibility:hidden}.card__translater{width:auto;position:relative;transform:translate3d(var(--tx),var(--ty),0) scale(var(--s));will-change:transform}.card__rotator{transform:rotateY(var(--rx)) rotateX(var(--ry));transform-style:preserve-3d;border-radius:var(--radius);outline:none;transition:box-shadow .4s ease,outline .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:top;padding:0;will-change:transform,box-shadow}.card__rotator,.card__rotator:focus{box-shadow:none}.card__rotator *{display:grid;grid-area:1/1;border-radius:var(--radius);image-rendering:optimizeQuality;transform-style:preserve-3d}.card__rotator *,.card__rotator img{width:100%;backface-visibility:hidden}.card__rotator img{outline:1px solid transparent;aspect-ratio:.716;height:100%}.card__rotator .card__back{background-color:var(--back);transform:rotateY(180deg) translateZ(1px);backface-visibility:visible;will-change:transform}.card__rotator .card__front{opacity:1;transition:opacity .33s ease-out;will-change:opacity}.card__shine{display:grid;overflow:hidden;z-index:3;transform:translateZ(1px);background:transparent;mix-blend-mode:color-dodge;filter:brightness(.85) contrast(2.75) saturate(.65);background-size:cover;background-position:50%;opacity:var(--o);will-change:opacity,transform;backface-visibility:hidden}.card__shine:before{grid-area:1/1;transform:translateZ(1px);content:""}.card__shine:after{grid-area:1/1;transform:translateZ(1.2px);border-radius:var(--radius);content:""}.card__glare{transform:translateZ(1.4px);background:radial-gradient(farthest-corner circle at var(--mx) var(--my),hsla(0,0%,100%,.8) 10%,hsla(0,0%,100%,.65) 20%,rgba(0,0,0,.5) 90%);mix-blend-mode:overlay;opacity:var(--o);will-change:opacity,transform,background;backface-visibility:hidden}.card__glare.holo:not(.v):not(.vmax):not(.vstar){opacity:calc(var(--o) * .8);filter:brightness(.8) contrast(1.5)}.card__glare.v,.card__glare.vfull,.card__glare.vmax,.card__glare.vstar{filter:brightness(.9) contrast(1.75);background:radial-gradient(farthest-corner circle at var(--mx) var(--my),#fff 0,hsla(210,3%,54%,.33) 45%,hsla(0,0%,39%,.65) 120%);opacity:calc(var(--o) * .66)}.card__glare.vmax{background:radial-gradient(farthest-corner circle at var(--mx) var(--my),hsla(0,0%,100%,.75) 0,rgba(99,99,99,.35) 45%,#000 120%)}