body{--cpri:#c0d3ff;--csec:#fff;--cact:#ff6f00;--ctxt:#000;--fsts:1rem;--fstm:1.25rem;--fstl:1.75rem;--fsbs:.5rem;--fsbm:1rem;--fsbl:1.25rem;--hh:4rem;--trd:500ms;margin:0;padding:0;font-family:'Roboto', sans-serif;color:var(--ctxt)}.grid{background-color:var(--csec);display:grid;gap:1rem;grid-template-columns:repeat(auto-fill, minmax(10rem, 16rem));padding:1rem}button.tgl{position:relative;box-sizing:content-box;background:transparent;color:var(--ctxt);border:none;border-radius:.5rem;padding:1rem;height:1rem;text-transform:uppercase;outline:none;display:flex;align-items:stretch}button.tgl::after{content:'';position:absolute;top:0;left:0;z-index:5;width:100%;height:100%;border-radius:.5rem;background:var(--cact);opacity:0;pointer-events:none;transition:opacity var(--trd)}button.tgl .lbl{flex:1;text-align:left;font-size:var(--fsts)}button.tgl .ctrl{position:relative;flex:0 0 2rem;color:var(--ctxt);transition:color var(--trd)}button.tgl .ctrl::before{content:'';position:absolute;top:0;left:5%;bottom:0;right:5%;z-index:0;background:currentColor;opacity:.5;border-radius:1rem}button.tgl .ctrl .thumb{position:absolute;background:var(--csec);top:0;left:0;width:1rem;height:1rem;border-radius:50%;box-shadow:0 0 1px 1px currentColor;transform:translateZ(0);transition:transform var(--trd),background var(--trd)}button.tgl[disabled]{opacity:.6}button.tgl[active]::after{opacity:.1}button.tgl[active] .ctrl{color:var(--cact)}button.tgl[active] .ctrl .thumb{transform:translate3d(1rem, 0, 0);background:currentColor}.connection{display:block;position:fixed;overflow:visible;left:0;bottom:0;right:0;height:1px}.connection>span{position:absolute;top:1px;left:0;right:0;display:flex;align-items:center;justify-content:center}.connection>span span{display:block;color:var(--cpri);border:1px solid currentColor;border-radius:.125rem;padding:.25rem;transform:translate3d(0, -100%, 0);transition:transform 500ms}.connection[hidden]>span span{transform:translateZ(0)}.header{display:flex;align-items:center;gap:1rem;height:var(--hh);padding:0 1rem;background:var(--cpri);font-size:var(--fstm)}.header .nav{margin-left:auto;display:flex;align-items:center;justify-content:center}.header .nav ul{list-style:none;display:flex;gap:1rem;align-items:center;justify-content:center}.header .nav ul,.header .nav li{padding:0;margin:0}.header .nav a{color:inherit;text-decoration:none}.header svg{display:block;height:2rem;width:2rem}.header button{display:block;border:none;background:transparent;height:2rem;width:2rem;padding:0;margin:0}.devices{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}.device{position:relative;display:grid;grid-template-columns:2rem 1fr;gap:0 1rem;padding:.5rem 1rem}.device:not(:first-child)::before{content:'';display:block;position:absolute;top:-9px;height:2px;left:1rem;right:1rem;background:var(--cpri)}.device .icn{grid-area:1 / 1 / span 2}.device .icn svg{display:block;width:2rem;height:2rem;fill:currentColor}.device .ttl{grid-area:1 / 2;font-size:var(--fstm)}.device .guid{grid-area:2 / 2;font-size:var(--fsbs);opacity:.5}@media only screen and (min-width: 801px){.header .menu-trigger{display:none}}@media only screen and (max-width: 800px){.grid{grid-template-columns:1fr}.header .menu-trigger .hamburger--up{transition:transform 200ms}.header .menu-trigger .hamburger--mid{transition:opacity 200ms}.header .menu-trigger .hamburger--low{transition:transform 200ms}.header .nav{position:absolute;top:var(--hh);left:0;right:0;z-index:100;padding:1rem;height:calc(100vh - calc(2rem + var(--hh)));max-height:0;opacity:0;transition:opacity 300ms, max-height 300ms;background:var(--cpri);align-items:flex-start;justify-content:flex-start}.header .nav ul{flex-direction:column;align-items:flex-start;text-transform:uppercase;gap:2rem}.header .nav[active]{opacity:1;max-height:100vh}.header .nav[active]+.menu-trigger .hamburger--up{transform-origin:top left;transform:translate(160px, -54px) rotate(45deg)}.header .nav[active]+.menu-trigger .hamburger--mid{opacity:0}.header .nav[active]+.menu-trigger .hamburger--low{transform-origin:bottom right;transform:translate(16px, -352px) rotate(-45deg)}}#blazor-error-ui{display:none}.dim{display:block;margin:0 .75rem}.dim-caption{display:block}.dim-body{position:relative;display:block;height:2rem}.dim-bg{position:absolute;top:40%;bottom:40%;left:0;right:0;background:var(--cpri);pointer-events:none}.dim-thumb{position:absolute;z-index:2;height:1.5rem;width:1.5rem;left:-.75rem;top:.25rem;box-sizing:border-box;border:1px solid var(--cpri);background:#fff;pointer-events:none}.jpg-video{position:relative;width:100%;padding-top:75%;background-color:var(--cpri)}.jpg-video canvas{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:contain}.loading{--bw:0.25rem;--d:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;color:var(--cact)}.loading .lbl{margin-top:1rem}.loading .loader{display:block;animation:rotation 1000ms linear infinite;border-top:var(--bw) solid currentColor;border-right:var(--bw) solid transparent;border-radius:50%;width:var(--d);height:var(--d);box-sizing:border-box}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}