.example-stage:has(>.cssled-stage){background:#131214}.cssled-stage,.cssled-stage *,.cssled-stage :before,.cssled-stage :after{box-sizing:border-box}.cssled-stage{--intro-close:4.5s;--initial-dark:1.5s;--loop-close:10.5s;--light-falloff:6s linear(0, .3 50%, 1);pointer-events:none;background:#131214;position:absolute;inset:0;overflow:hidden}.cssled-stage:before,.cssled-stage:after,.cssled-stage :before,.cssled-stage :after{pointer-events:none;position:absolute;top:0;left:0}.cssled-stage:before,.cssled-stage:after{content:"";z-index:200;width:100%;height:100%}.cssled-stage:before{opacity:0;mix-blend-mode:saturation;background:linear-gradient(#0000,#0ff)}.cssled-stage:after{background:linear-gradient(90deg,#0005,#0000);box-shadow:inset 0 0 3vmin #131214}.cssled-loop{flex-direction:column-reverse;display:flex;position:absolute;inset:0}.cssled-loop:after{content:"";z-index:200;opacity:.5;mix-blend-mode:soft-light;background:linear-gradient(#f0f,#0000);width:100%;height:100%}.cssled-stage background,.cssled-stage foreground{height:50%;display:block}.cssled-stage background{z-index:1;background:linear-gradient(#6b6a65,#0001 70%,#0000000d,#0003),#6b6a65}.cssled-stage foreground{background:linear-gradient(#818179,#fff1),#818179}.cssled-stage shadow,.cssled-stage pixel-grid{background:#131214;border-radius:0;width:63vmin;height:63vmin;position:absolute}.cssled-cube{z-index:200;width:0;height:0;transform-style:preserve-3d;position:absolute;top:50%;left:50%;transform:rotateX(-25deg)rotateY(-45deg)scale3d(.7,.7,.7)}.cssled-stage pixel-grid{z-index:200;color:#0ff;background:radial-gradient(at 0 100%,#1e1c1e,#131214);flex-wrap:wrap;gap:2vmin;padding:10vmin;display:flex;top:-31.5vmin;left:-31.5vmin}.cssled-stage pixel-grid.front{transform:translateZ(31.5vmin)}.cssled-stage pixel-grid.right{--intro-offset:.3s;color:#f0f;background:radial-gradient(at 100% 100%,#2b292a,#1c1b1c);transform:rotateY(90deg)translateZ(31.5vmin)}.cssled-stage pixel-grid.top{--intro-offset:.6s;color:#eef4ff;background:radial-gradient(at 0 0,#373535,#272626);transform:rotateX(90deg)translateZ(31.5vmin)}.cssled-stage pixel-grid:before,.cssled-stage pixel-grid:after{content:"";width:100%;height:100%}.cssled-stage pixel-grid:before{background:linear-gradient(#0000,#13121411,#0000);top:100%}.cssled-stage pixel-grid.top:before{display:none}.cssled-stage pixel-grid:after{z-index:3;background:#ffffff06}.cssled-cell{width:3vmin;height:3vmin;position:relative}.cssled-cell>:is(i,b){display:contents}.cssled-cell:before,.cssled-cell:after,.cssled-cell>:is(i,b):before,.cssled-cell>:is(i,b):after{content:""}.cssled-cell:before,.cssled-cell:after,.cssled-cell>i:before,.cssled-cell>b:before,.cssled-cell>b:after{border-radius:.25vmin;width:3vmin;height:3vmin}.cssled-cell:before{filter:blur(.1vmin);background:linear-gradient(#0000 50%,#1e1e1d 50%) 0 0/3vmin 1.2vmin,#242625;box-shadow:inset -.1vmin 0 #6b6a65,inset 0 0 0 .5vmin #242625,-.6vmin .1vmin .3vmin #0002}.cssled-cell:after,.cssled-cell>i:before,.cssled-cell>:is(i,b):after{z-index:1;opacity:0}.cssled-cell:after,.cssled-cell>b:after{filter:blur(.1vmin)brightness(1.4)blur(.1vmin)}.cssled-cell:after{background:currentColor}.cssled-cell>i:before{filter:blur(.2vmin)blur(.1vmin);background:linear-gradient(#0000 50%,#ff0 50%) 0 0/3vmin 1.2vmin;box-shadow:inset 0 0 0 .5vmin #242625}.cssled-cell>i:after{opacity:0;background:linear-gradient(90deg, transparent, color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, currentColor 40%, transparent) 90%, white 10%) 40%, transparent), transparent) 0 50% / .5vmin 3vmin, linear-gradient(90deg, transparent, color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, currentColor 40%, transparent) 90%, white 10%) 40%, transparent), transparent) 100% 50% / .5vmin 3vmin, linear-gradient(transparent, color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, currentColor 40%, transparent) 90%, white 10%) 40%, transparent), transparent) 50% 0 / 3vmin .5vmin, linear-gradient(transparent, color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, currentColor 40%, transparent) 90%, white 10%) 40%, transparent), transparent) 50% 100% / 3vmin .5vmin;background-repeat:no-repeat;width:7.6vmin;height:7.6vmin;top:-2.3vmin;left:-2.3vmin}.cssled-cell.c1>i:after{background-size:0 0,.5vmin 3vmin,3vmin .5vmin,3vmin .5vmin}.cssled-cell.c9>i:after{background-size:.5vmin 3vmin,0 0,3vmin .5vmin,3vmin .5vmin}.cssled-cell.r1>i:after{background-size:.5vmin 3vmin,.5vmin 3vmin,0 0,3vmin .5vmin}.cssled-cell.r9>i:after{background-size:.5vmin 3vmin,.5vmin 3vmin,3vmin .5vmin,0 0}.cssled-cell.c1.r1>i:after{background-size:0 0,.5vmin 3vmin,0 0,3vmin .5vmin}.cssled-cell.c9.r1>i:after{background-size:.5vmin 3vmin,0 0,0 0,3vmin .5vmin}.cssled-cell.c1.r9>i:after{background-size:0 0,.5vmin 3vmin,3vmin .5vmin,0 0}.cssled-cell.c9.r9>i:after{background-size:.5vmin 3vmin,0 0,3vmin .5vmin,0 0}.cssled-cell>b:before{--intro-start:calc(var(--intro-cue) + var(--intro-offset,0s));z-index:2;visibility:hidden;filter:blur(.5vmin);will-change:opacity;background:currentColor}.cssled-stage pixel-grid:not(.top)>.r1:after{box-shadow:0 0 .5vmin currentColor, 0 103vmin rgb(from currentColor r g b / .024339), 0 103vmin .5vmin rgb(from currentColor r g b / .024339)}.cssled-stage pixel-grid:not(.top)>.r1>b:after{box-shadow:0 0 1.5vmin currentColor, 0 0 3vmin #fff8, 0 103vmin 1.5vmin rgb(from currentColor r g b / .024339), 0 103vmin 3vmin #ffffff03}.cssled-stage pixel-grid:not(.top)>.r1>b:before{box-shadow:0 103vmin rgb(from currentColor r g b / .024339)}.cssled-stage pixel-grid:not(.top)>.r2:after{box-shadow:0 0 .5vmin currentColor, 0 93vmin rgb(from currentColor r g b / .034921), 0 93vmin .5vmin rgb(from currentColor r g b / .034921)}.cssled-stage pixel-grid:not(.top)>.r2>b:after{box-shadow:0 0 1.5vmin currentColor, 0 0 3vmin #fff8, 0 93vmin 1.5vmin rgb(from currentColor r g b / .034921), 0 93vmin 3vmin #ffffff05}.cssled-stage pixel-grid:not(.top)>.r2>b:before{box-shadow:0 93vmin rgb(from currentColor r g b / .034921)}.cssled-stage pixel-grid:not(.top)>.r3:after{box-shadow:0 0 .5vmin currentColor, 0 83vmin rgb(from currentColor r g b / .045503), 0 83vmin .5vmin rgb(from currentColor r g b / .045503)}.cssled-stage pixel-grid:not(.top)>.r3>b:after{box-shadow:0 0 1.5vmin currentColor, 0 0 3vmin #fff8, 0 83vmin 1.5vmin rgb(from currentColor r g b / .045503), 0 83vmin 3vmin #ffffff06}.cssled-stage pixel-grid:not(.top)>.r3>b:before{box-shadow:0 83vmin rgb(from currentColor r g b / .045503)}.cssled-stage pixel-grid:not(.top)>.r4:after{box-shadow:0 0 .5vmin currentColor, 0 73vmin rgb(from currentColor r g b / .056085), 0 73vmin .5vmin rgb(from currentColor r g b / .056085)}.cssled-stage pixel-grid:not(.top)>.r4>b:after{box-shadow:0 0 1.5vmin currentColor, 0 0 3vmin #fff8, 0 73vmin 1.5vmin rgb(from currentColor r g b / .056085), 0 73vmin 3vmin #ffffff08}.cssled-stage pixel-grid:not(.top)>.r4>b:before{box-shadow:0 73vmin rgb(from currentColor r g b / .056085)}.cssled-stage pixel-grid:not(.top)>.r5:after{box-shadow:0 0 .5vmin currentColor, 0 63vmin rgb(from currentColor r g b / .066667), 0 63vmin .5vmin rgb(from currentColor r g b / .066667)}.cssled-stage pixel-grid:not(.top)>.r5>b:after{box-shadow:0 0 1.5vmin currentColor, 0 0 3vmin #fff8, 0 63vmin 1.5vmin rgb(from currentColor r g b / .066667), 0 63vmin 3vmin #ffffff09}.cssled-stage pixel-grid:not(.top)>.r5>b:before{box-shadow:0 63vmin rgb(from currentColor r g b / .066667)}.cssled-stage pixel-grid:not(.top)>.r6:after{box-shadow:0 0 .5vmin currentColor, 0 53vmin rgb(from currentColor r g b / .056085), 0 53vmin .5vmin rgb(from currentColor r g b / .056085)}.cssled-stage pixel-grid:not(.top)>.r6>b:after{box-shadow:0 0 1.5vmin currentColor, 0 0 3vmin #fff8, 0 53vmin 1.5vmin rgb(from currentColor r g b / .056085), 0 53vmin 3vmin #ffffff08}.cssled-stage pixel-grid:not(.top)>.r6>b:before{box-shadow:0 53vmin rgb(from currentColor r g b / .056085)}.cssled-stage pixel-grid:not(.top)>.r7:after{box-shadow:0 0 .5vmin currentColor, 0 43vmin rgb(from currentColor r g b / .045503), 0 43vmin .5vmin rgb(from currentColor r g b / .045503)}.cssled-stage pixel-grid:not(.top)>.r7>b:after{box-shadow:0 0 1.5vmin currentColor, 0 0 3vmin #fff8, 0 43vmin 1.5vmin rgb(from currentColor r g b / .045503), 0 43vmin 3vmin #ffffff06}.cssled-stage pixel-grid:not(.top)>.r7>b:before{box-shadow:0 43vmin rgb(from currentColor r g b / .045503)}.cssled-stage pixel-grid:not(.top)>.r8:after{box-shadow:0 0 .5vmin currentColor, 0 33vmin rgb(from currentColor r g b / .034921), 0 33vmin .5vmin rgb(from currentColor r g b / .034921)}.cssled-stage pixel-grid:not(.top)>.r8>b:after{box-shadow:0 0 1.5vmin currentColor, 0 0 3vmin #fff8, 0 33vmin 1.5vmin rgb(from currentColor r g b / .034921), 0 33vmin 3vmin #ffffff05}.cssled-stage pixel-grid:not(.top)>.r8>b:before{box-shadow:0 33vmin rgb(from currentColor r g b / .034921)}.cssled-stage pixel-grid:not(.top)>.r9:after{box-shadow:0 0 .5vmin currentColor, 0 23vmin rgb(from currentColor r g b / .024339), 0 23vmin .5vmin rgb(from currentColor r g b / .024339)}.cssled-stage pixel-grid:not(.top)>.r9>b:after{box-shadow:0 0 1.5vmin currentColor, 0 0 3vmin #fff8, 0 23vmin 1.5vmin rgb(from currentColor r g b / .024339), 0 23vmin 3vmin #ffffff03}.cssled-stage pixel-grid:not(.top)>.r9>b:before{box-shadow:0 23vmin rgb(from currentColor r g b / .024339)}.cssled-stage pixel-grid.top>.cssled-cell:after{box-shadow:0 0 .5vmin}.cssled-stage pixel-grid.top>.cssled-cell>i:before{background-image:linear-gradient(#0000 50%,currentColor 50%)}.cssled-stage pixel-grid.top>.cssled-cell>b:after{box-shadow:0 0 1.5vmin,0 0 3vmin #fff8}.cssled-stage shadow{opacity:0;background-color:#0000;margin:auto;inset:0}.cssled-stage shadow:before{content:"";transform-origin:100%;filter:blur(.5vmin);background:linear-gradient(-90deg,#0406054d,#0000 50%);width:100%;height:100%;transform:translate(-61vmin)skewY(10deg)}.cssled-stage shadow:after{content:"";filter:blur(.5vmin);background:linear-gradient(#0406054d 50%,#0000 60%);border-radius:50%;width:100%;height:80%;transform:translate(-.1vmin,39vmin)}.cssled-stage room{z-index:2;opacity:1;display:block;position:absolute;inset:50% 0 0;overflow:hidden}.cssled-stage room:before{content:"";width:4.2vmin;height:63vmin;top:-31.5vmin;left:calc(50% - 2.1vmin);transform:rotateX(-25deg)rotateY(-45deg)scale3d(.7,.7,.7)rotateX(90deg)translateZ(-31.5vmin)skewY(22.6199deg);box-shadow:-33.6vmin 13.125vmin .56vmin #0406054d,-37.8vmin 13.125vmin 1.68vmin #0406054d,-42vmin 13.125vmin 2.8vmin #0406054d,-46.2vmin 13.125vmin 3.92vmin #0406054d,-50.4vmin 13.125vmin 5.04vmin #0406054d,-54.6vmin 13.125vmin 6.16vmin #0406054d,-58.8vmin 13.125vmin 7.28vmin #0406054d,-63vmin 13.125vmin 8.4vmin #0406054d,-67.2vmin 13.125vmin 9.52vmin #0406054d}.cssled-stage backlight,.cssled-stage surfacelight{width:100%;height:100%;position:absolute}.cssled-stage backlight{z-index:2}.cssled-stage surfacelight{z-index:1;display:none;top:50%;transform:translateY(32vmin)}.cssled-stage :is(backlight,surfacelight)>.cssled-light{position:absolute;inset:0}.cssled-stage backlight>.cssled-light{z-index:1;width:400vmin;height:50%;left:calc(50% - 200vmin)}.cssled-stage :is(backlight,surfacelight)>.cssled-light:before,.cssled-stage :is(backlight,surfacelight)>.cssled-light:after{content:"";opacity:0;width:100%;height:100%}.cssled-stage backlight>.cssled-light:before,.cssled-stage backlight>.cssled-light:after{background:conic-gradient(from 270deg at 85% 100%,#0000,#131214) 0 0/50% 100% no-repeat,conic-gradient(from 90deg at 15% 100%,#131214,#0000) 100% 0/50% 100% no-repeat}.cssled-stage surfacelight>.cssled-light:before,.cssled-stage surfacelight>.cssled-light:after{background:conic-gradient(from 0deg at calc(50% + (var(--column) - 5) * 5vmin) 0, transparent 90deg, #37ffff75 110deg, #37ffff75 250deg, transparent 270deg)}.cssled-stage spill{color:#0ff;position:absolute;inset:0}.cssled-stage spill.right{--intro-offset:.3s;color:#f0f;scale:-1 1}.cssled-stage spill>.cssled-light:before,.cssled-stage spill>.cssled-light:after{content:"";opacity:0;background:conic-gradient(at calc(50% + .7vmin * cos(45deg) * (5 * var(--column) - 56.5)) calc(.7vmin * (cos(25deg) * 31.5 + sin(25deg) * cos(45deg) * (5 * var(--column) + 6.5))), transparent 112.9deg, color-mix(in srgb, color-mix(in srgb, currentColor 40%, transparent) 90%, white 10%) 132.2deg 281.2deg, transparent 292.9deg);width:100%;height:100%}.l1{--column:1}.l2{--column:2}.l3{--column:3}.l4{--column:4}.l5{--column:5}.l6{--column:6}.l7{--column:7}.l8{--column:8}.l9{--column:9}.cue-0{--intro-cue:0s}.cue-90{--intro-cue:90ms}.cue-120{--intro-cue:.12s}.cue-180{--intro-cue:.18s}.cue-240{--intro-cue:.24s}.cue-270{--intro-cue:.27s}.cue-360{--intro-cue:.36s}.cue-450{--intro-cue:.45s}.cue-480{--intro-cue:.48s}.cue-540{--intro-cue:.54s}.cue-600{--intro-cue:.6s}.cue-630{--intro-cue:.63s}.cue-720{--intro-cue:.72s}.cue-810{--intro-cue:.81s}.cue-840{--intro-cue:.84s}.cue-900{--intro-cue:.9s}.cue-960{--intro-cue:.96s}.cue-990{--intro-cue:.99s}.cue-1080{--intro-cue:1.08s}.cue-1170{--intro-cue:1.17s}.cue-1200{--intro-cue:1.2s}.cue-1260{--intro-cue:1.26s}.cue-1320{--intro-cue:1.32s}.cue-1350{--intro-cue:1.35s}.cssled-stage.is-running .cssled-cell.is-active>b:before{animation:cssled-led-intro calc(var(--loop-close) - var(--initial-dark) - var(--intro-start) - var(--intro-start)) calc(var(--initial-dark) + var(--intro-start))}.cssled-stage.is-running .cssled-cell.is-active.is-repeat>b:before{animation:cssled-led-intro .18s calc(var(--initial-dark) + var(--intro-start)), cssled-led-intro calc(var(--loop-close) - var(--initial-dark) - var(--intro-start) - var(--intro-start) - 2.88s) calc(var(--initial-dark) + var(--intro-start) + 1.44s), cssled-led-intro .18s calc(var(--loop-close) - var(--intro-start) - .18s)}.cssled-stage spill.front>.l2,.cssled-stage surfacelight>.l2{--light-start:1.08s}.cssled-stage spill.front>.l3,.cssled-stage surfacelight>.l3{--light-start:.96s}.cssled-stage spill.front>.l4,.cssled-stage surfacelight>.l4{--light-start:.84s}.cssled-stage spill.front>.l5,.cssled-stage surfacelight>.l5{--light-start:0s}.cssled-stage spill.front>.l6,.cssled-stage surfacelight>.l6{--light-start:.12s}.cssled-stage spill.front>.l7,.cssled-stage surfacelight>.l7{--light-start:.24s}.cssled-stage spill.front>.l8,.cssled-stage surfacelight>.l8{--light-start:.36s}.cssled-stage spill.right>.l8{--light-start:.99s}.cssled-stage spill.right>.l7{--light-start:.9s}.cssled-stage spill.right>.l6{--light-start:.81s}.cssled-stage spill.right>.l5{--light-start:0s}.cssled-stage spill.right>.l4{--light-start:90ms}.cssled-stage spill.right>.l3{--light-start:.18s}.cssled-stage spill.right>.l2{--light-start:.27s}.cssled-stage.is-running :is(surfacelight,spill.front,spill.right)>:is(.l2,.l3,.l4,.l5,.l6,.l7,.l8):before{--light-cue:calc(var(--light-start) + var(--intro-offset,0s));animation:cssled-light-hold calc(var(--loop-close) - var(--initial-dark) - var(--light-cue) - var(--light-cue)) calc(var(--initial-dark) + var(--light-cue))}.cssled-stage.is-running backlight>.cssled-light:is(:first-child,:nth-child(5)):before{animation:.9s steps(12,start) 1.5s cssled-backlight-rise,.6s 2.4s cssled-backlight-hold,3s 3s cssled-backlight-fade,3s 6s cssled-backlight-unfade,.6s 9s cssled-backlight-hold,.9s steps(12,end) 9.6s cssled-backlight-fall}.cssled-stage.is-running backlight>.cssled-light:nth-child(2):before{animation:.6s 2.4s cssled-backlight-hold,3s 3s cssled-backlight-fade,3s 6s cssled-backlight-unfade,.6s 9s cssled-backlight-hold}.cssled-stage.is-running backlight>.cssled-light:nth-child(3):before{animation:.45s 2.475s cssled-backlight-hold,.45s 9.075s cssled-backlight-hold}.cssled-stage.is-running backlight>.cssled-light:nth-child(4):before{animation:.3s 2.55s cssled-backlight-hold,.3s 9.15s cssled-backlight-hold}.cssled-stage.is-running:before{animation:cssled-saturation-hold calc(var(--loop-close) - var(--initial-dark)) var(--initial-dark)}.cssled-stage.is-paused,.cssled-stage.is-paused *,.cssled-stage.is-paused:before,.cssled-stage.is-paused:after,.cssled-stage.is-paused :before,.cssled-stage.is-paused :after{animation-play-state:paused!important}@keyframes cssled-led-intro{0%,to{visibility:visible}}@keyframes cssled-light-hold{0%,to{opacity:.1}}@keyframes cssled-saturation-hold{0%,to{opacity:.85}}@keyframes cssled-backlight-hold{0%,to{opacity:1}}@keyframes cssled-backlight-rise{to{opacity:.6}}@keyframes cssled-backlight-fade{0%{opacity:1}to{opacity:0;display:none}}@keyframes cssled-backlight-unfade{0%{opacity:0}to{opacity:1}}@keyframes cssled-backlight-fall{0%{opacity:.6}to{opacity:0}}