.time-host.svelte-wypefv {
  cursor: pointer;
}
.time-host.svelte-wypefv span:where(.svelte-wypefv) {
  display: inline-block;
}
.time-host.svelte-wypefv span.stopped:where(.svelte-wypefv) {
  color: var(--color-error);
  animation-name: svelte-wypefv-blink;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: steps(2, jump-none);
}
@keyframes svelte-wypefv-blink {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
spinner.svelte-15g82xt {
  display: inline-block;
  width: 1.5em;
  text-align: center;
}
.layout-host.svelte-17fxvlz {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.layout-host.svelte-17fxvlz .header:where(.svelte-17fxvlz) {
  flex: 0 0 auto;
  height: 3em;
  padding: 0 0.5em;
  display: flex;
  justify-content: space-between;
  background-color: var(--color-header-bg);
  border-bottom: 1px #000000 var(--borders-layout-host);
}
.layout-host.svelte-17fxvlz .header:where(.svelte-17fxvlz) .left:where(.svelte-17fxvlz) {
  display: flex;
  align-items: center;
}
.layout-host.svelte-17fxvlz .header:where(.svelte-17fxvlz) .left:where(.svelte-17fxvlz) .logo:where(.svelte-17fxvlz) {
  height: 100%;
}
.layout-host.svelte-17fxvlz .header:where(.svelte-17fxvlz) .center:where(.svelte-17fxvlz) {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 1.5em;
}
.layout-host.svelte-17fxvlz .header:where(.svelte-17fxvlz) .right:where(.svelte-17fxvlz) {
  display: flex;
  align-items: center;
  gap: 0.8em;
}
.layout-host.svelte-17fxvlz .header:where(.svelte-17fxvlz) .right:where(.svelte-17fxvlz) .connectivity-status:where(.svelte-17fxvlz) {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: var(--color-ok);
}
.layout-host.svelte-17fxvlz .header:where(.svelte-17fxvlz) .right:where(.svelte-17fxvlz) .connectivity-status.lost:where(.svelte-17fxvlz) {
  background-color: var(--color-error);
}
.layout-host.svelte-17fxvlz .header:where(.svelte-17fxvlz) .right:where(.svelte-17fxvlz) .username:where(.svelte-17fxvlz) {
  padding: 0.4em;
  font-weight: bold;
}
.layout-host.svelte-17fxvlz .header:where(.svelte-17fxvlz) .right:where(.svelte-17fxvlz) .logout:where(.svelte-17fxvlz) {
  min-width: 2em;
  font-weight: bold;
}
.layout-host.svelte-17fxvlz .main:where(.svelte-17fxvlz) {
  flex: 1 0 auto;
  position: relative;
  display: flex;
  flex-direction: row;
}
.layout-host.svelte-17fxvlz .main:where(.svelte-17fxvlz) .sidebar:where(.svelte-17fxvlz) {
  flex: 0 0 auto;
  width: 200px;
  background-color: var(--color-sidebar-bg);
  border-right: 1px #000000 var(--borders-layout-host);
}
.layout-host.svelte-17fxvlz .main:where(.svelte-17fxvlz) .sidebar:where(.svelte-17fxvlz) nav:where(.svelte-17fxvlz) a:where(.svelte-17fxvlz) {
  display: block;
  padding: 0.5em;
  /* NOTE: :global() disables style encapsulation. Necessary because
   * the class is added/removed outside this component (link-action). */
}
.layout-host.svelte-17fxvlz .main:where(.svelte-17fxvlz) .sidebar:where(.svelte-17fxvlz) nav:where(.svelte-17fxvlz) a[href]:where(.svelte-17fxvlz):hover, .layout-host.svelte-17fxvlz .main:where(.svelte-17fxvlz) .sidebar:where(.svelte-17fxvlz) nav:where(.svelte-17fxvlz) a[href]:where(.svelte-17fxvlz):active {
  background-color: #ccc;
}
.layout-host.svelte-17fxvlz .main:where(.svelte-17fxvlz) .sidebar:where(.svelte-17fxvlz) nav:where(.svelte-17fxvlz) a:where(.svelte-17fxvlz).route-active {
  font-weight: bold;
  background-color: #ccc;
}
.layout-host.svelte-17fxvlz .main:where(.svelte-17fxvlz) .sidebar:where(.svelte-17fxvlz) nav:where(.svelte-17fxvlz) .sub:where(.svelte-17fxvlz) a:where(.svelte-17fxvlz) {
  padding-left: 1em;
}
.layout-host.svelte-17fxvlz .main:where(.svelte-17fxvlz) .content:where(.svelte-17fxvlz) {
  flex: 1 0 auto;
  position: relative;
}

.fixed-host.svelte-17fxvlz {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.fixed-host.svelte-17fxvlz .toasts:where(.svelte-17fxvlz) {
  position: absolute;
  top: 5em;
  right: 1em;
}
.fixed-host.svelte-17fxvlz .toasts:where(.svelte-17fxvlz) :where(.svelte-17fxvlz) {
  pointer-events: all;
}
.fixed-host.svelte-17fxvlz .toasts:where(.svelte-17fxvlz) :where(.svelte-17fxvlz) + :where(.svelte-17fxvlz) {
  margin-top: 0.5em;
}
.fixed-host.svelte-17fxvlz .toasts:where(.svelte-17fxvlz) .toast:where(.svelte-17fxvlz) {
  border: 1px var(--color-warning) solid;
  background-color: #ffffff;
  padding: 1em;
}
.fixed-host.svelte-17fxvlz .toasts:where(.svelte-17fxvlz) .toast.connectivity-lost:where(.svelte-17fxvlz) {
  border-color: var(--color-error);
}
.host.svelte-1428x5h {
  display: flex;
  align-content: center;
  justify-content: center;
  padding-top: 3em;
}

.box.svelte-1428x5h > :where(.svelte-1428x5h) {
  display: block;
}
.box.svelte-1428x5h > :where(.svelte-1428x5h) + :where(.svelte-1428x5h) {
  margin-top: 0.7em;
}

input.svelte-1428x5h {
  width: 250px;
}

.insecure-warning.svelte-1428x5h {
  color: var(--color-warning);
}
.insecure-warning.svelte-1428x5h .title:where(.svelte-1428x5h) {
  font-weight: bold;
}
.insecure-warning.svelte-1428x5h > div:where(.svelte-1428x5h) + div:where(.svelte-1428x5h) {
  margin-top: 0.4em;
}
.page-host.svelte-44f86y {
  padding: var(--len-2x);
}
.dialog-host.svelte-hu11rf {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  align-content: center;
}
.dialog-host.svelte-hu11rf .spacer:where(.svelte-hu11rf) {
  flex: 1;
}
.dialog-host.svelte-hu11rf .dialog-slot:where(.svelte-hu11rf) {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
}
.dialog-host.svelte-hu11rf .dialog-slot:where(.svelte-hu11rf) * {
  pointer-events: auto;
}
.stack-host.svelte-qcssed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.stack-host.svelte-qcssed .cover:where(.svelte-qcssed) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  pointer-events: auto;
}
.stack-host.svelte-qcssed .cover.close-on-click:where(.svelte-qcssed) {
  cursor: pointer;
}
.content.svelte-11fnsw7 > div:where(.svelte-11fnsw7) {
  margin-bottom: 0.7em;
}

#description-input.svelte-11fnsw7 {
  width: 300px;
}
button.svelte-1ecd455 {
  width: 1em;
  height: 1em;
  background-image: url(/static/eye.svg);
  opacity: 0.8;
}
button.disabled.svelte-1ecd455 {
  opacity: 0.3;
}
button.svelte-3a2pc9 {
  width: 1em;
  height: 1em;
  background-image: url(/static/uid.svg);
  background-size: 1em;
  opacity: 0.8;
}
.common-dialog.svelte-x9b8aa {
  width: 400px;
}

.setting.svelte-x9b8aa {
  display: block;
}
.setting.svelte-x9b8aa label:where(.svelte-x9b8aa) {
  display: block;
}
td.svelte-c8r2q8 {
  position: relative;
  min-width: 80px;
}

.unit.svelte-c8r2q8 {
  font-weight: normal;
  font-size: 0.8em;
  font-style: italic;
}

.off.svelte-c8r2q8 {
  color: var(--color-rust);
}

.col-node-id.svelte-c8r2q8 {
  font-weight: bold;
}

.col-switch.svelte-c8r2q8 {
  padding-top: 0;
  padding-bottom: 0;
}

.relay-btn.svelte-c8r2q8 {
  display: inline-block;
  width: 30px;
  user-select: none;
}
.relay-btn[disabled].svelte-c8r2q8 {
  opacity: 50%;
}
.relay-btn.off.svelte-c8r2q8 {
  background-color: var(--color-rust);
}
@keyframes svelte-c8r2q8-blink-red {
  0% {
    background-color: var(--color-rust);
  }
  50% {
    background-color: var(--color-rust-60);
  }
}
.relay-btn.off.settling.svelte-c8r2q8 {
  animation-name: svelte-c8r2q8-blink-red;
  animation-duration: 0.3s;
  animation-iteration-count: infinite;
}
.relay-btn.on.svelte-c8r2q8 {
  background-color: var(--color-green);
}
@keyframes svelte-c8r2q8-blink-green {
  0% {
    background-color: var(--color-green);
  }
  50% {
    background-color: var(--color-green-60);
  }
}
.relay-btn.on.settling.svelte-c8r2q8 {
  animation-name: svelte-c8r2q8-blink-green;
  animation-duration: 0.3s;
  animation-iteration-count: infinite;
}
.relay-btn.unknown.svelte-c8r2q8 {
  background-color: var(--color-orange);
}
.relay-btn.switching.svelte-c8r2q8 {
  background-color: rgb(252, 252, 97);
}

.cycle-btn.svelte-c8r2q8:disabled {
  opacity: 0.5;
}

td.svelte-c8r2q8 configure-watch-button,
td.svelte-c8r2q8 identify-object-button {
  position: absolute;
  top: 0;
  right: 0.1em;
}

.outlet-config-btn.svelte-c8r2q8 {
  width: 1em;
  height: 1em;
  background-image: url(/static/icon-settings.svg);
}
td.svelte-18orjot {
  position: relative;
  min-width: 80px;
}

td.svelte-18orjot configure-watch-button {
  position: absolute;
  top: 0;
  right: 0.1em;
}

.unit.svelte-18orjot {
  font-weight: normal;
  font-size: 0.8em;
  font-style: italic;
}
.conditions-list.svelte-rmych4 {
  display: table;
  border-collapse: collapse;
  --border-color: var(--color-grey-60);
}
.conditions-list.svelte-rmych4 .row:where(.svelte-rmych4) {
  display: table-row;
}
.conditions-list.svelte-rmych4 .row.header:where(.svelte-rmych4) {
  font-weight: bold;
}
.conditions-list.svelte-rmych4 .row.warning:where(.svelte-rmych4) {
  background-color: var(--color-orange-40);
}
.conditions-list.svelte-rmych4 .row.critical:where(.svelte-rmych4) {
  background-color: var(--color-rust-40);
}
.conditions-list.svelte-rmych4 .row:where(.svelte-rmych4) .col:where(.svelte-rmych4) {
  display: table-cell;
  padding: 0.5em;
  border: 1px solid var(--border-color);
}
.conditions-list.history.svelte-rmych4 .row.warning:where(.svelte-rmych4) {
  background-color: var(--color-orange-20);
}
.conditions-list.history.svelte-rmych4 .row.critical:where(.svelte-rmych4) {
  background-color: var(--color-rust-20);
}
form.svelte-1gform2 {
  display: inline;
}

fieldset.svelte-1gform2 {
  margin-bottom: 2em;
}
fieldset.svelte-1gform2 legend:where(.svelte-1gform2) {
  padding: 0 var(--len-s);
  font-weight: bold;
  font-size: 1.2em;
}
.ipv6-address.svelte-1n9ydb6 {
  width: 300px;
}
form.svelte-1vj54f8 {
  display: inline;
}

fieldset.svelte-1vj54f8 {
  margin-bottom: 2em;
}
fieldset.svelte-1vj54f8 legend:where(.svelte-1vj54f8) {
  padding: 0 var(--len-s);
  font-weight: bold;
  font-size: 1.2em;
}
fieldset.svelte-1vj54f8 h3:where(.svelte-1vj54f8) {
  margin-top: 1em;
}
.col-recipients.svelte-6ke8gf table.common-table:where(.svelte-6ke8gf) {
  line-height: unset;
}
.col-recipients.svelte-6ke8gf table.common-table:where(.svelte-6ke8gf) tr:where(.svelte-6ke8gf):first-child {
  font-weight: unset;
}
.col-recipients.svelte-6ke8gf table.common-table:where(.svelte-6ke8gf) tr:where(.svelte-6ke8gf) td:where(.svelte-6ke8gf) {
  padding: 0 6px;
}
select.svelte-54cr2g {
  min-width: 300px;
  max-width: 500px;
}
fieldset.svelte-gcqass {
  margin-bottom: 2em;
}
fieldset.svelte-gcqass legend:where(.svelte-gcqass) {
  padding: 0 var(--len-s);
  font-weight: bold;
  font-size: 1.2em;
}
form.svelte-dm7z56 {
  display: inline;
}

fieldset.svelte-dm7z56 {
  margin-bottom: 2em;
}
fieldset.svelte-dm7z56 legend:where(.svelte-dm7z56) {
  padding: 0 var(--len-s);
  font-weight: bold;
  font-size: 1.2em;
}
.host.svelte-1fhrz7j {
  min-height: auto;
  width: 600px;
  max-width: 100%;
}

section.svelte-1fhrz7j + section:where(.svelte-1fhrz7j) {
  margin-top: 1em;
}

h3.svelte-1fhrz7j {
  margin: 0.3em 0;
}

.key-item.svelte-1fhrz7j {
  display: flex;
  align-items: baseline;
  line-height: 2em;
  padding: 0 0.5em;
}
.key-item.svelte-1fhrz7j:nth-child(odd) {
  background-color: var(--color-grey-17);
}
.key-item.svelte-1fhrz7j > :where(.svelte-1fhrz7j) {
  flex: 0 0 auto;
  white-space: pre;
}
.key-item.svelte-1fhrz7j .key:where(.svelte-1fhrz7j) {
  flex: 1 1 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.key-item.svelte-1fhrz7j .comment:where(.svelte-1fhrz7j) {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.key-item.svelte-1fhrz7j button:where(.svelte-1fhrz7j) {
  margin-left: 0.5em;
}

input[type=text].svelte-1fhrz7j {
  width: 100%;
  margin-bottom: 0.5em;
}
.host.svelte-ayy4ww {
  width: auto;
  max-width: 100%;
}

textarea.svelte-ayy4ww {
  display: block;
  width: 80ch;
  font-family: monospace;
}
section.licensing.svelte-1vhw4nr {
  min-height: 12em;
}
section.licensing.svelte-1vhw4nr .no-licenses:where(.svelte-1vhw4nr) {
  font-style: italic;
}
.host.svelte-mv9hdm {
  min-width: 400px;
}

.section-snmp.svelte-mv9hdm .title:where(.svelte-mv9hdm) {
  font-weight: bold;
}

.section-snmp.svelte-mv9hdm, .section-actions.svelte-mv9hdm {
  margin-top: 2em;
}
.host.svelte-4xfac5 {
  min-width: 400px;
}

.permissions.svelte-4xfac5 label:where(.svelte-4xfac5) {
  display: block;
}

.section-actions.svelte-4xfac5 {
  margin-top: 2em;
}
.users.svelte-1ax1yf2 .col-name:where(.svelte-1ax1yf2) {
  min-width: 150px;
}
.users.svelte-1ax1yf2 .col-roles:where(.svelte-1ax1yf2) {
  min-width: 150px;
}

.roles.svelte-1ax1yf2 .col-name:where(.svelte-1ax1yf2) {
  min-width: 150px;
}
.entries.svelte-9rj1s4 {
  font-family: monospace;
}
.host.svelte-xeoh8o {
  width: 95%;
  max-width: 650px;
}

.content.svelte-xeoh8o {
  box-sizing: content-box;
}

.field.svelte-xeoh8o {
  margin-bottom: 1em;
}
.field.svelte-xeoh8o .label:where(.svelte-xeoh8o) {
  margin-bottom: 0.5em;
  font-weight: bold;
}
.field.svelte-xeoh8o .note:where(.svelte-xeoh8o) {
  margin-bottom: 0.5em;
}

textarea.svelte-xeoh8o {
  width: 100%;
  height: 150px;
}

.description-input.svelte-xeoh8o {
  width: 100%;
}
.col-desc.svelte-eu8wgx {
  min-width: 200px;
}
.info-dialog.svelte-rrljlt {
  min-width: 300px;
  max-width: 800px;
  min-height: 150px;
}
.common-dialog.svelte-tj3qt2 {
  min-width: 400px;
}

input[type=number].svelte-tj3qt2 {
  width: 80px;
}
:root{--color-brand-primary: #c40e1b;--color-rust: #dc7864;--color-rust-80: rgba(220, 120, 100, 0.8);--color-rust-60: rgba(220, 120, 100, 0.6);--color-rust-40: rgba(220, 120, 100, 0.4);--color-rust-20: rgba(220, 120, 100, 0.2);--color-orange: #f59c00;--color-orange-80: rgb(245, 156, 0, 0.8);--color-orange-60: rgb(245, 156, 0, 0.6);--color-orange-40: rgb(245, 156, 0, 0.4);--color-orange-20: rgb(245, 156, 0, 0.2);--color-green: #76b82a;--color-green-80: rgba(118, 184, 42, 0.8);--color-green-60: rgba(118, 184, 42, 0.6);--color-green-40: rgba(118, 184, 42, 0.4);--color-green-20: rgba(118, 184, 42, 0.2);--color-blue: #00b1eb;--color-mauve: #bc90c1;--color-header-bg: #ccc;--color-sidebar-bg: #eee;--borders-layout-host: none;--color-black: #000000;--color-grey-80: #343434;--color-grey-60: #878787;--color-grey-40: #b2b2b2;--color-grey-17: #e0e0e0;--color-grey-6: #f4f4f4;--color-link: rgb(0,100,200);--color-link-visited: rgb(0,80,160);--color-ok: var(--color-green);--color-warning: var(--color-orange);--color-error: var(--color-rust);--len-unit: 16px;--len-s: 8px;--len-xs: 4px;--len-xxs: 2px;--len-fine: 1px;--len-2x: 32px;--len-4x: 64px;--font-family: "Barlow", sans-serif;--root-font-size: 14px}html,body{position:relative;width:100%;height:100%;margin:0;padding:0}body{box-sizing:border-box;color:var(--color-grey-80);font-family:var(--font-family);font-size:var(--root-font-size)}a{color:var(--color-link);text-decoration:none}a[href]:hover{text-decoration:underline}a[href]:visited{color:var(--color-link-visited)}.hidden{display:none !important}input,select,textarea{font-family:inherit;font-size:inherit;padding:.4em;box-sizing:border-box;border:1px solid #ccc;border-radius:4px}input:disabled{color:var(--color-grey-40)}input[type=range]{height:0;padding-inline:0}input::placeholder{font-style:italic}input[type=text]:invalid,input[type=number]:invalid,input[type=password]:invalid,select:invalid,textarea:invalid{box-shadow:0 0 3px 1px var(--color-rust-80);background-color:var(--color-rust-40)}input[type=text]:invalid:focus,input[type=number]:invalid:focus,input[type=password]:invalid:focus,select:invalid:focus,textarea:invalid:focus{background-color:var(--color-rust-20)}input[type=number].hide-spin-buttons{-moz-appearance:textfield}input[type=number].hide-spin-buttons::-webkit-outer-spin-button,input[type=number].hide-spin-buttons::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}fieldset>legend{color:var(--color-brand-primary)}fieldset.reset{margin:0;padding:.01em 0 0 0;border:0}button{cursor:pointer}button:disabled{cursor:default}.button-defaults,.button-small,.button-primary,input[type=file]::file-selector-button{box-sizing:border-box;font-family:inherit;font-size:inherit;border:1px solid var(--color-grey-40);border-radius:4px;background-color:var(--color-grey-6)}.button-defaults:active,.button-small:active,.button-primary:active,input[type=file]:active::file-selector-button{background-color:var(--color-grey-40)}.button-defaults:focus,.button-small:focus,.button-primary:focus,input[type=file]:focus::file-selector-button{background-color:var(--color-grey-17);outline:auto 1px;outline:-webkit-focus-ring-color auto 1px}.button-primary,input[type=file]::file-selector-button{padding:.4em}.button-small{padding:2px .5em;border-radius:1em}.button-reset,.button-link-like{appearance:none;padding:0;border:none;font-family:inherit;font-size:inherit;background-color:inherit}.button-link-like{color:var(--color-link)}.button-link-like:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin:unset}h1,h2,h3,h4,h5,h6{margin-bottom:.7em;margin-bottom:1cap;color:var(--color-brand-primary)}h1{font-size:3em}h2{font-size:2em}h3{font-size:1.3em}h4{font-size:1em;color:inherit}.common-page{padding:var(--len-unit)}section+section{margin-top:2em}section>section+section{margin-top:1em}div.common-table{display:table;border-collapse:collapse;--border-color: var(--color-grey-60)}div.common-table>div{display:table-row}div.common-table>div:first-child{font-weight:bold}div.common-table>div:nth-child(even){background-color:var(--color-grey-17)}div.common-table>div>div{display:table-cell;padding:.5em;border:1px solid var(--border-color)}table.common-table{border-collapse:collapse;--border-color: var(--color-grey-60)}table.common-table thead tr{font-weight:bold}table.common-table tbody tr:nth-child(odd){background-color:var(--color-grey-6)}table.common-table td{padding:.5em;border:1px solid var(--border-color)}.common-warning-text{color:var(--color-warning)}.common-warning-box{display:inline-block;color:var(--color-warning);border:2px solid var(--color-warning);padding:.5em;font-weight:bold}.common-error-msg{color:var(--color-error);font-weight:bold}.common-constraint-violation{margin-top:var(--len-xxs);margin-bottom:var(--len-xxs);min-height:30px;line-height:30px;color:var(--color-error);font-weight:bold}.common-constraint-violation code{margin:0 var(--len-xxs)}.common-dialog{box-sizing:border-box;background-color:#fff;border:1px solid var(--color-grey-60);max-height:100vh;display:flex;flex-direction:column;box-shadow:0px 0px var(--len-unit) var(-len-s) var(--color-grey-40)}.common-dialog .header{flex:0 0 auto;height:2.5em;padding:0 var(--len-s);background-color:var(--color-grey-17);display:flex;align-items:center}.common-dialog .content{flex:1;padding:var(--len-s);overflow:auto}.common-dialog .footer{flex:0 0 auto;padding:var(--len-s)}.setting{display:flex;margin-top:var(--len-xxs);margin-bottom:var(--len-xxs);min-height:30px;line-height:30px}.setting>.label{display:inline-block;min-width:200px}.setting>.value{display:inline-block}.setting .description{font-size:.8em;color:var(--color-grey-60)}.setting-title{margin-top:var(--len-unit);margin-bottom:var(--len-s);font-weight:bold}.common-col-name{position:relative}.common-col-name .not-set{color:var(--color-grey-60);font-style:italic}.common-col-name .description{display:none;position:absolute;z-index:1;left:2em;top:calc(100% - 5px);padding:5px;white-space:nowrap;background-color:var(--color-grey-6);border:1px solid var(--color-grey-60);color:var(--color-grey-80)}.common-col-name:hover .description{display:unset}