.holo-card{width:71.5vw;height:100vw;position:relative;overflow:hidden;margin:20px;border-radius:5%/3.5%;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 0 hsla(0,0%,100%,0),0 55px 35px -20px rgba(0,0,0,.5);transition:transform .5s ease,box-shadow .2s ease;will-change:transform,filter;background-color:#040712;background-image:var(--imageUrl);background-size:cover;background-repeat:no-repeat;background-position:50% 50%;transform-origin:center}@media screen and (max-width:599px){.holo-card{width:80vw;height:112vw}.holo-card.larger{width:80vw;height:130vw}}@media screen and (min-width:600px){.holo-card{width:clamp(12.9vw,61vh,18vw);height:clamp(18vw,85vh,25.2vw)}.holo-card.larger{width:clamp(12.9vw,61vh,28vw);height:clamp(18vw,85vh,46.6vw)}}.holo-card:hover{box-shadow:-20px -20px 30px -25px var(--color1),20px 20px 30px -25px var(--color2),-7px -7px 10px -5px var(--color1),7px 7px 10px -5px var(--color2),0 0 13px 4px hsla(0,0%,100%,.3),0 55px 35px -20px rgba(0,0,0,.5)}.holo-card:after,.holo-card:before{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(--color1) 25%,transparent 47%,transparent 53%,var(--color2) 75%,transparent 100%);opacity:.5;filter:brightness(.5) contrast(1);z-index:1}.holo-card:after{background-image:url(https://assets.codepen.io/13471/sparkles.gif),url(https://assets.codepen.io/13471/holo.png),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.hovered:after{filter:brightness(1) contrast(1);opacity:1}.holo-card.hovered:before{background-image:linear-gradient(110deg,transparent 25%,var(--color1) 48%,var(--color2) 52%,transparent 75%);background-position:var(--gradPos);background-size:250% 250%;opacity:.58;filter:brightness(.4) contrast(1);transition:none}.holo-card.hovered:after{background-position:var(--sprkPos);opacity:var(--opc)}.card-image{object-fit:cover}.card-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,transparent 37%,#f0f0f0 63%);z-index:3}.card-skeleton,.skeleton-shimmer{position:absolute;top:0;left:0;right:0;bottom:0}.skeleton-shimmer{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 50%,transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.card-error{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.1);color:#666;font-size:14px;z-index:3}