.holo-card-wrapper{position:absolute;z-index:100!important;pointer-events:none;isolation:isolate;perspective:750px;display:block!important;opacity:0;transition:opacity .6s ease-in-out}.holo-card-wrapper.loaded{opacity:1}.holo-card__spacer{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;z-index:0;pointer-events:none}.holo-card-wrapper.position-top-left{top:20px;left:20px}.holo-card-wrapper.position-top-center{top:20px;left:50%;transform:translate(-50%)}.holo-card-wrapper.position-top-right{top:20px;right:20px}.holo-card-wrapper.position-middle-left{top:50%;left:20px;transform:translateY(-50%)}.holo-card-wrapper.position-middle-center{top:50%;left:50%;transform:translate(-50%,-50%)}.holo-card-wrapper.position-middle-right{top:50%;right:20px;transform:translateY(-50%)}.holo-card-wrapper.position-bottom-left{bottom:20px;left:20px}.holo-card-wrapper.position-bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.holo-card-wrapper.position-bottom-right{bottom:20px;right:20px}@media screen and (max-width: 749px){.holo-card-wrapper.position-top-center,.holo-card-wrapper.position-middle-center,.holo-card-wrapper.position-bottom-center{transform:translate(-50%) scale(.8)}.holo-card-wrapper.position-middle-left,.holo-card-wrapper.position-middle-right{transform:translateY(-50%) scale(.8)}.holo-card-wrapper.position-middle-right{right:0}.holo-card-wrapper{max-width:calc(100vw - 40px)}}.holo-card{width:200px;height:280px;min-width:150px;min-height:210px;position:relative;overflow:hidden;z-index:10;touch-action:none;pointer-events:auto;isolation:isolate;display:block!important;--holo-color1: rgb(0, 231, 255);--holo-color2: rgb(255, 0, 231);border-radius:5%/3.5%;box-shadow:-5px -5px 5px -5px var(--holo-color1),5px 5px 5px -5px var(--holo-color2),-7px -7px 10px -5px transparent,7px 7px 10px -5px transparent,0 0 5px #fff0,0 55px 35px -20px #00000080;transition:transform .5s ease,box-shadow .2s ease;will-change:transform,filter;background-color:#040712;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;transform-origin:center}@media screen and (max-width: 599px){.holo-card{width:150px;height:210px}}@media screen and (min-width: 600px){.holo-card{width:250px;height:350px}}@media screen and (min-width: 990px){.holo-card{width:300px;height:420px}}.holo-card:before,.holo-card:after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background-repeat:no-repeat;opacity:.5;mix-blend-mode:color-dodge;transition:all .33s ease}.holo-card:before{background-position:50% 50%;background-size:300% 300%;background-image:linear-gradient(115deg,transparent 0%,var(--holo-color1) 25%,transparent 47%,transparent 53%,var(--holo-color2) 75%,transparent 100%);opacity:.5;filter:brightness(.5) contrast(1);z-index:1}.holo-card:after{opacity:1;background-image:url(//besttcg.com/cdn/shop/t/10/assets/sparkles.webp?v=115172801945097614211762986238),url(//besttcg.com/cdn/shop/t/10/assets/holo.webp?v=64464668234073230371762986236),linear-gradient(125deg,#ff008450 15%,#fca40040 30%,#ffff0030 40%,#00ff8a20 60%,#00cfff40 70%,#cc4cfa50 85%);background-position:50% 50%;background-size:160%;background-blend-mode:overlay;z-index:2;filter:brightness(1) contrast(1);transition:all .33s ease;mix-blend-mode:color-dodge;opacity:.75}.holo-card.active:after,.holo-card:hover:after{filter:brightness(1) contrast(1);opacity:1}.holo-card.active,.holo-card:hover{animation:none;transition:box-shadow .1s ease-out}.holo-card.active:before,.holo-card:hover:before{animation:none;background-image:linear-gradient(110deg,transparent 25%,var(--holo-color1) 48%,var(--holo-color2) 52%,transparent 75%);background-position:50% 50%;background-size:250% 250%;opacity:.88;filter:brightness(.66) contrast(1.33);transition:none}.holo-card.active:before,.holo-card:hover:before,.holo-card.active:after,.holo-card:hover:after{animation:none;transition:none}.holo-card.animated{transition:none;animation:holoCard 12s ease 0s 1}.holo-card.animated:before{transition:none;animation:holoGradient 12s ease 0s 1}.holo-card.animated:after{transition:none;animation:holoSparkle 12s ease 0s 1}@keyframes holoSparkle{0%,to{opacity:.75;background-position:50% 50%;filter:brightness(1.2) contrast(1.25)}5%,8%{opacity:1;background-position:40% 40%;filter:brightness(.8) contrast(1.2)}13%,16%{opacity:.5;background-position:50% 50%;filter:brightness(1.2) contrast(.8)}35%,38%{opacity:1;background-position:60% 60%;filter:brightness(1) contrast(1)}55%{opacity:.33;background-position:45% 45%;filter:brightness(1.2) contrast(1.25)}}@keyframes holoGradient{0%,to{opacity:.5;background-position:50% 50%;filter:brightness(.5) contrast(1)}5%,9%{background-position:100% 100%;opacity:1;filter:brightness(.75) contrast(1.25)}13%,17%{background-position:0% 0%;opacity:.88}35%,39%{background-position:100% 100%;opacity:1;filter:brightness(.5) contrast(1)}55%{background-position:0% 0%;opacity:1;filter:brightness(.75) contrast(1.25)}}@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)}}.slideshow__slide{position:relative}@media (hover: none) and (pointer: coarse){.holo-card{-webkit-tap-highlight-color:transparent}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-holo-card.css.map */