.live-tile{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f638;border-radius:.75rem;flex:none;place-items:center;width:3rem;height:3rem;transition:border-color .25s,background-color .25s,color .25s,box-shadow .3s;display:grid}.live-tile.is-amber{color:#fcd34d;background:#fbbf241a;border-color:#fcd34d40}.live-tile.is-red{color:#fca5a5;background:#ef44441a;border-color:#f8717140}.live-tile.is-emerald{color:#6ee7b7;background:#10b9811a;border-color:#34d39940}.live-icon{width:1.5rem;height:1.5rem;overflow:visible}.icon-live-host:is(:hover,:focus-visible,.is-active) .live-tile.is-blue{color:#93c5fd;background:#3b82f62e;border-color:#60a5fa8c;box-shadow:0 0 0 4px #3b82f612,0 10px 24px -10px #3b82f6b3}.icon-live-host:is(:hover,:focus-visible,.is-active) .live-tile.is-amber{border-color:#fcd34d80;box-shadow:0 0 0 4px #fbbf240f,0 10px 24px -10px #fbbf2480}.icon-live-host:is(:hover,:focus-visible,.is-active) .live-tile.is-red{border-color:#f8717180;box-shadow:0 0 0 4px #ef444412,0 10px 24px -10px #ef44448c}.icon-live-host:is(:hover,:focus-visible,.is-active) .live-tile.is-emerald{border-color:#34d39980;box-shadow:0 0 0 4px #10b98112,0 10px 24px -10px #10b98180}.live-icon :is(.li-blip,.li-pin,.li-rotor,.li-pop,.li-lead,.li-side-l,.li-side-r,.li-spark,.li-live){transform-box:fill-box;transform-origin:50%}.live-icon :is(.li-sweep,.li-meridian,.li-turn,.li-flip){transform-box:view-box;transform-origin:12px 12px}.live-icon .li-hand{transform-box:view-box;transform-origin:12px 13.5px}.live-icon .li-sway{transform-box:view-box;transform-origin:12px 21px}.live-icon :is(.li-rec,.li-led,.li-up,.li-shackle){transform-box:fill-box;transform-origin:50%}.live-icon .li-trend{stroke-dasharray:1;stroke-dashoffset:0}.live-icon .li-twinkle{transform-box:view-box;transform-origin:12px 12.4px}.live-icon .li-rise{transform-box:fill-box;transform-origin:50% 100%}.live-icon .li-write{transform-box:fill-box;transform-origin:0}.live-icon :is(.li-tick,.li-check){stroke-dasharray:1;stroke-dashoffset:0}.live-icon .li-blip{opacity:.45}.live-icon .li-meridian{vector-effect:non-scaling-stroke;transform:scaleX(.42)}.live-icon .li-meridian-late{transform:scaleX(.02)}.live-icon .li-spark{opacity:0}.live-icon .li-wave-far{opacity:.5}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-sweep{animation:2.4s linear infinite li-spin}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-blip{animation:2.4s linear infinite li-blip}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-route{animation:1.1s linear infinite li-march}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-pin{animation:1.6s ease-in-out infinite li-pulse}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-rise{animation:li-rise 2.2s cubic-bezier(.45, 0, .25, 1) var(--d,0s) infinite}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-tick{animation:li-tick 2.6s ease var(--d,0s) infinite}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-hover{animation:1.8s ease-in-out infinite li-bob}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-rotor{animation:li-spin .42s linear var(--d,0s) infinite}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-write{animation:li-write 2.8s cubic-bezier(.45, 0, .25, 1) var(--d,0s) infinite}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-layer-top{animation:2.4s ease-in-out infinite li-lift}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-layer-low{animation:2.4s ease-in-out infinite li-sink}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-wave{animation:li-wave 1.6s ease-in-out var(--d,0s) infinite}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-live{animation:1.6s ease-in-out infinite li-blink}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-pop{animation:2.6s ease-in-out infinite li-pop}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-check{animation:2.6s infinite li-check}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-side-l{animation:2.4s ease-in-out infinite li-lean-l}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-side-r{animation:2.4s ease-in-out infinite li-lean-r}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-lead{animation:2.4s ease-in-out infinite li-bob}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-turn{animation:2.6s ease-in-out infinite li-wobble}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-meridian{animation:2.4s ease-in-out infinite li-meridian}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-meridian-late{animation-delay:-1.2s}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-twinkle{animation:2.4s ease-in-out infinite li-twinkle}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-spark{animation:li-spark 2.4s ease-in-out var(--d,0s) infinite}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-rec{animation:1.1s steps(2,jump-none) infinite li-blink}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-arc{animation:li-signal 2.6s ease-in-out var(--d,0s) infinite}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-up{animation:1.6s ease-in-out infinite li-up}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-hand{animation:3s linear infinite li-spin}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-led{animation:li-blink 1.2s ease-in-out var(--d,0s) infinite}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-shackle{animation:2.4s cubic-bezier(.3,0,.2,1) infinite li-latch}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-sway{animation:2.8s ease-in-out infinite li-sway}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-flip{animation:2.4s ease-in-out infinite li-flip}.icon-live-host:is(:hover,:focus-visible,.is-active) .li-trend{animation:2.4s infinite li-check}@keyframes li-signal{0%,to{opacity:1}30%,55%{opacity:.15}}@keyframes li-up{0%{opacity:0;transform:translateY(2px)}35%,65%{opacity:1}to{opacity:0;transform:translateY(-2.5px)}}@keyframes li-latch{0%,to{transform:none}18%{transform:translateY(-1.8px)}34%{transform:none}}@keyframes li-sway{0%,to{transform:rotate(0)}30%{transform:rotate(-7deg)}70%{transform:rotate(6deg)}}@keyframes li-flip{0%,to{transform:scaleX(1)}50%{transform:scaleX(.08)}}@keyframes li-spin{to{transform:rotate(360deg)}}@keyframes li-blip{0%,1%{opacity:.25;transform:scale(1)}6%{opacity:1;transform:scale(1.5)}45%,to{opacity:.25;transform:scale(1)}}@keyframes li-march{to{stroke-dashoffset:-5px}}@keyframes li-pulse{50%{transform:scale(1.35)}}@keyframes li-rise{0%,to{transform:scaleY(1)}30%{transform:scaleY(.55)}62%{transform:scaleY(1.08)}78%{transform:scaleY(.97)}}@keyframes li-tick{0%{stroke-dashoffset:1px;opacity:1}28%,82%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:.15}}@keyframes li-bob{50%{transform:translateY(-1.2px)}}@keyframes li-write{0%{opacity:1;transform:scaleX(0)}30%,80%{opacity:1;transform:scaleX(1)}to{opacity:.2;transform:scaleX(1)}}@keyframes li-lift{50%{transform:translateY(-1.8px)}}@keyframes li-sink{50%{transform:translateY(1.4px)}}@keyframes li-wave{0%,to{opacity:.25}40%{opacity:1}}@keyframes li-blink{50%{opacity:.35}}@keyframes li-pop{0%,20%,to{transform:scale(1)}38%{transform:scale(1.07)}}@keyframes li-check{0%{stroke-dashoffset:1px}35%,to{stroke-dashoffset:0}}@keyframes li-lean-l{50%{transform:translate(1px,-.6px)}}@keyframes li-lean-r{50%{transform:translate(-1px,-.6px)}}@keyframes li-wobble{50%{transform:rotate(22deg)}}@keyframes li-meridian{0%,to{transform:scaleX(.95)}50%{transform:scaleX(.02)}}@keyframes li-twinkle{0%,to{transform:rotate(0)scale(1)}30%{transform:rotate(-12deg)scale(1.1)}60%{transform:rotate(6deg)scale(1)}}@keyframes li-spark{0%,to{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.live-tile,.live-icon *{transition:none!important;animation:none!important}}