.parallaxCard{z-index:10;touch-action:none;isolation:isolate;width:clamp(47px,47vh,470px);height:clamp(66px,66vh,660px);box-shadow:-5px -5px 5px -5px var(--color1),5px 5px 5px -5px var(--color2),-7px -7px 10px -5px transparent,7px 7px 10px -5px transparent,0 0 5px 0px #fff0,0 55px 35px -20px #00000040;will-change:transform,filter;background-color:var(--color);background-image:var(--front);transform-origin:50%;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;margin:20px;transition:transform .5s,box-shadow .2s;position:relative;overflow:hidden}.parallaxCard:before,.parallaxCard:after{content:"";opacity:.5;mix-blend-mode:color-dodge;background-repeat:no-repeat;transition:all .33s;position:absolute;inset:0}.parallaxCard:before{background-position:50%;background-size:300% 300%;background-image:linear-gradient(115deg,transparent 0%,var(--color1)25%,transparent 47%,transparent 53%,var(--color2)75%,transparent 100%);opacity:.5;filter:brightness(.5)contrast();z-index:1}.parallaxCard:after{opacity:1;background-image:var(--holo),linear-gradient(125deg,#ff008450 15%,#fca40040 30%,#ffff0030 40%,#00ff8a20 60%,#00cfff40 70%,#cc4cfa50 85%);background-blend-mode:overlay;z-index:2;filter:brightness()contrast();mix-blend-mode:color-dodge;opacity:.25;background-position:50%;background-size:160%;transition:all .33s}.parallaxCard.active:after,.hasHover .parallaxCard:hover:after{filter:brightness()contrast();opacity:.75}.parallaxCard.active,.hasHover .parallaxCard:hover{transition:box-shadow .1s ease-out;animation:none}.parallaxCard.active:before,.hasHover .parallaxCard:hover:before{background-image:linear-gradient(110deg,transparent 25%,var(--color1)48%,var(--color2)52%,transparent 75%);opacity:.88;filter:brightness(.66)contrast(1.33);background-position:50%;background-size:250% 250%;transition:none;animation:none}.parallaxCard.active:before,.hasHover .parallaxCard:hover:before,.parallaxCard.active:after,.hasHover .parallaxCard:hover:after{transition:none;animation:none}.parallaxCard.animated{transition:none;animation:12s holoCard}.parallaxCard.animated:before{transition:none;animation:12s holoGradient}.parallaxCard.animated:after{transition:none;animation:12s holoSparkle}.three-d-wrapper{perspective:750px;isolation:isolate;transform:translate3d(.1px,.1px,.1px)}@keyframes holoSparkle{0%,to{opacity:.75;filter:brightness(1.2)contrast(1.25);background-position:50%}5%,8%{opacity:1;filter:brightness(.8)contrast(1.2);background-position:40% 40%}13%,16%{opacity:.5;filter:brightness(1.2)contrast(.8);background-position:50%}35%,38%{opacity:1;filter:brightness()contrast();background-position:60% 60%}55%{opacity:.33;filter:brightness(1.2)contrast(1.25);background-position:45% 45%}}@keyframes holoGradient{0%,to{opacity:.5;filter:brightness(.5)contrast();background-position:50%}5%,9%{opacity:1;filter:brightness(.75)contrast(1.25);background-position:100% 100%}13%,17%{opacity:.88;background-position:0 0}35%,39%{opacity:1;filter:brightness(.5)contrast();background-position:100% 100%}55%{opacity:1;filter:brightness(.75)contrast(1.25);background-position:0 0}}@keyframes holoCard{0%,to{transform:rotate(0)rotateX(0)rotateY(0)}5%,8%{transform:rotate(0)rotateX(6deg)rotateY(-20deg)}13%,16%{transform:rotate(0)rotateX(-9deg)rotateY(32deg)}35%,38%{transform:rotate(3deg)rotateX(12deg)rotateY(20deg)}55%{transform:rotate(-3deg)rotateX(-12deg)rotateY(-27deg)}}
.printingChip{direction:rtl;unicode-bidi:bidi-override}.printingChip:first-letter{color:red}