.time-host.svelte-1tle0n {
  cursor: pointer;
}
.time-host.svelte-1tle0n span:where(.svelte-1tle0n) {
  display: inline-block;
}
.time-host.svelte-1tle0n span.stopped:where(.svelte-1tle0n) {
  color: var(--color-error);
  animation-name: svelte-1tle0n-blink;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: steps(2, jump-none);
}
@keyframes svelte-1tle0n-blink {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
span.svelte-wui0qj {
  display: inline-block;
  width: 1.5em;
  text-align: center;
}
.layout-host.svelte-iq04ol {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.layout-host.svelte-iq04ol .header:where(.svelte-iq04ol) {
  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-iq04ol .header:where(.svelte-iq04ol) .left:where(.svelte-iq04ol) {
  display: flex;
  align-items: center;
}
.layout-host.svelte-iq04ol .header:where(.svelte-iq04ol) .left:where(.svelte-iq04ol) .logo:where(.svelte-iq04ol) {
  height: 100%;
}
.layout-host.svelte-iq04ol .header:where(.svelte-iq04ol) .center:where(.svelte-iq04ol) {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 1.5em;
}
.layout-host.svelte-iq04ol .header:where(.svelte-iq04ol) .right:where(.svelte-iq04ol) {
  display: flex;
  align-items: center;
  gap: 0.8em;
}
.layout-host.svelte-iq04ol .header:where(.svelte-iq04ol) .right:where(.svelte-iq04ol) .connectivity-status:where(.svelte-iq04ol) {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: var(--color-ok);
}
.layout-host.svelte-iq04ol .header:where(.svelte-iq04ol) .right:where(.svelte-iq04ol) .connectivity-status.lost:where(.svelte-iq04ol) {
  background-color: var(--color-error);
}
.layout-host.svelte-iq04ol .header:where(.svelte-iq04ol) .right:where(.svelte-iq04ol) .username:where(.svelte-iq04ol) {
  padding: 0.4em;
  font-weight: bold;
}
.layout-host.svelte-iq04ol .header:where(.svelte-iq04ol) .right:where(.svelte-iq04ol) .logout:where(.svelte-iq04ol) {
  min-width: 2em;
  font-weight: bold;
}
.layout-host.svelte-iq04ol .main:where(.svelte-iq04ol) {
  flex: 1 0 auto;
  position: relative;
  display: flex;
  flex-direction: row;
}
.layout-host.svelte-iq04ol .main:where(.svelte-iq04ol) .sidebar:where(.svelte-iq04ol) {
  flex: 0 0 auto;
  width: 200px;
  background-color: var(--color-sidebar-bg);
  border-right: 1px #000000 var(--borders-layout-host);
}
.layout-host.svelte-iq04ol .main:where(.svelte-iq04ol) .sidebar:where(.svelte-iq04ol) nav:where(.svelte-iq04ol) a:where(.svelte-iq04ol) {
  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-iq04ol .main:where(.svelte-iq04ol) .sidebar:where(.svelte-iq04ol) nav:where(.svelte-iq04ol) a[href]:where(.svelte-iq04ol):hover, .layout-host.svelte-iq04ol .main:where(.svelte-iq04ol) .sidebar:where(.svelte-iq04ol) nav:where(.svelte-iq04ol) a[href]:where(.svelte-iq04ol):active {
  background-color: #ccc;
}
.layout-host.svelte-iq04ol .main:where(.svelte-iq04ol) .sidebar:where(.svelte-iq04ol) nav:where(.svelte-iq04ol) a:where(.svelte-iq04ol).route-active {
  font-weight: bold;
  background-color: #ccc;
}
.layout-host.svelte-iq04ol .main:where(.svelte-iq04ol) .sidebar:where(.svelte-iq04ol) nav:where(.svelte-iq04ol) .sub:where(.svelte-iq04ol) a:where(.svelte-iq04ol) {
  padding-left: 1em;
}
.layout-host.svelte-iq04ol .main:where(.svelte-iq04ol) .content:where(.svelte-iq04ol) {
  flex: 1 0 auto;
  position: relative;
}

.fixed-host.svelte-iq04ol {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.fixed-host.svelte-iq04ol .toasts:where(.svelte-iq04ol) {
  position: absolute;
  top: 5em;
  right: 1em;
}
.fixed-host.svelte-iq04ol .toasts:where(.svelte-iq04ol) :where(.svelte-iq04ol) {
  pointer-events: all;
}
.fixed-host.svelte-iq04ol .toasts:where(.svelte-iq04ol) :where(.svelte-iq04ol) + :where(.svelte-iq04ol) {
  margin-top: 0.5em;
}
.fixed-host.svelte-iq04ol .toasts:where(.svelte-iq04ol) .toast:where(.svelte-iq04ol) {
  border: 1px var(--color-warning) solid;
  background-color: #ffffff;
  padding: 1em;
}
.fixed-host.svelte-iq04ol .toasts:where(.svelte-iq04ol) .toast.connectivity-lost:where(.svelte-iq04ol) {
  border-color: var(--color-error);
}
.host.svelte-wotqub {
  /* Doesn't work, as parent is a flex item :-/ */
  /* height: 100%; */
  display: flex;
  align-content: center;
  justify-content: center;
  padding-top: 3em;
}

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

input.svelte-wotqub {
  width: 250px;
}

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

#description-input.svelte-7ojlgt {
  width: 300px;
}
button.svelte-1qh5l3t {
  width: 1em;
  height: 1em;
  background-image: url(/static/eye.svg);
  opacity: 0.8;
}
button.disabled.svelte-1qh5l3t {
  opacity: 0.3;
}
button.svelte-he5suj {
  width: 1em;
  height: 1em;
  background-image: url(/static/uid.svg);
  background-size: 1em;
  opacity: 0.8;
}
.common-dialog.svelte-118574 {
  width: 400px;
}

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

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

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

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

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

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

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

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

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

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

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

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

fieldset.svelte-12hbr0a {
  margin-bottom: 2em;
}
fieldset.svelte-12hbr0a legend:where(.svelte-12hbr0a) {
  padding: 0 var(--len-s);
  font-weight: bold;
  font-size: 1.2em;
}
fieldset.svelte-12hbr0a h3:where(.svelte-12hbr0a) {
  margin-top: 1em;
}
.col-recipients.svelte-96p31n table.common-table:where(.svelte-96p31n) {
  line-height: unset;
}
.col-recipients.svelte-96p31n table.common-table:where(.svelte-96p31n) tr:where(.svelte-96p31n):first-child {
  font-weight: unset;
}
.col-recipients.svelte-96p31n table.common-table:where(.svelte-96p31n) tr:where(.svelte-96p31n) td:where(.svelte-96p31n) {
  padding: 0 6px;
}
select.svelte-1mgsim5 {
  min-width: 300px;
  max-width: 500px;
}
fieldset.svelte-jem8o3 {
  margin-bottom: 2em;
}
fieldset.svelte-jem8o3 legend:where(.svelte-jem8o3) {
  padding: 0 var(--len-s);
  font-weight: bold;
  font-size: 1.2em;
}
form.svelte-10gpe0l {
  display: inline;
}

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

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

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

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

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

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

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

.section-snmp.svelte-1upu9ad, .section-actions.svelte-1upu9ad {
  margin-top: 2em;
}
.host.svelte-1quq1zz {
  min-width: 400px;
}

.permissions.svelte-1quq1zz label:where(.svelte-1quq1zz) {
  display: block;
}

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

.roles.svelte-t38m9q .col-name:where(.svelte-t38m9q) {
  min-width: 150px;
}
.entries.svelte-1b6k8k7 {
  font-family: monospace;
}
.host.svelte-zm132o {
  width: 95%;
  max-width: 650px;
}

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

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

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

.description-input.svelte-zm132o {
  width: 100%;
}
.col-desc.svelte-zthkdf {
  min-width: 200px;
}
.info-dialog.svelte-ry7q9w {
  min-width: 300px;
  max-width: 800px;
  min-height: 150px;
}
.common-dialog.svelte-10v6110 {
  min-width: 400px;
}

input[type=number].svelte-10v6110 {
  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}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{border-color:var(--color-grey-60)}.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}