:root {
  --space-coefficient: 1;
  --space: calc(0.75rem * var(--space-coefficient));
  --space-xxxs: calc(var(--space) * 0.166);
  --space-xxs: calc(var(--space) * 0.333);
  --space-xs: calc(var(--space) * 0.5);
  --space-sm: calc(var(--space) * 0.666);
  --space-md: calc(var(--space) * 1.333);
  --space-lg: calc(var(--space) * 1.666);
  --space-xl: calc(var(--space) * 2);
  --space-2xl: calc(var(--space) * 2.333);
  --space-3xl: calc(var(--space) * 2.666);
  --font-family-body: MT, sans-serif;
  --font-coefficient: 1;
  --font-base: calc(0.75rem * var(--font-coefficient));
  --font-xs: calc(var(--font-base) * 0.833rem);
  --font-sm: calc(var(--font-base) * 0.916rem);
  --font-md: calc(var(--font-base) * 1.166rem);
  --font-lg: calc(var(--font-base) * 1.133rem);
  --white: #ffffff;
  --bg-whitesmoke: #f5f5f5;
  --bg-bright: #f0f0f0;
  --bg-light: #e5e6e6;
  --bg-medium: #cfd2d2;
  --bg-dusk: #8d9898;
  --bg-dark: #647272;
  --body-color: #161616;
  --body-muted: #666666;
  --light-green: #cfdcdc;
  --dark-green: #145656;
  --dark-green-10: #e8eeee;
  --fade-green: #cfdcdc;
  --green: #3ca384;
  --lime: #a2d06d;
  --red: #a51c23;
  --red-error-bg: #f6e9eb;
  --red-error-bg-hover: #f2dadc;
  --font-normal: 400;
  --font-bold: 700;
  --line-height: 1.3;
  --line-height-lg: 1.5;
  --corner-sm: var(--space-xxs);
  --corner: var(--space-xs);
  --corner-md: var(--space-sm);
  --icon-color: var(--dark-green);
  --icon-accent: var(--green);
  --icon: var(--space-lg);
  --icon-sm: var(--space-md);
  --icon-xs: var(--space);
  --icon-xxs: var(--space-sm);
  --icon-lg: calc(var(--space-md) * 2);
  --grid-gutter: var(--space-sm)
}
@media(min-width: 760px) {
  :root {
    --grid-gutter: var(--space)
  }
}
:root {
  --shadow-block: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
  --shadow-block-top: 0px -4px 12px -8px rgba(0, 0, 0, 0.5);
  --shadow-block-bot: 0px -4px 12px 8px rgba(0, 0, 0, 0.5);
  --shadow-btn: 0px 0px 6px 3px rgba(0, 0, 0, 0);
  --shadow-btn-hover: 0px 0px 6px 3px rgba(0, 0, 0, 0.1);
  --input-line-height: var(--icon);
  --input-border-size: 1px;
  --input-height: calc(var(--icon) + var(--space-xxs) * 2);
  --form-width: 900px;
  --form-max-width: 1400px;
  --focus-outline: 2px solid rgba(20, 86, 86, 0.25);
  --disabled-opacity: 0.5;
  --disabled-filter: 1
}
.d-none {
  display:none !important
}
.d-block {
  display:block !important
}
.d-inline-block {
  display:inline-block !important
}
.d-flex {
  display:flex !important
}
.d-inline-flex {
  display:inline-flex !important
}
@media(min-width: 576px) {
  .d-sm-none {
    display:none !important
  }
  .d-sm-block {
    display:block !important
  }
  .d-sm-inline-block {
    display:inline-block !important
  }
  .d-sm-flex {
    display:flex !important
  }
  .d-sm-inline-flex {
    display:inline-flex !important
  }
}
@media(min-width: 760px) {
  .d-md-none {
    display:none !important
  }
  .d-md-block {
    display:block !important
  }
  .d-md-inline-block {
    display:inline-block !important
  }
  .d-md-flex {
    display:flex !important
  }
  .d-md-inline-flex {
    display:inline-flex !important
  }
}
@media(min-width: 992px) {
  .d-lg-none {
    display:none !important
  }
  .d-lg-block {
    display:block !important
  }
  .d-lg-inline-block {
    display:inline-block !important
  }
  .d-lg-flex {
    display:flex !important
  }
  .d-lg-inline-flex {
    display:inline-flex !important
  }
}
.grow-1 {
  flex-grow:1 !important
}
.grow-0 {
  flex-grow:0 !important
}
.shrink-1 {
  flex-shrink:1 !important
}
.shrink-0 {
  flex-shrink:0 !important
}
.nowrap {
  flex-wrap:nowrap !important
}
.flex-none {
  flex:none
}
.gap-inner-gutter {
  gap:var(--grid-gutter)
}
.gap-inner-base {
  gap:var(--space)
}
.gap-inner-sm {
  gap:var(--space-sm)
}
.gap-inner-xs {
  gap:var(--space-xs)
}
.gap-inner-xxs {
  gap:var(--space-xxs)
}
.align-items-center {
  align-items:center
}
.w-100 {
  width:100%
}
.h-100 {
  height:100%
}
.min-w-0 {
  min-width:0
}
.relative {
  position:relative
}
.absolute {
  position:absolute
}
.fixed {
  position:fixed
}
.hide-scrollbar::-webkit-scrollbar,
.menu::-webkit-scrollbar {
  display:none
}
.hide-scrollbar,
.menu {
  -ms-overflow-style:none;
  scrollbar-width:none
}
.custom-scrollbar,
.combobox ul {
  scrollbar-width:thin;
  scrollbar-color:var(--bg-medium) var(--bg-bright)
}
.custom-scrollbar::-webkit-scrollbar,
.combobox ul::-webkit-scrollbar {
  width:6px;
  width:6px
}
.custom-scrollbar::-webkit-scrollbar-track,
.combobox ul::-webkit-scrollbar-track {
  background-color:var(--bg-bright)
}
.custom-scrollbar::-webkit-scrollbar-track:hover,
.combobox ul::-webkit-scrollbar-track:hover,
.custom-scrollbar::-webkit-scrollbar-track:active,
.combobox ul::-webkit-scrollbar-track:active {
  background-color:var(--bg-bright)
}
.custom-scrollbar::-webkit-scrollbar-thumb,
.combobox ul::-webkit-scrollbar-thumb {
  background-color:var(--bg-medium)
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover,
.combobox ul::-webkit-scrollbar-thumb:hover,
.custom-scrollbar::-webkit-scrollbar-thumb:active,
.combobox ul::-webkit-scrollbar-thumb:active {
  background-color:var(--bg-medium)
}
.bg-white {
  background-color:var(--white) !important
}
.bg-bright {
  background-color:var(--bg-bright) !important
}
.bg-light {
  background-color:var(--bg-light) !important
}
.bg-medium {
  background-color:var(--bg-medium) !important
}
.bg-dark {
  background-color:var(--bg-dark) !important
}
.bg-green {
  background-color:var(--green) !important
}
.bg-red {
  background-color:var(--red) !important
}
.shadow-panel {
  box-shadow:var(--shadow-block)
}
.shadow-panel-top {
  box-shadow:var(--shadow-block-top)
}
.shadow-panel-bot {
  box-shadow:var(--shadow-block-bot)
}
.pe-none {
  pointer-events:none
}
.text-white {
  color:var(--white)
}
.text-dark-green {
  color:var(--dark-green)
}
.text-green {
  color:var(--green)
}
.text-red {
  color:var(--red)
}
.fw-normal {
  font-weight:var(--font-normal)
}
.fw-bold {
  font-weight:var(--font-bold)
}
@font-face {
  font-display:swap;
  font-family:"MT";
  font-style:normal;
  font-weight:400;
  src:url("400.woff2") format("woff2")
}
@font-face {
  font-display:swap;
  font-family:"MT";
  font-style:normal;
  font-weight:700;
  src:url("700.woff2") format("woff2")
}
html {
  line-height:var(--line-height)
}
*,
*::before,
*::after {
  box-sizing:border-box
}
*:hover,
*:focus,
*:focus-visible {
  outline:none
}
html {
  height:100%
}
body {
  margin:0;
  font-family:var(--font-family-body);
  font-size:var(--font-base);
  line-height:var(--line-height);
  background-color:var(--bg-light);
  color:var(--body-color);
  height:100%;
  font-weight:var(--font-normal);
  text-rendering:optimizeSpeed
}
body.menu-show {
  overflow-y:hidden
}
main {
  display:block
}
hr {
  box-sizing:content-box;
  height:0;
  overflow:visible
}
pre,
code,
kbd,
samp {
  font-family:monospace,monospace;
  font-size:1em
}
small {
  font-size:80%
}
sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sub {
  bottom:-0.25em
}
sup {
  top:-0.5em
}
h1 {
  font-size:inherit
}
h2 {
  font-size:var(--font-md)
}
h3,
h4,
h5 {
  font-size:var(--font-base)
}
h6 {
  font-size:var(--font-xs)
}
p {
  margin:0
}
b,
strong,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight:var(--font-bold);
  margin:0
}
a {
  background-color:rgba(0,0,0,0);
  color:var(--dark-green)
}
label {
  user-select:none
}
ul {
  all:unset
}
ul[role=toolbar] li {
  all:unset
}
pre {
  margin:0
}
img {
  border-style:none
}
button,
input,
optgroup,
select,
textarea {
  font-family:inherit;
  font-size:100%;
  line-height:1.15;
  margin:0
}
button,
input {
  overflow:visible
}
button,
select {
  text-transform:none
}
button,
[type=button],
[type=reset],
[type=submit] {
  appearance:button;
  -webkit-appearance:button
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style:none;
  padding:0
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline:1px dotted ButtonText
}
fieldset {
  padding:0;
  margin:0;
  border:none
}
textarea {
  overflow:auto
}
[type=checkbox],
[type=radio] {
  box-sizing:border-box;
  padding:0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height:auto
}
[type=search] {
  appearance:textfield;
  -webkit-appearance:textfield;
  outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
  appearance:none;
  -webkit-appearance:none
}
::-webkit-file-upload-button {
  appearance:button;
  -webkit-appearance:button;
  font:inherit
}
legend {
  box-sizing:border-box;
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal
}
progress {
  vertical-align:baseline
}
template {
  display:none
}
[hidden] {
  display:none
}
@keyframes animate-fadeinup {
  from {
    transform:translateY(2rem);
    opacity:0
  }
  to {
    transform:translateY(0);
    opacity:1
  }
}
.animate-fadeinup {
  opacity:0;
  transform:translateY(2rem);
  animation:animate-fadeinup .25s linear;
  animation-fill-mode:forwards
}
@keyframes animate-focusflash {
  0% {
    box-shadow:0 0 .5rem .25rem rgba(60,163,132,0)
  }
  50% {
    box-shadow:0 0 .5rem .25rem rgba(60,163,132,.25)
  }
  100% {
    box-shadow:0 0 .5rem .25rem rgba(60,163,132,0)
  }
}
.focus-flash:focus,
.focus-flash:focus-within {
  box-shadow:0 0 .5rem .25rem rgba(60,163,132,.25);
  animation-name:animate-focusflash;
  animation-duration:.5s;
  animation-iteration-count:1;
  animation-fill-mode:forwards
}
[hidden] {
  display:none !important
}
.grid {
  display:grid;
  min-height:100%;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto 1fr;
  grid-template-areas:"mc tc" "cc cc";
  max-height:100%
}
@media(min-width: 992px) {
  .grid {
    grid-template-areas:"mc tc" "mc cc"
  }
}
.grid.grid-terminal {
  grid-template-areas:"mc tc" "cc cc"
}
@media(min-width: 992px) {
  .grid.grid-terminal {
    grid-template-areas:"tc tc" "cc cc"
  }
  .grid.grid-terminal>.sidenav {
    display:none
  }
}
.grid.grid-quickset {
  grid-template-areas:"mc tc" "cc cc"
}
@media(min-width: 992px) {
  .grid.grid-quickset {
    grid-template-areas:"tc tc" "cc cc"
  }
  .grid.grid-quickset>.sidenav {
    display:none
  }
}
.grid:is(.grid-quickset,
.grid-terminal) #MenuSwitch {
  display:none !important
}
.grid>header {
  grid-area:tc;
  display:flex;
  gap:var(--space-xs);
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:stretch;
  padding:var(--space-xs);
  border-bottom:1px solid var(--bg-medium)
}
.grid>header>div:empty {
  display:none
}
.grid>.sidenav {
  grid-area:mc;
  display:flex;
  flex-direction:column;
  padding:var(--space-xs) 0 var(--space-xs) var(--space-xs);
  border-bottom:1px solid var(--bg-medium)
}
@media(min-width: 992px) {
  .grid>.sidenav {
    border-bottom:none;
    border-right:1px solid var(--bg-medium);
    padding:var(--space-xs)
  }
}
.grid>main {
  position:relative;
  grid-area:cc;
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:var(--grid-gutter)
}
.wndw {
  display:grid;
  grid-template-rows:auto 1fr;
  grid-template-columns:100%;
  background-color:var(--white);
  border-radius:var(--corner);
  max-height:calc(100% - var(--space-xs)*2);
  margin:var(--space-xs)
}
.wndw>*:last-child {
  border-bottom-left-radius:var(--corner);
  border-bottom-right-radius:var(--corner)
}
.wndw--titlebar {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
  padding:var(--space-xxs) var(--space-sm);
  line-height:1;
  border-radius:var(--corner) var(--corner) 0 0;
  gap:var(--grid-gutter)
}
@media(min-width: 992px) {
  .wndw--titlebar {
    flex-wrap:nowrap
  }
}
.wndw--titlebar .btn-FormSwitch {
  display:none
}
@media(min-width: 992px) {
  .wndw--titlebar .btn-FormSwitch {
    display:inline-flex
  }
}
.wndw--titlebar--icon {
  margin:var(--space-xxs) var(--space-xxs)
}
.wndw--titlebar--title {
  font-weight:var(--font-bold);
  margin-left:var(--space-xxs);
  margin-right:var(--space-xxs)
}
.wndw--tools {
  position:sticky;
  inset:0 0 auto 0;
  display:flex;
  align-items:center;
  padding:var(--space-xxs) var(--space-sm);
  background-color:var(--bg-bright);
  border-bottom:1px solid var(--bg-medium)
}
@media(hover: hover) {
  .wndw--tools .btn:hover,
  .wndw--tools .btn-select-drop button:hover,
  .btn-select-drop .wndw--tools button:hover,
  .wndw--tools .btn-select-drop a:hover,
  .btn-select-drop .wndw--tools a:hover,
  .wndw--tools select:hover~.btn,
  .wndw--tools .btn-select-drop select:hover~button,
  .btn-select-drop .wndw--tools select:hover~button,
  .wndw--tools .btn-select-drop select:hover~a,
  .btn-select-drop .wndw--tools select:hover~a {
    background-color:var(--white)
  }
}
.wndw--tools .btn:disabled,
.wndw--tools .btn-select-drop button:disabled,
.btn-select-drop .wndw--tools button:disabled,
.wndw--tools .btn-select-drop a:disabled,
.btn-select-drop .wndw--tools a:disabled {
  opacity:.2
}
.wndw--tools .btn[aria-pressed=true],
.wndw--tools .btn-select-drop button[aria-pressed=true],
.btn-select-drop .wndw--tools button[aria-pressed=true],
.wndw--tools .btn-select-drop a[aria-pressed=true],
.btn-select-drop .wndw--tools a[aria-pressed=true] {
  background-color:var(--white)
}
.wndw--content {
  display:flex;
  flex-direction:row;
  min-height:0
}
.statusbar {
  color:var(--bg-dark);
  flex-grow:1;
  text-align:right;
  text-wrap:nowrap
}
.qs--item-width {
  margin:0 auto;
  max-width:600px
}
.form--item-width {
  display:flex;
  flex-direction:column;
  max-height:100%;
  max-width:var(--form-width)
}
.form--item-width.quickset,
body.serve--form-full .form--item-width {
  max-width:100%;
  overflow:hidden
}
.form--panel-scroll {
  display:flex;
  flex-direction:column;
  overflow-x:hidden;
  overflow-y:scroll;
  row-gap:var(--space-md);
  padding:var(--space-sm)
}
.form--statusbar {
  display:flex;
  flex-grow:1;
  flex-wrap:wrap;
  gap:var(--space-xs);
  user-select:none
}
.form--statusbar:empty {
  display:none
}
.form--statusbar span {
  display:block;
  padding:var(--space-xxs) var(--space-sm);
  text-transform:uppercase;
  font-size:var(--font-xs);
  font-weight:var(--font-bold);
  background:var(--dark-green);
  color:var(--white);
  border-radius:1rem
}
.form--statusbar span.disabled {
  color:var(--bg-dusk);
  background-color:var(--bg-medium)
}
.form--statusbar span:empty {
  display:none
}
.form--infobar {
  display:flex;
  justify-content:flex-start;
  background-color:var(--bg-bright);
  border-radius:var(--corner);
  padding:var(--space-sm);
  gap:var(--space);
  margin-bottom:var(--space-xs)
}
.form--infobar:empty {
  display:none
}
.form--titlebar {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  line-height:1;
  gap:var(--grid-gutter);
  border-bottom:1px solid var(--bg-medium);
  padding:var(--space-xxs) var(--space-xs)
}
.content {
  position:relative;
  display:flex;
  flex-grow:1;
  flex-direction:column;
  max-height:100%;
  overflow:hidden
}
@media(min-width: 576px) {
  .content {
    flex-direction:row
  }
}
.panel {
  order:2;
  display:flex;
  flex-direction:column;
  overflow:auto;
  flex-grow:1;
  margin:0
}
@media(min-width: 992px) {
  .panel {
    order:1
  }
}
.toolbar {
  order:1;
  border-bottom:1px solid var(--bg-medium)
}
.content:has(.panel .table) .toolbar {
  background-color:var(--bg-bright)
}
@media(min-width: 992px) {
  .toolbar {
    order:2;
    flex-basis:7.5rem;
    border:0;
    border-left:1px solid var(--bg-medium)
  }
}
.toolbar>:is(section,
div) {
  display:flex;
  flex-direction:column;
  gap:var(--space-xs);
  padding:var(--space) var(--space-sm)
}
.toolbar>:is(section,
div):not(:first-child) {
  border-top:1px solid var(--bg-medium)
}
.toolbar>:is(section,
div) h2 {
  font-size:inherit
}
.toolbar>:is(section,
div) .btn,
.toolbar>:is(section,
div) .btn-select-drop button,
.btn-select-drop .toolbar>:is(section,
div) button,
.toolbar>:is(section,
div) .btn-select-drop a,
.btn-select-drop .toolbar>:is(section,
div) a {
  justify-content:flex-start;
  font-weight:inherit
}
.toolbar>:is(section,
div) .btn:hover,
.toolbar>:is(section,
div) .btn-select-drop button:hover,
.btn-select-drop .toolbar>:is(section,
div) button:hover,
.toolbar>:is(section,
div) .btn-select-drop a:hover,
.btn-select-drop .toolbar>:is(section,
div) a:hover {
  background-color:var(--white)
}
.icon-About {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3ccircle cx='10' cy='10' r='7' fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3e%3cpath fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10 14V9'/%3e%3ccircle cx='10' cy='6' r='1' fill='%23145656'/%3e%3c/svg%3e")
}
.icon-Action {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m11 17 6-5'/%3e%3cg fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath stroke='%23145656' d='M16 3H7l-3 7h4l-3 7 11-9h-6z'/%3e%3cpath stroke='%233ca384' d='M16 3H7l-3 7h4l-3 7 11-9h-6z'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-AddDst_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M2 11h7V8M9 1v4M7 3h4M2 1l2 2-2 2' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-AddSrc_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M10 11H3V8M3 1v4M5 3H1M8 1l2 2-2 2' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Advanced {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M4 11V6M4 17v-2M10 5V3M10 17V9M16 8V3M16 15v-3'/%3e%3c/g%3e%3cg fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3ccircle cx='10' cy='7' r='2'/%3e%3ccircle cx='16' cy='10' r='2'/%3e%3ccircle cx='4' cy='13' r='2'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-Bridge {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M14 10h-2M8 10H6M6 2H3M6 18H3M6 8H2M6 14H2M17 2h-3M18 6h-4M17 18h-3M6 2v16M14 2v16'/%3e%3c/g%3e%3ccircle cx='10' cy='10' r='1.5' fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3e%3c/svg%3e")
}
.icon-Bridge_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M10 2H8v8h2M2 2h2v8H2M2 6h8' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-ChevronSmall_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M8.5 5 6 7.5 3.5 5' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Circle_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='2.5' style='fill:%23145656'/%3e%3c/svg%3e")
}
.icon-Close {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='m6 6 8 8M6 14l8-8'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-Close_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='m3 3 6 6M3 9l6-6' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Configuration {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath stroke='%233ca384' d='M14 3H6l-4 7 4 7h8l4-7z'/%3e%3ccircle cx='9.96' cy='10' r='3.48' stroke='%23145656'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-Design_Skin {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M8 10c0-1.1.9-2 2-2' data-name='Ellipse 23'/%3e%3cpath d='m4.39 13.61.04-.04c.46-.48.45-1.25-.03-1.71-.22-.22-.52-.34-.83-.34h-.12a1.451 1.451 0 0 1 0-2.9h.06c.49-.01.93-.32 1.1-.79.2-.45.1-.97-.24-1.32l-.04-.04c-.57-.57-.57-1.49 0-2.06s1.49-.57 2.06 0l.04.04c.35.34.87.44 1.32.24h.06c.44-.19.73-.62.73-1.1v-.12a1.451 1.451 0 0 1 2.9 0v.06c0 .67.55 1.2 1.22 1.2.31 0 .61-.12.83-.34l.04-.04' data-name='Path 265'/%3e%3c/g%3e%3cg fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='m16 6 2 2-9 9H7v-2zM14 8l2 2'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-Dot1X {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 4V2h7M9 16v2h7M17 8l2 2-2 2M1 10h3M14 10h4'/%3e%3cpath fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m9 16-3.44-2.34C4.46 12.82 4 11.77 4 10.67V4.5h10v6.17c0 1.1-.49 2.12-1.63 2.99z'/%3e%3cg fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='m11 11.5-2-2 2-2M7 7.5l2 2-2 2'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-Drag_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='4.5' cy='3' r='1' style='fill:%23145656'/%3e%3ccircle cx='4.5' cy='6' r='1' style='fill:%23145656'/%3e%3ccircle cx='4.5' cy='9' r='1' style='fill:%23145656'/%3e%3ccircle cx='7.5' cy='3' r='1' style='fill:%23145656'/%3e%3ccircle cx='7.5' cy='6' r='1' style='fill:%23145656'/%3e%3ccircle cx='7.5' cy='9' r='1' style='fill:%23145656'/%3e%3c/svg%3e")
}
.icon-Dude {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2 3h16v12H2zM7 18h6M10 15v3M10 5v8M10 11h6M4 7h6'/%3e%3cg fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M13 5h3v3h-3zM4 10h3v3H4z'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-Ethernet_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M5.5 1h-3v4l1.5.5L5.5 5z' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3cpath d='M5.5 1h-3v4l1.5.5L5.5 5zM4 5.5V9c0 1.1.9 2 2 2s2-.9 2-2V8M10.76 5.24C9.24 5.24 8 6.48 8 8' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Exclamation_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M5.58 7.67c.12.43.73.43.85 0 .4-1.49.94-3.72.94-4.86 0 0 .05-1.82-1.36-1.82S4.65 2.81 4.65 2.81c0 1.14.54 3.36.94 4.86Z' style='fill:%23145656'/%3e%3ccircle cx='6' cy='10' r='1.25' style='fill:%23145656'/%3e%3c/svg%3e")
}
.icon-Exit {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='m10 6 4 4-4 4M2 10h12'/%3e%3c/g%3e%3cpath fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 18h6c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3H8'/%3e%3c/svg%3e")
}
.icon-FileNPK_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M1 1h10v10H1z' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px' transform='rotate%2890 6 6%29'/%3e%3cpath d='M4.5 1h3v3h-3z' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px' transform='rotate%2890 6 2.5%29'/%3e%3c/svg%3e")
}
.icon-File_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M10 11H2V1h6l2 2zM8 8.5H4M8 6H4' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Files {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16 8V5H8.44l-1-2H2.56v14'/%3e%3cpath fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19 8H5.56l-3 9H16z'/%3e%3c/svg%3e")
}
.icon-Filter {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m8 12 4-2V6l5-5H3l5 5z'/%3e%3ccircle cx='10' cy='17' r='2' fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3e%3c/svg%3e")
}
.icon-Find {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg data-name='Group 1803'%3e%3cpath fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.5 13.5 17 17' data-name='Line 556'/%3e%3c/g%3e%3ccircle cx='9' cy='9' r='6' fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3e%3cpath fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 9c0 1.66-1.34 3-3 3'/%3e%3c/svg%3e")
}
.icon-Folder_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M1 11h10V3H6L5 1H1z' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Forward_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M3 3.5 5.5 6 3 8.5M7 3.5 9.5 6 7 8.5' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Graph {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M18 10v5.6c0 1.33-1.07 2.4-2.4 2.4H4.4C3.07 18 2 16.93 2 15.6M2 10V4.4C2 3.07 3.07 2 4.4 2h11.2C16.93 2 18 3.07 18 4.4'/%3e%3c/g%3e%3cpath fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 13 3-3 2 2 3-3 3 3 5-5'/%3e%3c/svg%3e")
}
.icon-Help {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M10 18c4.42 0 8-3.58 8-8M10 2c-4.42 0-8 3.58-8 8M10 14c2.21 0 4-1.79 4-4M10 6c-2.21 0-4 1.79-4 4'/%3e%3c/g%3e%3cg fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M2 10h4c0 2.21 1.79 4 4 4v4c-4.42 0-8-3.58-8-8M10 2c4.42 0 8 3.58 8 8h-4c0-2.21-1.79-4-4-4z'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-IP {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10 15v-3'/%3e%3ccircle cx='10' cy='16.5' r='1.5' fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3e%3cpath fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 3v3h3V3v6M5 5l2 4 2-4'/%3e%3cpath fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 12h14'/%3e%3c/svg%3e")
}
.icon-IP_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M6 6v4M9.5 6H2V3h7.5L11 4.5z' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-IPv6 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M15 3h-3v3h3v3h-3V6M5 5l2 4 2-4M10 15v-3'/%3e%3ccircle cx='10' cy='16.5' r='1.5'/%3e%3c/g%3e%3cpath fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 12h14'/%3e%3c/svg%3e")
}
.icon-Info_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='1.5' r='1' style='fill:%23145656'/%3e%3cpath d='M6 4.5v4M9.54 2.46c1.95 1.95 1.95 5.12 0 7.07s-5.12 1.95-7.07 0-1.95-5.12 0-7.07' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-InterfaceActive_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='1.75' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3cpath d='M6 4V1M6 8v3M3 9 1 6l2-3M9 3l2 3-2 3' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Interface_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='1.75' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3cpath d='M3 9 1 6l2-3M9 3l2 3-2 3' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Interfaces {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M2 2v16M2 5h16v10H5v-2H2M9 15v2M12 15v2M15 15v2'/%3e%3c/g%3e%3cpath fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M11 8h4v4h-4z'/%3e%3c/svg%3e")
}
.icon-IoT {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M6 8v8H3M12 10v6h5M9 10v8'/%3e%3c/g%3e%3cpath fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15 13.72c1.74-.62 3-2.27 3-4.22C18 7.01 15.99 5 13.5 5c-.78 0-1.51.22-2.15.57C10.49 4.04 8.88 3 7 3 4.24 3 2 5.24 2 8c0 1.12.38 2.14 1 2.97'/%3e%3c/svg%3e")
}
.icon-Jump_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='m11 8-2 2-2-2' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3cpath d='M2 10V5.5C2 3.57 3.57 2 5.5 2S9 3.57 9 5.5V10' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-LCD {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 3h14v14H3z'/%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='m10 12 2-2M6 12l6-6M8 6 6 8'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-Licence {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m9 18-3-2.93L3 18V8h6z'/%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M4 5V2h8l5 5v11h-5'/%3e%3cpath d='M17 7h-5V2'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-Load_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M2 9h8M2 6h6M2 3h4' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-LoadSmall_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='2.25' cy='3' r='1' style='fill:%23145656'/%3e%3ccircle cx='2.25' cy='6' r='1' style='fill:%23145656'/%3e%3cpath d='M2 9h8' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Log {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M7 8h6M7 11h6M7 14h4'/%3e%3c/g%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M4 5h12v12H4zM6 3v2M10 3v2M14 3v2'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-MPLS {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m10 16-6-6 8-8h6v6z'/%3e%3ccircle cx='14.25' cy='5.75' r='1.25' fill='%23145656'/%3e%3cg fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M2 14.12 3.12 13M2 18l3.12-3M6 18.12 7.12 17'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-MarkPacket_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M1 7.5v-2L5.5 1l2 2L3 7.5zM4 2.5l2 2M8 11H7V7h1M10 7h1v4h-1' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-MarkConnection_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M1 7.5v-2L5.5 1l2 2L3 7.5zM4 2.5l2 2M4.94 8.44c-.27.27-.44.65-.44 1.06h0c0 .83.67 1.5 1.5 1.5h1c.83 0 1.5-.67 1.5-1.5h0M10.56 9.56c.27-.27.44-.65.44-1.06h0c0-.83-.67-1.5-1.5-1.5h-1C7.67 7 7 7.67 7 8.5h0' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-MarkRouting_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M1 7.5v-2L5.5 1l2 2L3 7.5zM4 2.5l2 2M9 10l2-2-2-2' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3cpath d='M.98 11h2.19c.53 0 1.04-.21 1.41-.59l1.83-1.83c.38-.38.88-.59 1.41-.59h3.17' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Menu {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M5 6h10M5 14h10M5 10h10'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-Mesh {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M15.03 8.7 6.81 4.22M6.04 4.9l3.92 10.2M9.2 15.76l-4.4-2.52M11.47 15.37l4.33-5.05'/%3e%3c/g%3e%3cg fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3ccircle cx='5.5' cy='3.5' r='1.5'/%3e%3ccircle cx='3.5' cy='12.5' r='1.5'/%3e%3ccircle cx='10.5' cy='16.5' r='1.5'/%3e%3ccircle cx='16.5' cy='9' r='1.5'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-Minus_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M3 6h6' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-MoveVertical {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2 10h16'/%3e%3cpath fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m12 16-2 2-2-2' data-name='Path 270'/%3e%3cpath fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10 18v-5'/%3e%3cpath fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m8 4 2-2 2 2' data-name='Path 270'/%3e%3cpath fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10 2v5'/%3e%3c/svg%3e")
}
.icon-NAT_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='m9 4 2 2-2 2M4 6h6' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3ccircle cx='2.5' cy='6' r='1.25' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3cpath d='M2.5 1.5C4.99 1.5 7 3.51 7 6s-2.01 4.5-4.5 4.5' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Neighbours_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M2.46 10.04C.51 8.09.51 4.92 2.46 2.97s5.12-1.95 7.07 0 1.95 5.12 0 7.07' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3cpath d='M7.77 8.27c.98-.98.98-2.56 0-3.54s-2.56-.98-3.54 0-.98 2.56 0 3.54' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-New {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath stroke='%23145656' d='M9 5H3v11h14v-5'/%3e%3cpath stroke='%233ca384' d='M18 6h-6M15 3v6'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-NewRule_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M5 2H1v8h10V6M11 3H7M9 1v4' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Netwatch_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='m8 8 2 2' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3ccircle cx='6' cy='6' r='2.25' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3cpath d='M6 11c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-NoTrack_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M1 5v2.5C1 9.43 2.57 11 4.5 11h0C6.43 11 8 9.43 8 7.5V6c0-1.1.9-2 2-2h1M4.5 7V4' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3ccircle cx='4.5' cy='2.25' r='1.25' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-OpenFlow {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10 18c-4.42 0-8-3.58-8-8s3.58-8 8-8'/%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M5 10h12M7 7h8l2-2M7 13.04h8L17 15'/%3e%3c/g%3e%3cpath fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14 3.08A8 8 0 0 0 10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8c1.46 0 2.82-.4 4-1.08'/%3e%3c/svg%3e")
}
.icon-PPP {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M14 16H6M10 16v-5M5 2h10v9H5zM2.01 9.74v-4'/%3e%3c/g%3e%3cg fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3ccircle cx='16' cy='16' r='1.5'/%3e%3ccircle cx='4' cy='16' r='1.5'/%3e%3cpath d='M8 5h4M8 8h2'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-Partitions {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M15.66 15.66c-3.12 3.12-8.19 3.12-11.31 0s-3.12-8.19 0-11.31 8.19-3.12 11.31 0M10 10V2'/%3e%3c/g%3e%3cg fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M15.66 4.34c3.12 3.12 3.12 8.19 0 11.31M15.66 15.66 10 10l5.66-5.66'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-Passthrough_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M5 2v2M5 8v2M8 4l2 2-2 2M2 6h7' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Password {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18 15H3V5h15'/%3e%3cg fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M11 10c-1.07 0-2-.93-2-2M7 10c1.07 0 2 .93 2 2M9 12c0-1.07.93-2 2-2M9 8c0 1.07-.93 2-2 2M17 10c-1.07 0-2-.93-2-2M13 10c1.07 0 2 .93 2 2M15 12c0-1.07.93-2 2-2M15 8c0 1.07-.93 2-2 2'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-Play_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='m4 3 5 3-5 3z' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Ports_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='m8 8 2-2V2H2v4l2 2' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3cpath d='M8 10V5H4v5M6 9v1' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Preloader {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' id='preloader-icon' viewBox='0 0 108 108'%3e%3cstyle%3e%40keyframes plst-anim%7b0%25,80%25%7bopacity:0%7d40%25%7bopacity:1%7d%7d.gr use%7bposition:absolute;opacity:0;animation-name:plst-anim;animation-duration:2s;animation-iteration-count:infinite;transform:translateY%28calc%2825%25*var%28--i%29 - 100%25%29%29;animation-delay:calc%28.1s*var%28--i%29%29%7d%3c/style%3e%3cdefs%3e%3cpath id='hex' d='M48.2 1.5 9.1 23.17C5.33 25.26 3 29.2 3 33.48v41.35c0 4.31 2.36 8.28 6.17 10.35l39.1 21.35c3.57 1.95 7.9 1.95 11.47 0l39.1-21.35c3.8-2.08 6.17-6.04 6.17-10.35V33.48c0-4.28-2.33-8.23-6.1-10.31L59.8 1.5c-3.61-2-8-2-11.6 0'/%3e%3c/defs%3e%3cclipPath id='hexmask'%3e%3cuse href='%23hex'/%3e%3c/clipPath%3e%3c/svg%3e")
}
.icon-Pin_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M4.56 2.69h5v4.5h-5z' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px' transform='rotate%28-45 7.064 4.934%29'/%3e%3cpath d='M5.29 6.71 2 10M2.82 4.23l4.95 4.95' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-miterlimit:4;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Queues {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M17.15 8c.3.82.46 1.7.46 2.62 0 1.22-.29 2.36-.8 3.38M3.19 14c-.51-1.02-.8-2.17-.8-3.38A7.618 7.618 0 0 1 12.97 3.6M10 17h8M10 17H2M10 17v-3'/%3e%3c/g%3e%3cpath fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M11.61 11.47 17 3M7 14c0-1.66 1.34-3 3-3s3 1.34 3 3'/%3e%3c/svg%3e")
}
.icon-Quick_Set {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M3.004 16.001 16 3.005l2 2L5.006 18.003zM15 8l-2-2'/%3e%3cpath d='M3.004 16.001 16 3.005l2 2L5.006 18.003zM15 8l-2-2'/%3e%3c/g%3e%3cg fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='m15 15 2-2M17 15l-2-2M8 5C6.34 5 5 3.66 5 2M2 5c1.66 0 3 1.34 3 3M5 8c0-1.66 1.34-3 3-3M5 2c0 1.66-1.34 3-3 3'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-RADIUS {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M3 16v-2c0-2.21 1.79-4 4-4'/%3e%3ccircle cx='10' cy='5' r='3'/%3e%3c/g%3e%3cg fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M12.13 12.87s-.01-.02-.02-.03h0a3 3 0 0 0-4.18 0 3.006 3.006 0 0 0-.07 4.26l.03.03a3.006 3.006 0 0 0 4.26-.03 3.015 3.015 0 0 0 0-4.23M12.13 12.87 17 8M17 12l1-1'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-Reboot {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10 2v5'/%3e%3cpath fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.23 16.97v-2.83h2.83'/%3e%3cpath fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.05 14.95c2.73 2.73 7.17 2.73 9.9 0a7.007 7.007 0 0 0-2.17-11.38'/%3e%3ccircle cx='6.27' cy='4.07' r='1' fill='%23145656'/%3e%3ccircle cx='3.66' cy='7.01' r='1' fill='%23145656'/%3e%3ccircle cx='3.06' cy='10.84' r='1' fill='%23145656'/%3e%3c/svg%3e")
}
.icon-Redirect_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M1 8h2.76c.8 0 1.56-.32 2.12-.88L9 4' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3cpath d='M6 3h4v4M3.76 8c.8 0 1.56.32 2.12.88L7 10' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Redo {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M12.31 12.16H16V8.47' data-name='Path 270'/%3e%3cpath d='m16 12.16-2.86-2.68A5.536 5.536 0 0 0 4 11.55' data-name='Path 272'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-Reset_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M5 5 3 3l2-2' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3cpath d='M2.5 6.5C2.5 8.43 4.07 10 6 10s3.5-1.57 3.5-3.5S7.93 3 6 3H4' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Return_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M4 10 2 8l2-2' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3cpath d='M2 3h5.5a2.5 2.5 0 0 1 0 5H2' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Routing {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='m16 3 2 2-2 2'/%3e%3cpath d='M2 15h2.44c.98 0 1.9-.48 2.46-1.28l5.21-7.44c.56-.8 1.48-1.28 2.46-1.28h3.44'/%3e%3c/g%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='m16 13 2 2-2 2'/%3e%3cpath d='M2 5h2.44c.98 0 1.9.48 2.46 1.28l5.21 7.44c.56.8 1.48 1.28 2.46 1.28h3.44'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-Routing_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='m8 2 2 2-2 2' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3cpath d='M4.54 10C5.34 10 6 9.35 6 8.54v-.17c0-.8-.65-1.46-1.46-1.46H3.45c-.8 0-1.46-.65-1.46-1.46h0c0-.8.65-1.46 1.46-1.46h6.54' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Safe_Mode {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M10 16v-5M14 16c0 1.1-.9 2-2 2s-2-.9-2-2'/%3e%3c/g%3e%3cg fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M2 10c0-4.42 3.58-8 8-8s8 3.58 8 8'/%3e%3cpath d='M7.33 10c0-1.47-1.19-2.67-2.67-2.67S1.99 8.52 1.99 10M12.67 10c0-1.47-1.19-2.67-2.67-2.67S7.33 8.52 7.33 10'/%3e%3cpath d='M18 10c0-1.47-1.19-2.67-2.67-2.67S12.66 8.52 12.66 10'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-Sock_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M4.95 10.54 8.9 8.55A1.99 1.99 0 0 0 10 6.76V1H5v4s-.71.35-2 1C1.36 6.86.75 8.03 1.46 9.5c.69 1.31 2.03 1.7 3.49 1.04' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3cpath d='M7.32 9.35C7.12 8.94 7 8.49 7 8c0-1.66 1.34-3 3-3' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Software {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2 8h16'/%3e%3ccircle cx='5' cy='5' r='1' fill='%23145656'/%3e%3ccircle cx='8' cy='5' r='1' fill='%23145656'/%3e%3crect width='16' height='16' x='2' y='2' fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' rx='3' ry='3'/%3e%3c/svg%3e")
}
.icon-Supout {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M4 4V2h8l5 5v11H5'/%3e%3cpath d='M17 7h-5V2'/%3e%3c/g%3e%3cpath fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 7v8l5-4z'/%3e%3c/svg%3e")
}
.icon-Switch {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M10 6v11M13 6v11M16 6v8h2M3.91 6v5H2M6.96 6v11H2'/%3e%3c/g%3e%3cpath fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2 3h16v3H2z'/%3e%3c/svg%3e")
}
.icon-System {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3ccircle cx='10' cy='10' r='2' fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' data-name='Ellipse 23'/%3e%3cpath fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.38 12.18c-.2.45-.1.97.24 1.32l.04.04c.57.57.57 1.49 0 2.06s-1.49.57-2.06 0h0l-.04-.04c-.48-.46-1.25-.45-1.71.03-.22.22-.34.52-.34.83v.12a1.451 1.451 0 0 1-2.9 0v-.07c-.01-.49-.32-.93-.79-1.1-.45-.2-.97-.1-1.32.24l-.04.04c-.57.57-1.49.57-2.06 0s-.57-1.49 0-2.06h0l.04-.04c.46-.48.45-1.25-.03-1.71-.22-.22-.52-.34-.83-.34h-.12a1.451 1.451 0 0 1 0-2.9h.06c.49-.01.93-.32 1.1-.79.2-.45.1-.97-.24-1.32l-.04-.04c-.57-.57-.57-1.49 0-2.06s1.49-.57 2.06 0l.04.04c.35.34.87.44 1.32.24h.06c.44-.19.73-.62.73-1.1v-.12a1.451 1.451 0 0 1 2.9 0v.06c0 .67.55 1.2 1.22 1.2.31 0 .61-.12.83-.34l.04-.04c.57-.57 1.49-.57 2.06 0s.57 1.49 0 2.06l-.04.04c-.34.35-.44.87-.24 1.32v.06c.19.44.62.73 1.1.73h.12a1.451 1.451 0 0 1 0 2.9h-.07c-.48 0-.91.29-1.1.73Z' data-name='Path 265'/%3e%3c/svg%3e")
}
.icon-Tarpit_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='3.5' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3cpath d='m4 4 4 4' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Terminal {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3crect width='16' height='16' x='2' y='2' fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' rx='3' ry='3'/%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='m5 5 2 2-2 2M9 9h5'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-Threedots {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3ccircle cx='10' cy='5.5' r='1.25' fill='%23145656'/%3e%3ccircle cx='10' cy='10' r='1.25' fill='%23145656'/%3e%3ccircle cx='10' cy='14.5' r='1.25' fill='%23145656'/%3e%3c/svg%3e")
}
.icon-Tools {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M18 15H2l2-4h12zM2 15v3h16v-3M10 13l2.57-6.18'/%3e%3c/g%3e%3ccircle cx='13.5' cy='4.5' r='2.5' fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3e%3c/svg%3e")
}
.icon-Undo {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M7.69 12.16H4V8.47' data-name='Path 270'/%3e%3cpath d='m4 12.16 2.86-2.68A5.536 5.536 0 0 1 16 11.55' data-name='Path 272'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-Upload {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='m6 6 4-4 4 4M10 14V2'/%3e%3c/g%3e%3cpath fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2 8v6c0 1.66 1.34 3 3 3h10c1.66 0 3-1.34 3-3V8'/%3e%3c/svg%3e")
}
.icon-UserEdit_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='3' r='2' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3cpath d='M6 7H4c-1.1 0-2 .9-2 2v2M6 11l5-5M11 11H9' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-UserFull_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='3' r='2' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3cpath d='M4 7c-1.1 0-2 .9-2 2v2' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3ccircle cx='8.5' cy='8.5' r='1.5' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3cpath d='M8.5 10v1M8.5 6v1M10 8.5h1M6 8.5h1M9.56 9.56l.71.71M6.73 6.73l.71.71M9.56 7.44l.71-.71M6.73 10.27l.71-.71' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-UserView_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='3' r='2' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3cpath d='M11 9s-1.34 2-3 2-3-2-3-2 1.34-2 3-2 3 2 3 2M4 7c-1.1 0-2 .9-2 2v2' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3ccircle cx='8' cy='9' r='1' style='fill:%23145656'/%3e%3c/svg%3e")
}
.icon-User_Manager {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3ccircle cx='12.5' cy='5.5' r='2.5'/%3e%3cpath d='M7 17v-4c0-1.66 1.34-3 3-3h5c1.66 0 3 1.34 3 3v4'/%3e%3c/g%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M7.5 8a2.5 2.5 0 0 1 0-5c.35 0 .67.07.97.2M2 17v-4c0-1.66 1.34-3 3-3'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-VPN {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M10 18.56 14 16c3-2.33 3-4.6 3-7V4s-3.89.39-7-2M10 18.56 6 16c-3-2.33-3-4.6-3-7V4s3.89.39 7-2'/%3e%3c/g%3e%3cg fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M14 7v4c0 .82-.39 1.59-1.3 2.24L10 15M6 7v4c0 .82.37 1.61 1.25 2.24L10 15'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-VirtualMachine {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15 7h3v11H2V7h3'/%3e%3cg fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M15 3v6l-5 2-5-2V3'/%3e%3cpath d='m10 1 5 2-5 2-5-2zM10 5v6'/%3e%3c/g%3e%3ccircle cx='15' cy='15' r='1' fill='%23145656'/%3e%3cpath fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2 14h10'/%3e%3c/svg%3e")
}
.icon-VirtualInterface_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M3 9 1 6l2-3M9 3l2 3-2 3' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3ccircle cx='4.5' cy='6' r='1' style='fill:%23145656'/%3e%3ccircle cx='7.5' cy='6' r='1' style='fill:%23145656'/%3e%3c/svg%3e")
}
.icon-Wifi {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M10 11.5v3M3 16h5M12 16h5'/%3e%3c/g%3e%3cg fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3ccircle cx='10' cy='16' r='1.5'/%3e%3cpath d='M7.88 9.38a3 3 0 0 1 4.24 0M5.76 7.26c2.34-2.34 6.14-2.34 8.49 0'/%3e%3cpath d='M3.64 5.14c3.51-3.51 9.21-3.51 12.73 0'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-WifiAp_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M1 5c0-1.28.49-2.56 1.46-3.54M9.54 1.46A4.98 4.98 0 0 1 11 5M8 11 6 5l-2 6' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3cpath d='M8.82 6c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3S3 3.34 3 5c0 .35.07.69.18 1' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-WifiBss_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='9.75' r='1.25' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3cpath d='M6 8.5V5M10.75 9.75h-3.5M4.75 9.75h-3.5M1 5c0-1.28.49-2.56 1.46-3.54M9.54 1.46A4.98 4.98 0 0 1 11 5M8.82 6c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3S3 3.34 3 5c0 .35.07.69.18 1' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-WifiClient_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M1 8h5v3H1zM10 6v4H6M10 3C8.34 3 7 4.34 7 6M10 1C7.24 1 5 3.24 5 6M4.78 1.34A7 7 0 0 0 3 6' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-WifiFreq_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M2.46 9.54a5.003 5.003 0 0 1 0-7.07M9.54 2.46a5.003 5.003 0 0 1 0 7.07M4.14 7.86a2.613 2.613 0 0 1 0-3.71M7.86 4.14a2.613 2.613 0 0 1 0 3.71' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3ccircle cx='6' cy='6' r='1' style='fill:%23145656'/%3e%3c/svg%3e")
}
.icon-WireGuard {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M10 18.56 14 16c3-2.33 3-4.6 3-7V4s-3.89.39-7-2M10 18.56 6 16c-3-2.33-3-4.6-3-7V4s3.89.39 7-2'/%3e%3c/g%3e%3cg fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M10 14V6M14 8v2c0 .82-.39 1.59-1.3 2.24L10 14M6 8v2c0 .82.37 1.61 1.25 2.24L10 14'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-Wireless {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M10 10.5v3M3 15h5M12 15h5'/%3e%3c/g%3e%3cg fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3ccircle cx='10' cy='15' r='1.5'/%3e%3cpath d='M7.88 8.38a3 3 0 0 1 4.24 0M5.76 6.26c2.34-2.34 6.14-2.34 8.49 0'/%3e%3c/g%3e%3c/svg%3e")
}
.icon-Wireless_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M8.9 5.94a4.95 4.95 0 0 0-5.8 0M10.65 3.5C9.34 2.56 7.74 2 6 2s-3.34.56-4.65 1.5M6 10V8' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-ZeroTier {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10 3v15'/%3e%3cpath fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2 3h16' data-name='accent'/%3e%3ccircle cx='10' cy='11' r='5' fill='none' stroke='%233ca384' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3e%3c/svg%3e")
}
.icon-Close_12x12-rev {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='m3 3 6 6M3 9l6-6' style='fill:none;stroke:%23ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Play_12x12-rev {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='m4 3 5 3-5 3z' style='fill:none;stroke:%23ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Pause_12x12-rev {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M4 3v6M8 3v6' style='fill:none;stroke:%23ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Close_12x12-red {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='m3 3 6 6M3 9l6-6' style='fill:none;stroke:%23a51c23;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Load_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M2 9h8M2 6h6M2 3h4' style='fill:none;stroke:%23a51c23;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-LoadMid_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='2.25' cy='3' r='1' style='fill:orange'/%3e%3cpath d='M2 9h8M2 6h6' style='fill:none;stroke:orange;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Plus_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M3 6h6M6 3v6' style='fill:none;stroke:%23161616;stroke-linecap:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Minus_12x12 {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M3 6h6' style='fill:none;stroke:%23161616;stroke-linecap:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-IP_12x12-green {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M6 6v4M9.5 6H2V3h7.5L11 4.5z' style='fill:none;stroke:%233ca384;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon-Check_12x12-green {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M10 4 5 9 2 6' style='fill:none;stroke:%233ca384;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.icon,
.icon-sm,
.icon-xs {
  display:inline-block;
  width:var(--icon);
  height:var(--icon);
  background-size:100% 100%;
  background-repeat:no-repeat;
  pointer-events:none
}
.icon-sm {
  width:var(--icon-sm);
  height:var(--icon-sm)
}
.icon-xs {
  width:var(--icon-xs);
  height:var(--icon-xs)
}
.icon-tbl {
  width:var(--icon-xs);
  height:var(--icon-xs);
  margin-right:var(--space-xxs)
}
.icon-bg {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  border-radius:var(--corner);
  padding:calc(var(--space-xxs)*.5) calc(var(--space-xxs)*.5)
}
.icon-Pin_12x12.unpinned {
  filter:grayscale(1);
  opacity:.25;
  transform:rotate(0)
}
.btn:hover .icon-Pin_12x12.unpinned,
.btn-select-drop button:hover .icon-Pin_12x12.unpinned,
.btn-select-drop a:hover .icon-Pin_12x12.unpinned {
  filter:grayscale(0);
  opacity:1;
  transform:rotate(0)
}
.icon-Pin_12x12.pinned {
  filter:grayscale(0);
  opacity:1;
  transform:rotate(-45deg)
}
.btn:hover .icon-Pin_12x12.pinned,
.btn-select-drop button:hover .icon-Pin_12x12.pinned,
.btn-select-drop a:hover .icon-Pin_12x12.pinned {
  filter:grayscale(1);
  opacity:.25;
  transform:rotate(-45deg)
}
.icon-Pin_12x12.pinned,
.icon-Pin_12x12.unpinned {
  outline:none;
  transition:filter .25s,opacity .25s,transform .25s
}
.btn-BurgerSwitch>.icon {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M5 6h10M5 14h10M5 10h10'/%3e%3c/g%3e%3c/svg%3e")
}
body.serve--menu-show .btn-BurgerSwitch>.icon {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='m6 6 8 8M6 14l8-8'/%3e%3c/g%3e%3c/svg%3e")
}
.btn-FormSwitch>.icon {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='m7 6-4 4 4 4M13 14l4-4-4-4'/%3e%3c/g%3e%3c/svg%3e")
}
body.serve--form-full .btn-FormSwitch>.icon {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cg fill='none' stroke='%23145656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='m4 14 4-4-4-4M16 6l-4 4 4 4'/%3e%3c/g%3e%3c/svg%3e")
}
.dot {
  display:inline-block;
  width:var(--icon-xxs);
  height:var(--icon-xxs);
  border-radius:var(--icon-xxs)
}
.dot.dot-red {
  background-color:var(--red)
}
.dot.dot-green {
  background-color:var(--green)
}
.dot.dot-dark-green {
  background-color:var(--dark-green)
}
.dot.dot-body {
  background-color:var(--body-color)
}
.dot.dot-medium {
  background-color:var(--bg-medium)
}
.menu-wrap {
  flex-grow:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:var(--grid-gutter)
}
@media(max-width: 991px) {
  .menu-wrap {
    visibility:hidden;
    position:fixed;
    z-index:998;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:var(--bg-light);
    overflow:auto
  }
  .serve--menu-show .menu-wrap {
    visibility:visible
  }
}
@media(min-width: 992px) {
  .menu-wrap {
    position:relative;
    z-index:9
  }
}
.menu {
  position:relative;
  flex-grow:1;
  user-select:none
}
@media(max-width: 991px) {
  .menu {
    border-radius:var(--corner-md);
    min-width:280px;
    flex-grow:1;
    margin:calc(var(--icon) + var(--grid-gutter)*3) auto 0 auto;
    overflow:auto;
    background-color:var(--white);
    padding:var(--space-lg);
    box-shadow:var(--shadow-block)
  }
}
.menu ul,
.menu li {
  list-style:none;
  margin:0;
  padding:0
}
@media(max-width: 991px) {
  .menu li:not(.active,
  :last-child) {
    border-bottom:1px solid var(--bg-bright)
  }
}
.menu .group {
  display:block
}
@media(min-width: 992px) {
  .menu .group {
    position:relative
  }
}
.menu a,
.menu button {
  position:relative;
  display:flex;
  width:100%;
  align-items:center;
  justify-content:flex-start;
  text-decoration:none;
  color:inherit;
  border:none;
  padding:var(--space-xxs);
  background-color:rgba(0,0,0,0);
  white-space:nowrap;
  transition:color .25s,background-color .25s,border-color .25s,box-shadow .25s,opacity .25s
}
@media(min-width: 992px) {
  .menu a,
  .menu button {
    border-radius:var(--corner)
  }
}
.menu a:focus-visible,
.menu button:focus-visible {
  outline:1px solid var(--dark-green);
  outline-offset:-1px
}
.menu a>span.icon,
.menu button>span.icon {
  flex:0 0 auto
}
.menu a>span:not(.icon),
.menu button>span:not(.icon) {
  flex:1 0 auto;
  padding:0 var(--space-xs);
  text-align:left
}
.menu a[aria-current=page],
.menu button[aria-current=page] {
  background-color:var(--bg-bright)
}
.menu a:hover,
.menu button:hover,
.menu a[aria-current=page]:hover,
.menu button[aria-current=page]:hover,
.menu .active>.group>a,
.menu .active>.group>button {
  background-color:var(--white)
}
.menu a[aria-current=page],
.menu button[aria-current=page] {
  background-color:var(--bg-medium)
}
.menu ul.level-1 a:has(+ul)::after,
.menu ul.level-1 button:has(+ul)::after {
  content:"";
  width:var(--icon-xs);
  height:var(--icon-xs);
  background:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M8.5 5 6 7.5 3.5 5' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e") no-repeat center center;
  transform:rotate(-90deg)
}
@media(min-width: 992px) {
  .serve--menu-minimized .menu ul.level-1>li {
    position:relative;
    display:flex;
    width:calc(var(--icon) + 2*var(--space-xxs));
    overflow:visible
  }
  .serve--menu-minimized .menu ul.level-1>li>.group {
    width:auto;
    overflow:hidden
  }
  .serve--menu-minimized .menu ul.level-1>li>.group:has(a:hover,
  button:hover),
  .serve--menu-minimized .menu ul.level-1>li.active>.group {
    overflow:visible;
    box-shadow:var(--shadow-block)
  }
  .serve--menu-minimized .menu ul.level-1 li:not(.active):has(:is(a,
  button):not(:hover)+ul)::after {
    content:"";
    position:absolute;
    right:calc(var(--icon-xs)*-0.5);
    top:calc(50% - var(--icon-xs)*.5);
    width:var(--icon-xs);
    height:var(--icon-xs);
    background:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M8.5 5 6 7.5 3.5 5' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e") no-repeat center center;
    transform:rotate(-90deg);
    pointer-events:none
  }
}
.menu ul.level-2 {
  display:none
}
@media(max-width: 991px) {
  .menu ul.level-2 {
    position:relative
  }
}
@media(min-width: 992px) {
  .menu ul.level-2 {
    position:absolute;
    z-index:2;
    left:calc(100% - 2px);
    top:calc(var(--space-xxs)*-1);
    background-color:var(--white);
    padding:var(--space-xs);
    border-radius:var(--corner);
    box-shadow:var(--shadow-block);
    transition:transform .5s ease-in
  }
}
.menu ul.level-2 a,
.menu ul.level-2 button {
  width:100%;
  line-height:var(--input-line-height);
  padding:calc(var(--space-xxs)*.5) var(--space-sm)
}
@media(hover: hover) {
  .menu ul.level-2 a:hover,
  .menu ul.level-2 button:hover {
    background-color:var(--bg-bright)
  }
}
.menu ul.level-2 span {
  padding-left:0;
  padding-right:0
}
@media(min-width: 992px) {
  .menu ul.level-1>li.active {
    position:relative;
    z-index:2
  }
}
@media(max-width: 991px) {
  .menu ul.level-1>li.active:has(ul) {
    position:absolute;
    z-index:3;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:var(--white)
  }
}
@media(max-width: 991px) {
  .menu ul.level-1>li.active>.group {
    padding:calc(var(--space)*2)
  }
}
@media(max-width: 991px) {
  .menu ul.level-1>li.active>.group>a,
  .menu ul.level-1>li.active>.group>button {
    margin-bottom:var(--grid-gutter)
  }
}
.menu ul.level-1>li.active>.group>a::after,
.menu ul.level-1>li.active>.group>button::after {
  transform:rotate(90deg)
}
.menu ul.level-1>li.active>.group>ul {
  z-index:3;
  display:grid;
  grid-template-rows:repeat(10, min-content);
  grid-auto-columns:1fr
}
@media(min-width: 992px) {
  .menu ul.level-1>li.active>.group>ul {
    grid-auto-flow:column
  }
}
@media(max-width: 991px) {
  .menu ul.level-1:has(>li.active)>li:not(.active) {
    display:none
  }
}
@media(min-width: 992px) {
  .menu-wrap .dock {
    display:none
  }
}
.logo {
  display:none;
  width:100%;
  height:auto;
  min-height:28px;
  max-width:90px;
  max-height:90px;
  align-self:center;
  object-fit:contain;
  object-position:left center;
  margin:0 var(--space-xxs)
}
@media(min-width: 992px) {
  .logo {
    display:inline-block
  }
}
.serve--menu-minimized .logo {
  display:none !important
}
.burger {
  display:block;
  z-index:999
}
@media(min-width: 992px) {
  .burger {
    display:none
  }
}
.identity {
  flex:1 0 100px;
  display:flex;
  height:var(--input-height);
  justify-content:center;
  align-items:center;
  background-color:var(--bg-medium);
  border-radius:var(--corner);
  font-weight:var(--font-bold);
  font-size:var(--font-base);
  user-select:none;
  text-decoration:none;
  text-overflow:ellipsis;
  color:inherit;
  height:100%
}
@media(min-width: 760px) {
  .identity {
    flex:1 0 200px;
    font-size:calc(var(--font-base)*1.3334)
  }
}
input[type=text]:focus,
input[type=text]:focus:hover,
input[type=text].error:focus,
input[type=text].error:focus:hover,
input[type=password]:focus,
input[type=password]:focus:hover,
input[type=password].error:focus,
input[type=password].error:focus:hover,
input[type=checkbox]:focus,
input[type=checkbox]:focus:hover,
input[type=checkbox].error:focus,
input[type=checkbox].error:focus:hover,
input[type=radio]:focus,
input[type=radio]:focus:hover,
input[type=radio].error:focus,
input[type=radio].error:focus:hover,
textarea:focus,
textarea:focus:hover,
textarea.error:focus,
textarea.error:focus:hover,
select:focus,
select:focus:hover,
select.error:focus,
select.error:focus:hover,
.combobox button:focus,
.combobox button:focus:hover,
.combobox button.error:focus,
.combobox button.error:focus:hover {
  border-color:var(--dark-green)
}
input[type=text]:hover,
input[type=password]:hover,
input[type=checkbox]:hover,
input[type=radio]:hover,
textarea:hover,
select:hover,
.combobox button:hover {
  border-color:var(--bg-medium)
}
input[type=text]:disabled,
input[type=password]:disabled,
input[type=checkbox]:disabled,
input[type=radio]:disabled,
textarea:disabled,
select:disabled,
.combobox button:disabled {
  outline:none;
  pointer-events:none;
  opacity:var(--disabled-opacity);
  color:var(--body-color);
  filter:var(--disabled-filter)
}
label>.disabled,
label.disabled,
button:disabled {
  opacity:var(--disabled-opacity);
  color:var(--body-color)
}
.btn,
.btn-select-drop .btn,
.btn-select-drop button,
.btn-select-drop a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  vertical-align:bottom;
  padding:var(--space-xxs) var(--space-sm);
  border:none;
  border-radius:var(--corner);
  border-color:rgba(0,0,0,0);
  background:rgba(0,0,0,0) none no-repeat center center;
  background-repeat:no-repeat;
  box-shadow:var(--shadow-btn);
  font-size:var(--font-base);
  font-weight:var(--font-bold);
  line-height:var(--input-line-height);
  color:var(--body-color);
  text-align:center;
  text-wrap:nowrap;
  text-decoration:none;
  transition:color .25s,background-color .25s,border-color .25s,box-shadow .25s,opacity .25s;
  user-select:none;
  cursor:pointer
}
.btn:focus,
.btn-select-drop button:focus,
.btn-select-drop a:focus {
  outline:1px solid var(--dark-green);
  outline-offset:-1px
}
.btn:disabled,
.btn-select-drop button:disabled,
.btn-select-drop a:disabled {
  filter:grayscale(1);
  opacity:var(--disabled-opacity);
  pointer-events:none
}
.btn h1,
.btn-select-drop .btn h1,
.btn-select-drop button h1,
.btn-select-drop a h1,
.btn h2,
.btn-select-drop .btn h2,
.btn-select-drop button h2,
.btn-select-drop a h2,
.btn h3,
.btn-select-drop .btn h3,
.btn-select-drop button h3,
.btn-select-drop a h3,
.btn h4,
.btn-select-drop .btn h4,
.btn-select-drop button h4,
.btn-select-drop a h4,
.btn h5,
.btn-select-drop .btn h5,
.btn-select-drop button h5,
.btn-select-drop a h5,
.btn h6,
.btn-select-drop .btn h6,
.btn-select-drop button h6,
.btn-select-drop a h6 {
  display:inline;
  font-size:inherit
}
.btn-browse::file-selector-button {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border-width:0
}
.btn-MenuSwitch {
  display:none
}
@media(min-width: 992px) {
  .btn-MenuSwitch {
    display:inline-flex
  }
}
.btn-MenuSwitch .icon-ChevronSmall_12x12 {
  transform:rotate(90deg)
}
.serve--menu-minimized .btn-MenuSwitch .icon-ChevronSmall_12x12 {
  transform:rotate(270deg)
}
.btn-sm {
  padding:calc(var(--space-xxs)*.5) calc(var(--space-xxs)*.5)
}
.btn-md {
  padding:var(--space-xxs) var(--space)
}
.btn-wide {
  padding:var(--space-xxs) var(--space)
}
@media(min-width: 760px) {
  .btn-wide {
    min-width:6rem
  }
}
.btn-reset,
.table th.comment button.switch,
.table th>div button {
  font-weight:inherit;
  color:inherit;
  outline:none;
  border:none;
  background:rgba(0,0,0,0) none no-repeat center center;
  text-wrap:nowrap;
  padding:0;
  outline:none;
  border:none
}
.btn-dark-green {
  color:var(--white);
  background-color:var(--dark-green);
  border-color:var(--dark-green)
}
.btn-dark-green:focus {
  outline:1px solid var(--dark-green);
  outline-offset:1px
}
.btn-green {
  color:var(--white);
  background-color:var(--green);
  border-color:var(--green)
}
.btn-green:focus {
  outline:1px solid var(--green);
  outline-offset:1px
}
.btn-light-green {
  color:var(--dark-green);
  background-color:var(--light-green);
  border-color:var(--light-green)
}
.btn-light-green:focus {
  outline:1px solid var(--dark-green);
  outline-offset:1px
}
.btn-red {
  color:var(--white);
  background-color:var(--red);
  border-color:var(--red)
}
.btn-red:focus {
  outline:1px solid var(--red);
  outline-offset:1px
}
.btn-gray {
  color:var(--body-color);
  background-color:var(--bg-medium);
  border-color:var(--bg-medium)
}
.btn-gray:focus {
  outline:1px solid var(--dark-green);
  outline-offset:1px
}
.btn-dark-gray {
  color:var(--body-color);
  background-color:var(--bg-dark);
  border-color:var(--bg-dark)
}
.btn-dark-gray:focus {
  outline:1px solid var(--dark-green);
  outline-offset:1px
}
.btn-white {
  color:var(--body-color);
  background-color:var(--white);
  border-color:var(--white)
}
.btn-white:focus {
  outline:1px solid var(--dark-green);
  outline-offset:1px
}
.btn-darken-15 {
  color:var(--white);
  background-color:rgba(0,0,0,.15);
  border-color:rgba(0,0,0,.15)
}
.btn-darken-15:focus {
  outline:1px solid rgba(0,0,0,.15);
  outline-offset:1px
}
.btn-outline,
.f-item .btn-plus,
.f-item .btn-minus,
.f-item .btn-up,
.f-item .btn-down {
  padding:calc(var(--space-xxs) - var(--input-border-size)) calc(var(--space-xs) - var(--input-border-size));
  border:var(--input-border-size) solid var(--bg-medium);
  background-color:rgba(0,0,0,0)
}
.btn-outline.btn-dark-green,
.f-item .btn-dark-green.btn-plus,
.f-item .btn-dark-green.btn-minus,
.f-item .btn-dark-green.btn-up,
.f-item .btn-dark-green.btn-down {
  color:var(--dark-green)
}
.btn-outline.btn-green,
.f-item .btn-green.btn-plus,
.f-item .btn-green.btn-minus,
.f-item .btn-green.btn-up,
.f-item .btn-green.btn-down {
  color:var(--green)
}
.btn-icon {
  padding:var(--space-xxs)
}
.btn-icon.btn-outline,
.f-item .btn-plus,
.f-item .btn-minus,
.f-item .btn-up,
.f-item .btn-down {
  padding:calc(var(--space-xxs) - var(--input-border-size)) calc(var(--space-xxs) - var(--input-border-size))
}
.btn-icon-txt {
  gap:var(--space-xxs)
}
.btn-select-drop .btn>input[type=checkbox].switch,
.btn-select-drop button>input[type=checkbox].switch,
.btn-select-drop a>input[type=checkbox].switch {
  margin-left:auto
}
.btn-notification {
  position:relative
}
.btn-notification::after {
  content:"";
  position:absolute;
  right:0;
  top:0;
  width:.625em;
  height:.625em;
  border-radius:.3em;
  background-color:var(--red)
}
.btn-FormSwitch {
  display:none
}
@media(min-width: 992px) {
  .btn-FormSwitch {
    display:inline-flex
  }
  .btn-FormSwitch:focus {
    outline:1px solid var(--dark-green)
  }
}
.btn-plus,
.btn-minus,
.btn-down,
.btn-up,
.btn-not {
  padding:calc(var(--space-xxs) - 1px);
  box-shadow:none !important
}
.btn-plus:hover,
.btn-minus:hover,
.btn-down:hover,
.btn-up:hover,
.btn-not:hover {
  background-color:var(--bg-bright)
}
.btn-plus::after,
.btn-minus::after,
.btn-down::after,
.btn-up::after,
.btn-not::after {
  content:"";
  display:inline-block;
  width:var(--input-line-height);
  height:var(--input-line-height);
  background-position:center center;
  background-repeat:no-repeat;
  background-size:var(--space) var(--space)
}
.btn-plus-light,
.btn-minus-light {
  background-color:var(--bg-bright);
  border-color:rgba(0,0,0,0)
}
.btn-plus::after {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M3 6h6M6 3v6' style='fill:none;stroke:%23161616;stroke-linecap:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.btn-minus::after {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M3 6h6' style='fill:none;stroke:%23161616;stroke-linecap:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.btn-up::after {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M10 4 6 8 2 4' style='fill:none;stroke:%23161616;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e");
  transform:rotate(180deg)
}
.btn-down::after {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M10 4 6 8 2 4' style='fill:none;stroke:%23161616;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.btn-down.expanded::after {
  transform:rotate(-180deg)
}
.btn-not,
input[type=checkbox].btn-not {
  padding:calc(var(--space-xxs) - 1px) 0;
  width:calc(var(--icon-sm) - 1px);
  height:auto;
  background-image:none !important
}
.btn-not.checked:focus,
.btn-not:checked:focus,
input[type=checkbox].btn-not.checked:focus,
input[type=checkbox].btn-not:checked:focus {
  outline:1px solid var(--dark-green);
  outline-offset:1px
}
.btn-not::after,
input[type=checkbox].btn-not::after {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M5.58 7.67c.12.43.73.43.85 0 .4-1.49.94-3.72.94-4.86 0 0 .05-1.82-1.36-1.82S4.65 2.81 4.65 2.81c0 1.14.54 3.36.94 4.86Z' style='fill:%23cfd2d2'/%3e%3ccircle cx='6' cy='10' r='1.25' style='fill:%23cfd2d2'/%3e%3c/svg%3e")
}
.btn-not.checked,
.btn-not:checked,
input[type=checkbox].btn-not.checked,
input[type=checkbox].btn-not:checked {
  background-color:var(--dark-green);
  border-color:var(--dark-green)
}
.btn-not.checked::after,
.btn-not:checked::after,
input[type=checkbox].btn-not.checked::after,
input[type=checkbox].btn-not:checked::after {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M5.58 7.67c.12.43.73.43.85 0 .4-1.49.94-3.72.94-4.86 0 0 .05-1.82-1.36-1.82S4.65 2.81 4.65 2.81c0 1.14.54 3.36.94 4.86Z' style='fill:%23ffffff'/%3e%3ccircle cx='6' cy='10' r='1.25' style='fill:%23ffffff'/%3e%3c/svg%3e")
}
.f-not>.btn-not,
.f-not>input[type=checkbox].btn-not {
  align-self:stretch;
  display:flex;
  align-items:flex-start
}
.btn-switch-group {
  position:relative;
  display:flex;
  gap:2px
}
.btn-switch-group .btn,
.btn-switch-group .btn-select-drop button,
.btn-select-drop .btn-switch-group button,
.btn-switch-group .btn-select-drop a,
.btn-select-drop .btn-switch-group a {
  position:relative
}
.btn-switch-group .btn:focus,
.btn-switch-group .btn-select-drop button:focus,
.btn-select-drop .btn-switch-group button:focus,
.btn-switch-group .btn-select-drop a:focus,
.btn-select-drop .btn-switch-group a:focus {
  outline-offset:-1px
}
.btn-switch-group .btn:not(.active),
.btn-switch-group .btn-select-drop button:not(.active),
.btn-select-drop .btn-switch-group button:not(.active),
.btn-switch-group .btn-select-drop a:not(.active),
.btn-select-drop .btn-switch-group a:not(.active) {
  background-color:rgba(0,0,0,0);
  border-color:rgba(0,0,0,0)
}
.btn-switch-group::before {
  content:"";
  position:absolute;
  top:-2px;
  right:-2px;
  bottom:-2px;
  left:-2px;
  border:2px solid var(--bg-medium);
  border-radius:calc(var(--corner-md));
  background-color:var(--bg-medium)
}
.btn-select-wrap {
  position:relative;
  display:none
}
.btn-select-wrap:has(li) {
  display:inline-block
}
.btn-select-wrap.show {
  z-index:10
}
.btn-select-wrap::after {
  content:"";
  position:absolute;
  right:var(--space-xxs);
  top:50%;
  margin-top:calc(var(--icon-xs)*-0.5);
  transform:rotate(0);
  width:var(--icon-xs);
  height:var(--icon-xs);
  background:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M8.5 5 6 7.5 3.5 5' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e") no-repeat center center;
  pointer-events:none
}
.btn-select-wrap.show::after {
  transform:rotate(180deg)
}
.btn-select-wrap.show::before {
  content:"";
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:hsla(0,0%,100%,0)
}
.btn-select-wrap.show>.btn,
.btn-select-drop .btn-select-wrap.show>button,
.btn-select-drop .btn-select-wrap.show>a {
  background-color:hsla(0,0%,100%,.5)
}
.btn-select-wrap.btn-select-clean::after {
  display:none
}
.btn-select {
  text-align:left;
  padding:var(--space-xxs) calc(var(--space-xs) + var(--icon-xs)) var(--space-xxs) var(--space-sm);
  border-radius:calc(var(--corner));
  -moz-appearance:none;
  -webkit-appearance:none;
  appearance:none
}
.btn-select:focus {
  outline:none
}
.btn-select:focus-visible {
  outline:1px solid var(--dark-green)
}
.btn-select-drop {
  position:absolute;
  visibility:hidden;
  left:0;
  top:calc(100% - 1px);
  display:block;
  min-width:128px;
  max-height:75vh;
  padding:var(--space-xs);
  overflow:auto;
  background-color:var(--white);
  border-radius:var(--corner);
  box-shadow:var(--shadow-block);
  transition:transform .5s ease-in
}
.btn-select-drop ul {
  margin:0;
  padding:0
}
.btn-select-drop li {
  position:relative;
  display:flex;
  flex-direction:column;
  line-height:var(--input-line-height);
  margin:0;
  padding:0
}
.btn-select-drop li.sep {
  margin:var(--space-xs) calc(var(--space-xs)*-1);
  height:1px;
  background-color:var(--bg-light)
}
.btn-select-drop li.sep-title {
  position:relative;
  font-weight:var(--font-bold);
  padding:calc(var(--space-xxs)*.5) calc(var(--space-xxs)*2);
  margin:0 var(--space-xxs) 0;
  background-color:rgba(0,0,0,0) !important;
  cursor:default !important
}
.btn-select-drop li.sep-title::after {
  content:"";
  display:inline-block;
  vertical-align:middle;
  width:12px;
  height:12px;
  background:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M8.5 5 6 7.5 3.5 5' style='fill:none;stroke:%23161616;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e") no-repeat;
  transform:translate(0, -0.1em);
  margin-left:var(--space-xxs)
}
.btn-select-drop .btn,
.btn-select-drop button,
.btn-select-drop a,
.btn-select-drop button,
.btn-select-drop a {
  display:flex;
  justify-content:flex-start;
  color:inherit;
  font-weight:var(--font-base);
  text-decoration:none;
  border-radius:var(--corner);
  background-color:rgba(0,0,0,0);
  user-select:none;
  cursor:pointer;
  white-space:nowrap
}
@media(hover: hover) {
  .btn-select-drop .btn:hover,
  .btn-select-drop .btn:focus,
  .btn-select-drop .btn.active,
  .btn-select-drop button:hover,
  .btn-select-drop button:focus,
  .btn-select-drop button.active,
  .btn-select-drop a:hover,
  .btn-select-drop a:focus,
  .btn-select-drop a.active {
    background-color:var(--white)
  }
}
.btn-select-drop li:first-child>.btn,
.btn-select-drop li:first-child>button,
.btn-select-drop li:first-child>a {
  margin-top:0
}
.btn-select-drop li:last-child>.btn,
.btn-select-drop li:last-child>button,
.btn-select-drop li:last-child>a {
  margin-bottom:0
}
.show>.btn-select-drop {
  visibility:visible;
  z-index:2
}
@media(min-width: 576px) {
  .btn-select-wrap.case-form-toolbar {
    position:static;
    margin-bottom:var(--space-xxs);
    width:100%
  }
  .btn-select-wrap.case-form-toolbar::after {
    display:none
  }
  .btn-select-wrap.case-form-toolbar .btn-select {
    background-color:rgba(0,0,0,0);
    margin-bottom:var(--space-xxs);
    padding:0
  }
  .btn-select-wrap.case-form-toolbar .btn-select:focus {
    outline:none
  }
  .btn-select-wrap.case-form-toolbar .btn-select-drop {
    position:static;
    visibility:visible;
    background:none;
    padding:0;
    box-shadow:none
  }
  .btn-select-wrap.case-form-toolbar ul {
    display:flex;
    flex-direction:column;
    align-items:stretch
  }
  .btn-select-wrap.case-form-toolbar ul>li.sep {
    margin:var(--space-xs) calc(var(--grid-gutter)*-1)
  }
}
.btn-select-wrap.case-form-toolbar .btn:has(span:not(.icon):empty),
.btn-select-wrap.case-form-toolbar .btn-select-drop button:has(span:not(.icon):empty),
.btn-select-drop .btn-select-wrap.case-form-toolbar button:has(span:not(.icon):empty),
.btn-select-wrap.case-form-toolbar .btn-select-drop a:has(span:not(.icon):empty),
.btn-select-drop .btn-select-wrap.case-form-toolbar a:has(span:not(.icon):empty) {
  display:none
}
.select-wrap {
  position:relative;
  display:inline-block
}
.select-wrap select {
  position:absolute;
  inset:0;
  opacity:0
}
input[type=text],
input[type=password],
input[type=search],
textarea,
.combobox button {
  display:inline-flex;
  padding:calc(var(--space-xxs) - 1px) var(--space-xs);
  line-height:var(--input-line-height);
  border:1px solid var(--white);
  border-radius:var(--corner);
  background-color:var(--white);
  flex-grow:1
}
input[type=text].error,
input[type=text].error:focus,
input[type=text].error:focus:hover,
input[type=password].error,
input[type=password].error:focus,
input[type=password].error:focus:hover,
input[type=search].error,
input[type=search].error:focus,
input[type=search].error:focus:hover,
textarea.error,
textarea.error:focus,
textarea.error:focus:hover,
.combobox button.error,
.combobox button.error:focus,
.combobox button.error:focus:hover {
  border-color:var(--red)
}
input[type=text].changed,
input[type=password].changed,
input[type=search].changed,
textarea.changed,
.combobox button.changed {
  border-color:var(--green)
}
textarea {
  width:100%;
  padding:calc(var(--space-xxs) - 1px + .1785rem) var(--space-xs);
  line-height:var(--line-height);
  resize:vertical;
  max-width:100%
}
select {
  padding:calc(var(--space-xxs) - 1px) calc(var(--space-xs)*2 + var(--icon-xs)) calc(var(--space-xxs) - 1px) var(--space-xs);
  line-height:var(--input-line-height);
  border:1px solid var(--white);
  border-radius:var(--corner);
  background-color:var(--white);
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M10 4 6 8 2 4' style='fill:none;stroke:%23161616;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e");
  background-repeat:no-repeat;
  background-position:center right var(--space-xs);
  background-size:var(--space) var(--space);
  flex-grow:1;
  appearance:none;
  cursor:pointer
}
.combobox {
  position:relative;
  flex-grow:1
}
.combobox .combobox-input-group {
  display:flex;
  flex-wrap:nowrap
}
.combobox .combobox-input-group:focus-within input {
  border-color:var(--dark-green)
}
.combobox input {
  position:relative
}
.combobox select {
  position:absolute;
  width:100%
}
.combobox button,
.combobox button:focus {
  position:absolute;
  inset:1px 1px 1px auto;
  outline:none;
  border:none;
  aspect-ratio:1/1;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M10 4 6 8 2 4' style='fill:none;stroke:%23161616;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e");
  background-repeat:no-repeat;
  background-position:center right var(--space-xs);
  background-size:var(--space) var(--space);
  transform:scale(1, -1);
  appearance:none;
  cursor:pointer
}
.combobox:has(ul[hidden]) button {
  transform:scale(1, 1)
}
.combobox ul {
  position:absolute;
  left:0;
  top:100%;
  width:100%;
  min-width:120px;
  background-color:var(--white);
  box-sizing:border-box;
  padding:var(--space-xs);
  border-radius:var(--corner);
  border:1px solid rgba(0,0,0,0);
  box-shadow:var(--shadow-block);
  transition:transform .5s ease-in;
  max-height:max(200px,50vh);
  overflow:auto;
  z-index:100
}
.combobox ul.dropup {
  top:auto;
  bottom:100%
}
.combobox ul li {
  width:100%;
  line-height:var(--input-line-height);
  padding:calc(var(--space-xxs)*.5) var(--space-sm);
  border-radius:var(--corner);
  cursor:pointer
}
.combobox ul li[aria-selected=true] {
  background-color:var(--bg-light)
}
.combobox ul li:hover {
  background-color:var(--bg-bright)
}
input[type=radio] {
  position:relative;
  width:var(--icon-sm);
  height:var(--icon-sm);
  border-radius:1rem;
  border:1px solid var(--white);
  background:var(--white);
  background-position:center;
  background-size:var(--space) var(--space);
  appearance:none;
  flex:0 0 auto;
  cursor:pointer
}
input[type=radio]:checked {
  background-color:var(--dark-green);
  border-color:var(--dark-green)
}
input[type=radio]:checked::after {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:6px;
  height:6px;
  background-color:var(--white);
  border-radius:1rem;
  transform:translate(-3px, -3px);
  background-color:var(--white);
  border-radius:1rem
}
input[type=radio]:checked:focus {
  outline:1px solid var(--dark-green);
  outline-offset:1px
}
.radio {
  display:inline-flex;
  justify-content:flex-start;
  align-items:flex-start;
  vertical-align:text-bottom
}
.radio label {
  margin-left:var(--space-xs);
  cursor:pointer
}
input[type=checkbox] {
  width:var(--icon-sm);
  height:var(--icon-sm);
  border-radius:var(--corner-sm);
  border:1px solid var(--white);
  background:var(--white);
  background-position:center;
  background-size:var(--space) var(--space);
  cursor:pointer;
  appearance:none;
  flex:0 0 auto
}
input[type=checkbox]:checked,
input[type=checkbox].checked,
input[type=checkbox]:indeterminate {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M10 4 5 9 2 6' style='fill:none;stroke:%23ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e");
  background-color:var(--dark-green);
  border-color:var(--dark-green)
}
input[type=checkbox]:focus {
  outline:1px solid var(--dark-green);
  outline-offset:1px
}
input[type=checkbox]:indeterminate {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M3 6h6' style='fill:none;stroke:%23ffffff;stroke-linecap:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.check {
  display:inline-flex;
  justify-content:flex-start;
  align-items:flex-start;
  word-break:break-all
}
.check label {
  margin-left:var(--space-xs);
  cursor:pointer
}
.check-group {
  --columns: auto-fit;
  display:grid;
  flex-grow:1;
  grid-template-columns:minmax(4rem, max-content);
  padding:var(--space-xs) 0;
  row-gap:var(--space-sm);
  column-gap:var(--space);
  margin:0;
  border:none
}
@media(min-width: 992px) {
  .check-group {
    grid-template-columns:repeat(var(--columns), minmax(3rem, max-content))
  }
}
input[type=checkbox].switch {
  position:relative;
  display:inline-block;
  width:1.5rem;
  height:1rem;
  border:1px solid var(--bg-medium);
  border-radius:1rem;
  background-color:var(--bg-medium);
  background-image:none !important;
  appearance:none;
  cursor:pointer
}
input[type=checkbox].switch::after {
  content:"";
  position:absolute;
  display:block;
  top:2px;
  left:2px;
  width:calc(1rem - 6px);
  height:calc(1rem - 6px);
  border-radius:1rem;
  background-color:var(--white);
  transition:left .25s ease-in-out
}
input[type=checkbox].switch:focus,
input[type=checkbox].switch:focus:hover {
  outline:1px solid var(--dark-green);
  outline-offset:1px
}
input[type=checkbox].switch:hover {
  background-color:var(--bg-light)
}
input[type=checkbox].switch:checked,
input[type=checkbox].switch:checked:focus,
input[type=checkbox].switch:checked:hover,
input[type=checkbox].switch:checked:focus:hover {
  border-color:var(--dark-green);
  background-color:var(--dark-green)
}
input[type=checkbox].switch:checked::after {
  left:calc(.5rem + 2px)
}
input[type=checkbox].switch:disabled {
  opacity:.5;
  filter:grayscale(1)
}
.btn>input[type=checkbox].switch,
.btn-select-drop button>input[type=checkbox].switch,
.btn-select-drop a>input[type=checkbox].switch {
  margin-left:var(--grid-gutter);
  pointer-events:none
}
.f-item input[type=checkbox].switch {
  margin:var(--space-xs) 0
}
.rovalue {
  display:inline-block;
  padding:calc(var(--space-xxs) + (var(--input-line-height) - var(--font-base)*var(--line-height) + 1px)*.5) 0
}
@media(min-width: 992px) {
  .rovalue {
    padding:calc(var(--space-xxs) + (var(--input-line-height) - var(--font-base)*var(--line-height) + 1px)*.5) var(--space-xs)
  }
}
.rovalue a {
  display:inline-block;
  background-color:var(--light-green);
  border-radius:1rem;
  padding:.15em .75em;
  text-decoration:none;
  color:inherit
}
.rovalue a:hover,
.rovalue a:focus,
.rovalue a:focus:hover {
  background-color:var(--dark-green);
  color:var(--white)
}
.roqrvalue>pre {
  background-color:var(--white);
  font-size:clamp(1px,.975vw,3px)
}
.curtain {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  padding:0;
  margin:0;
  vertical-align:bottom
}
.defval {
  padding:2px;
  color:var(--body-muted)
}
.f-item {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:flex-start;
  column-gap:var(--space-xs)
}
@media(min-width: 760px) {
  .f-item {
    flex-wrap:nowrap
  }
}
.f-item.f-item-settings {
  flex-direction:column;
  align-items:initial;
  gap:var(--space-xs);
  padding:var(--space);
  background-color:var(--bg-bright);
  border-radius:var(--corner)
}
.f-item>label,
.f-item>legend {
  font-weight:var(--font-bold);
  line-height:var(--input-line-height);
  width:100%;
  padding:var(--space-xxs) var(--space-xs) var(--space-xxs) 0
}
@media(min-width: 760px) {
  .f-item>label,
  .f-item>legend {
    flex:0 0 200px;
    width:200px;
    text-align:right
  }
}
.f-item>label .changed,
.f-item>legend .changed {
  color:var(--green)
}
.f-item>label .error,
.f-item>legend .error {
  color:var(--red)
}
.f-item>label .disabled,
.f-item>legend .disabled {
  opacity:var(--disabled-opacity)
}
.f-item.group>label>span {
  font-weight:var(--font-normal)
}
.f-item ul {
  list-style-type:none;
  margin:0
}
@media(min-width: 760px) {
  .f-item.f-item-settings>label {
    flex:initial;
    width:auto;
    text-align:initial;
    padding:0
  }
}
.f-item .f-row-group,
.f-item .f-col {
  display:flex;
  flex:1 0 0;
  flex-direction:column;
  gap:var(--space-xs)
}
.f-item .f-row,
.f-item .f-not {
  display:flex;
  flex:1 0 0;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:flex-start;
  gap:var(--space-xs)
}
.f-item .extra,
.f-item .value,
.f-item .not-value {
  display:inline-flex;
  justify-content:flex-start;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--space-xs)
}
.f-item .extra:empty,
.f-item .value:empty,
.f-item .not-value:empty {
  display:none
}
.f-item .value,
.f-item .not-value {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:var(--space-xs)
}
.f-item-sep {
  height:1px;
  background:var(--bg-medium);
  margin:var(--space-xs) 0
}
.f-note {
  font-style:oblique
}
.form--confirm,
.form--confirm-modal {
  display:flex;
  justify-content:space-between;
  background:var(--white);
  flex-wrap:wrap;
  gap:var(--space-sm);
  padding:var(--space-sm);
  margin:0 var(--space-sm) var(--space-sm);
  border-radius:var(--corner)
}
.form--confirm>div,
.form--confirm-modal>div {
  display:flex;
  gap:var(--space-sm)
}
dialog .form--confirm {
  margin:0;
  border-radius:0;
  box-shadow:none
}
.f-item .graph {
  flex-grow:1
}
.graph.graph-svg {
  display:block;
  background:var(--white);
  border-radius:var(--corner)
}
.graph svg {
  background-color:var(--white);
  border-radius:var(--corner-md)
}
.graph polyline,
.graph polygon {
  position:relative;
  z-index:1
}
.graph polyline.primary {
  fill-opacity:0%
}
.graph polygon.primary {
  fill:var(--lime);
  fill-opacity:75%
}
.graph polyline.secondary {
  stroke:var(--dark-green);
  stroke-width:2px;
  stroke-opacity:100%
}
.graph polygon.secondary {
  fill-opacity:0%
}
.graph line {
  position:relative;
  z-index:2;
  stroke:var(--bg-medium);
  stroke-width:1px
}
.graph text {
  position:relative;
  z-index:2
}
.graph table {
  width:auto
}
.graph table td {
  width:8rem;
  padding:0 .25rem;
  vertical-align:middle
}
.graph table tr.primary>td:first-child::before,
.graph table tr.secondary>td:first-child::before {
  content:"";
  display:inline-block;
  vertical-align:middle
}
.graph table tr.primary>td:first-child::before {
  background-color:var(--lime);
  width:.75rem;
  height:.75rem;
  margin:0 .375rem
}
.graph table tr.secondary>td:first-child::before {
  background-color:var(--dark-green);
  width:1.5rem;
  height:.125rem
}
.graph table tr.primary>td>span,
.graph table tr.secondary>td>span {
  padding-left:.5rem
}
.f-item.f-frame {
  height:200px;
  overflow:auto;
  border-radius:var(--corner)
}
.gridView {
  display:flex;
  flex-flow:row wrap;
  justify-content:flex-start;
  column-gap:var(--grid-gutter);
  row-gap:var(--space-xxs)
}
.gridView>div {
  flex:1 0 600px;
  max-width:100%;
  margin:0;
  display:flex;
  flex-direction:column;
  row-gap:var(--space-xxs)
}
.terminal {
  overflow:auto;
  white-space:pre;
  font-family:monospace;
  padding:var(--grid-gutter);
  height:100%;
  background-color:var(--white);
  border-radius:var(--corner);
  margin-left:var(--space-xs);
  caret-color:rgba(0,0,0,0)
}
.terminal:focus {
  outline:1px solid var(--dark-green)
}
.terminal+.statusbar {
  padding:0 var(--space-lg);
  margin-top:calc(-1*var(--grid-gutter) + var(--space-xxxs))
}
@keyframes blink {
  50% {
    box-shadow:none
  }
}
.terminal:focus .cursor {
  box-shadow:-2px 0 #000;
  animation:blink 1s step-end infinite
}
.table {
  position:relative;
  table-layout:fixed;
  width:100%;
  min-width:100%;
  border:none;
  border-spacing:0;
  border-collapse:collapse;
  user-select:none
}
.table tbody {
  min-height:1em;
  background-color:#fff
}
.table tbody.invalid {
  color:var(--red)
}
.table tbody.disabled {
  color:var(--body-muted);
  background-color:var(--bg-whitesmoke)
}
.table tbody.disabled .icon-tbl {
  opacity:.35
}
.table tbody.disabled td:has(input):first-child::before {
  content:"";
  position:absolute;
  display:block;
  inset:0 auto 0 0;
  width:3px;
  background-color:var(--bg-dusk)
}
.table tbody tr:not(.error) td:focus,
.table tbody tr:not(.about) td:focus {
  outline:1px solid var(--dark-green);
  outline-offset:-1px
}
.table tbody:has(input:focus) {
  position:relative
}
.table tbody:has(input:focus)::before {
  content:"";
  position:absolute;
  inset:0;
  border:1px solid var(--dark-green);
  pointer-events:none;
  z-index:2;
  background:rgba(0,0,0,0)
}
@media(hover: hover) {
  .table:not(.move-mode) tbody:hover,
  .table:not(.move-mode) tbody:focus-within,
  .table:not(.move-mode) tbody:has(input:checked),
  .table:not(.move-mode) tbody.disabled:hover,
  .table:not(.move-mode) tbody.disabled:focus-within,
  .table:not(.move-mode) tbody.disabled:has(input:checked) {
    background-color:var(--bg-bright)
  }
  .table:not(.move-mode) tbody:has(tr.error),
  .table:not(.move-mode) tbody:has(tr.about) {
    background-color:var(--red-error-bg)
  }
  .table:not(.move-mode) tbody:has(tr.error):hover,
  .table:not(.move-mode) tbody:has(tr.error):focus-within,
  .table:not(.move-mode) tbody:has(tr.about):hover,
  .table:not(.move-mode) tbody:has(tr.about):focus-within {
    background-color:var(--red-error-bg-hover)
  }
}
.table th {
  position:sticky;
  top:0;
  background-color:var(--white);
  font-weight:var(--font-bold);
  padding:0 var(--space-xs);
  border-bottom:2px solid var(--bg-light);
  overflow:hidden;
  text-wrap:nowrap;
  vertical-align:middle
}
.table th:first-child {
  left:0;
  z-index:2
}
.table th:focus {
  outline:1px solid var(--dark-green);
  outline-offset:-1px
}
.table th>div {
  display:flex;
  justify-content:flex-start;
  margin:0
}
.table th>div:has(button:first-of-type) {
  margin-left:calc(var(--space-xs)*-1)
}
.table th>div:has(button:last-of-type) {
  margin-right:calc(var(--space-xs)*-1)
}
.table th>div button {
  display:block;
  flex-grow:1;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:left;
  padding-top:calc(var(--space-xs) + 1px);
  padding-bottom:calc(var(--space-xs) + 1px)
}
@media(hover: hover) {
  .table th>div button:hover {
    background-color:var(--bg-light)
  }
}
.table th>div button:focus {
  outline:1px solid var(--dark-green);
  outline-offset:-1px
}
.table th>div button,
.table th>div span {
  padding:var(--space-sm) var(--space-xs)
}
@media(hover: hover) {
  .table th.sort:hover::after,
  .table th.sort:focus::after {
    visibility:visible
  }
}
.table th.sort::after {
  content:"";
  position:absolute;
  visibility:hidden;
  inset:1px 1px 1px auto;
  transform:rotate(0);
  width:var(--icon-sm);
  background-size:var(--icon-xs) var(--icon-xs);
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M8.5 5 6 7.5 3.5 5' style='fill:none;stroke:%23161616;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e");
  pointer-events:none
}
.table th.sort.sort-ascend,
.table th.sort.sort-descend {
  border-bottom-color:var(--dark-green)
}
.table th.sort.sort-ascend::after,
.table th.sort.sort-descend::after {
  visibility:visible
}
.table th.sort.sort-descend::after {
  transform:rotate(-180deg)
}
.table th .rsl,
.table th .rsr {
  position:absolute;
  z-index:10;
  width:6px;
  cursor:ew-resize
}
.table th .rsl:after,
.table th .rsr:after {
  content:"";
  position:absolute;
  inset:0;
  transition:background-color linear .5s
}
.table th .rsl {
  inset:0 auto 0 0
}
.table th .rsr {
  inset:0 0 0 auto
}
.table th .rsl::after {
  right:5px
}
.table th .rsr::after {
  left:5px
}
.table th:hover .rsl:hover::after,
.table th:hover:has(.rsr:hover)+th .rsl::after,
.table th:hover .rsr:hover::after,
.table th:has(+th:hover .rsl:hover) .rsr::after {
  background-color:var(--dark-green)
}
.table .droptarget th {
  border-bottom:1rem solid var(--bg-bright) !important
}
.table tr {
  background-color:inherit
}
.table tr.error,
.table tr.about {
  font-weight:var(--font-bold);
  color:var(--red)
}
.table tr.error td,
.table tr.about td {
  padding-bottom:0;
  border-bottom:0
}
.table td {
  text-align:left;
  vertical-align:middle;
  border-bottom:1px solid var(--bg-light);
  padding:0;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  empty-cells:show;
  padding:calc(var(--space-xxs) + 1px) var(--space-xs);
  z-index:-1;
  background-color:inherit;
  cursor:pointer
}
@supports(padding: calc(1px * pow(1, 0))) {
  .table td {
    padding:calc(var(--space-xxs) + -3px + 2px*pow(2,var(--space-coefficient))) var(--space-xs)
  }
}
.table td:has(input) {
  cursor:default;
  position:sticky;
  z-index:1;
  left:0
}
.table td:has(input)::before {
  content:"";
  position:absolute;
  inset:0;
  background-color:inherit
}
.table td:has(input)>* {
  position:relative
}
.table tbody:last-child>tr:last-child>td {
  border-bottom:0
}
.table .droptarget td {
  border-bottom:1rem solid var(--bg-bright) !important
}
.table .flags {
  display:inline-flex;
  justify-content:center;
  height:16px;
  align-items:center;
  padding:0 var(--space-xs);
  color:var(--body-muted);
  background-color:var(--bg-light);
  border-radius:var(--corner);
  font-kerning:none;
  font-weight:var(--font-bold)
}
.table .flags>b {
  width:10px;
  display:inline-block;
  text-align:center
}
.table input[type=checkbox] {
  display:block;
  border-color:var(--bg-medium)
}
.move-mode :is(tbody,
thead):hover:not([aria-selected=true]) :is(td,
th),
.move-mode :is(tbody,
thead):has(:focus):not([aria-selected=true]) :is(td,
th) {
  border-bottom:1rem solid var(--bg-bright) !important
}
.move-mode tbody:has([aria-selected=true]) {
  opacity:.3
}
.table tbody:not([draggable=true]) .icon-Drag_12x12 {
  display:none
}
.table th.comment button.switch {
  background-size:var(--icon-xs) var(--icon-xs);
  min-width:var(--space-xl);
  max-width:var(--space-xl)
}
.table th.comment button.switch:hover {
  background-color:var(--bg-bright)
}
.table th.comment button.switch:focus {
  outline:1px solid var(--dark-green);
  outline-offset:-1px
}
.table.comment-std th.comment button.switch {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='m2 1 4 4M2 5l4-4M8 3h2v6H2' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3cpath d='M4 7 2 9l2 2' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.table.comment-min th.comment {
  width:var(--input-height) !important
}
.table.comment-min th.comment::after {
  opacity:0
}
.table.comment-min th.comment span {
  display:none
}
.table.comment-min th.comment button.switch {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='m9.5 8-2-2 2-2M2.5 4l2 2-2 2' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.table.comment-wrap th.comment button.switch {
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M10 2H2M2 5h8v4H2' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3cpath d='M4 7 2 9l2 2' style='fill:none;stroke:%23145656;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}
.table.comment-wrap td.comment {
  white-space:wrap
}
.quick-filter {
  display:none
}
.quick-filter:has(option) {
  display:block
}
.startup {
  position:fixed;
  z-index:9999;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:var(--space);
  background-color:var(--bg-light)
}
.startup::before {
  content:"";
  width:2rem;
  height:2rem;
  background-position:center;
  background-repeat:no-repeat;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' id='preloader-icon' viewBox='0 0 108 108'%3e%3cstyle%3e%40keyframes plst-anim%7b0%25,80%25%7bopacity:0%7d40%25%7bopacity:1%7d%7d.gr use%7bposition:absolute;opacity:0;animation-name:plst-anim;animation-duration:2s;animation-iteration-count:infinite;transform:translateY%28calc%2825%25*var%28--i%29 - 100%25%29%29;animation-delay:calc%28.1s*var%28--i%29%29%7d%3c/style%3e%3cdefs%3e%3cpath id='hex' d='M48.2 1.5 9.1 23.17C5.33 25.26 3 29.2 3 33.48v41.35c0 4.31 2.36 8.28 6.17 10.35l39.1 21.35c3.57 1.95 7.9 1.95 11.47 0l39.1-21.35c3.8-2.08 6.17-6.04 6.17-10.35V33.48c0-4.28-2.33-8.23-6.1-10.31L59.8 1.5c-3.61-2-8-2-11.6 0'/%3e%3c/defs%3e%3cclipPath id='hexmask'%3e%3cuse href='%23hex'/%3e%3c/clipPath%3e%3c/svg%3e")
}
.login {
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%;
  align-items:center;
  padding:var(--space-3xl) 0;
  overflow:auto
}
.login>section {
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  max-width:23rem;
  margin:auto
}
.login .brand {
  text-align:center;
  align-self:stretch;
  margin:0 0 calc(var(--space)*3) 0
}
.login .brand img {
  max-width:183px;
  height:auto
}
.login .headline {
  text-align:center;
  line-height:var(--line-height-lg)
}
.login .form {
  display:flex;
  flex-direction:column;
  gap:var(--space-sm);
  width:100%;
  max-width:calc(100% - var(--space-lg)*2);
  border-radius:var(--corner);
  background-color:var(--bg-bright);
  padding:calc(var(--space)*2.5)
}
.login .form>* {
  display:flex;
  justify-content:flex-start;
  align-items:center
}
.login .form label {
  width:30%;
  text-align:right;
  font-weight:var(--font-bold);
  padding-right:var(--space)
}
.login .form input[type=text],
.login .form input[type=password] {
  width:60%
}
.login .form input[type=submit] {
  width:40%;
  margin-left:30%
}
.login .tools {
  display:flex;
  justify-content:center;
  width:100%;
  gap:calc(var(--space)*2)
}
.login .tools>div {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--space)
}
.login .tools .btn,
.login .tools .btn-select-drop button,
.btn-select-drop .login .tools button,
.login .tools .btn-select-drop a,
.btn-select-drop .login .tools a {
  --space-2xs: var(--space-sm);
  --space-xs: var(--space-sm);
  --icon: 2.5rem;
  --corner: 0.75rem
}
.login .credits {
  text-align:center
}
.login .credits a {
  text-decoration:none;
  color:inherit
}
.login .credits a:hover {
  color:var(--dark-green)
}
.breadcrumbs {
  flex-grow:1;
  display:flex;
  align-items:center;
  list-style:none;
  margin:0;
  padding:0;
  line-height:var(--input-line-height);
  font-size:var(--font-base);
  font-weight:var(--font-bold)
}
@media(min-width: 760px) {
  .breadcrumbs {
    font-size:var(--font-md)
  }
}
.breadcrumbs li {
  margin:0;
  padding:0;
  white-space:nowrap;
  user-select:none
}
.breadcrumbs li::before {
  content:"";
  display:inline-block;
  width:2em;
  height:1em;
  background:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M10 4 6 8 2 4' style='fill:none;stroke:%23161616;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e") no-repeat center center;
  background-size:var(--space) var(--space);
  transform:rotate(-90deg);
  vertical-align:-0.125em
}
.breadcrumbs li:empty::before,
.breadcrumbs li:first-child::before {
  display:none
}
.breadcrumbs li.tag {
  background-color:var(--light-green);
  padding:var(--space-xxxs) var(--space-sm);
  border-radius:1em
}
.breadcrumbs li.tag:empty {
  display:none
}
.acc-list {
  display:flex;
  flex-direction:column;
  row-gap:1px;
  row-gap:var(--space-xxs)
}
.acc {
  display:flex;
  flex-direction:column;
  row-gap:var(--space-lg)
}
.acc .acc-title {
  position:relative;
  padding:0;
  margin:0;
  font-size:inherit
}
.acc .acc-title::before {
  content:"";
  position:absolute;
  top:50%;
  right:var(--grid-gutter);
  margin-top:-6px;
  width:12px;
  height:12px;
  background:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath d='M10 4 6 8 2 4' style='fill:none;stroke:%23161616;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e") no-repeat;
  pointer-events:none;
  transform:rotate(180deg)
}
.acc .acc-title>button {
  width:100%;
  display:flex;
  align-items:center;
  font-weight:var(--font-bold);
  background-color:var(--bg-bright);
  border-radius:var(--corner);
  padding:var(--space-xs) var(--grid-gutter);
  font-size:inherit;
  border:none;
  outline:none;
  box-shadow:none;
  cursor:pointer
}
.acc .acc-title>button:focus {
  outline:1px solid var(--dark-green);
  outline-offset:-1px
}
.acc.folded .acc-title::before {
  transform:rotate(0deg)
}
.acc .acc-cont {
  display:flex;
  flex-direction:column;
  row-gap:var(--space-sm);
  margin-bottom:var(--space-lg)
}
.acc.folded .acc-cont {
  display:none
}
.qs--panel {
  width:100%;
  max-width:900px;
  margin:0 auto;
  padding:0 0 var(--space) 0
}
.dock {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  list-style:none;
  margin:0 auto;
  padding:calc(var(--space)*3) var(--space);
  gap:calc(var(--space)*1.5)
}
.dock li {
  position:relative;
  margin:0;
  padding:0
}
.dock .icon {
  width:calc(var(--icon-lg)*2);
  height:calc(var(--icon-lg)*2);
  background-size:var(--icon-lg);
  background-position:center;
  border-radius:1rem;
  background-color:var(--bg-bright);
  margin-bottom:var(--space-sm);
  box-shadow:none;
  transition:background-color .25s,box-shadow .25s
}
.dock .icon:has(+a:focus-visible) {
  outline:1px solid var(--dark-green);
  outline-offset:-1px
}
.dock a {
  display:block;
  text-align:center;
  font-weight:var(--font-bold);
  text-decoration:none;
  color:inherit
}
.dock a:after {
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0
}
.dock li.active .icon {
  box-shadow:var(--shadow-block);
  background-color:var(--white)
}
@media(hover: hover) {
  .dock:hover li .icon {
    box-shadow:none;
    background-color:var(--bg-bright)
  }
  .dock li:hover .icon {
    box-shadow:var(--shadow-block);
    background-color:var(--white)
  }
}
.qs--confirm {
  text-align:right;
  padding-top:var(--space-xs)
}
.traffic {
  line-height:1.1
}
.tabs-nav {
  flex:1 0 min-content
}
.tabs {
  display:flex;
  justify-content:flex-start;
  gap:1px;
  list-style:none;
  padding:0;
  margin:0
}
.tabs li {
  min-width:0
}
.tabs li:first-child .btn,
.tabs li:first-child .btn-select-drop button,
.btn-select-drop .tabs li:first-child button,
.tabs li:first-child .btn-select-drop a,
.btn-select-drop .tabs li:first-child a {
  border-top-left-radius:var(--corner-sm);
  border-bottom-left-radius:var(--corner-sm)
}
.tabs li:last-child .btn,
.tabs li:last-child .btn-select-drop button,
.btn-select-drop .tabs li:last-child button,
.tabs li:last-child .btn-select-drop a,
.btn-select-drop .tabs li:last-child a {
  border-top-right-radius:var(--corner-sm);
  border-bottom-right-radius:var(--corner-sm)
}
.tabs .btn,
.tabs .btn-select-drop button,
.btn-select-drop .tabs button,
.tabs .btn-select-drop a,
.btn-select-drop .tabs a {
  display:flex;
  border-radius:0;
  text-wrap:nowrap;
  text-overflow:clip;
  justify-content:flex-start;
  overflow-x:hidden;
  flex:0 1 min-content;
  max-width:min-content;
  background-color:hsla(0,0%,100%,.5)
}
.tabs .btn:hover,
.tabs .btn-select-drop button:hover,
.btn-select-drop .tabs button:hover,
.tabs .btn-select-drop a:hover,
.btn-select-drop .tabs a:hover {
  background-color:hsla(0,0%,100%,.75)
}
.tabs .btn.tabs-active,
.tabs .btn-select-drop button.tabs-active,
.btn-select-drop .tabs button.tabs-active,
.tabs .btn-select-drop a.tabs-active,
.btn-select-drop .tabs a.tabs-active {
  display:flex;
  flex:1 0 min-content;
  background-color:#fff
}
.alert {
  font-weight:var(--font-bold);
  padding:var(--space-xs) var(--space);
  color:var(--white);
  background-color:var(--red)
}
.errorMessage {
  width:100%;
  background-color:var(--red-error-bg);
  color:var(--red);
  padding:var(--space-xs);
  border-radius:var(--corner)
}
.infoMessage {
  width:100%;
  background-color:var(--light-green);
  color:var(--dark-green);
  padding:var(--space-xs);
  border-radius:var(--corner)
}
.message:empty,
.alert:empty,
.infoMessage:empty,
.errorMessage:empty {
  display:none
}
.notifications {
  position:fixed;
  z-index:997;
  max-width:480px;
  bottom:0px;
  right:0px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:var(--space);
  padding:var(--space);
  pointer-events:none
}
.notifications>.message {
  display:flex;
  width:fit-content;
  gap:var(--space-xs) var(--space);
  background-color:var(--light-green);
  padding:var(--space);
  border-radius:var(--corner);
  pointer-events:initial
}
.notifications>.message.error {
  background-color:var(--red);
  color:var(--white)
}
.notifications>.message .message-body {
  flex:0 1 auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:var(--space-xs)
}
.notifications>.message .message-header {
  font-weight:var(--font-bold)
}
.notifications>.message .message-close {
  width:min-content
}
.notifications progress {
  accent-color:#145656
}
.drop-zone {
  display:none;
  position:absolute;
  z-index:99;
  inset:0;
  background-color:hsla(0,0%,100%,.75)
}
.drop-zone.active {
  display:block
}
.drop-zone>div {
  display:flex;
  position:absolute;
  inset:var(--space-sm);
  flex-direction:column;
  justify-content:center;
  align-items:center;
  border:2px dashed var(--bg-light);
  border-radius:var(--corner-md);
  background-color:#fff;
  transition:border .25s linear,background-color .25s linear
}
.drop-zone.hover>div {
  border-color:var(--dark-green);
  border-style:solid;
  background-color:var(--dark-green-10)
}
.modal {
  z-index:99999;
  border:0;
  padding:0;
  min-width:clamp(280px,100%,480px);
  box-shadow:var(--shadow-block);
  border-radius:var(--corner)
}
.modal::backdrop {
  background-color:rgba(100,114,114,.5)
}
.modal header {
  position:sticky;
  top:0;
  z-index:10;
  display:flex;
  align-items:center;
  gap:var(--space);
  padding:var(--space);
  background-color:var(--bg-bright);
  border-top-left-radius:var(--corner);
  border-top-right-radius:var(--corner)
}
.modal .panel {
  background-color:var(--bg-light)
}
.modal section {
  overflow-y:auto;
  padding:var(--space)
}
.modal-search {
  margin:2rem auto
}
.modal-search header .search-input {
  display:flex;
  flex-direction:reverse;
  align-items:center;
  gap:var(--space)
}
.modal-search nav ul {
  list-style:none;
  padding:0;
  margin:0
}
.modal-search nav li {
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  margin:0;
  padding:0;
  border-radius:var(--corner);
  gap:var(--space-xs)
}
@media(hover: hover) {
  .modal-search nav li.first,
  .modal-search nav li:hover,
  .modal-search nav li:focus {
    background-color:var(--bg-bright)
  }
}
.modal-search nav li.first .btn-extra,
.modal-search nav li:hover .btn-extra,
.modal-search nav li:focus .btn-extra {
  opacity:.25
}
.modal-search nav li.first:hover {
  background-color:var(--bg-light)
}
.modal-search nav mark {
  background-color:rgba(0,0,0,0);
  font-weight:var(--font-bold)
}
.modal-search nav .btn,
.modal-search nav .btn-select-drop button,
.btn-select-drop .modal-search nav button,
.modal-search nav .btn-select-drop a,
.btn-select-drop .modal-search nav a {
  justify-content:flex-start;
  background-color:rgba(0,0,0,0);
  font-weight:var(--font-normal);
  text-align:left
}
.modal-search nav h2 {
  color:var(--bg-dusk);
  font-size:var(--font-sm);
  font-weight:var(--font-normal);
  padding:var(--space-xxs) var(--space-sm);
  user-select:none;
  margin:0
}
.modal-search nav .btn-extra {
  opacity:.25;
  filter:grayscale(1);
  transition:opacity .25s,visibility .25s
}
@media(hover: hover) {
  .modal-search nav .btn-extra {
    opacity:0
  }
}
.modal-search nav .btn-extra:hover,
.modal-search nav li:hover .btn-extra:hover {
  filter:none;
  opacity:1
}
.modal-search nav .btn-extra .icon-Plus_12x12 {
  transform:rotate(45deg)
}
.modal-search nav .icon-pinned {
  transform:rotate(-45deg)
}
.modal-search nav li:hover .btn-extra,
.modal-search nav li:focus .btn-extra,
.modal-search nav li:focus-within .btn-extra {
  opacity:.25
}
.hide-empty:not(:has(:is(li,
option))) {
  display:none !important
}
.menu :is(a,
button)[aria-current=page] {
  background-color:var(--bg-bright)
}
.table-item {
  background:var(--bg-light);
  margin:2rem auto;
  width:clamp(280px,100%,900px);
  max-height:calc(100vh - 4rem)
}
.table-item .form--item-width {
  max-height:inherit
}
.serve--form-full .table-item {
  width:clamp(280px,100%,1400px)
}
.no-data .table {
  display:none
}
.no-data .splash {
  display:flex
}
.splash {
  display:none;
  height:100%;
  padding:var(--space);
  flex-direction:column;
  justify-content:center;
  align-items:center
}
.splash-content {
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  gap:var(--space-xs)
}
.splash-content>* {
  margin:0
}
.animated-ellipsis {
  display:inline-block;
  width:1em
}
.animated-ellipsis:after {
  display:inline-block;
  animation:dotty steps(1, end) 1.5s infinite;
  content:""
}
@keyframes dotty {
  0% {
    content:""
  }
  25% {
    content:"."
  }
  50% {
    content:".."
  }
  75% {
    content:"..."
  }
  100% {
    content:""
  }
}
.dude-map {
  display:block !important;
  width:0;
  overflow:scroll;
  background-color:#fff;
  border-radius:var(--corner);
  height:clamp(300px,100vw,min(480px,50vh))
}
.dude-map>svg {
  min-width:100%;
  min-height:100%
}
.designcontent {
  display:flex;
  flex-direction:column;
  height:100%
}
.designheader {
  display:flex;
  flex-direction:column;
  gap:var(--space);
  padding:var(--grid-gutter)
}
.designheader>* {
  margin:0
}
.designheader h1 {
  font-size:var(--font-md)
}
.designtools {
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--space-xs)
}
.designtable {
  flex-grow:1;
  overflow:auto
}
.designtable table {
  width:100%;
  padding:0;
  border-spacing:0;
  border-collapse:collapse
}
.designtable table input[type=text] {
  border:none;
  outline:none;
  background-color:rgba(0,0,0,0);
  color:var(--bg-dusk)
}
.designtable table span {
  font-weight:var(--font-bold)
}
.designtable table thead>tr>th {
  padding:0 var(--space-xs) var(--space-xs) var(--space-xs);
  text-align:left;
  position:sticky;
  z-index:1;
  top:0;
  background-color:var(--bg-light)
}
.designtable table tbody>tr:has(:focus),
.designtable table tbody>tr:hover {
  background-color:var(--bg-medium)
}
.designtable table tbody>tr:has(:focus) input[type=text],
.designtable table tbody>tr:hover input[type=text] {
  background-color:var(--white);
  color:var(--body-color)
}
.designtable table tbody>tr:first-child>td {
  border-top:1px solid var(--bg-medium)
}
.designtable table tbody>tr>td {
  padding:var(--space-xs);
  vertical-align:center;
  border-bottom:1px solid var(--bg-medium)
}
.designtable table tbody>tr>td>div {
  display:inline-flex;
  align-items:center;
  gap:.5em
}