@property --pointer-x{syntax:"<percentage>";inherits:true;initial-value:50%}@property --pointer-y{syntax:"<percentage>";inherits:true;initial-value:50%}@property --pointer-from-center{syntax:"<number>";inherits:true;initial-value:0}@property --pointer-from-left{syntax:"<number>";inherits:true;initial-value:.5}@property --pointer-from-top{syntax:"<number>";inherits:true;initial-value:.5}@property --background-x{syntax:"<percentage>";inherits:true;initial-value:50%}@property --background-y{syntax:"<percentage>";inherits:true;initial-value:50%}@property --card-opacity{syntax:"<number>";inherits:true;initial-value:0}@property --motion-energy{syntax:"<number>";inherits:true;initial-value:0}@property --motion-dir-x{syntax:"<number>";inherits:true;initial-value:0}@property --motion-dir-y{syntax:"<number>";inherits:true;initial-value:0}@property --motion-angle{syntax:"<angle>";inherits:true;initial-value:0deg}@property --edge-fresnel{syntax:"<number>";inherits:true;initial-value:0}@property --drift-x{syntax:"<percentage>";inherits:true;initial-value:50%}@property --drift-y{syntax:"<percentage>";inherits:true;initial-value:50%}@property --drift-strength{syntax:"<number>";inherits:true;initial-value:0}@property --drift-dir-x{syntax:"<number>";inherits:true;initial-value:0}@property --drift-dir-y{syntax:"<number>";inherits:true;initial-value:0}@property --view-prism{syntax:"<number>";inherits:true;initial-value:0}@property --view-dir-x{syntax:"<number>";inherits:true;initial-value:0}@property --view-dir-y{syntax:"<number>";inherits:true;initial-value:0}@property --view-angle{syntax:"<angle>";inherits:true;initial-value:0deg}@property --glint-pulse{syntax:"<number>";inherits:true;initial-value:0}@property --shimmer-wave{syntax:"<number>";inherits:true;initial-value:.5}@property --glare-x{syntax:"<percentage>";inherits:true;initial-value:50%}@property --glare-y{syntax:"<percentage>";inherits:true;initial-value:50%}@property --foil-x{syntax:"<percentage>";inherits:true;initial-value:50%}@property --foil-y{syntax:"<percentage>";inherits:true;initial-value:50%}@property --foil-x-2{syntax:"<percentage>";inherits:true;initial-value:50%}@property --foil-y-2{syntax:"<percentage>";inherits:true;initial-value:50%}.holo-card-scene{perspective:1600px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.holo-card{--card-radius:8px;--background-x:50%;--background-y:50%;--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-left:.5;--pointer-from-top:.5;--card-opacity:0;--motion-energy:0;--motion-dir-x:0;--motion-dir-y:0;--motion-angle:0deg;--edge-fresnel:0;--drift-x:50%;--drift-y:50%;--drift-strength:0;--drift-dir-x:0;--drift-dir-y:0;--view-prism:0;--view-dir-x:0;--view-dir-y:0;--view-angle:0deg;--glint-pulse:0;--shimmer-wave:.5;--foil-x:50%;--foil-y:50%;--foil-x-2:50%;--foil-y-2:50%;--cosmos-bg:center center;--pattern-scale:1;--glitter-size:24%;--grain-strength:.6;--rainbow-angle:82deg;--rainbow-angle-negative:-82deg;--rainbow-angle-soft:57.4deg;--rainbow-angle-soft-negative:-67.24deg;--rainbow-angle-hard:69.7deg;--glare-x:50%;--glare-y:50%;--glare-opacity:.9;--glare-brightness:.85;--glare-contrast:1.4;--glare-focus-core:12%;--glare-focus-mid:34%;--glare-focus-falloff:66%;--glare-focus-edge:92%;--glare-focus-edge-alpha:.16;--shine-opacity:.7;--shine-brightness:.96;--shine-contrast:2;--shine-saturation:1.35;--sparkle-density:.58;--sparkle-size-impact:.45;--effect-depth:.8;--preset-foil-opacity:.78;--preset-sparkle-opacity:.32;--shine-mask:linear-gradient(#fff 0%, #fff 100%);--accent-mask:linear-gradient(#fff 0%, #fff 100%);--accent-opacity-raw:.42;--accent-layer-enabled:1;--accent-opacity:calc(var(--accent-opacity-raw) * var(--accent-layer-enabled));--spectral-split-strength-raw:0;--spectral-layer-enabled:0;--spectral-split-strength:calc(var(--spectral-split-strength-raw) * var(--spectral-layer-enabled));--local-foil-image:none;--local-foil-opacity:0;--local-foil-blend-mode:soft-light;--card-glow-rgb:125, 205, 255;--card-edge:#ffe78f;cursor:pointer;touch-action:none;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:relative}.holo-card__translater{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:relative;transform:translateZ(.01px)scale(1)}.holo-card__rotator{border-radius:var(--card-radius);width:100%;height:100%;transform-style:preserve-3d;will-change:transform, box-shadow;transition:transform 80ms,box-shadow .35s;position:relative;box-shadow:0 0 3px -1px #0000,0 0 2px 1px #0000,0 0 5px #0000,0 10px 20px -5px #000,0 2px 15px -5px #000,0 0 20px #0000}.holo-card.is-active .holo-card__rotator{box-shadow:0 0 3px -1px white, 0 0 3px 1px var(--card-edge), 0 0 12px 2px rgba(var(--card-glow-rgb), .82), 0px 10px 20px -5px black, 0 0 40px -30px rgba(var(--card-glow-rgb), .9), 0 0 50px -20px rgba(var(--card-glow-rgb), .7)}.holo-card__face{border-radius:var(--card-radius);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.holo-card__face--front{will-change:transform;background:0 0;border:none}.holo-card__face--front:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(#18202e 0%,#0f141d 100%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14}.holo-card__face-content{width:100%;height:100%;position:relative}.holo-card__art{z-index:1;filter:contrast(1.04)saturate(1.06);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;transform:translateZ(.2px)}.holo-card__shine{z-index:2;pointer-events:none;border-radius:inherit;will-change:transform, opacity, filter;opacity:calc(var(--shine-opacity) * var(--card-opacity) * (.48 + var(--pointer-from-center) * .72 + var(--motion-energy) * .22 + var(--glint-pulse) * .24 + var(--shimmer-wave) * .08));filter:brightness(calc(var(--shine-brightness) * (.92 + var(--effect-depth) * .18 + var(--motion-energy) * .14 + var(--glint-pulse) * .16 + var(--shimmer-wave) * .06))) contrast(var(--shine-contrast)) saturate(calc(var(--shine-saturation) * (.86 + var(--effect-depth) * .2 + var(--motion-energy) * .16)));mix-blend-mode:screen;-webkit-mask-image:var(--shine-mask);-webkit-mask-position:50%;-webkit-mask-size:cover;-webkit-mask-repeat:no-repeat;-webkit-mask-image:var(--shine-mask);mask-image:var(--shine-mask);position:absolute;inset:0;overflow:hidden;transform:translateZ(1.2px);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.holo-card__shine:before,.holo-card__shine:after{content:"";border-radius:inherit;pointer-events:none;will-change:background-position, filter;-webkit-mask-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #fffffffa 0%, #fffffff0 var(--glare-focus-core), #ffffffb8 var(--glare-focus-mid), #fff6 var(--glare-focus-falloff), rgba(255,255,255,var(--glare-focus-edge-alpha)) var(--glare-focus-edge), #ffffff14 100%);-webkit-mask-position:50%;-webkit-mask-size:cover;-webkit-mask-repeat:no-repeat;-webkit-mask-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #fffffffa 0%, #fffffff0 var(--glare-focus-core), #ffffffb8 var(--glare-focus-mid), #fff6 var(--glare-focus-falloff), rgba(255,255,255,var(--glare-focus-edge-alpha)) var(--glare-focus-edge), #ffffff14 100%);mask-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #fffffffa 0%, #fffffff0 var(--glare-focus-core), #ffffffb8 var(--glare-focus-mid), #fff6 var(--glare-focus-falloff), rgba(255,255,255,var(--glare-focus-edge-alpha)) var(--glare-focus-edge), #ffffff14 100%);position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.holo-card__shine:before{transform:translate3d(calc(var(--view-dir-x) * 1.8px), calc(var(--view-dir-y) * 1.8px), 1.22px);opacity:calc(var(--preset-foil-opacity) * (.68 + var(--effect-depth) * .38 + var(--motion-energy) * .26 + var(--view-prism) * .18 + var(--glint-pulse) * .2 + var(--shimmer-wave) * .08));background-repeat:no-repeat}.holo-card__shine:after{transform:translate3d(calc(var(--motion-dir-x) * 3.4px + var(--drift-dir-x) * 2.2px + var(--view-dir-x) * 1.6px), calc(var(--motion-dir-y) * 3.4px + var(--drift-dir-y) * 2.2px + var(--view-dir-y) * 1.6px), 1.28px);opacity:calc(var(--preset-sparkle-opacity) * (.42 + var(--sparkle-density) * .56 + var(--sparkle-size-impact) * .32 + var(--motion-energy) * .32 + var(--drift-strength) * .2 + var(--view-prism) * .18 + var(--glint-pulse) * .26 + var(--shimmer-wave) * .1));background-repeat:no-repeat}.holo-card__shine,.holo-card__shine:before,.holo-card__shine:after{background-origin:border-box;background-clip:border-box}.holo-card__spectral{z-index:2.35;pointer-events:none;border-radius:inherit;background:radial-gradient(farthest-corner circle at calc(var(--pointer-x) + (var(--motion-dir-x) * 8%)) calc(var(--pointer-y) + (var(--motion-dir-y) * 8%)), rgba(255,70,120,calc(.18 + var(--glint-pulse) * .24)) 0%, #ff467800 52%), radial-gradient(farthest-corner circle at calc(var(--pointer-x) - (var(--motion-dir-x) * 7%)) calc(var(--pointer-y) + (var(--motion-dir-y) * 5%)), rgba(120,255,170,calc(.14 + var(--glint-pulse) * .22)) 0%, #78ffaa00 54%), radial-gradient(farthest-corner circle at calc(var(--pointer-x) + (var(--motion-dir-x) * 5%)) calc(var(--pointer-y) - (var(--motion-dir-y) * 6%)), rgba(90,150,255,calc(.16 + var(--glint-pulse) * .24)) 0%, #5a96ff00 50%);mix-blend-mode:screen;filter:blur(.18px) saturate(calc(1.1 + var(--shimmer-wave) * .2)) hue-rotate(calc(var(--view-dir-x) * 12deg));opacity:calc(var(--card-opacity) * var(--spectral-split-strength) * (.38 + var(--view-prism) * .46 + var(--glint-pulse) * .28));position:absolute;inset:0;overflow:hidden;transform:translateZ(1.26px)}.holo-card__accent{z-index:2.5;pointer-events:none;border-radius:inherit;will-change:transform, opacity, filter;background-image:linear-gradient(115deg,#ffffff57 0%,#ffe67833 22%,#b4fff03d 46%,#b496ff3d 72%,#ffffff4d 100%),url(/projects/holo-card-builder/textures/glitter.png);background-size:max(100%, calc(240% * var(--pattern-scale))) max(100%, calc(240% * var(--pattern-scale))), calc(100% + var(--glitter-size)) calc(100% + var(--glitter-size));background-position:calc(var(--foil-x) + ((var(--pointer-from-left) - .5) * 8%)) calc(var(--foil-y) + ((var(--pointer-from-top) - .5) * 8%)), var(--foil-x-2) var(--foil-y-2);background-blend-mode:screen, soft-light;mix-blend-mode:screen;filter:brightness(calc(.96 + var(--grain-strength) * .13)) contrast(calc(1.02 + var(--grain-strength) * .18)) saturate(calc(.85 + var(--grain-strength) * .26));opacity:calc(var(--accent-opacity) * (.52 + var(--sparkle-density) * .56 + var(--motion-energy) * .28 + var(--glint-pulse) * .18));-webkit-mask-image:var(--accent-mask);mask-image:var(--accent-mask);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--accent-mask);position:absolute;inset:0;overflow:hidden;transform:translateZ(1.32px);-webkit-mask-size:cover;-webkit-mask-repeat:no-repeat}.holo-card__glare{z-index:3;pointer-events:none;border-radius:inherit;will-change:transform, opacity, filter;background:radial-gradient(farthest-corner circle at var(--glare-x) var(--glare-y), #ffffffb3 0%, #ffffff47 16%, #ffffff0f 38%, #00000038 75%, #00000061 100%), radial-gradient(farthest-corner circle at var(--drift-x) var(--drift-y), rgba(170,230,255,calc(.16 + var(--drift-strength) * .2)) 0%, rgba(120,190,255,calc(.08 + var(--drift-strength) * .12)) 22%, #fff0 56%), linear-gradient(125deg, #ffffff21 0%, #8cdcff14 40%, #ffffff08 70%, #00000024 100%);mix-blend-mode:overlay;filter:brightness(calc(var(--glare-brightness) + var(--motion-energy) * .24 + var(--edge-fresnel) * .14 + var(--drift-strength) * .1)) contrast(calc(var(--glare-contrast) + var(--motion-energy) * .2 + var(--edge-fresnel) * .12 + var(--drift-strength) * .08));opacity:calc(var(--glare-opacity) * var(--card-opacity) * (.9 + var(--motion-energy) * .34 + var(--edge-fresnel) * .28 + var(--drift-strength) * .18));position:absolute;inset:0;transform:translateZ(1.45px);-webkit-mask-image:linear-gradient(#fff 0% 100%);mask-image:linear-gradient(#fff 0% 100%)}.holo-card__glare:before{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from calc(var(--motion-angle)) at 50% 50%, rgba(255,255,255,calc(var(--motion-energy) * .22)), #fff0 35%, rgba(190,236,255,calc(var(--edge-fresnel) * .18)) 60%, #fff0 85%, rgba(255,255,255,calc(var(--motion-energy) * .2))), linear-gradient(calc(var(--view-angle) + 90deg), rgba(255,255,255,calc(var(--view-prism) * .18)) 0%, #fff0 34%, rgba(130,230,255,calc(var(--view-prism) * .14)) 52%, #fff0 78%, rgba(255,255,255,calc(var(--view-prism) * .12)) 100%);border:1px solid rgba(255,255,255,calc(.06 + var(--edge-fresnel) * .18 + var(--motion-energy) * .12));box-shadow:inset 0 0 calc(6px + var(--edge-fresnel) * 22px) rgba(190,236,255,calc(.05 + var(--edge-fresnel) * .28));mix-blend-mode:screen;opacity:calc(.26 + var(--edge-fresnel) * .4 + var(--motion-energy) * .22 + var(--drift-strength) * .14 + var(--view-prism) * .16 + var(--glint-pulse) * .18);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0% 100%);mask-image:linear-gradient(#fff 0% 100%)}.holo-card__glare:after{content:"";border-radius:inherit;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #ffffff3d, #fff0 35%);mix-blend-mode:soft-light;opacity:calc(.28 + (1 - var(--pointer-from-top)) * .2 + var(--motion-energy) * .22 + var(--drift-strength) * .2 + var(--view-prism) * .14 + var(--glint-pulse) * .2);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0% 100%);mask-image:linear-gradient(#fff 0% 100%)}.holo-card[data-holo-style=regular]{--card-glow-rgb:125, 205, 255}.holo-card[data-holo-style=regular] .holo-card__shine{mix-blend-mode:color-dodge}.holo-card[data-holo-style=regular] .holo-card__shine:before{background-image:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #ffffffdb 0%, #ffffff6b 11%, #fff0 46%), repeating-linear-gradient(133deg, #0e152ea6 0 3.8%, #89bdbd80 4.5%, #0e152ea6 5.2% 12%), linear-gradient(125deg, #ffffff73 0%, #82dcff38 30%, #78aaff26 58%, #ffffff47 100%), url(/projects/holo-card-builder/textures/grain.webp);background-size:cover, max(100%, calc(280% * var(--pattern-scale))) max(100%, calc(280% * var(--pattern-scale))), max(100%, calc(220% * var(--pattern-scale))) max(100%, calc(220% * var(--pattern-scale))), max(100%, calc(220% * var(--pattern-scale))) max(100%, calc(220% * var(--pattern-scale)));background-position:0 0, calc(var(--pointer-from-left) * 100%) calc(var(--pointer-from-top) * 100%), calc(var(--pointer-from-left) * 100%) calc(var(--pointer-from-top) * 100%), center;background-blend-mode:overlay, hue, screen, normal;filter:brightness(calc(.72 + var(--grain-strength) * .42)) contrast(1.36) saturate(.9);background-repeat:no-repeat,no-repeat,no-repeat,repeat}.holo-card[data-holo-style=regular] .holo-card__shine:after{background-image:url(/projects/holo-card-builder/textures/glitter.png), linear-gradient(var(--rainbow-angle-soft), #ffffff0a, #bef0ff47, #ffffff0f);background-size:calc(100% + var(--glitter-size)) calc(100% + var(--glitter-size)), 200% 200%;background-position:center center, calc(100% - var(--pointer-x)) calc(100% - var(--pointer-y));background-blend-mode:screen, soft-light;mix-blend-mode:exclusion;filter:brightness(.9)contrast(1.12)saturate(.72);opacity:.74;background-repeat:repeat,no-repeat}.holo-card[data-holo-style=rainbow]{--card-glow-rgb:176, 138, 255;--glare-focus-core:8%;--glare-focus-mid:22%;--glare-focus-falloff:46%;--glare-focus-edge:74%;--glare-focus-edge-alpha:.03}.holo-card[data-holo-style=rainbow] .holo-card__shine{mix-blend-mode:color-dodge}.holo-card[data-holo-style=rainbow] .holo-card__shine:before{background-image:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #ffffffdb 0%, #ffffff6b 11%, #fff0 46%), url(/projects/holo-card-builder/textures/illusion-mask.png), repeating-linear-gradient(133deg, #0e152ea6 0 3.8%, #89bdbd80 4.5%, #0e152ea6 5.2% 12%), linear-gradient(-45deg, #942929, #2b639c), url(/projects/holo-card-builder/textures/glitter.png), linear-gradient(-30deg, #942929, #98752f, #598f24, #248f8f, #2b639c, #5e247b, #872667, #942929, #98752f, #598f24, #248f8f, #2b639c, #5e247b, #872667, #942929);background-size:cover, max(100%, calc(160% * var(--pattern-scale))) max(100%, calc(160% * var(--pattern-scale))), max(100%, calc(280% * var(--pattern-scale))) max(100%, calc(280% * var(--pattern-scale))), max(100%, calc(200% * var(--pattern-scale))) max(100%, calc(200% * var(--pattern-scale))), calc(100% + var(--glitter-size)) calc(100% + var(--glitter-size)), max(100%, calc(420% * var(--pattern-scale))) max(100%, calc(420% * var(--pattern-scale)));background-position:0 0, calc(var(--pointer-from-left) * 100%) calc(var(--pointer-from-top) * 100%), calc(var(--pointer-from-left) * 100%) calc(var(--pointer-from-top) * 100%), calc(25% + (50% * var(--pointer-from-left))) calc(25% + (50% * var(--pointer-from-top))), center center, calc(25% + (var(--pointer-x) / 2)) calc(25% + (var(--pointer-y) / 2));background-blend-mode:overlay, overlay, hue, luminosity, soft-light, normal;filter:brightness(calc((var(--pointer-from-center) * .25) + .5 + var(--grain-strength) * .22)) contrast(calc(1.66 + var(--grain-strength) * .62)) saturate(calc(.68 + var(--grain-strength) * .54 + var(--view-prism) * .2)) hue-rotate(calc(var(--view-prism) * 18deg));opacity:calc(var(--preset-foil-opacity) * (.56 + var(--card-opacity) * .5 + var(--glint-pulse) * .14))}.holo-card[data-holo-style=rainbow] .holo-card__shine:after{background-image:url(/projects/holo-card-builder/textures/glitter.png),url(/projects/holo-card-builder/textures/illusion2.png),linear-gradient(-60deg,#d33636,#ddb12c,#7fda2f,#35deca,#3a71df,#9e3eda,#d73c7f,#d33636,#ddb12c,#7fda2f,#35deca,#3a71df,#9e3eda,#d73c7f,#d33636);background-size:calc(100% + var(--glitter-size)) calc(100% + var(--glitter-size)), max(100%, calc(220% * var(--pattern-scale))) max(100%, calc(220% * var(--pattern-scale))), max(100%, calc(420% * var(--pattern-scale))) max(100%, calc(420% * var(--pattern-scale)));background-position:center center, calc(var(--pointer-from-left) * 100%) calc(var(--pointer-from-top) * 100%), var(--pointer-x) var(--pointer-y);background-blend-mode:screen, soft-light, color-dodge;filter:brightness(calc((var(--pointer-from-center) * .3) + .48 + var(--grain-strength) * .18)) contrast(calc(1.45 + var(--grain-strength) * .6)) saturate(calc(.88 + var(--grain-strength) * .56 + var(--view-prism) * .18)) hue-rotate(calc(var(--view-prism) * 22deg));mix-blend-mode:color-dodge;opacity:calc(var(--preset-sparkle-opacity) * (.44 + var(--card-opacity) * .62 + var(--glint-pulse) * .2))}.holo-card[data-holo-style=rainbow] .holo-card__glare{mix-blend-mode:hard-light}.holo-card[data-holo-style=reverse]{--card-glow-rgb:188, 224, 255;--glare-focus-core:11%;--glare-focus-mid:32%;--glare-focus-falloff:62%;--glare-focus-edge-alpha:.08}.holo-card[data-holo-style=reverse] .holo-card__shine{mix-blend-mode:color-dodge}.holo-card[data-holo-style=reverse] .holo-card__shine:before{background-image:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #ffffffdb 0%, #ffffff6b 11%, #fff0 46%), repeating-linear-gradient(133deg, #0e152ea6 0 3.8%, #89bdbd80 4.5%, #0e152ea6 5.2% 12%), repeating-linear-gradient(var(--rainbow-angle-hard), #ffffff59 0 2px, #bef0ff42 2px 6px, #82b4ff2e 6px 10px), url(/projects/holo-card-builder/textures/grain.webp);background-size:cover, max(100%, calc(280% * var(--pattern-scale))) max(100%, calc(280% * var(--pattern-scale))), max(100%, calc(340% * var(--pattern-scale))) max(100%, calc(340% * var(--pattern-scale))), max(100%, calc(180% * var(--pattern-scale))) max(100%, calc(180% * var(--pattern-scale)));background-position:0 0, calc(var(--pointer-from-left) * 100%) calc(var(--pointer-from-top) * 100%), calc(var(--pointer-from-left) * 100%) calc(var(--pointer-from-top) * 100%), center;background-blend-mode:overlay, hue, screen, normal;filter:brightness(calc(.74 + var(--grain-strength) * .28)) contrast(calc(1.52 + var(--grain-strength) * .38)) saturate(1.02)}.holo-card[data-holo-style=reverse] .holo-card__shine:after{background-image:linear-gradient(var(--rainbow-angle-negative), #ffb47866, #b4fff066, #b9aaff5c, #ffd27866);background-size:max(100%, calc(420% * var(--pattern-scale))) max(100%, calc(420% * var(--pattern-scale)));background-position:calc(100% - var(--pointer-x)) calc(100% - var(--pointer-y));mix-blend-mode:exclusion;filter:brightness(.92)contrast(1.1)saturate(.68);opacity:.7}.holo-card[data-holo-style=vstar]{--card-glow-rgb:255, 223, 140}.holo-card[data-holo-style=vstar] .holo-card__shine{mix-blend-mode:color-dodge}.holo-card[data-holo-style=vstar] .holo-card__shine:before{background-image:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #fffadce0 0%, #ffe6a070 11%, #fff0 46%), url(/projects/holo-card-builder/textures/ancient.png), repeating-linear-gradient(133deg, #1c10069e 0 3.8%, #c1ac7b7a 4.5%, #1c10069e 5.2% 12%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #fffabea3 0%, #ffd66e57 25%, #64420033 84%), repeating-linear-gradient(0deg, #7a95ff calc(5% * 1), #d875ff calc(5% * 2), #ff7a75 calc(5% * 3), #ffed61 calc(5% * 4), #a8ff61 calc(5% * 5), #85fff7 calc(5% * 6), #7a95ff calc(5% * 7));background-size:cover, max(100%, calc(120% * var(--pattern-scale))) max(100%, calc(120% * var(--pattern-scale))), max(100%, calc(280% * var(--pattern-scale))) max(100%, calc(280% * var(--pattern-scale))), cover, max(100%, calc(200% * var(--pattern-scale))) max(100%, calc(700% * var(--pattern-scale)));background-position:0 0, center, calc(var(--pointer-from-left) * 100%) calc(var(--pointer-from-top) * 100%), center, 0% var(--background-y);background-blend-mode:overlay, soft-light, hue, screen, normal;filter:brightness(1.02)contrast(1.5)saturate(1.24)}.holo-card[data-holo-style=vstar] .holo-card__shine:after{background-image:url(/projects/holo-card-builder/textures/glitter.png), url(/projects/holo-card-builder/textures/ancient.png), linear-gradient(var(--rainbow-angle-negative), #fff6b973, #ffe1874d, #ffffff29);background-size:calc(100% + var(--glitter-size)) calc(100% + var(--glitter-size)), max(100%, calc(130% * var(--pattern-scale))) max(100%, calc(130% * var(--pattern-scale))), 220% 220%;background-position:center center, center center, var(--pointer-x) var(--pointer-y);background-blend-mode:screen, color-dodge, soft-light;mix-blend-mode:exclusion;filter:brightness(.88)contrast(1.1)saturate(.65);opacity:.62}.holo-card[data-holo-style=radiant]{--card-glow-rgb:255, 170, 132;--glare-focus-core:11%;--glare-focus-mid:30%;--glare-focus-falloff:60%;--glare-focus-edge-alpha:.09}.holo-card[data-holo-style=radiant] .holo-card__shine{mix-blend-mode:screen}.holo-card[data-holo-style=radiant] .holo-card__shine:before{--barwidth:1.2%;background-image:radial-gradient(farthest-corner ellipse at calc(var(--pointer-x) * .5 + 25%) calc(var(--pointer-y) * .5 + 25%), #f2f2f2 20%, #f0b375 130%), repeating-linear-gradient(45deg, #1a1a1a 0%, #1a1a1a var(--barwidth), #333 calc(var(--barwidth) * 2), #595959 calc(var(--barwidth) * 3), gray calc(var(--barwidth) * 5), #595959 calc(var(--barwidth) * 7), #1a1a1a calc(var(--barwidth) * 9), #000 calc(var(--barwidth) * 10)), repeating-linear-gradient(-45deg, #1a1a1a 0%, gray calc(var(--barwidth) * 5), #000 calc(var(--barwidth) * 10));background-size:cover, max(100%, calc(210% * var(--pattern-scale))) max(100%, calc(210% * var(--pattern-scale))), max(100%, calc(210% * var(--pattern-scale))) max(100%, calc(210% * var(--pattern-scale)));background-position:center, calc(((var(--background-x) - 50%) * 1.5) + 50%) calc(((var(--background-y) - 50%) * 1.5) + 50%), calc(((var(--background-x) - 50%) * 1.5) + 50%) calc(((var(--background-y) - 50%) * 1.5) + 50%);background-blend-mode:exclusion, darken, color-dodge;filter:brightness(.5)contrast(2)saturate(1.75)}.holo-card[data-holo-style=radiant] .holo-card__shine:after{background-image:url(/projects/holo-card-builder/textures/trainerbg.png),repeating-linear-gradient(55deg,#fdb8b4 200px,#addaff 400px,#ffd7b3 600px,#b8ffe7 800px,#fdbff4 1000px,#b4f3fd 1200px,#fdb8b4 1400px);background-size:cover, max(100%, calc(400% * var(--pattern-scale))) 100%;background-position:center, calc(((var(--background-x) - 50%) * -2.5) + 50%) calc(((var(--background-y) - 50%) * -2.5) + 50%);background-blend-mode:hard-light;filter:brightness(.6)contrast(3)saturate(2);mix-blend-mode:color-dodge}.holo-card[data-holo-style=cosmos]{--card-glow-rgb:114, 219, 255;--glare-focus-core:15%;--glare-focus-mid:44%;--glare-focus-falloff:78%;--glare-focus-edge:98%;--glare-focus-edge-alpha:.18}.holo-card[data-holo-style=cosmos] .holo-card__shine{background-image:url(/projects/holo-card-builder/textures/cosmos-bottom.png), repeating-linear-gradient(82deg, #dbcc57 4%, #78c738 8%, #39c0b7 12%, #4964d0 16%, #aa47d1 20%, #cc388c 24%, #cc388c 28%, #aa47d1 32%, #4964d0 36%, #39c0b7 40%, #78c738 44%, #dbcc57 48%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #c7ffff80 5%, #82a1a14d 40%, #000 130%);background-size:cover, max(100%, calc(400% * var(--pattern-scale))) max(100%, calc(900% * var(--pattern-scale))), cover;background-position:var(--cosmos-bg), calc(10% + (var(--pointer-from-left) * 80%)) calc(10% + (var(--pointer-from-top) * 80%)), center center;background-blend-mode:color-burn, multiply, normal;filter:brightness(calc(.78 + var(--card-opacity) * .18 + var(--grain-strength) * .2)) contrast(calc(.98 + var(--grain-strength) * .44)) saturate(calc(.74 + var(--grain-strength) * .38));mix-blend-mode:screen}.holo-card[data-holo-style=cosmos] .holo-card__shine:before{background-image:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #bee6ffd1 0%, #82c8ff61 11%, #fff0 46%), url(/projects/holo-card-builder/textures/cosmos-middle-trans.png), repeating-linear-gradient(133deg, #060c1aad 0 3.8%, #6fa0b880 4.5%, #060c1aad 5.2% 12%), repeating-linear-gradient(82deg, #dbcc57 4%, #78c738 8%, #39c0b7 12%, #4964d0 16%, #aa47d1 20%, #cc388c 28%, #4964d0 36%, #dbcc57 48%);background-size:cover, cover, max(100%, calc(280% * var(--pattern-scale))) max(100%, calc(280% * var(--pattern-scale))), max(100%, calc(400% * var(--pattern-scale))) max(100%, calc(900% * var(--pattern-scale)));background-position:0 0, var(--cosmos-bg), calc(15% + (var(--pointer-from-left) * 70%)) calc(15% + (var(--pointer-from-top) * 70%)), calc(15% + (var(--pointer-from-left) * 70%)) calc(15% + (var(--pointer-from-top) * 70%));background-blend-mode:overlay, lighten, hue, multiply;mix-blend-mode:overlay}.holo-card[data-holo-style=cosmos] .holo-card__shine:after{background-image:url(/projects/holo-card-builder/textures/cosmos-top-trans.png),repeating-linear-gradient(82deg,#dbcc57 4%,#78c738 8%,#39c0b7 12%,#4964d0 16%,#aa47d1 20%,#cc388c 28%,#dbcc57 48%);background-size:cover, max(100%, calc(400% * var(--pattern-scale))) max(100%, calc(900% * var(--pattern-scale)));background-position:var(--cosmos-bg), calc(20% + (var(--pointer-from-left) * 60%)) calc(20% + (var(--pointer-from-top) * 60%));background-blend-mode:multiply, multiply;mix-blend-mode:exclusion;opacity:.68}.holo-card[data-holo-style=cosmos] .holo-card__glare{mix-blend-mode:overlay}.holo-card[data-holo-style=singular]{--card-glow-rgb:100, 130, 255;--glare-focus-core:14%;--glare-focus-mid:38%;--glare-focus-falloff:72%}.holo-card[data-holo-style=singular] .holo-card__shine{mix-blend-mode:screen}.holo-card[data-holo-style=singular] .holo-card__shine:before{background-image:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #b4d2ffd1 0%, #78a0ff61 11%, #fff0 46%), repeating-linear-gradient(133deg, #0a0e24b8 0 3.8%, #6279a76b 4.5%, #0a0e24b8 5.2% 12%), linear-gradient(125deg, #5078ff38 0%, #3c64dc24 50%, #5078ff2e 100%), url(/projects/holo-card-builder/textures/grain.webp);background-size:cover, max(100%, calc(280% * var(--pattern-scale))) max(100%, calc(280% * var(--pattern-scale))), max(100%, calc(220% * var(--pattern-scale))) max(100%, calc(220% * var(--pattern-scale))), max(100%, calc(220% * var(--pattern-scale))) max(100%, calc(220% * var(--pattern-scale)));background-position:0 0, calc(var(--pointer-from-left) * 100%) calc(var(--pointer-from-top) * 100%), calc(var(--pointer-from-left) * 100%) calc(var(--pointer-from-top) * 100%), center;background-blend-mode:overlay, hue, screen, normal;filter:brightness(calc(.68 + var(--grain-strength) * .32)) contrast(1.42) saturate(.82)}.holo-card[data-holo-style=singular] .holo-card__shine:after{background-image:url(/projects/holo-card-builder/textures/glitter.png), linear-gradient(var(--rainbow-angle-soft), #5078ff14, #78b4ff38, #5078ff0f);background-size:calc(100% + var(--glitter-size)) calc(100% + var(--glitter-size)), 200% 200%;background-position:center center, calc(100% - var(--pointer-x)) calc(100% - var(--pointer-y));background-blend-mode:screen, soft-light;mix-blend-mode:screen;filter:brightness(.86)contrast(1.08)saturate(.65);opacity:.6}.holo-card[data-pattern-variant=prismatic] .holo-card__shine:before{mix-blend-mode:color-dodge}.holo-card[data-pattern-variant=etched] .holo-card__shine:before{filter:brightness(.76)contrast(2.18)saturate(.72)}.holo-card[data-pattern-variant=dense] .holo-card__shine:after{opacity:calc(var(--preset-sparkle-opacity) * (.64 + var(--card-opacity) * .72))}.holo-portfolio-tile{aspect-ratio:5/7;perspective:1600px;width:100%}