.card__front{position:relative!important;isolation:isolate!important}.card__shine{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:9999!important;opacity:.75!important;mix-blend-mode:normal!important;transform:none!important;width:100%!important;height:100%!important;pointer-events:none!important;background:repeating-linear-gradient(-45deg,red,#ff7f00,#ff0,#0f0,#0ff,#00f,#8000ff,#f0f,red)!important;background-size:300% 300%!important;background-position:var(--background-x) var(--background-y)!important}.card__glare{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:10000!important;opacity:.6!important;mix-blend-mode:normal!important;transform:none!important;width:100%!important;height:100%!important;pointer-events:none!important;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.9),rgba(255,255,255,.6) 20%,rgba(255,255,255,.3) 40%,transparent 60%)!important}.card__image{z-index:1!important}.card__text{z-index:11000!important}.card[data-effect-style=rainbow] .card__shine{background:repeating-linear-gradient(-45deg,#f71717,#ffc800,#f9ff00,#10ff00,#00ffd8,#0081ff,#8000ff,#ff46bb,#f71717)!important}:root{--card-aspect: .718;--card-radius: 4.55% / 3.5%;--card-edge: hsl(47, 100%, 78%);--card-back: hsl(205, 100%, 25%);--card-glow: hsl(175, 100%, 90%);--holo-1: hsl(2, 100%, 73%);--holo-2: hsl(53, 100%, 69%);--holo-3: hsl(93, 100%, 69%);--holo-4: hsl(176, 100%, 76%);--holo-5: hsl(228, 100%, 74%);--holo-6: hsl(283, 100%, 73%);--pointer-x: 50%;--pointer-y: 50%;--pointer-from-center: 0;--pointer-from-top: 0;--pointer-from-left: 0;--card-opacity: 0;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: 50%;--background-y: 50%;--card-scale: 1;--translate-x: 0px;--translate-y: 0px;--holo-intensity: 1;--glare-intensity: .5;--shine-enabled: 1;--grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");--glitter: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='glitterFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3' numOctaves='1'/%3E%3CfeColorMatrix values='0 0 0 9 -5 0 0 0 9 -5 0 0 0 9 -5 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23glitterFilter)'/%3E%3C/svg%3E")}.holographic-cards-section{padding:36px 0}.holographic-cards-container{max-width:1200px;margin:0 auto;padding:0 20px}.holographic-cards-heading{text-align:center;margin-bottom:2rem;font-family:var(--font-heading-family)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;padding:20px 0}@media (max-width: 768px){.card-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}}.card{--space: 5%;--clip: inset(9.85% 8% 52.85% 8%);width:100%;max-width:300px;margin:0 auto;aspect-ratio:var(--card-aspect);-webkit-transform:translate3d(0px,0px,.01px);transform:translateZ(.01px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;will-change:transform,visibility,z-index;cursor:pointer;transition:opacity .3s ease}.card,.card *{outline:1px solid transparent}.card.interacting{z-index:100}.card.active{z-index:200}.card__translater{width:100%;position:relative;display:grid;perspective:600px;transform-origin:center;-webkit-transform:translate3d(var(--translate-x),var(--translate-y),.1px) scale(var(--card-scale));transform:translate3d(var(--translate-x),var(--translate-y),.1px) scale(var(--card-scale));will-change:transform}.card__rotator{width:100%;display:grid;grid-area:1/1;aspect-ratio:var(--card-aspect);-webkit-transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));-webkit-transform-style:preserve-3d;transform-style:preserve-3d;border-radius:var(--card-radius);box-shadow:0 0 3px -1px transparent,0 10px 20px -5px #00000080,0 0 20px 0 transparent;transition:box-shadow .4s ease;border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;text-align:inherit}.card__rotator *{image-rendering:optimizeQuality;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.card:hover .card__rotator,.card.active .card__rotator{box-shadow:0 0 5px #fff,0 0 5px 2px var(--card-edge),0 0 20px 4px var(--card-glow),0 10px 30px -5px #000c,0 0 60px -20px var(--card-glow)}.card__front,.card__back{width:100%;height:100%;display:grid;grid-area:1/1;aspect-ratio:var(--card-aspect);border-radius:var(--card-radius);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}.card__front{-webkit-transform:translate3d(0px,0px,.01px);transform:translateZ(.01px);isolation:isolate}.card__back{-webkit-transform:rotateY(180deg) translateZ(1px);transform:rotateY(180deg) translateZ(1px);background-color:#1a1a2e;color:#fff;-webkit-backface-visibility:visible;backface-visibility:visible}.card__image{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) translateZ(.01px);transform:translate(-50%,-50%) translateZ(.01px);width:90%;height:85%;object-fit:contain;object-position:center;z-index:1;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}.card.active .card__back-content,.card.active .card__text,.card.active .card__name,.card.active .card__sparkle-front,.card.active .card__sparkle,.card.active .card__magnitude,.card.active .card__stat,.card.active .card__stat-label,.card.active .card__stat-value,.card.active .card__quote,.card.active .card__lore{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;backface-visibility:hidden;transform:translateZ(0)}.card__text{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:5%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card__name{font-size:clamp(24px,5vw,42px);font-weight:700;text-align:center;color:#fff;text-shadow:3px 3px 8px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.7),0 0 20px rgba(0,0,0,.5);margin:0;line-height:1.2}.card__subtitle{font-size:clamp(8px,2vw,12px);font-weight:600;text-align:center;text-transform:uppercase;color:#ffffffe6;text-shadow:1px 1px 2px rgba(0,0,0,.7);margin:0}.card__back-content{position:relative;width:100%;height:100%;z-index:1;display:flex;flex-direction:column;gap:12px;padding:2%;box-sizing:border-box;font-size:clamp(8px,1.8vw,12px);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card__back-top{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.card__back-column-left{display:flex;flex-direction:column;align-items:center;text-align:center}.card__back-column-right{display:flex;flex-direction:column;min-width:0}.card__sparkle{font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:1.2em;line-height:1.3;padding:0;margin:0;width:100%;box-sizing:border-box;text-align:center}.card__sparkle-front{font-size:clamp(16px,3.5vw,28px);font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:1px;color:#fff;text-shadow:3px 3px 8px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.7),0 0 20px rgba(0,0,0,.5);margin:0;line-height:1.2}.card__magnitude{font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:1.2em;line-height:1.3;padding:0;margin:0;width:100%;box-sizing:border-box;text-align:center}.card__quote{padding:12px 16px;background:#000000e6;border-radius:10px;font-style:italic;font-size:.85em;line-height:1.5;text-align:center}.card__quote>*,.card__quote p{margin:0;font-style:italic}.card__quote em,.card__quote i{font-style:italic}.card__quote strong,.card__quote b{font-weight:700}.card__quote>div{all:unset;display:inline}.card__lore{padding:12px 16px;background:#000000e6;border-radius:10px;font-size:.85em;line-height:1.5}.card__lore>div{all:unset;display:block}.card__lore p{margin:0 0 8px}.card__lore p:last-child{margin-bottom:0}.card__lore em,.card__lore i{font-style:italic}.card__lore strong,.card__lore b{font-weight:700;color:#93f20c}.card__lore ul,.card__lore ol{margin:4px 0;padding-left:16px}.card__lore li{margin:2px 0}.card__back-header{display:flex;gap:10px;align-items:start}.card__icon{width:140px;height:140px;border-radius:8px;object-fit:cover;flex-shrink:0}.card__info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.card__badge{padding:4px 8px;background:#ffffff1a;border-radius:4px;font-size:.85em;font-weight:600;text-align:center}.card__stats{display:flex;flex-direction:column;gap:0;font-size:1em;width:100%;background:#000000e6;border-radius:10px;overflow:hidden;padding:8px}.card__stat{display:flex;gap:6px;padding:6px 8px;background:#000000e6;align-items:baseline;border-bottom:1px solid rgba(255,255,255,.1)}.card__stat:last-child{border-bottom:none}.card__stat-label{font-weight:700;color:#93f20c;flex-shrink:0;min-width:50px;font-size:.9em}.card__stat-value{flex:1;overflow-wrap:break-word;font-size:.9em}.card__description{padding:8px;background:#0000004d;border-radius:6px;border-left:3px solid #f39c12;font-size:.85em;line-height:1.4;max-height:80px;overflow:hidden}.card__shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;border-radius:var(--card-radius);background-position:50% 50%;background-repeat:no-repeat;opacity:calc(var(--shine-enabled, 1) * var(--holo-intensity, 1) * (.5 + var(--card-opacity, 0) * .5));mix-blend-mode:normal;pointer-events:none;will-change:opacity,background-position,transform}.card__shine:before,.card__shine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--card-radius);pointer-events:none}.card__glare{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;border-radius:var(--card-radius);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.6) 0%,rgba(255,255,255,.4) 20%,rgba(255,255,255,.2) 40%,transparent 60%);mix-blend-mode:normal;opacity:calc(var(--glare-intensity, .5) * (.5 + var(--card-opacity, 0) * .5));pointer-events:none;will-change:background-image,opacity,transform}.card[data-effect-style=rainbow] .card__shine{background-image:repeating-linear-gradient(-45deg,#f71717b3,#ffc800b3,#f9ff00b3,#10ff00b3,#00ffd8b3,#0081ffb3,#8000ffb3,#ff46bbb3 84%,#f71717b3);background-size:300% 300%;background-position:var(--background-x) var(--background-y)}.card[data-effect-style=rainbow] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.7) 0%,rgba(255,255,255,.5) 15%,rgba(255,255,255,.3) 30%,rgba(255,255,255,.1) 50%,transparent 70%)}.card[data-effect-style=cosmos] .card__shine{background-image:repeating-linear-gradient(90deg,#f7171799,#ffc80099,#f9ff0099,#00ffd899,#0081ff99,#8000ff99 80%,#f7171799);background-size:400% 100%;background-position:var(--background-x) center}.card[data-effect-style=holo] .card__shine{background-image:repeating-linear-gradient(135deg,#f7171799,#ffc80099,#f9ff0099,#10ff0099,#00ffd899,#0081ff99,#8000ff99 84%,#f7171799);background-size:300% 300%;background-position:var(--background-x) var(--background-y)}.card[data-effect-style=radial] .card__shine{background-image:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(247,23,23,.7) 0%,rgba(255,200,0,.7) 15%,rgba(249,255,0,.7) 30%,rgba(16,255,0,.7) 45%,rgba(0,255,216,.7) 60%,rgba(0,129,255,.7) 75%,rgba(128,0,255,.7) 90%);background-size:200% 200%;background-position:var(--pointer-x) var(--pointer-y)}@media (max-width: 768px){.card__back-content{font-size:10px}.card__icon{width:40px;height:40px}.card__description{max-height:60px}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/holographic-cards.css.map */