.shot-storage{--w:412px;--ratio:calc(357 / 412)}.shot-update{--w:412px;--ratio:calc(520 / 412)}.shot-card{--w:480px;--ratio:calc(101 / 480)}.shot-signin{--w:472px;--ratio:calc(184 / 472)}.shot-box{width:var(--w);max-width:100%;height:round(up, calc(min(var(--w), 100cqw) * var(--ratio)), var(--u));margin-inline:auto}.shot{position:relative}.popup-slot{margin-top:var(--u)}.popup-slot .controls{margin-top:0}.shot-blank{aspect-ratio:412/357;font:400 .75rem/var(--u) var(--font-mono);color:var(--ink-3);background:var(--code-bg);place-items:center;display:grid}.hotspot{outline:1px dashed var(--accent);outline-offset:2px;background:0 0;border:0;border-radius:999px;padding:0;position:absolute}.hotspot:hover,.hotspot:focus-visible{background:color-mix(in srgb, var(--accent) 15%, transparent);outline-style:solid}.hotspot-update{width:19.4%;height:7.7%;top:89.2%;left:74.3%}.hotspot-sub-button{width:15.4%;height:34.7%;top:47.5%;left:81.3%}.hotspot-title{width:72.5%;height:30.4%;top:16.3%;left:6.4%}.hotspot-field{width:75.2%;height:30.4%;top:53.3%;left:6.4%}.hotspot-send{width:9.8%;height:25%;top:56%;left:82.6%}.hotspot-close{width:11.9%;height:30.4%;top:16.3%;left:81.8%}.broker-log{height:calc(var(--u) * 5);margin:var(--u) 0 0;font:400 .75rem/var(--u) var(--font-mono);color:var(--ink-2);overflow-wrap:anywhere;padding:0;list-style:none;overflow:hidden}.broker-log .t{color:var(--ink-3)}.broker-log .from-broker{color:var(--ink)}.broker-log .from-ha{color:var(--accent)}.swatch:before{content:"●";margin-right:.5ch}.swatch-green:before{color:var(--series-3)}.swatch-red:before{color:var(--hot)}.swatch-gray:before{color:var(--ink-3)}