@layer components{.viz{border:1px solid var(--t-rule);background:#101010;position:relative;overflow:hidden}.viz-cap{color:var(--t-smoke);font-size:.75rem;font-weight:700}.pm-bar{transform-origin:0;transition:width .9s var(--ease-out)}.pm-dot{animation:pm-drop 3.6s var(--ease-in-out) infinite}@keyframes pm-drop{0%{opacity:0;transform:translateY(0)}8%{opacity:1}80%{transform:translateY(var(--drop,220px));opacity:1}to{transform:translateY(var(--drop,220px));opacity:0}}.pm-line{stroke-dasharray:600;stroke-dashoffset:600px;animation:pm-draw 4.5s var(--ease-out) infinite}@keyframes pm-draw{0%{stroke-dashoffset:600px}60%,to{stroke-dashoffset:0}}.lg-token{width:22%;height:.9rem;animation:lg-move 6s var(--ease-in-out) infinite;animation-delay:var(--delay,0s);opacity:0;position:absolute;left:0}@keyframes lg-move{0%{opacity:0;transform:translate(4%)}6%{opacity:1}25%{transform:translate(4%)}35%{transform:translate(118%)}55%{opacity:var(--o2,1);transform:translate(118%)}65%{opacity:var(--o2,1);transform:translate(232%)}82%{opacity:var(--o3,1);transform:translate(232%)}92%{opacity:var(--o3,1);transform:translate(346%)}to{opacity:0;transform:translate(346%)}}.gd-shape{transition:transform 1.1s var(--ease-out), background-color .6s, border-radius 1.1s var(--ease-out);position:absolute}.bd-draw{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:bd-draw 7s var(--ease-in-out) infinite}@keyframes bd-draw{0%{stroke-dashoffset:1000px}45%,85%{stroke-dashoffset:0}to{stroke-dashoffset:-1000px}}.bd-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:2.75rem}.bd-range::-webkit-slider-runnable-track{background:var(--t-rule);height:2px}.bd-range::-moz-range-track{background:var(--t-rule);height:2px}.bd-range::-webkit-slider-thumb{appearance:none;background:var(--color-lime);border:0;width:1.4rem;height:1.4rem;margin-top:-.65rem}.bd-range::-moz-range-thumb{background:var(--color-lime);border:0;border-radius:0;width:1.4rem;height:1.4rem}.ux-block{transition:background-color .6s var(--ease-out), border-color .6s, color .4s}.ux-wire .ux-block{color:#0000!important;background:0 0!important;border:1.5px dashed #7a7a7a!important}.ux-wire .ux-block *{opacity:0}.ux-block *{transition:opacity .4s}.if-heart{animation:3.2s ease-out infinite if-float;animation-delay:var(--delay,0s);opacity:0}@keyframes if-float{0%{opacity:0;transform:translate(0)scale(.6)}15%{opacity:1}to{transform:translate(var(--dx,0), -90px) scale(1);opacity:0}}.if-step{animation:8s step-end infinite if-step;animation-delay:var(--delay,0s)}@keyframes if-step{0%{background:var(--color-lime);color:var(--color-ink)}25%,to{color:var(--t-fog);background:0 0}}.vd-head{animation:8s linear infinite vd-scrub}@keyframes vd-scrub{0%{left:0%}to{left:100%}}.vd-frame{animation:8s step-end infinite vd-frame;animation-delay:var(--delay,0s);opacity:0}@keyframes vd-frame{0%{opacity:1}25%,to{opacity:0}}.vd-paused [data-anim]{animation-play-state:paused!important}.cw-caret{animation:1s step-end infinite cw-blink}@keyframes cw-blink{50%{opacity:0}}.sm-tile{animation:sm-in 6s var(--ease-out) infinite;animation-delay:var(--delay,0s);transition:opacity .4s,outline-color .4s}@keyframes sm-in{0%{opacity:0;transform:scale(.4)}12%,88%{opacity:1;transform:none}to{opacity:0;transform:none}}.dv-line{white-space:nowrap;width:0;animation:9s steps(28,end) infinite dv-type;animation-delay:var(--delay,0s);overflow:hidden}@keyframes dv-type{0%{width:0}10%,90%{width:var(--w,100%)}to{width:0}}.dv-block{transform-origin:top;animation:dv-block 9s var(--ease-out) infinite;animation-delay:var(--delay,0s);opacity:0}@keyframes dv-block{0%{opacity:0;transform:scaleY(.2)}8%,90%{opacity:1;transform:none}to{opacity:0}}}.viz:not(.is-playing) .lg-token{opacity:1;transform:translateX(var(--x,4%))}.viz:not(.is-playing) .vd-frame:first-child,.viz:not(.is-playing) .vd-frame:first-child,.viz:not(.is-playing) .dv-block,.viz:not(.is-playing) .sm-tile{opacity:1}.viz:not(.is-playing) .dv-line{width:var(--w,100%)}.viz:not(.is-playing) .pm-line,.viz:not(.is-playing) .bd-draw{stroke-dashoffset:0}