@charset "UTF-8";.DatamapSettings__root{container-type:inline-size;display:flex;flex-direction:column;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.DatamapSettings__root header,.DatamapSettings__root footer{align-items:center;flex:0 0 auto;display:flex;gap:1rem;overflow:auto}.DatamapSettings__root header{border-bottom:1px solid #ccc;padding-right:1rem}.DatamapSettings__root header span{color:#999;font-size:smaller;padding:1rem;white-space:nowrap}.DatamapSettings__root section{padding-block:.5rem;padding-inline:1rem}@container (min-width: 480px){.DatamapSettings__root section{display:grid;gap:.5rem;grid-auto-rows:min-content;grid-template-columns:1fr auto}}.DatamapSettings__root footer{border-top:1px solid #ccc;padding-block:.5rem;padding-inline:1rem}.DatamapSettings__root table{border-collapse:collapse;margin:0;table-layout:fixed;width:100%}.DatamapSettings__root th,.DatamapSettings__root td{all:unset;display:table-cell;padding:.5rem;position:relative;z-index:1}.DatamapSettings__root tr:first-child th,.DatamapSettings__root tr:first-child td{border-top-width:0}.DatamapSettings__root tr:last-child th,.DatamapSettings__root tr:last-child td{border-bottom-width:0}.DatamapSettings__root th{font-weight:700}.DatamapSettings__root td{border-block:1px solid #ccc;white-space:nowrap}.DatamapSettings__root td:first-child{overflow:hidden;text-overflow:ellipsis}.DatamapSettings__root thead th{background-color:#fff;box-shadow:inset 0 -1px #ccc;z-index:2;position:sticky;top:0}.DatamapSettings__root label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.DatamapSettings__root label[title]{cursor:help;text-decoration:underline;text-decoration-color:#ccc;text-decoration-style:dotted}.DatamapSettings__filter{border:none;box-sizing:border-box;flex:1 1 100%;padding:1rem;outline:none}.DatamapSettings__scroll{flex:1 1 100%;margin:0;overflow:auto}.InfoSettings__root{display:flex;flex-direction:column;gap:1rem}.InfoSettings__root select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.InfoSettings__root select,.InfoSettings__root input:not([type=checkbox]){--shadow-spread: 0;box-shadow:0 0 0 var(--shadow-spread) hsl(var(--brand-primary-hsl),.25);border-radius:.25rem;padding-block:.5rem;padding-inline:1rem;transition-duration:.15s;transition-property:box-shadow;border-style:solid;border-width:1px;box-sizing:border-box;display:block;margin-inline:0;margin-block:.5rem;max-width:100%;width:64ch}.InfoSettings__root select:focus,.InfoSettings__root input:not([type=checkbox]):focus{--shadow-spread: .25rem;border-color:var(--brand-primary);outline:none}.DialSettings__dragging{cursor:move;cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.DialSettings__dragging .DialSettings__root{cursor:unset}.DialSettings__root{border:2px solid;border-radius:50%;color:#222;cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab;fill:none;margin:40px;height:300px;position:relative;width:300px}.DialSettings__root button{--inset: 48px;-webkit-tap-highlight-color:transparent;background-color:currentColor;border:none;color:#222;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .25s;padding:0;position:absolute;top:var(--inset);right:var(--inset);bottom:var(--inset);left:var(--inset);z-index:1}.DialSettings__root button:hover{opacity:.1}.DialSettings__root button:active{opacity:.2}.DialSettings__ticks{transform-origin:50% 50%}.DialSettings__tick{fill:currentColor}.TabLink__root{all:unset;border-radius:.25rem;cursor:pointer;padding:.5rem;opacity:.5}.TabLink__root:focus{background-color:#0000001a}.TabLink__root.TabLink__active{opacity:1}.TabPanel__root{height:100%;flex:1 1 100%;overflow:auto;padding:1rem;position:relative}.TabPanel__root[hidden]{display:none}.Preview__root{overflow:auto;width:100%}.Preview__root .Preview__content{container-type:inline-size;container-name:content;margin:1rem}.Preview__root h1{margin-block-end:1rem}.Preview__root .Preview__resizer{aspect-ratio:3/4;height:auto;max-height:100%;max-width:480px;overflow:hidden;width:100%}.Preview__root iframe{background-color:#000;border:1px solid black;height:640px;transform-origin:top left;width:480px}.Preview__root aside{border-color:#ccc;border-left-width:1px;border-style:solid;border-top-width:1px;display:flex;flex-direction:column;min-height:300px;overflow:auto}.Preview__root aside>nav{background-color:#fff;border-bottom:1px solid #ccc;display:flex;gap:1rem;padding:.5rem;position:sticky;overflow:auto;white-space:nowrap}@media (orientation: landscape){.Preview__root{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:100%}.Preview__root aside{border-top:none;height:100%}}.SkyportDeviceList__root{flex:1 1 100%}.SkyportDeviceList__item{border-bottom:1px solid #ccc;color:inherit;display:block;padding-block:.5rem;padding-inline:1rem;text-decoration:none}.SkyportDeviceList__item:focus{background-color:hsla(var(--brand-primary-hsl),.1);outline:none}.SkyportDeviceList__item.SkyportDeviceList__active{background-color:hsla(var(--brand-primary-hsl),.25)}.SkyportDeviceList__item.SkyportDeviceList__active:focus{background-color:hsla(var(--brand-primary-hsl),.5)}.SkyportDeviceList__muted{font-size:smaller;list-style:none;margin:.25em 0;padding:0;opacity:.5}.SkyportDeviceList__muted li{display:inline}.SkyportDeviceList__muted li+li:before{content:" • "}.SkyportDeviceList__group{background-color:#eee;padding:.5rem 1rem}.SkyportDevices__root{overflow:auto}@media (orientation: landscape){.SkyportDevices__root{display:grid;grid-template-columns:auto 1fr;height:100%;overflow:hidden}}.SkyportDevices__sidebar{border-right:1px solid #ccc;border-bottom:1px solid #ccc;display:flex;flex-direction:column;overflow:auto;width:100%}.SkyportDevices__sidebar header{align-items:center;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;gap:1rem;padding-block:.5rem;padding-inline:1rem}.SkyportDevices__sidebar footer{display:flex;justify-content:flex-end;padding-block:.5rem;padding-inline:1rem}@media (orientation: landscape){.SkyportDevices__sidebar{border-bottom:none;min-width:32ch}.SkyportDevices__sidebar footer{border-top:1px solid #ccc}}.SkyportLogin__root{box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;justify-content:stretch;margin:0 auto;padding:1rem;overflow:auto;width:100%}.SkyportLogin__root button,.SkyportLogin__root input{--shadow-spread: 0;box-shadow:0 0 0 var(--shadow-spread) hsl(var(--brand-primary-hsl),.25);border-radius:.25rem;padding-block:.5rem;padding-inline:1rem;transition-duration:.15s;transition-property:box-shadow}.SkyportLogin__root button:focus,.SkyportLogin__root input:focus{--shadow-spread: .25rem;border-color:var(--brand-primary);outline:none}.SkyportLogin__root input{border-style:solid;border-width:1px;margin:0;width:100%}.SkyportLogin__root button{background-color:var(--brand-primary);border:none;color:#fff}.SkyportLogin__error{background-color:#ff00001a;border-color:#ff00001a;border-style:solid;border-width:1px;border-radius:4px;color:red;padding-block:.5rem;padding-inline:1rem}main{display:grid;grid-template-rows:auto 1fr}.App__header{--color-hsl: 0, 0%, 100%;align-items:center;background-color:var(--brand-primary);color:hsl(var(--color-hsl));display:flex;gap:1rem;padding:1rem}.App__header a{--opacity: .5;all:unset;border-radius:.25rem;color:hsla(var(--color-hsl),var(--opacity));cursor:pointer;padding:.5rem 1rem}.App__header a:focus{background-color:#ffffff1a}.App__header a:hover{--opacity: 1}.App__nav{align-items:center;display:flex;gap:.25rem;flex-grow:1}.App__nav a.App__active{--opacity: 1}