.HoloCardContainer{perspective:600px}.HoloCard{--zebra-mask: url(../images/zebra-card-mask.webp);--rainbow-g-1: hsl(2, 100%, 73%);--rainbow-g-2: hsl(53, 100%, 69%);--rainbow-g-3: hsl(93, 100%, 69%);--rainbow-g-4: hsl(176, 100%, 76%);--rainbow-g-5: hsl(228, 100%, 74%);--rainbow-g-6: hsl(283, 100%, 73%);--step: 5%;--raingbow-grad-diag: repeating-linear-gradient( 133deg, var(--rainbow-g-1) calc(var(--step) * 1), var(--rainbow-g-2) calc(var(--step) * 2), var(--rainbow-g-3) calc(var(--step) * 3), var(--rainbow-g-4) calc(var(--step) * 4), var(--rainbow-g-5) calc(var(--step) * 5), var(--rainbow-g-6) calc(var(--step) * 6), var(--rainbow-g-1) calc(var(--step) * 7) );--diagonal-grad: repeating-linear-gradient( 133deg, #0e152e 0%, hsl(180, 10%, 60%) 3.8%, hsl(180, 29%, 66%) 4.5%, hsl(180, 10%, 60%) 5.2%, #0e152e 10%, #0e152e 12% );--pointer-x: 50%;--pointer-y: 50%;--rotate-x: 0deg;--rotate-y: 0deg;--distCenter: 0;--radial-grad: radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(0, 0%, 0%, .1) 12%, hsla(0, 0%, 0%, .15) 20%, hsla(0, 0%, 0%, .25) 120% );position:relative;overflow:hidden;display:grid;will-change:transform;transform-origin:center;transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));transform-style:preserve-3d;isolation:isolate;backface-visibility:hidden;pointer-events:none}.HoloCard *{display:grid;grid-area:1/1;transform-style:preserve-3d;overflow:hidden}.HoloCardGlare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,1) 10%,hsla(0,0%,100%,.6) 35%,hsla(180,11%,35%,1) 60%);mix-blend-mode:soft-light;opacity:.7;filter:contrast(1.5);width:100%;position:relative}.HoloCardShine,.HoloCardShine:after{-webkit-mask-image:var(--zebra-mask);mask-image:var(--zebra-mask);mask-mode:luminance;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:cover;mask-size:cover;width:100%;position:relative}.HoloCardShine{--grad-angle: 133deg;--pointer-from-center: .8;background-image:var(--raingbow-grad-diag);background-position:0% calc(.3 * var(--pointer-y));background-blend-mode:color-dodge;background-size:300% 400%;mix-blend-mode:overlay;opacity:.6;filter:brightness(calc((var(--distCenter) * .3) + .5)) contrast(2.3)}.HoloCardShine:after{content:"";background-image:radial-gradient(farthest-corner ellipse at calc(((var(--pointer-x)) * .5) + 25%) calc(((var(--pointer-y)) * .5) + 25%),#fff 5%,#38003899 40%,#383838 120%);background-position:center;background-size:400% 500%;mix-blend-mode:hard-light}.HoloCardVideo,.HoloCardPhoto{display:block;position:absolute;width:73%;aspect-ratio:9/16;top:50%;left:50%;transform:translate(-50%,-50%)}