.foil.card{width:300px;height:420px;position:relative;perspective:1000px;cursor:pointer}.foil .card__inner{width:100%;height:100%;position:absolute;transform-style:preserve-3d;transition:transform .1s}.foil .card__front{width:100%;height:100%;position:absolute;backface-visibility:hidden;border-radius:10px;overflow:hidden;box-shadow:0 10px 20px #0000004d;background-size:cover}.foil .holofoil{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(90deg,#ff00ff4d,#00ffff4d,#ffff004d,#ff00ff4d,#0000ff4d,#ff00ff4d 50%);background-size:300% 300%;mix-blend-mode:screen;opacity:.9;transition:background-position .05s linear;filter:brightness(1.3) contrast(1.2)}.foil .reflection{position:absolute;width:100%;height:100%;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.3) 10%,transparent 50%);mix-blend-mode:overlay;opacity:.5;transition:opacity .05s,transform .05s}.foil .holo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#fff6 10%,#fff0 80%);mix-blend-mode:overlay;opacity:.6;transition:opacity .1s linear}.foil .shadow{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(circle,rgba(0,0,0,.08) 10%,rgba(0,0,0,.02) 30%,transparent 60%);mix-blend-mode:multiply;opacity:.6;transition:opacity .05s,transform .05s;filter:blur(2px)}@media (max-width: 582px){.foil.card{width:300px;height:286px}}