/*
* jQuery Flight Indicators plugin
* By Sébastien Matton (seb_matton@hotmail.com)
* Published under GPLv3 License.
*
* https://github.com/sebmatton/jQuery-Flight-Indicators
*/

/* Global block of an indicator*/
div.instrument {
  width: 250px;
  height: 250px;
  position: relative;
  display: inline-block;
  overflow: hidden;
}

/* The box containing any element of an indicator */
div.instrument .box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Default transformations */

div.instrument.attitude div.roll {
  transform: rotate(0deg);
}
div.instrument.attitude div.roll div.pitch {
  top: 0%;
}
div.instrument.heading div.yaw {
  transform: rotate(0deg);
}
div.instrument.vario div.vario {
  transform: rotate(0deg);
}
div.instrument.speed div.airspeed {
  transform: rotate(90deg);
}
div.instrument.altimeter div.pressure {
  transform: rotate(40deg);
}
div.instrument.altimeter div.needle {
  transform: rotate(90deg);
}
div.instrument.altimeter div.needleSmall {
  transform: rotate(90deg);
}
* {
  outline: none;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-app-region: no-drag;
}
*[draggable="true"] {
  -webkit-user-drag: element;
}
html {
  height: 100%;
}
body {
  height: 100%;
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-size: 12px;
  color: var(--text);
  background-color: var(--surface-200);
  margin: 0;
  padding: 0;
  overflow: hidden;
  --ui-scale: 1;
}
body ::-webkit-scrollbar {
  width: 0.3rem;
  height: 0.3rem;
}
body ::-webkit-scrollbar-thumb {
  background: var(--surface-600);
}
::backdrop {
  background-image: none;
  background-color: rgba(1, 1, 1, 0.5);
}
a {
  text-decoration: none;
  color: var(--primary-500);
  font-weight: bold;
}
a:hover {
  text-decoration: none;
}
a.disabled {
  pointer-events: none;
  cursor: default;
  color: #999;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.html-dialog {
  border-color: var(--primary-500);
  padding: 0px;
}
.html-dialog-content {
  padding: 15px 15px;
}
.background_paper {
  background-color: transparent;
  background-image: linear-gradient(var(--surface-300) 2px, transparent 2px), linear-gradient(90deg, var(--surface-300) 2px, transparent 2px), linear-gradient(var(--surface-300) 1px, transparent 1px), linear-gradient(90deg, var(--surface-300) 1px, rgba(0, 0, 0, 0) 1px);
  background-size: 75px 75px,
        75px 75px,
        15px 15px,
        15px 15px;
  background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
}
.standard_input {
  padding-left: 3px;
  height: 20px;
  line-height: 20px;
  text-align: left;
  border-radius: 3px;
  font-size: 12px;
  font-weight: normal;
  border: 1px solid var(--surface-400);
  background: var(--surface-200);
}
.helpicon {
  float: right;
  margin-top: 7px;
  margin-right: 7px;
  display: block;
  height: 14px;
  width: 14px;
  opacity: 0.2;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2092%2092'%20style='enable-background:new%200%200%2092%2092;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23030104;'%20d='M45.386,0.004C19.983,0.344-0.333,21.215,0.005,46.619c0.34,25.393,21.209,45.715,46.611,45.377%20c25.398-0.342,45.718-21.213,45.38-46.615C91.656,19.986,70.786-0.335,45.386,0.004z%20M45.25,74l-0.254-0.004%20c-3.912-0.116-6.67-2.998-6.559-6.852c0.109-3.788,2.934-6.538,6.717-6.538l0.227,0.004c4.021,0.119,6.748,2.972,6.635,6.937%20C51.904,71.346,49.123,74,45.25,74z%20M61.705,41.341c-0.92,1.307-2.943,2.93-5.492,4.916l-2.807,1.938%20c-1.541,1.198-2.471,2.325-2.82,3.434c-0.275,0.873-0.41,1.104-0.434,2.88l-0.004,0.451H39.43l0.031-0.907%20c0.131-3.728,0.223-5.921,1.768-7.733c2.424-2.846,7.771-6.289,7.998-6.435c0.766-0.577,1.412-1.234,1.893-1.936%20c1.125-1.551,1.623-2.772,1.623-3.972c0-1.665-0.494-3.205-1.471-4.576c-0.939-1.323-2.723-1.993-5.303-1.993%20c-2.559,0-4.311,0.812-5.359,2.478c-1.078,1.713-1.623,3.512-1.623,5.35v0.457H27.936l0.02-0.477%20c0.285-6.769,2.701-11.643,7.178-14.487C37.947,18.918,41.447,18,45.531,18c5.346,0,9.859,1.299,13.412,3.861%20c3.6,2.596,5.426,6.484,5.426,11.556C64.369,36.254,63.473,38.919,61.705,41.341z'/%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  background-position: center;
  transition: none;
}
.helpicon:hover {
  opacity: 0.9;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2092%2092'%20style='enable-background:new%200%200%2092%2092;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23030104;'%20d='M45.386,0.004C19.983,0.344-0.333,21.215,0.005,46.619c0.34,25.393,21.209,45.715,46.611,45.377%20c25.398-0.342,45.718-21.213,45.38-46.615C91.656,19.986,70.786-0.335,45.386,0.004z%20M45.25,74l-0.254-0.004%20c-3.912-0.116-6.67-2.998-6.559-6.852c0.109-3.788,2.934-6.538,6.717-6.538l0.227,0.004c4.021,0.119,6.748,2.972,6.635,6.937%20C51.904,71.346,49.123,74,45.25,74z%20M61.705,41.341c-0.92,1.307-2.943,2.93-5.492,4.916l-2.807,1.938%20c-1.541,1.198-2.471,2.325-2.82,3.434c-0.275,0.873-0.41,1.104-0.434,2.88l-0.004,0.451H39.43l0.031-0.907%20c0.131-3.728,0.223-5.921,1.768-7.733c2.424-2.846,7.771-6.289,7.998-6.435c0.766-0.577,1.412-1.234,1.893-1.936%20c1.125-1.551,1.623-2.772,1.623-3.972c0-1.665-0.494-3.205-1.471-4.576c-0.939-1.323-2.723-1.993-5.303-1.993%20c-2.559,0-4.311,0.812-5.359,2.478c-1.078,1.713-1.623,3.512-1.623,5.35v0.457H27.936l0.02-0.477%20c0.285-6.769,2.701-11.643,7.178-14.487C37.947,18.918,41.447,18,45.531,18c5.346,0,9.859,1.299,13.412,3.861%20c3.6,2.596,5.426,6.484,5.426,11.556C64.369,36.254,63.473,38.919,61.705,41.341z'/%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3c/svg%3e");
  transition: none;
}
.cf_doc_version_bt a {
  padding: 1px 9px 1px 9px;
  margin-top: -45px;
  background-color: var(--primary-500);
  border-radius: 3px;
  border: 1px solid var(--primary-600);
  color: var(--text);
  float: right;
  font-weight: bold;
  font-size: 10px;
  line-height: 17px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  display: block;
}
.cf_doc_version_bt a:hover {
  background-color: var(--primary-400);
  transition: all ease 0.2s;
}
input:not(.appearance-none),
select:not(.appearance-none) {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif !important;
  font-size: unset !important;
  background-color: var(--surface-300) !important;
  border: 1px solid var(--surface-500) !important;
  color: var(--text);
  padding: 0.25rem 0.25rem 0.25rem 0.25rem !important;
  border-radius: 0.5rem !important;
  min-width: 4rem;
  display: inline-block;
  box-sizing: border-box;
}
input:not(.appearance-none).small,
select:not(.appearance-none).small {
  padding: 0.15rem !important;
  font-size: 12px !important;
}
input:not(.appearance-none)[type="text"][readonly],
select:not(.appearance-none)[type="text"][readonly] {
  cursor: auto;
}
input:not(.appearance-none)[type="radio"],
select:not(.appearance-none)[type="radio"] {
  min-width: fit-content;
}
input:not(.appearance-none):disabled,
select:not(.appearance-none):disabled {
  background-color: var(--surface-400) !important;
  cursor: not-allowed;
  pointer-events: none;
}
input:not(.appearance-none)[type="range"],
select:not(.appearance-none)[type="range"],
input:not(.appearance-none)[type="checkbox"],
select:not(.appearance-none)[type="checkbox"],
input:not(.appearance-none)[type="radio"],
select:not(.appearance-none)[type="radio"] {
  min-width: 0;
  accent-color: var(--primary-400);
}
select,
input[type="checkbox"] {
  cursor: pointer;
}
/* UInputNumber: fill table cells */
td [role="group"] {
  display: flex;
}
.noarrows input::-webkit-outer-spin-button,
.noarrows input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.number {
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--surface-500);
  width: 100%;
  gap: 0.5rem;
  display: flex;
  align-items: center;
}
.number:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.number label {
  margin: 0 !important;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.number .helpicon {
  margin-right: 7px !important;
  margin-left: auto !important;
  float: none;
}
.clear-both {
  clear: both;
}
.left {
  float: left;
}
.right {
  float: right;
}
.margin-top {
  margin-top: 20px;
}
.margin-bottom {
  margin-bottom: 20px;
}
.message-positive {
  color: var(--primary-500) !important;
}
.message-negative {
  color: var(--error-400) !important;
  font-weight: bold !important;
}
.message-negative-italic {
  color: var(--error-400) !important;
  font-weight: bold !important;
  font-style: italic;
}
#main-wrapper {
  width: calc(100vw / var(--ui-scale));
  height: calc(100vh / var(--ui-scale));
  height: calc(100dvh / var(--ui-scale));
  max-height: calc(100dvh / var(--ui-scale));
  min-height: 0;
  overflow: hidden;
  background-color: var(--surface-100);
  display: flex;
  flex-direction: column;
  transform: scale(var(--ui-scale));
  transform-origin: top left;
  container-type: inline-size;
  container-name: main-wrapper;
}
/* StatusBar.vue root; avoid shrinking as a flex item under #main-wrapper */
#status-bar {
  flex-shrink: 0;
}
#background {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 1500;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  backdrop-filter: blur(0.25rem);
}
#portsinput {
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 0.5rem;
}
#auto-connect-and-baud {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.gray {
  color: var(--surface-500);
}
#firmware-virtual-option {
  width: fit-content;
  display: none;
}
.firmware_flasher_button {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bavovna-badge {
  display: flex;
  align-items: center;
  align-self: center;
  gap: 6px;
  margin-left: -1.5rem;
  padding: 8px 0;
}
.bavovna-badge__logo {
  height: 28px;
  width: auto;
}
.bavovna-badge__logo--dark {
  display: none;
}
.dark .bavovna-badge__logo--light {
  display: none;
}
.dark .bavovna-badge__logo--dark {
  display: block;
}
.bavovna-badge__text {
  font-size: 13px;
  font-weight: normal;
  white-space: nowrap;
  color: var(--text);
}
.remote-join-row {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 0;
}
.connection_button {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#header_buttons {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
}
#header_buttons a.firmware_flasher_button__link {
  display: block;
  background-color: var(--primary-500);
  border: 1px solid var(--primary-600);
  background-repeat: no-repeat;
  height: 50px;
  width: 50px;
  border-radius: 100px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  transition: none;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath%20d='M84.7,129.5c0,3.6,2.9,6.5,6.5,6.5c3.6,0,6.5-2.9,6.5-6.5v-10.5h-13L84.7,129.5L84.7,129.5z'/%3e%3cpath%20d='M84.7,14.5v10.5h13V14.5c0-3.6-2.9-6.5-6.5-6.5C87.6,8,84.7,10.9,84.7,14.5z'/%3e%3cpath%20d='M63.5,14.5v10.5h13V14.5c0-3.6-2.9-6.5-6.5-6.5S63.5,10.9,63.5,14.5z'/%3e%3cpath%20d='M63.5,129.5c0,3.6,2.9,6.5,6.5,6.5s6.5-2.9,6.5-6.5v-10.5h-13V129.5z'/%3e%3cpath%20d='M42.3,14.5v10.5h13V14.5c0-3.6-2.9-6.5-6.5-6.5S42.3,10.9,42.3,14.5z'/%3e%3cpath%20d='M42.3,129.5c0,3.6,2.9,6.5,6.5,6.5s6.5-2.9,6.5-6.5v-10.5h-13V129.5z'/%3e%3cpath%20d='M6,93.2c0,3.6,2.9,6.5,6.5,6.5h10.5v-13H12.5C8.9,86.7,6,89.6,6,93.2z'/%3e%3cpath%20d='M127.5,86.7h-10.5v13h10.5c3.6,0,6.5-2.9,6.5-6.5C134,89.6,131.1,86.7,127.5,86.7z'/%3e%3cpath%20d='M6,72c0,3.6,2.9,6.5,6.5,6.5h10.5v-13H12.5C8.9,65.5,6,68.4,6,72z'/%3e%3cpath%20d='M127.5,65.5h-10.5v13h10.5c3.6,0,6.5-2.9,6.5-6.5C134,68.4,131.1,65.5,127.5,65.5z'/%3e%3cpath%20d='M6,50.8c0,3.6,2.9,6.5,6.5,6.5h10.5v-13H12.5C8.9,44.3,6,47.2,6,50.8z'/%3e%3cpath%20d='M127.5,44.3h-10.5v13h10.5c3.6,0,6.5-2.9,6.5-6.5S131.1,44.3,127.5,44.3z'/%3e%3cpath%20d='M29.3,105.9c0,3.8,3,6.8,6.8,6.8h67.8c3.8,0,6.8-3,6.8-6.8V38.1c0-3.8-3-6.8-6.8-6.8H36.1%20c-3.8,0-6.8,3-6.8,6.8V105.9z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-size: 30px;
  background-position: center 10px;
}
#header_buttons a.firmware_flasher_button__link:hover {
  background-color: var(--primary-400);
}
#header_buttons a.firmware_flasher_button__link.disabled {
  background-color: var(--surface-500);
  pointer-events: none;
  cursor: default;
}
#header_buttons a.firmware_flasher_button__link.active {
  background-color: var(--error-500);
  border: 1px solid var(--error-600);
  transition: none;
}
#header_buttons a.firmware_flasher_button__link.active:hover {
  background-color: var(--error-400);
}
#header_buttons a.connection_button__link {
  display: block;
  background-color: var(--primary-action);
  border: 1px solid var(--primary-action-border);
  background-repeat: no-repeat;
  height: 50px;
  width: 50px;
  border-radius: 100px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  transition: none;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath%20d='M59.1,21.5h9v6.8h-9V21.5z%20M72.5,28.3h9v-6.8h-9V28.3z%20M89.4,41h9.2v39.5h-0.1c0,0.7,0.1,1.5,0.1,2.3%20c0,18.3-12.5,28.6-27.9,28.6s-27.8-10.4-27.8-28.6c0-0.7,0.1-1.5,0.1-2.3h-0.1V41H52V13.1h37.4V41z%20M56.5,41h28.5V17.5H56.5V41z'%20/%3e%3c/g%3e%3crect%20x='66.2'%20y='105.9'%20width='9'%20height='36.8'/%3e%3c/g%3e%3c/svg%3e");
  background-size: 44px;
  background-position: center 6px;
}
#header_buttons a.connection_button__link:hover {
  background-color: var(--primary-action-hover);
}
#header_buttons a.connection_button__link.disabled {
  background-color: var(--surface-500);
  pointer-events: none;
  cursor: default;
}
#header_buttons a.connection_button__link.active {
  background-color: var(--error-500);
  border: 1px solid var(--error-600);
  transition: none;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath%20d='M59.1,20.5h9v6.8h-9V20.5z%20M72.5,27.3h9v-6.8h-9V27.3z%20M89.4,40h9.2v39.5h-0.1c0,0.7,0.1,1.5,0.1,2.3%20c0,18.3-12.5,28.6-27.9,28.6s-27.8-10.4-27.8-28.6c0-0.7,0.1-1.5,0.1-2.3h-0.1V40H52V12.1h37.4V40z%20M56.5,40h28.5V16.5H56.5V40z%20M77.5,74l9.8-9.8c0.7-0.7,0.7-1.8,0-2.5l-3.4-3.4c-0.7-0.7-1.8-0.7-2.5,0l-9.8,9.8l-9.9-9.9c-0.7-0.7-1.8-0.7-2.5,0l-3.4,3.4%20c-0.7,0.7-0.7,1.8,0,2.5l9.8,9.9l-9.8,9.8c-0.7,0.7-0.7,1.8,0,2.5l3.4,3.4c0.7,0.7,1.8,0.7,2.5,0l9.8-9.8l9.8,9.8%20c0.7,0.7,1.8,0.7,2.5,0l3.4-3.4c0.7-0.7,0.7-1.8,0-2.5L77.5,74z'/%3e%3c/g%3e%3crect%20x='66.2'%20y='104.9'%20width='9'%20height='36.8'/%3e%3c/g%3e%3c/svg%3e");
}
#header_buttons a.connection_button__link.active:hover {
  background-color: var(--error-400);
}
.firmware_flasher_button__label {
  white-space: nowrap;
}
.header-wrapper {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}
.header-wrapper .mode-connected {
  display: none;
}
.header-wrapper .mode-loggedin {
  display: none;
}
#sensor-status {
  border-radius: 0.5rem;
  background-color: var(--surface-300);
}
#sensor-status > ul {
  display: flex;
}
#sensor-status li {
  width: 3.5rem;
  display: flex;
}
.gyroicon {
  background-image: url(data:image/png;base64,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);
}
.accicon {
  background-image: url(data:image/png;base64,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);
}
.magicon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAABPCAYAAACqNJiGAAAFOUlEQVR42u2bX2hTVxzHb27zr8lNGluJDauskK7Udrgy1L04KcVZGZtlsFn1YSvqQ5HtYXSC3R/dmHWDKa3FCkUEEXwboy+jj0PGHtyT7FEcCJPWh6LiFtMmber3250LIdTca+d6T72/A4ebP+cckk++v3/nngSWlpYMaatrpiAQeAJP4Ak8aQJP4Onbgl5/gHA4/NT3ampqDNM0fy6VSu8tLi4WVhpTKBREeZUtEAgYkUjkw2QyuScajX4NiGK2rk0iGDTr6uo+Qw+mUqlDoVDIIlCB5/ShoDKo7jj6q7W1tXz8Mq7nBJ471UVhrkcBLADFGTBbIx6Pv4vHaZ0AmjqqDrCG0VsIjrB4BcgMAI7p5Pu0gwdQGyzL2g9TXQbJXR8CZFSOxWK78X5WF/WZuqkOgMaguiaqrQIqFdkABWqjPm3gKXU1wzT30sdVAlKpiwFVvolxO3RQn6mT6gDuAgBtZHJMc63sfB3vJwDwBz4WeEpVMMvtMNldtq+rkjjTfHdAfW97rT4t4FFFUNNZqgppiuNYwIti/Cmv1Wdqorp9CARv2HXuSiZrdzt4APTrGH/Y1/CgngAS4pMQU8StkjgOsIOY9yn8pOlbeFDQABT0GlXn1ofZiTPmdKAf9yU8qCaYSCQ+geqCBFLNXCs7x2MeVXsE64R9Bw+q+xLK2WKXYc/qKxlcMP8VrHPaV/Cgljgi5kdMPZ5VdeXq43yo9wDWSvgGHhw+U5Pm1ahuBfVtxnojvoAHlaSREPfaQWI1qitXH9cBvHewbuMLDw+OnmVYxikhdtu4DtbbhHXH1vJ7eHIDqLGxcTqVSl3jl34eJRYVCL9HgLNrmuB7dEpq4/+k+hL67IsOrzzq/qf5uVzOs8/u+X3bYrForNfmObz1fLhSjlsIPIEn8PzUPE1VkNRGTdM8YZdopVLpJ1z/cPpMHI95/ejNat738/Pzc76Cl8lkNiBVuc/NAQDgcbGb+Xx+2yKaUzmGOvZXwNvJoZhfPzMz88BXZosSLRCLxZZLq2QyyYS5E0X+MaeSjXfXMIcbqbxJvryO73yevaWkttS5M0IYZ/Baxmke72Nw3vOqj9cdvIob2tPqtqLFvTmnIxUr3VXzZbTll4fifoH6/qQCEUj6oKq3dDuPpyU8On0U+KGmpqYLKgrThC9CfRGdSztt8jxEWmtiYuIKfNgtdSKqBf2EzuozdTBZdqgv0tnZ+bC1tfUMnyvz/Rwwszr6O22UR3Uhz4tze2pycvJHmOx1FTzC6Bd1PAmvlfLYmCgj18t1d3d/hdcW1JmUPbh+UE19UtsqIAsLC8bo6OiNhoaGq+pUAPt5KDEhynNoVB/SlsLAwMAw4M0yCQa8DPo38leCKmZrN6qvv7//TjabHbaDB/rHANnqNNf3W1IEAqWVpqamLsPn3VB/LwghkJy3gwdU+FjMtkribFnW311dXUN8yuCBvhfq61FDimK2VaImU5fx8fHf6uvrL5dVHqx7TSgvR/8oZlsleABWYXBwkMHjntqB2YLr+4i+j8RsXZhvX1/f3ba2tm/5nMED/u8LiM9zeEGvTdZNucXgMTc3d7W9vf0g1LgTytuaz+cLduri6y0pJ8BUHyqPf3p6erhRUFCnq7bJ/zBcAmTwGBkZ+T2dTl+yd5J9D89tossxCB7FoaGh7+Dv7laavijPRd3b29s73dHRcYqR2PPdII93Y/njtajHefS/XM7jubSXyp7fNv49m+creOu6yXELgSfwBJ7AkybwBJ7AE3jSBJ7AE3gCT+BJE3hr3J4A0XJCPoq2qLEAAAAASUVORK5CYII=);
}
.gpsicon {
  background-image: url(data:image/png;base64,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);
}
.baroicon {
  background-image: url(data:image/png;base64,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);
}
.sonaricon {
  background-image: url(data:image/png;base64,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);
}
.gyroicon.active {
  color: var(--text);
  background-image: url(data:image/png;base64,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);
}
.accicon.active {
  color: var(--text);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAABPCAYAAACqNJiGAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAJcEhZcwAACxMAAAsTAQCanBgAAAOaSURBVHja7ZtPSBRRHMdndUtEthUkxHJLzc2ki3bqZMdABK9Bl26CoHS1Q5eQJQQvHTyGbuCpi6BdIi1bI8MugoImeLEEw0MqrBJNv9/sb/Q1O7vzp511yu/hA8vMe7/f732cefPGfavpuq4Bf0AC5EEe5EEegDzIgzzIA5AHef+uvKkn2jH6QnuQ3BMCy/HHWP4jeTXEllADed5IEbqQgjz3tBKHirxDOQZ5LphWxJlMQ54z3TbiTLohrzBVxEYReRvSBvJsGCoizmQI8vK5TBy4kHcgbSFPYdKFOJNJyDuhy4M4ky7IW2ivJJZ9yFuWvmdaXr8PcSb9Z1lenNgkfljI2ojK2rTblBhnTx71ryCaiVYV/W39cJ48OmZtJ30r8LRVmU88ypOXO4bXM8iDPMiDPMiDPMiDPMiDPMiDPMiDPMiDPMgLYEBRPZN8kScvdywKeYW5S6wW+bf7qrSBPMvGnikP311MlWrjT9jk3fBwe8WIp8SRjy9/jqRvzPV0kKst1PLmiUGHgUSIB8S2g6BfQrE22xIr4pBzUGoLrbxeGdAuUVtgELeJRccrK5P8dPRK62X4s4srcVFi2+WslZp0qTF08vi2WFcGM2oZwCViwoW0r/ps/OHMsHaF4lcx/JmPGeecJU5ILjX3qHJ+XZ1WwiJvwGZOuiZbwnhn057DoLP6u4Znn8e0mxQ3ZnN7xfgctynwva7KnuSskhqsc+pAmORdIHZsBvHBYb9djvfNM99fancoXh0RKfJkjHAbbst9XFyFG1KD9fiO1BwKeSlf2yUyyVX99bn7FKeBiHpYXkS5D/c1YvjbqpEKg7yEi9vIIq1tV5+re/xmRGuhGNV/sUar5hgcy4jpTR7XnDhteWkPBf+kd9TxL+PaLeobL+FbQpxjcmwjh/t60qcmj5J3uliHmfNaJjujdVO/i0RlAO+olRybc3Aul/K49s7TkZdpm3X9V55PjFCf8wH/3EozclAuD1PIbNnlUeIej3MM7yVuCFqe5DjwWFtP2eTJInPF+9O17Xng8nI5vD55V4wxlUlen8/lAc8xHQHK63A9B+fTVx55mWSa+CgsGWutHGvElvBN2cG5r1x9cwFedXOKjP3j/FzLSV1rSr1LyjjS5Zrz6omEwlWhSXZrMi2WXZzXhUZ1eVBiGpU8au4Wpa4mpV51DPX4pTd+Jg95kAcgD/IgD/IA5EEe5EEe5AHIgzzIgzwAeaXlNzQVRvW0hccIAAAAAElFTkSuQmCC);
}
.magicon.active {
  color: var(--text);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAABPCAYAAACqNJiGAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAJcEhZcwAACxMAAAsTAQCanBgAAAL+SURBVHja7ds/aBNRAMfxa9UaSEONlmIpVaMkwcVNF3FwEMHBTUeVbgqCW0cFwUGwVChIQRExoBZcxKBFpW2Ss4qCqFBQCxarVdBJB/8Vn7+7e5e+HEnuXUwc+n7Dl4Ne7iAfXnp5r6+WEMJijUUE4hGPeMRjxCMe8Sq7ddoqJx5uDSuPOmqdV+/l3o945Q6h3+gM8aLhtQs7/QJHIezsHI6dxNPHG0R/XDyvUeLp4cUw2t4ocE4LqId44XjnAnB+14lXHy+J5mvgfUFbiFcb72oNOL888arjbUKfQ/C+oh3EC+LZ2dshcEJ+dZkiXiXedjmqhEbf0T7iLY26KU04f/Q9Jp6Htx/9iITnTdsGTMdrwzTsaUQ4OfrSL51pnMl4R+UoEg3kTN8GjcTDG1+J0TPTIJw/+l47S1Ym4p36J7ilzhqFhzccxxPzbVPw7Ow7HBMm4V1o0qjzu2gEnlxaWmgy3ie03gS8sSbD+Y0tf7xi/zDKtaBhE37ndaOeFtTNleQIcW5LPOIRj3jEIx7xWreqEpMrK37bIsAdUa6LmYdXSiUD06tnaIUWnp0ulq/DfczDK/StrTI/Pa6JN12+Bvchntc31Eu8KHh2+kO9DT3Eq4dX3JgDyKwCuId4unil1A0xue6Egufsz1tNPL2Pbb4wZK3B8ZUCeJJ4enj3XZSJrsMK3s/gfjziVcebljOGOD7CkwrgOPE08dzuWbsCuwgOEE8TD+c6cO5SYDN3gng6Iw+9v2Ztxs/UXaJDxNPEw/n2wFeXXyhDPA08CZjAw+ORsq3ijoL3gHh18OTDYzeOi8oI3Cvx7hIvBE8+PEYVvBn3/9JKqZvECxt5aC5nbcD5jwrgQeBdJp4GnvfwSB5T8J4D7zzxNPAkYCfAisrrnxBPE89pcdzaKee7lQuoxAvHwzWrRKF3hHgN4DnNXrH68Np54jWAh+vaxETXgPF4zlMUZWT9wT9g1ymuXJeR9zEDb7lEBOIRj3jEY8QjHvGIx4hHPOIRj3iMeP+5v7HZfN0zCSHKAAAAAElFTkSuQmCC);
}
.gpsicon.active {
  color: var(--text);
  background-image: url(data:image/png;base64,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);
}
.gpsicon.active_fix {
  color: var(--text);
  background-image: url(data:image/png;base64,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);
}
.baroicon.active {
  color: var(--text);
  background-image: url(data:image/png;base64,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);
}
.sonaricon.active {
  color: var(--text);
  background-image: url(data:image/png;base64,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);
}
.gyroicon,
.accicon,
.magicon,
.gpsicon,
.baroicon,
.sonaricon {
  background-repeat: no-repeat;
  height: 30px;
  width: 100%;
  padding-top: 3rem;
  color: var(--surface-700);
  text-align: center;
  background-size: 41px;
  background-position-x: center;
  background-position-y: 4px;
}
#dataflash_wrapper_global {
  color: var(--text);
  height: fit-content;
  display: none;
}
.dataflash-contents_global {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: var(--surface-300);
}
.dataflash-contents_global .notsupported_global {
  display: none;
}
.dataflash-contents_global progress {
  height: 0.35rem;
  width: 100%;
  border-radius: 12px;
  appearance: none;
  -webkit-appearance: none;
  overflow: hidden;
}
.dataflash-contents_global progress::-webkit-progress-bar {
  background-color: var(--surface-500);
}
.dataflash-contents_global progress::-webkit-progress-value {
  background-color: var(--primary-500);
  border-radius: 0 12px 12px 0;
}
.dataflash-free_global {
  background-color: var(--primary-500);
  border-radius: 4px;
}
.dataflash-contents progress::-webkit-progress-value {
  background-color: #bcf;
}
.noflash_global {
  display: none;
  color: #868686;
  text-align: center;
  margin-top: 2px;
}
#expertMode {
  color: var(--surface-800);
  width: 100%;
  margin-top: 1rem;
}
#expertMode label {
  display: flex;
  align-items: baseline;
}
#expertMode label .expertModeText {
  white-space: nowrap;
}
#quad-status_wrapper {
  display: none;
  font-size: 10px;
  border-radius: 0.5rem;
  background-color: var(--surface-300);
  white-space: nowrap;
  padding: 0.25rem 0.5rem;
}
.armedicon {
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 6px;
  height: 18px;
  width: 18px;
  opacity: 0.8;
  background-size: contain;
  background-position: center;
  transition: none;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='28%20-43%20141.7%20141.7'%20style='enable-background:new%2028%20-43%20141.7%20141.7;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23818180;}%20%3c/style%3e%3cg%3e%3cg%3e%3cpath%20class='st0'%20d='M157.1,71.9l-52-97.5c-1.3-2.4-3.8-4-6.6-4c-2.8,0-5.3,1.5-6.6,4L39.6,71.9c-1.2,2.3-1.2,5.1,0.2,7.4%20c1.4,2.3,3.8,3.7,6.5,3.7h104.3c2.6,0,5.1-1.4,6.4-3.7C158.3,77,158.4,74.2,157.1,71.9L157.1,71.9z%20M98.5,67.9%20c-4.1,0-7.5-3.3-7.5-7.5c0-4.1,3.4-7.5,7.5-7.5c4.1,0,7.5,3.4,7.5,7.5C106,64.6,102.6,67.9,98.5,67.9L98.5,67.9z%20M106,38%20c0,4.2-3.4,7.5-7.5,7.5c-4.1,0-7.5-3.3-7.5-7.5V8c0-4.1,3.4-7.5,7.5-7.5c4.1,0,7.5,3.4,7.5,7.5V38z%20M106,38'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
.failsafeicon {
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 6px;
  height: 18px;
  width: 18px;
  opacity: 0.8;
  background-size: contain;
  background-position: center;
  transition: none;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='28%20-43%20141.7%20141.7'%20style='enable-background:new%2028%20-43%20141.7%20141.7;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23818181;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M98.9,87l60.9-61.9c0.8-0.8,1.2-1.9,1.1-3l0,0C156.7-8.4,130.5-32,98.9-32c-31.5,0-57.7,23.5-62,53.8v0.1V22%20l0,0c-0.1,1,0.3,2.1,1.1,2.9l42.9,43.8%20M107,68.2l14.8-49.6c3.3-4.7,8.7-7.8,14.9-7.8c7.2,0,13.4,4.2,16.4,10.3L107,68.2z%20M83.7,19%20c3.2-4.9,8.8-8.2,15.2-8.2c6.2,0,11.7,3.1,15,7.9L99,68.7L83.7,19z%20M44.5,20.8c3-6,9.1-10.1,16.2-10.1c6.2,0,11.7,3.1,14.9,7.8%20l15.1,49.4L44.5,20.8z'/%3e%3c/g%3e%3c/svg%3e");
}
.linkicon {
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 6px;
  height: 18px;
  width: 18px;
  opacity: 0.8;
  background-size: contain;
  background-position: center;
  transition: none;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='28%20-43%20141.7%20141.7'%20style='enable-background:new%2028%20-43%20141.7%20141.7;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23818180;}%20%3c/style%3e%3cg%3e%3cg%3e%3cpath%20class='st0'%20d='M146.1,18.3l-21,21c-11.6,11.6-30.4,11.6-42,0c-1.8-1.8-3.3-3.9-4.5-6l9.8-9.8c0.5-0.5,1-0.7,1.6-1.1%20c0.7,2.3,1.9,4.5,3.7,6.3c5.8,5.8,15.2,5.8,21,0l21-21c5.8-5.8,5.8-15.2,0-21s-15.2-5.8-21,0l-7.5,7.5c-6.1-2.4-12.6-3-18.9-2.1%20l15.9-15.9c11.6-11.6,30.4-11.6,42,0C157.7-12,157.7,6.8,146.1,18.3L146.1,18.3z%20M90.6,52.8l-7.5,7.5c-5.8,5.8-15.2,5.8-21,0%20s-5.8-15.2,0-21l21-21c5.8-5.8,15.2-5.8,21,0c1.8,1.8,3,4,3.7,6.3c0.6-0.3,1.1-0.6,1.6-1l9.8-9.7c-1.2-2.1-2.7-4.2-4.5-6%20c-11.6-11.6-30.4-11.6-42,0l-21,21c-11.6,11.6-11.6,30.4,0,42s30.4,11.6,42,0L109.6,55C103.2,55.8,96.7,55.2,90.6,52.8L90.6,52.8z%20'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
.armedicon.active {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='28%20-43%20141.7%20141.7'%20style='enable-background:new%2028%20-43%20141.7%20141.7;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFCC00;}%20%3c/style%3e%3cg%3e%3cg%3e%3cpath%20class='st0'%20d='M157.1,71.9l-52-97.5c-1.3-2.4-3.8-4-6.6-4c-2.8,0-5.3,1.5-6.6,4L39.6,71.9c-1.2,2.3-1.2,5.1,0.2,7.4%20c1.4,2.3,3.8,3.7,6.5,3.7h104.3c2.6,0,5.1-1.4,6.4-3.7C158.3,77,158.4,74.2,157.1,71.9L157.1,71.9z%20M98.5,67.9%20c-4.1,0-7.5-3.3-7.5-7.5c0-4.1,3.4-7.5,7.5-7.5c4.1,0,7.5,3.4,7.5,7.5C106,64.6,102.6,67.9,98.5,67.9L98.5,67.9z%20M106,38%20c0,4.2-3.4,7.5-7.5,7.5c-4.1,0-7.5-3.3-7.5-7.5V8c0-4.1,3.4-7.5,7.5-7.5c4.1,0,7.5,3.4,7.5,7.5V38z%20M106,38'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
.failsafeicon.active {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='28%20-43%20141.7%20141.7'%20style='enable-background:new%2028%20-43%20141.7%20141.7;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23E60000;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M98.9,87l60.9-61.9c0.8-0.8,1.2-1.9,1.1-3l0,0C156.7-8.4,130.5-32,98.9-32c-31.5,0-57.7,23.5-62,53.8v0.1V22%20l0,0c-0.1,1,0.3,2.1,1.1,2.9l42.9,43.8%20M107,68.2l14.8-49.6c3.3-4.7,8.7-7.8,14.9-7.8c7.2,0,13.4,4.2,16.4,10.3L107,68.2z%20M83.7,19%20c3.2-4.9,8.8-8.2,15.2-8.2c6.2,0,11.7,3.1,15,7.9L99,68.7L83.7,19z%20M44.5,20.8c3-6,9.1-10.1,16.2-10.1c6.2,0,11.7,3.1,14.9,7.8%20l15.1,49.4L44.5,20.8z'/%3e%3c/g%3e%3c/svg%3e");
}
.linkicon.active {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='-70%200%20141.7%20141.7'%20style='enable-background:new%20-70%200%20141.7%20141.7;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFBB00;}%20%3c/style%3e%3cg%3e%3cg%3e%3cpath%20class='st0'%20d='M49.1,65.3l-21,21c-11.6,11.6-30.4,11.6-42,0c-1.8-1.8-3.3-3.9-4.5-6l9.8-9.8c0.5-0.5,1-0.7,1.6-1.1%20c0.7,2.3,1.9,4.5,3.7,6.3c5.8,5.8,15.2,5.8,21,0l21-21c5.8-5.8,5.8-15.2,0-21s-15.2-5.8-21,0l-7.5,7.5c-6.1-2.4-12.6-3-18.9-2.1%20L7.2,23.2c11.6-11.6,30.4-11.6,42,0C60.7,35,60.7,53.8,49.1,65.3L49.1,65.3z%20M-6.4,99.8l-7.5,7.5c-5.8,5.8-15.2,5.8-21,0%20s-5.8-15.2,0-21l21-21c5.8-5.8,15.2-5.8,21,0c1.8,1.8,3,4,3.7,6.3c0.6-0.3,1.1-0.6,1.6-1l9.8-9.7c-1.2-2.1-2.7-4.2-4.5-6%20c-11.6-11.6-30.4-11.6-42,0l-21,21c-11.6,11.6-11.6,30.4,0,42c11.6,11.6,30.4,11.6,42,0L12.6,102C6.2,102.8-0.3,102.2-6.4,99.8%20L-6.4,99.8z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
#log {
  background-color: var(--surface-200);
  color: var(--text);
  line-height: 21px;
  height: 2rem;
  overflow-y: hidden;
  transition: all 0.2s;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  overflow: hidden;
  padding: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
}
#log .wrapper {
  padding: 0.5rem;
  position: relative;
  bottom: 0;
}
#log .wrapper > * {
  user-select: text;
}
#log .wrapper > * > * {
  user-select: text;
}
#log a {
  font-weight: normal;
  color: var(--primary-500);
}
#log a:hover {
  text-decoration: underline;
}
#log.active {
  overflow-y: auto;
  box-shadow: inset 0 0 15px var(--surface-500);
  height: 111px;
}
#scrollicon {
  position: fixed;
  right: 10px;
  top: 113px;
  height: 27px;
  width: 27px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%23FFFFFF'%20stroke='%23000000'%20stroke-width='0.3'%20stroke-miterlimit='10'%20d='M84,41c0.5,0.5,1.3,0.5,1.7,0%20c0.5-0.5,0.5-1.3,0-1.7L71.9,25.6c-0.5-0.5-1.3-0.5-1.7,0L56.3,39.3c-0.5,0.5-0.5,1.3,0,1.7c0.5,0.5,1.3,0.5,1.7,0l13-12.5L84,41z'%20/%3e%3c/g%3e%3cg%3e%3cpath%20fill='%23FFFFFF'%20stroke='%23000000'%20stroke-width='0.3'%20stroke-miterlimit='10'%20d='M58,100.1c-0.5-0.5-1.3-0.5-1.7,0%20c-0.5,0.5-0.5,1.3,0,1.7l13.9,13.7c0.5,0.5,1.3,0.5,1.7,0l13.9-13.6c0.5-0.5,0.5-1.3,0-1.7c-0.5-0.5-1.3-0.5-1.7,0L71,112.6%20L58,100.1z'/%3e%3c/g%3e%3cg%3e%3cpath%20fill='%23FFFFFF'%20stroke='%23000000'%20stroke-width='0.3'%20stroke-miterlimit='10'%20d='M20.4,77.3c1.9,1.1,4.6,2.1,7.4,2.1%20c4.2,0,6.7-2.2,6.7-5.5c0-3-1.7-4.7-6-6.4c-5.2-1.8-8.5-4.5-8.5-9c0-5,4.1-8.7,10.4-8.7c3.3,0,5.7,0.8,7.1,1.6l-1.1,3.4%20c-1-0.6-3.2-1.5-6.1-1.5c-4.4,0-6,2.6-6,4.8c0,3,2,4.5,6.4,6.2c5.4,2.1,8.2,4.7,8.2,9.4c0,4.9-3.7,9.2-11.2,9.2%20c-3.1,0-6.5-0.9-8.2-2L20.4,77.3z'/%3e%3cpath%20fill='%23FFFFFF'%20stroke='%23000000'%20stroke-width='0.3'%20stroke-miterlimit='10'%20d='M61,81.5c-1.1,0.6-3.5,1.3-6.6,1.3%20c-6.9,0-11.5-4.7-11.5-11.8c0-7.1,4.9-12.2,12.4-12.2c2.5,0,4.7,0.6,5.8,1.2l-1,3.2c-1-0.6-2.6-1.1-4.9-1.1c-5.3,0-8.1,3.9-8.1,8.7%20c0,5.3,3.4,8.6,8,8.6c2.4,0,4-0.6,5.1-1.1L61,81.5z'/%3e%3cpath%20fill='%23FFFFFF'%20stroke='%23000000'%20stroke-width='0.3'%20stroke-miterlimit='10'%20d='M65.9,66.5c0-2.7,0-5-0.2-7.2h3.7l0.1,4.5h0.2%20c1-3.1,3.6-5,6.4-5c0.5,0,0.8,0,1.2,0.1v4c-0.4-0.1-0.9-0.1-1.4-0.1c-3,0-5,2.2-5.6,5.4c-0.1,0.6-0.2,1.2-0.2,2v12.3H66v-16H65.9z'%20/%3e%3cpath%20fill='%23FFFFFF'%20stroke='%23000000'%20stroke-width='0.3'%20stroke-miterlimit='10'%20d='M101.9,70.6c0,8.5-5.9,12.2-11.5,12.2%20c-6.2,0-11-4.6-11-11.8c0-7.7,5-12.2,11.4-12.2C97.4,58.8,101.9,63.6,101.9,70.6z%20M83.6,70.9c0,5,2.9,8.9,7,8.9c4,0,7-3.8,7-8.9%20c0-3.9-2-8.9-6.9-8.9C85.7,61.9,83.6,66.5,83.6,70.9z'/%3e%3cpath%20fill='%23FFFFFF'%20stroke='%23000000'%20stroke-width='0.3'%20stroke-miterlimit='10'%20d='M107.2,48.6h4.2v33.8h-4.2V48.6z'/%3e%3cpath%20fill='%23FFFFFF'%20stroke='%23000000'%20stroke-width='0.3'%20stroke-miterlimit='10'%20d='M118.4,48.6h4.2v33.8h-4.2V48.6z'/%3e%3c/g%3e%3c/svg%3e");
  opacity: 0;
  transition: all ease 0.2s;
}
#scrollicon.active {
  height: 88px;
  margin-top: 13px;
  margin-right: 20px;
  width: 88px;
  opacity: 0.15;
}
.logswitch {
  position: absolute;
  right: 20px;
  padding: 2px;
  z-index: 10;
}
.logswitch a {
  color: var(--surface-700) !important;
  transition: all 0.2s;
}
.logswitch a:hover {
  color: var(--surface-900) !important;
  text-decoration: none !important;
}
#tab-content-container {
  display: flex;
  flex: 1 1 0;
  min-height: 0;
  overflow-y: hidden;
  transition: all 0.2s;
}
.tab_container {
  transition: all 0.2s;
  width: 16rem;
  min-height: 0;
  overflow: auto;
  /* Match #content: avoid horizontal jump when the sidebar scrollbar appears */
  scrollbar-gutter: stable;
  padding: 1rem;
  background-color: var(--surface-100);
  display: flex;
  flex-direction: column;
}
#content {
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
  transition: all 0.2s;
  /* Scope tab-internal z-index values so they can't paint above teleported modals */
  isolation: isolate;
  overflow-x: hidden;
  overflow-y: auto;
  /* Avoid horizontal jump when scrollbar appears/disappears (e.g. toggling long tab lists) */
  scrollbar-gutter: stable;
  background-color: var(--surface-100);
  width: 100%;
}
.tab_container.logopen {
  overflow-x: hidden;
  overflow-y: auto;
}
#tabs {
  flex: 0 1 auto;
  /* Grows only to fit content, can shrink if needed */
  overflow-y: auto;
  /* Allows scrolling if tabs exceed screen height */
  background-color: var(--surface-200);
  border-radius: 1rem;
  font-size: 13px;
  padding: 0.5rem;
}
#tabs ul.mode-connected {
  display: none;
}
#tabs ul.mode-connected-cli {
  display: none;
}
#tabs ul.mode-loggedin {
  display: none;
}
#tabs li:first-child {
  border-top: 0;
}
#tabs li:last-child {
  border-bottom: 0;
}
#tabs li a {
  font-weight: normal;
  padding: 1rem 1rem;
  background-color: transparent;
  color: var(--text);
  border-radius: 999px;
  height: 1.5rem;
  display: flex;
  align-items: center;
  transition: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 0.25rem;
}
#tabs li a:hover {
  text-decoration: none;
  background-color: var(--primary-transparent-1);
  color: var(--primary-500);
}
#tabs li.active {
  color: #fff;
  transition: none;
}
#tabs li.active a {
  background-color: var(--primary-transparent-2);
  color: var(--primary-600);
  transition: none;
}
#tabs li.active a:hover {
  cursor: default;
  background-color: var(--primary-transparent-2);
}
.tabicon {
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 13px 7px;
}
.ic_setup::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M137.9,36.3c-0.1-1.2-0.9-2.2-2-2.6c-1.1-0.4-2.4-0.1-3.2,0.7l-17.4,17.4l-19.3-6.1l-6.1-19.3l17.4-17.4%20c0.9-0.9,1.1-2.1,0.7-3.2c-0.4-1.1-1.4-1.9-2.6-2C94.7,2.7,84.3,6.5,76.8,14c-10.3,10.3-13,25.3-8.2,38c-0.5,0.4-1,0.9-1.6,1.4%20L9,108.3c0,0,0,0-0.1,0.1c-6.8,6.8-6.8,18,0,24.8c6.8,6.8,17.9,6.8,24.7-0.1c0,0,0.1-0.1,0.1-0.1l54.4-58.6c0.5-0.5,1-1,1.4-1.6%20c12.8,4.8,27.8,2.1,38-8.2C135,57.2,138.8,46.9,137.9,36.3z%20M24.9,125.8c-2.5,2.5-6.6,2.5-9.1,0c-2.5-2.5-2.5-6.6,0-9.1%20c2.5-2.5,6.6-2.5,9.1,0C27.4,119.2,27.4,123.3,24.9,125.8z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M137.9,36.3c-0.1-1.2-0.9-2.2-2-2.6c-1.1-0.4-2.4-0.1-3.2,0.7l-17.4,17.4l-19.3-6.1l-6.1-19.3l17.4-17.4%20c0.9-0.9,1.1-2.1,0.7-3.2c-0.4-1.1-1.4-1.9-2.6-2C94.7,2.7,84.3,6.5,76.8,14c-10.3,10.3-13,25.3-8.2,38c-0.5,0.4-1,0.9-1.6,1.4%20L9,108.3c0,0,0,0-0.1,0.1c-6.8,6.8-6.8,18,0,24.8c6.8,6.8,17.9,6.8,24.7-0.1c0,0,0.1-0.1,0.1-0.1l54.4-58.6c0.5-0.5,1-1,1.4-1.6%20c12.8,4.8,27.8,2.1,38-8.2C135,57.2,138.8,46.9,137.9,36.3z%20M24.9,125.8c-2.5,2.5-6.6,2.5-9.1,0c-2.5-2.5-2.5-6.6,0-9.1%20c2.5-2.5,6.6-2.5,9.1,0C27.4,119.2,27.4,123.3,24.9,125.8z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_setup:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_setup::before {
  background-color: var(--primary-600);
}
.ic_ports::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M37.7,25c-0.6-0.6-1.5-1-2.4-1c-0.9,0-1.8,0.4-2.4,1.1C13,47.1,23.8,94.5,25,99.2l-20,20%20c-0.6,0.6-1,1.5-1,2.3c0,0.9,0.3,1.7,1,2.3l12,12c0.6,0.6,1.5,1,2.3,1c0.8,0,1.7-0.3,2.3-1l20-20c9.7,2.5,21.9,4,32.6,4%20c12.9,0,30.5-2.1,41.4-11.9c0.7-0.6,1.1-1.5,1.1-2.4c0-0.9-0.3-1.8-1-2.4L37.7,25z'/%3e%3cpath%20fill='%23818181'%20d='M66.5,44.8c0.6,0.6,1.5,1,2.3,1c0.8,0,1.7-0.3,2.3-1L96,20c1.8-1.8,2.7-4.1,2.7-6.6c0-2.5-1-4.8-2.7-6.6%20c-1.8-1.8-4.1-2.7-6.6-2.7c-2.5,0-4.8,1-6.6,2.7L58.1,31.7c-1.3,1.3-1.3,3.4,0,4.7L66.5,44.8z'/%3e%3cpath%20fill='%23818181'%20d='M134.3,45.2c-1.8-1.8-4.1-2.7-6.6-2.7c-2.5,0-4.8,1-6.6,2.7L96.4,69.9c-0.6,0.6-1,1.5-1,2.3s0.3,1.7,1,2.3%20l8.4,8.4c0.6,0.6,1.5,1,2.3,1c0.8,0,1.7-0.3,2.3-1l24.7-24.7C137.9,54.7,137.9,48.8,134.3,45.2z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M37.7,25c-0.6-0.6-1.5-1-2.4-1c-0.9,0-1.8,0.4-2.4,1.1C13,47.1,23.8,94.5,25,99.2l-20,20%20c-0.6,0.6-1,1.5-1,2.3c0,0.9,0.3,1.7,1,2.3l12,12c0.6,0.6,1.5,1,2.3,1c0.8,0,1.7-0.3,2.3-1l20-20c9.7,2.5,21.9,4,32.6,4%20c12.9,0,30.5-2.1,41.4-11.9c0.7-0.6,1.1-1.5,1.1-2.4c0-0.9-0.3-1.8-1-2.4L37.7,25z'/%3e%3cpath%20fill='%23818181'%20d='M66.5,44.8c0.6,0.6,1.5,1,2.3,1c0.8,0,1.7-0.3,2.3-1L96,20c1.8-1.8,2.7-4.1,2.7-6.6c0-2.5-1-4.8-2.7-6.6%20c-1.8-1.8-4.1-2.7-6.6-2.7c-2.5,0-4.8,1-6.6,2.7L58.1,31.7c-1.3,1.3-1.3,3.4,0,4.7L66.5,44.8z'/%3e%3cpath%20fill='%23818181'%20d='M134.3,45.2c-1.8-1.8-4.1-2.7-6.6-2.7c-2.5,0-4.8,1-6.6,2.7L96.4,69.9c-0.6,0.6-1,1.5-1,2.3s0.3,1.7,1,2.3%20l8.4,8.4c0.6,0.6,1.5,1,2.3,1c0.8,0,1.7-0.3,2.3-1l24.7-24.7C137.9,54.7,137.9,48.8,134.3,45.2z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_ports:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_ports::before {
  background-color: var(--primary-600);
}
.ic_config::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M119.6,54.2l-2.3-5.5c7.9-18,7.4-18.5,5.9-20.1L113,18.7l-1-0.8h-1.2c-0.6,0-2.5,0-17.9,7l-5.7-2.3%20C79.9,4.4,79.1,4.4,77,4.4H62.7c-2.1,0-3,0-9.8,18.3l-5.7,2.3c-10.4-4.4-16.5-6.6-18.2-6.6l-1.4,0L16.7,29%20c-1.7,1.6-2.2,2.1,6.2,19.8l-2.3,5.5C2,61.5,2,62.2,2,64.4v14c0,2.2,0,3,18.7,9.7l2.3,5.5c-7.9,18-7.4,18.5-5.9,20l10.2,9.9%20l1,0.9h1.2c0.6,0,2.4,0,17.9-7l5.7,2.3c7.3,18.2,8.1,18.2,10.3,18.2h14.3c2.2,0,3,0,9.8-18.3l5.7-2.3c10.4,4.4,16.5,6.6,18.2,6.6%20l1.4,0l11-10.8c1.6-1.6,2.1-2.1-6.2-19.7l2.3-5.5c18.6-7.2,18.6-8,18.6-10.1v-14C138.3,61.6,138.3,60.8,119.6,54.2z%20M70.1,94.5%20C57,94.5,46.3,84,46.3,71.1c0-12.9,10.7-23.4,23.8-23.4c13.1,0,23.8,10.5,23.8,23.4C93.9,84,83.3,94.5,70.1,94.5z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M119.6,54.2l-2.3-5.5c7.9-18,7.4-18.5,5.9-20.1L113,18.7l-1-0.8h-1.2c-0.6,0-2.5,0-17.9,7l-5.7-2.3%20C79.9,4.4,79.1,4.4,77,4.4H62.7c-2.1,0-3,0-9.8,18.3l-5.7,2.3c-10.4-4.4-16.5-6.6-18.2-6.6l-1.4,0L16.7,29%20c-1.7,1.6-2.2,2.1,6.2,19.8l-2.3,5.5C2,61.5,2,62.2,2,64.4v14c0,2.2,0,3,18.7,9.7l2.3,5.5c-7.9,18-7.4,18.5-5.9,20l10.2,9.9%20l1,0.9h1.2c0.6,0,2.4,0,17.9-7l5.7,2.3c7.3,18.2,8.1,18.2,10.3,18.2h14.3c2.2,0,3,0,9.8-18.3l5.7-2.3c10.4,4.4,16.5,6.6,18.2,6.6%20l1.4,0l11-10.8c1.6-1.6,2.1-2.1-6.2-19.7l2.3-5.5c18.6-7.2,18.6-8,18.6-10.1v-14C138.3,61.6,138.3,60.8,119.6,54.2z%20M70.1,94.5%20C57,94.5,46.3,84,46.3,71.1c0-12.9,10.7-23.4,23.8-23.4c13.1,0,23.8,10.5,23.8,23.4C93.9,84,83.3,94.5,70.1,94.5z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_config:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_config::before {
  background-color: var(--primary-600);
}
.ic_pid::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cg%20id='_x34_29._Network'%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M122.4,98.3V77.6c0-7.2-5.9-13.1-13.1-13.1H76.6V43.7c7.6-2.7,13.1-10,13.1-18.5%20c0-10.8-8.8-19.6-19.6-19.6c-10.8,0-19.6,8.8-19.6,19.6c0,8.6,5.5,15.8,13.1,18.5v20.8H30.7c-7.2,0-13.1,5.9-13.1,13.1v20.8%20C10,101,4.5,108.3,4.5,116.8c0,10.8,8.8,19.6,19.6,19.6s19.6-8.8,19.6-19.6c0-8.5-5.5-15.8-13.1-18.5V77.6h32.7v20.8%20c-7.6,2.7-13.1,9.9-13.1,18.5c0,10.8,8.8,19.6,19.6,19.6c10.8,0,19.6-8.8,19.6-19.6c0-8.5-5.5-15.8-13.1-18.5V77.6h32.7v20.8%20c-7.6,2.7-13.1,9.9-13.1,18.5c0,10.8,8.8,19.6,19.6,19.6c10.8,0,19.6-8.8,19.6-19.6C135.5,108.3,130,101,122.4,98.3z%20M24.2,123.4%20c-3.6,0-6.5-2.9-6.5-6.5c0-3.6,2.9-6.5,6.5-6.5c3.6,0,6.5,2.9,6.5,6.5C30.7,120.5,27.8,123.4,24.2,123.4z%20M70,123.4%20c-3.6,0-6.5-2.9-6.5-6.5c0-3.6,2.9-6.5,6.5-6.5c3.6,0,6.5,2.9,6.5,6.5C76.6,120.5,73.6,123.4,70,123.4z%20M70,31.7%20c-3.6,0-6.5-2.9-6.5-6.6c0-3.6,2.9-6.5,6.5-6.5c3.6,0,6.5,2.9,6.5,6.5C76.6,28.8,73.6,31.7,70,31.7z%20M115.8,123.4%20c-3.6,0-6.5-2.9-6.5-6.5c0-3.6,2.9-6.5,6.5-6.5c3.6,0,6.5,2.9,6.5,6.5C122.4,120.5,119.5,123.4,115.8,123.4z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cg%20id='_x34_29._Network'%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M122.4,98.3V77.6c0-7.2-5.9-13.1-13.1-13.1H76.6V43.7c7.6-2.7,13.1-10,13.1-18.5%20c0-10.8-8.8-19.6-19.6-19.6c-10.8,0-19.6,8.8-19.6,19.6c0,8.6,5.5,15.8,13.1,18.5v20.8H30.7c-7.2,0-13.1,5.9-13.1,13.1v20.8%20C10,101,4.5,108.3,4.5,116.8c0,10.8,8.8,19.6,19.6,19.6s19.6-8.8,19.6-19.6c0-8.5-5.5-15.8-13.1-18.5V77.6h32.7v20.8%20c-7.6,2.7-13.1,9.9-13.1,18.5c0,10.8,8.8,19.6,19.6,19.6c10.8,0,19.6-8.8,19.6-19.6c0-8.5-5.5-15.8-13.1-18.5V77.6h32.7v20.8%20c-7.6,2.7-13.1,9.9-13.1,18.5c0,10.8,8.8,19.6,19.6,19.6c10.8,0,19.6-8.8,19.6-19.6C135.5,108.3,130,101,122.4,98.3z%20M24.2,123.4%20c-3.6,0-6.5-2.9-6.5-6.5c0-3.6,2.9-6.5,6.5-6.5c3.6,0,6.5,2.9,6.5,6.5C30.7,120.5,27.8,123.4,24.2,123.4z%20M70,123.4%20c-3.6,0-6.5-2.9-6.5-6.5c0-3.6,2.9-6.5,6.5-6.5c3.6,0,6.5,2.9,6.5,6.5C76.6,120.5,73.6,123.4,70,123.4z%20M70,31.7%20c-3.6,0-6.5-2.9-6.5-6.6c0-3.6,2.9-6.5,6.5-6.5c3.6,0,6.5,2.9,6.5,6.5C76.6,28.8,73.6,31.7,70,31.7z%20M115.8,123.4%20c-3.6,0-6.5-2.9-6.5-6.5c0-3.6,2.9-6.5,6.5-6.5c3.6,0,6.5,2.9,6.5,6.5C122.4,120.5,119.5,123.4,115.8,123.4z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_pid:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_pid::before {
  background-color: var(--primary-600);
}
.ic_rx::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M111.4,49.1H98.6c-2.7-4-7.3-6.6-12.4-6.6H75.3V6c0-2.4-2-4.4-4.4-4.4s-4.4,2-4.4,4.4v36.5H56.5%20c-5.1,0-9.7,2.6-12.4,6.6H30.5c-8.2,0-15,6.7-15,15v61.1c0,8.2,6.7,15,15,15h80.9c8.2,0,15-6.7,15-15V64.1%20C126.4,55.8,119.6,49.1,111.4,49.1z%20M45.9,106.5c-9.6,0-17.4-7.8-17.4-17.4c0-9.6,7.8-17.4,17.4-17.4c9.6,0,17.4,7.8,17.4,17.4%20C63.3,98.7,55.5,106.5,45.9,106.5z%20M95.3,106.5c-9.6,0-17.4-7.8-17.4-17.4c0-9.6,7.8-17.4,17.4-17.4s17.4,7.8,17.4,17.4%20C112.7,98.7,104.9,106.5,95.3,106.5z'/%3e%3ccircle%20fill='%23818181'%20cx='95.5'%20cy='89.1'%20r='5.1'/%3e%3ccircle%20fill='%23818181'%20cx='46.4'%20cy='89.1'%20r='5.1'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M111.4,49.1H98.6c-2.7-4-7.3-6.6-12.4-6.6H75.3V6c0-2.4-2-4.4-4.4-4.4s-4.4,2-4.4,4.4v36.5H56.5%20c-5.1,0-9.7,2.6-12.4,6.6H30.5c-8.2,0-15,6.7-15,15v61.1c0,8.2,6.7,15,15,15h80.9c8.2,0,15-6.7,15-15V64.1%20C126.4,55.8,119.6,49.1,111.4,49.1z%20M45.9,106.5c-9.6,0-17.4-7.8-17.4-17.4c0-9.6,7.8-17.4,17.4-17.4c9.6,0,17.4,7.8,17.4,17.4%20C63.3,98.7,55.5,106.5,45.9,106.5z%20M95.3,106.5c-9.6,0-17.4-7.8-17.4-17.4c0-9.6,7.8-17.4,17.4-17.4s17.4,7.8,17.4,17.4%20C112.7,98.7,104.9,106.5,95.3,106.5z'/%3e%3ccircle%20fill='%23818181'%20cx='95.5'%20cy='89.1'%20r='5.1'/%3e%3ccircle%20fill='%23818181'%20cx='46.4'%20cy='89.1'%20r='5.1'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_rx:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_rx::before {
  background-color: var(--primary-600);
}
.ic_modes::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M44.2,62.8h53.2c15.1,0,27.4-12.3,27.4-27.4S112.5,8,97.4,8H44.2C29,8,16.8,20.3,16.8,35.4%20S29,62.8,44.2,62.8z%20M44.2,17.9c9.7,0,17.5,7.8,17.5,17.5s-7.8,17.5-17.5,17.5s-17.5-7.8-17.5-17.5S34.5,17.9,44.2,17.9z'/%3e%3cpath%20fill='%23818181'%20d='M97.6,79H44.4C29.3,79,17,91.2,17,106.4s12.3,27.4,27.4,27.4h53.2c15.1,0,27.4-12.3,27.4-27.4%20S112.8,79,97.6,79z%20M97.6,123.9c-9.7,0-17.5-7.8-17.5-17.5S88,88.9,97.6,88.9c9.7,0,17.5,7.8,17.5,17.5S107.3,123.9,97.6,123.9z'%20/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M44.2,62.8h53.2c15.1,0,27.4-12.3,27.4-27.4S112.5,8,97.4,8H44.2C29,8,16.8,20.3,16.8,35.4%20S29,62.8,44.2,62.8z%20M44.2,17.9c9.7,0,17.5,7.8,17.5,17.5s-7.8,17.5-17.5,17.5s-17.5-7.8-17.5-17.5S34.5,17.9,44.2,17.9z'/%3e%3cpath%20fill='%23818181'%20d='M97.6,79H44.4C29.3,79,17,91.2,17,106.4s12.3,27.4,27.4,27.4h53.2c15.1,0,27.4-12.3,27.4-27.4%20S112.8,79,97.6,79z%20M97.6,123.9c-9.7,0-17.5-7.8-17.5-17.5S88,88.9,97.6,88.9c9.7,0,17.5,7.8,17.5,17.5S107.3,123.9,97.6,123.9z'%20/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_modes:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_modes::before {
  background-color: var(--primary-600);
}
.ic_adjust::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%20id='EQ__x2F__Equalizer__x2F__Mixer'%3e%3cpath%20fill='%23818181'%20d='M37,48.3h-4.5V9.9c0-3.7-3-6.8-6.8-6.8s-6.8,3-6.8,6.8v38.4h-4.5c-5,0-9,4-9,9v9c0,5,4,9,9,9h4.5v56.5%20c0,3.7,3,6.8,6.8,6.8c3.7,0,6.8-3,6.8-6.8V75.4H37c5,0,9-4,9-9v-9C46,52.3,42,48.3,37,48.3z%20M82.2,88.9h-4.5V9.9%20c0-3.7-3-6.8-6.8-6.8c-3.7,0-6.8,3-6.8,6.8v79.1h-4.5c-5,0-9,4-9,9v9c0,5,4,9,9,9h4.5v15.8c0,3.7,3,6.8,6.8,6.8%20c3.7,0,6.8-3,6.8-6.8V116h4.5c5,0,9-4,9-9v-9C91.2,93,87.1,88.9,82.2,88.9z%20M127.3,16.7h-4.5V9.9c0-3.7-3-6.8-6.8-6.8%20c-3.7,0-6.8,3-6.8,6.8v6.8h-4.5c-5,0-9,4-9,9v9c0,5,4,9,9,9h4.5v88.1c0,3.7,3,6.8,6.8,6.8c3.7,0,6.8-3,6.8-6.8V43.8h4.5%20c5,0,9-4,9-9v-9C136.4,20.7,132.3,16.7,127.3,16.7z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%20id='EQ__x2F__Equalizer__x2F__Mixer'%3e%3cpath%20fill='%23818181'%20d='M37,48.3h-4.5V9.9c0-3.7-3-6.8-6.8-6.8s-6.8,3-6.8,6.8v38.4h-4.5c-5,0-9,4-9,9v9c0,5,4,9,9,9h4.5v56.5%20c0,3.7,3,6.8,6.8,6.8c3.7,0,6.8-3,6.8-6.8V75.4H37c5,0,9-4,9-9v-9C46,52.3,42,48.3,37,48.3z%20M82.2,88.9h-4.5V9.9%20c0-3.7-3-6.8-6.8-6.8c-3.7,0-6.8,3-6.8,6.8v79.1h-4.5c-5,0-9,4-9,9v9c0,5,4,9,9,9h4.5v15.8c0,3.7,3,6.8,6.8,6.8%20c3.7,0,6.8-3,6.8-6.8V116h4.5c5,0,9-4,9-9v-9C91.2,93,87.1,88.9,82.2,88.9z%20M127.3,16.7h-4.5V9.9c0-3.7-3-6.8-6.8-6.8%20c-3.7,0-6.8,3-6.8,6.8v6.8h-4.5c-5,0-9,4-9,9v9c0,5,4,9,9,9h4.5v88.1c0,3.7,3,6.8,6.8,6.8c3.7,0,6.8-3,6.8-6.8V43.8h4.5%20c5,0,9-4,9-9v-9C136.4,20.7,132.3,16.7,127.3,16.7z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_adjust:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_adjust::before {
  background-color: var(--primary-600);
}
.ic_servo::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M137.6,57h-16l-13-12.3h-78l-9.3,14h-18v16h21.2v33.7c0,8.8,7.2,15.9,15.9,15.9h60.4%20c8.8,0,15.9-7.2,15.9-15.9V74.7h20.9V57z'/%3e%3cpolygon%20fill='%23818181'%20points='78.9,30.3%2066.6,30.3%2066.6,17.5%2045.9,17.5%2045.9,30.3%2033.6,30.3%2033.6,39.3%2078.9,39.3%20'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M137.6,57h-16l-13-12.3h-78l-9.3,14h-18v16h21.2v33.7c0,8.8,7.2,15.9,15.9,15.9h60.4%20c8.8,0,15.9-7.2,15.9-15.9V74.7h20.9V57z'/%3e%3cpolygon%20fill='%23818181'%20points='78.9,30.3%2066.6,30.3%2066.6,17.5%2045.9,17.5%2045.9,30.3%2033.6,30.3%2033.6,39.3%2078.9,39.3%20'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_servo:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_servo::before {
  background-color: var(--primary-600);
}
.ic_gps::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M34.1,28.1l23,23l20-20l-23-23c-1.1-1.1-2.9-1.1-4,0l-16,16C33,25.2,33,27,34.1,28.1'/%3e%3cpath%20fill='%23818181'%20d='M117.9,107.8l16-16c1.1-1.1,1.1-2.9,0-4l-23-23l-20,20l23,23C115,109,116.8,109,117.9,107.8'/%3e%3cpath%20fill='%23818181'%20d='M71.6,70.4c-7.1-7.1-18.6-7.1-25.6,0c0,0,0,0,0,0c-0.5,0.5-0.5,1.4,0,2l0,0l23.7,23.7c0.5,0.5,1.4,0.5,2,0%20C78.6,89,78.6,77.5,71.6,70.4'/%3e%3cpath%20fill='%23818181'%20d='M75,67c6.6,6.6,8.4,16.1,5.5,24.3l37-37c2.2-2.2,2.2-5.9,0-8.1L95.8,24.5c-2.2-2.2-5.9-2.2-8.1,0l-37,37%20C59,58.6,68.5,60.4,75,67'/%3e%3cpath%20fill='%23818181'%20d='M30.4,75.6c-1.7,9.9,1.6,20.1,8.7,27.2c7.1,7.1,17.3,10.4,27.2,8.7c2.8-0.5,4.7-3.2,4.3-6%20c-0.2-1.1-0.7-2.1-1.4-2.8c-1.1-1.1-2.8-1.7-4.5-1.5c-6.6,1.1-13.4-1.1-18.2-5.8S39.6,84,40.7,77.3c0.5-2.8-1.4-5.5-4.3-6%20S30.9,72.8,30.4,75.6'/%3e%3cpath%20fill='%23818181'%20d='M68.8,125.9c-0.1-1.3-0.6-2.5-1.5-3.4c-1-1-2.4-1.6-4-1.5c-11.4,0.6-22.6-3.7-30.7-11.7S20.3,90,21,78.6%20c0.2-2.9-2-5.3-4.9-5.5c-2.9-0.2-5.3,2-5.5,4.9c-0.8,14.4,4.6,28.4,14.8,38.6s24.2,15.5,38.6,14.8C66.8,131.3,69,128.8,68.8,125.9'%20/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M34.1,28.1l23,23l20-20l-23-23c-1.1-1.1-2.9-1.1-4,0l-16,16C33,25.2,33,27,34.1,28.1'/%3e%3cpath%20fill='%23818181'%20d='M117.9,107.8l16-16c1.1-1.1,1.1-2.9,0-4l-23-23l-20,20l23,23C115,109,116.8,109,117.9,107.8'/%3e%3cpath%20fill='%23818181'%20d='M71.6,70.4c-7.1-7.1-18.6-7.1-25.6,0c0,0,0,0,0,0c-0.5,0.5-0.5,1.4,0,2l0,0l23.7,23.7c0.5,0.5,1.4,0.5,2,0%20C78.6,89,78.6,77.5,71.6,70.4'/%3e%3cpath%20fill='%23818181'%20d='M75,67c6.6,6.6,8.4,16.1,5.5,24.3l37-37c2.2-2.2,2.2-5.9,0-8.1L95.8,24.5c-2.2-2.2-5.9-2.2-8.1,0l-37,37%20C59,58.6,68.5,60.4,75,67'/%3e%3cpath%20fill='%23818181'%20d='M30.4,75.6c-1.7,9.9,1.6,20.1,8.7,27.2c7.1,7.1,17.3,10.4,27.2,8.7c2.8-0.5,4.7-3.2,4.3-6%20c-0.2-1.1-0.7-2.1-1.4-2.8c-1.1-1.1-2.8-1.7-4.5-1.5c-6.6,1.1-13.4-1.1-18.2-5.8S39.6,84,40.7,77.3c0.5-2.8-1.4-5.5-4.3-6%20S30.9,72.8,30.4,75.6'/%3e%3cpath%20fill='%23818181'%20d='M68.8,125.9c-0.1-1.3-0.6-2.5-1.5-3.4c-1-1-2.4-1.6-4-1.5c-11.4,0.6-22.6-3.7-30.7-11.7S20.3,90,21,78.6%20c0.2-2.9-2-5.3-4.9-5.5c-2.9-0.2-5.3,2-5.5,4.9c-0.8,14.4,4.6,28.4,14.8,38.6s24.2,15.5,38.6,14.8C66.8,131.3,69,128.8,68.8,125.9'%20/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_gps:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_gps::before {
  background-color: var(--primary-600);
}
.ic_led::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M99.6,50.6h-61V33.4c0-16.8,13.7-30.5,30.5-30.5c16.8,0,30.5,13.7,30.5,30.5L99.6,50.6L99.6,50.6z%20M32.3,55.3v17.9h76.2V55.3L32.3,55.3L32.3,55.3z%20M82.4,106.8h2.2V138h4.5v-31.2h2.2V78h-9V106.8z%20M46.3,106.8h2.2v23.7H53v-23.7%20h2.2V78h-9V106.8z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M99.6,50.6h-61V33.4c0-16.8,13.7-30.5,30.5-30.5c16.8,0,30.5,13.7,30.5,30.5L99.6,50.6L99.6,50.6z%20M32.3,55.3v17.9h76.2V55.3L32.3,55.3L32.3,55.3z%20M82.4,106.8h2.2V138h4.5v-31.2h2.2V78h-9V106.8z%20M46.3,106.8h2.2v23.7H53v-23.7%20h2.2V78h-9V106.8z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_led:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_led::before {
  background-color: var(--primary-600);
}
.ic_sensors::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M52.7,113.6c-2.4,0-4.4-1.1-4.9-3.4l-6.7-32l-4.4,7.6c-0.9,1.5-2.6,2.6-4.3,2.6H8c-2.8,0-5-2.3-5-5%20c0-2.8,2.3-5,5-5h21.4L39,62.3c1.1-1.8,3.1-2.8,5.2-2.4c2,0.3,3.7,1.9,4.1,3.9l4,19.5l9.2-51.1c0.4-2.4,2.5-4.1,5-4.1c0,0,0,0,0,0%20c2.4,0,4.5,1.7,4.9,4.1l9.8,57.4l3.2-8c0.8-1.9,2.6-3.2,4.7-3.2h44.6c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5H92.5L84,110%20c-0.8,2.1-2.9,3.4-5.2,3.2c-2.2-0.2-4-1.9-4.4-4.2l-8-46.9l-8.7,48C57.2,112.4,55.1,113.6,52.7,113.6%20C52.7,113.6,52.7,113.6,52.7,113.6z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M52.7,113.6c-2.4,0-4.4-1.1-4.9-3.4l-6.7-32l-4.4,7.6c-0.9,1.5-2.6,2.6-4.3,2.6H8c-2.8,0-5-2.3-5-5%20c0-2.8,2.3-5,5-5h21.4L39,62.3c1.1-1.8,3.1-2.8,5.2-2.4c2,0.3,3.7,1.9,4.1,3.9l4,19.5l9.2-51.1c0.4-2.4,2.5-4.1,5-4.1c0,0,0,0,0,0%20c2.4,0,4.5,1.7,4.9,4.1l9.8,57.4l3.2-8c0.8-1.9,2.6-3.2,4.7-3.2h44.6c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5H92.5L84,110%20c-0.8,2.1-2.9,3.4-5.2,3.2c-2.2-0.2-4-1.9-4.4-4.2l-8-46.9l-8.7,48C57.2,112.4,55.1,113.6,52.7,113.6%20C52.7,113.6,52.7,113.6,52.7,113.6z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_sensors:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_sensors::before {
  background-color: var(--primary-600);
}
.ic_log::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M123.5,25.8h-6c-2.9,0-6.4,2.2-7.8,4.7L101.4,45c-1.7,3-4.9,4.4-8.3,4.4H46.2c-3.5,0-6.6-1.3-8.3-4.3%20l-8.3-14.9c-1.4-2.5-4.9-4.4-7.8-4.4h-6c-7,0-12.2,5.9-12.2,12.9v63.4c0,7,5.2,12.9,12.2,12.9h107.8c7,0,13.9-5.9,13.9-12.9V38.8%20C137.4,31.8,130.5,25.8,123.5,25.8z%20M38,85.5c-5.2,0-9.5-4.3-9.5-9.5c0-5.2,4.3-9.5,9.5-9.5s9.5,4.3,9.5,9.5S43.3,85.5,38,85.5z%20M84.4,80.1c0,2.6-2.1,4.6-4.6,4.6H58.8c-2.5,0-4.6-2.1-4.6-4.6v-8.8c0-2.6,2.1-4.6,4.6-4.6h20.9c2.6,0,4.6,2.1,4.6,4.6V80.1z%20M100.6,85.5c-5.2,0-9.5-4.3-9.5-9.5c0-5.2,4.3-9.5,9.5-9.5c5.2,0,9.5,4.3,9.5,9.5S105.9,85.5,100.6,85.5z'/%3e%3cpath%20fill='%23818181'%20d='M43.6,36.7c1.4,2.5,4.9,4.9,7.8,4.9h36.4c2.9,0,6.4-2.3,7.8-4.8l3.2-6.1c1.4-2.5,0.2-4.8-2.7-4.8h-53%20c-2.9,0-4.1,2.2-2.7,4.7L43.6,36.7z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M123.5,25.8h-6c-2.9,0-6.4,2.2-7.8,4.7L101.4,45c-1.7,3-4.9,4.4-8.3,4.4H46.2c-3.5,0-6.6-1.3-8.3-4.3%20l-8.3-14.9c-1.4-2.5-4.9-4.4-7.8-4.4h-6c-7,0-12.2,5.9-12.2,12.9v63.4c0,7,5.2,12.9,12.2,12.9h107.8c7,0,13.9-5.9,13.9-12.9V38.8%20C137.4,31.8,130.5,25.8,123.5,25.8z%20M38,85.5c-5.2,0-9.5-4.3-9.5-9.5c0-5.2,4.3-9.5,9.5-9.5s9.5,4.3,9.5,9.5S43.3,85.5,38,85.5z%20M84.4,80.1c0,2.6-2.1,4.6-4.6,4.6H58.8c-2.5,0-4.6-2.1-4.6-4.6v-8.8c0-2.6,2.1-4.6,4.6-4.6h20.9c2.6,0,4.6,2.1,4.6,4.6V80.1z%20M100.6,85.5c-5.2,0-9.5-4.3-9.5-9.5c0-5.2,4.3-9.5,9.5-9.5c5.2,0,9.5,4.3,9.5,9.5S105.9,85.5,100.6,85.5z'/%3e%3cpath%20fill='%23818181'%20d='M43.6,36.7c1.4,2.5,4.9,4.9,7.8,4.9h36.4c2.9,0,6.4-2.3,7.8-4.8l3.2-6.1c1.4-2.5,0.2-4.8-2.7-4.8h-53%20c-2.9,0-4.1,2.2-2.7,4.7L43.6,36.7z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_log:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_log::before {
  background-color: var(--primary-600);
}
.ic_data::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M17.8,93.4c-1.5-1.9-3.9-3.2-6.6-3.2c-4.6,0-8.4,3.8-8.4,8.4c0,4.6,3.8,8.4,8.4,8.4c2.7,0,5-1.2,6.6-3.2%20h11.3V93.4H17.8z'/%3e%3cpath%20fill='%23818181'%20d='M17.8,65.6c-1.5-1.9-3.9-3.2-6.6-3.2c-4.6,0-8.4,3.8-8.4,8.4c0,4.6,3.8,8.4,8.4,8.4c2.7,0,5-1.2,6.6-3.2%20h11.3V65.6L17.8,65.6L17.8,65.6z'/%3e%3cpath%20fill='%23818181'%20d='M17.8,37.8c-1.5-1.9-3.9-3.2-6.6-3.2c-4.6,0-8.4,3.8-8.4,8.4s3.8,8.4,8.4,8.4c2.7,0,5-1.2,6.6-3.2h11.3%20V37.8H17.8z'/%3e%3cpath%20fill='%23818181'%20d='M123.9,103.8c1.5,1.9,3.9,3.2,6.6,3.2c4.6,0,8.4-3.8,8.4-8.4c0-4.6-3.8-8.4-8.4-8.4c-2.7,0-5,1.2-6.6,3.2%20h-11.3v10.4H123.9z'/%3e%3cpath%20fill='%23818181'%20d='M123.9,76c1.5,1.9,3.9,3.2,6.6,3.2c4.6,0,8.4-3.8,8.4-8.4c0-4.6-3.8-8.4-8.4-8.4c-2.7,0-5,1.2-6.6,3.2%20h-11.3V76L123.9,76L123.9,76z'/%3e%3cpath%20fill='%23818181'%20d='M123.9,48.2c1.5,1.9,3.9,3.2,6.6,3.2c4.6,0,8.4-3.8,8.4-8.4s-3.8-8.4-8.4-8.4c-2.7,0-5,1.2-6.6,3.2h-11.3%20v10.4L123.9,48.2L123.9,48.2z'/%3e%3cpath%20fill='%23818181'%20d='M98.2,14.9H43.5c-2.9,0-5.2,2.3-5.2,5.2v101.4c0,2.9,2.3,5.2,5.2,5.2h54.7c2.9,0,5.2-2.3,5.2-5.2V20.1%20C103.4,17.3,101.1,14.9,98.2,14.9z%20M89.2,32.6c-2.2,0-4-1.8-4-4s1.8-4,4-4c2.2,0,4,1.8,4,4S91.4,32.6,89.2,32.6z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M17.8,93.4c-1.5-1.9-3.9-3.2-6.6-3.2c-4.6,0-8.4,3.8-8.4,8.4c0,4.6,3.8,8.4,8.4,8.4c2.7,0,5-1.2,6.6-3.2%20h11.3V93.4H17.8z'/%3e%3cpath%20fill='%23818181'%20d='M17.8,65.6c-1.5-1.9-3.9-3.2-6.6-3.2c-4.6,0-8.4,3.8-8.4,8.4c0,4.6,3.8,8.4,8.4,8.4c2.7,0,5-1.2,6.6-3.2%20h11.3V65.6L17.8,65.6L17.8,65.6z'/%3e%3cpath%20fill='%23818181'%20d='M17.8,37.8c-1.5-1.9-3.9-3.2-6.6-3.2c-4.6,0-8.4,3.8-8.4,8.4s3.8,8.4,8.4,8.4c2.7,0,5-1.2,6.6-3.2h11.3%20V37.8H17.8z'/%3e%3cpath%20fill='%23818181'%20d='M123.9,103.8c1.5,1.9,3.9,3.2,6.6,3.2c4.6,0,8.4-3.8,8.4-8.4c0-4.6-3.8-8.4-8.4-8.4c-2.7,0-5,1.2-6.6,3.2%20h-11.3v10.4H123.9z'/%3e%3cpath%20fill='%23818181'%20d='M123.9,76c1.5,1.9,3.9,3.2,6.6,3.2c4.6,0,8.4-3.8,8.4-8.4c0-4.6-3.8-8.4-8.4-8.4c-2.7,0-5,1.2-6.6,3.2%20h-11.3V76L123.9,76L123.9,76z'/%3e%3cpath%20fill='%23818181'%20d='M123.9,48.2c1.5,1.9,3.9,3.2,6.6,3.2c4.6,0,8.4-3.8,8.4-8.4s-3.8-8.4-8.4-8.4c-2.7,0-5,1.2-6.6,3.2h-11.3%20v10.4L123.9,48.2L123.9,48.2z'/%3e%3cpath%20fill='%23818181'%20d='M98.2,14.9H43.5c-2.9,0-5.2,2.3-5.2,5.2v101.4c0,2.9,2.3,5.2,5.2,5.2h54.7c2.9,0,5.2-2.3,5.2-5.2V20.1%20C103.4,17.3,101.1,14.9,98.2,14.9z%20M89.2,32.6c-2.2,0-4-1.8-4-4s1.8-4,4-4c2.2,0,4,1.8,4,4S91.4,32.6,89.2,32.6z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_data:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_data::before {
  background-color: var(--primary-600);
}
.ic_cli::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cg%20id='c43_terminal'%3e%3cpath%20fill='%23818181'%20d='M125.8,15.9H15.9c-5.1,0-9.2,4.1-9.2,9.2v91.6c0,5.1,4.1,9.2,9.2,9.2h109.9c5.1,0,9.2-4.1,9.2-9.2V25%20C135,20,130.9,15.9,125.8,15.9z%20M36.5,22.8c2.5,0,4.6,2,4.6,4.6c0,2.5-2.1,4.6-4.6,4.6c-2.5,0-4.6-2-4.6-4.6%20C31.9,24.8,34,22.8,36.5,22.8z%20M22.8,22.8c2.5,0,4.6,2,4.6,4.6c0,2.5-2,4.6-4.6,4.6s-4.6-2-4.6-4.6C18.2,24.8,20.2,22.8,22.8,22.8%20z%20M125.8,116.7H15.9V38.9h109.9V116.7z'/%3e%3cpolygon%20fill='%23818181'%20points='58.1,57.7%2028.7,44.3%2028.7,50.8%2051.4,60.5%2051.4,60.6%2028.7,70.3%2028.7,76.8%2058.1,63.3%20'/%3e%3crect%20x='71.9'%20y='57.4'%20fill='%23818181'%20width='16'%20height='6.2'/%3e%3c/g%3e%3cg%20id='Capa_1_86_'%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cg%20id='c43_terminal'%3e%3cpath%20fill='%23818181'%20d='M125.8,15.9H15.9c-5.1,0-9.2,4.1-9.2,9.2v91.6c0,5.1,4.1,9.2,9.2,9.2h109.9c5.1,0,9.2-4.1,9.2-9.2V25%20C135,20,130.9,15.9,125.8,15.9z%20M36.5,22.8c2.5,0,4.6,2,4.6,4.6c0,2.5-2.1,4.6-4.6,4.6c-2.5,0-4.6-2-4.6-4.6%20C31.9,24.8,34,22.8,36.5,22.8z%20M22.8,22.8c2.5,0,4.6,2,4.6,4.6c0,2.5-2,4.6-4.6,4.6s-4.6-2-4.6-4.6C18.2,24.8,20.2,22.8,22.8,22.8%20z%20M125.8,116.7H15.9V38.9h109.9V116.7z'/%3e%3cpolygon%20fill='%23818181'%20points='58.1,57.7%2028.7,44.3%2028.7,50.8%2051.4,60.5%2051.4,60.6%2028.7,70.3%2028.7,76.8%2058.1,63.3%20'/%3e%3crect%20x='71.9'%20y='57.4'%20fill='%23818181'%20width='16'%20height='6.2'/%3e%3c/g%3e%3cg%20id='Capa_1_86_'%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_cli:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_cli::before {
  background-color: var(--primary-600);
}
.ic_motor::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cpath%20fill='%23818181'%20d='M106.9,71v-2.2l-11.6-8H80.1v-6.5l-2-3.3V26.2h-7.4h-0.4h-7.4V51l-2,3.3v6.5H45.7l-11.6,8V71h-4v56.5%20l2.9,0.9c0,0,0.4,5.1,5.1,5.1c3.3,0,19.4,0,29,0v1.5c0,1.3,1,2.3,2.3,2.3h2c1.3,0,2.3-1,2.3-2.3v-1.5c0.1,0,0.3,0,0.4,0%20c7.6,0,24.9,0,28.6,0c4.7,0,5.1-5.1,5.1-5.1l2.9-0.9V71H106.9z'/%3e%3cpath%20fill='%23818181'%20d='M70.1,48.5l18.3,0v-4.7h-3.1C85.2,23.7,76.3,5,70.9,5l-0.9,0c-5.4,0-14.3,18.7-14.3,38.8h-3.1v4.7l18.3,0'/%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cpath%20fill='%23818181'%20d='M106.9,71v-2.2l-11.6-8H80.1v-6.5l-2-3.3V26.2h-7.4h-0.4h-7.4V51l-2,3.3v6.5H45.7l-11.6,8V71h-4v56.5%20l2.9,0.9c0,0,0.4,5.1,5.1,5.1c3.3,0,19.4,0,29,0v1.5c0,1.3,1,2.3,2.3,2.3h2c1.3,0,2.3-1,2.3-2.3v-1.5c0.1,0,0.3,0,0.4,0%20c7.6,0,24.9,0,28.6,0c4.7,0,5.1-5.1,5.1-5.1l2.9-0.9V71H106.9z'/%3e%3cpath%20fill='%23818181'%20d='M70.1,48.5l18.3,0v-4.7h-3.1C85.2,23.7,76.3,5,70.9,5l-0.9,0c-5.4,0-14.3,18.7-14.3,38.8h-3.1v4.7l18.3,0'/%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_motor:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_motor::before {
  background-color: var(--primary-600);
}
.ic_welcome::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='-70%200%20141.7%20141.7'%20style='enable-background:new%20-70%200%20141.7%20141.7;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23818181;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M8.4,34.1c0,0,16.2,7.3,21.5,13.4c0,0-5.9-0.2-8.1,3.3c-2.6,3.8-1.3,11.4,6.8,17.1s17.7,6.3,22.5,6.6%20c4.8,0.2,9.6,1.3,10.6,3.5C61.4,78.1,62.9,51.6,8.4,34.1z%20M38.7,61.1c-1-4,2.2-5.5,6.6-3.8c4,1.8,10.6,12.1,10.6,12.1%20C50.6,68.7,39.9,65.2,38.7,61.1z'/%3e%3cpath%20class='st0'%20d='M-68.6,10.4l9,19.7l-8.6-3l2.6,4.8c0,0,3.5,6.8,11.9,21.5c6.6,11.4,18.2,17.1,33.8,16.4c0.5,0,1.3,0,2,0%20c9.6-0.5,31.6-3,32.6-3h0.2l10.3-4L-68.6,10.4z%20M-20.1,65.5c-5.5,0.2-10.6-0.5-14.9-2c-6.3-2.2-11.4-6.3-14.9-12.3%20c-4.3-7.6-7.3-12.9-9-16.4l7.9,2.8L-59,20.8l74.2,40.9l-1.3,0.5c-0.5,0-1.8,0.2-3.8,0.5l-50-20.2L-2.2,64%20C-9,64.4-16.4,65.2-20.1,65.5z'/%3e%3cpath%20class='st0'%20d='M24.8,59.4c0,0-31.6-8.3-26.8,16.4c3.1,16.2,21.3,6.8,27.9,0.7C32.4,70.5,27,60.2,24.8,59.4z'/%3e%3cpath%20class='st0'%20d='M41.5,96.8c-14.2-6.1-22.8-16-33.6-15.2C1.3,82.1-5.7,87.6-8.5,95c4,3.3,10.1,5.5,19.7,2c0,0-6.6,8.1-20.4,7.3%20c0.2,1.8,1,3.3,1.8,5c1.3,2,3,4,5,5.5c5.9-0.7,13.9-3.5,21.7-12.1c0,0-0.7,9-7.9,17.1c3.8,0.5,7.9,0.5,12.1,0.2%20c3.3-1.8,7.9-5,7.9-10.9c0,0,1.5,4.6-0.7,9.9c6.6-1.3,13.4-3.8,19.9-7.6C65.2,103,70,93.2,70,93.2S55.9,102.5,41.5,96.8z%20M51.8,107.3c-0.7-2-1-6.1-1-6.1c4.6,0.5,10.1-1.5,10.1-1.5C57.2,104.6,51.8,107.3,51.8,107.3z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='-70%200%20141.7%20141.7'%20style='enable-background:new%20-70%200%20141.7%20141.7;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23818181;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M8.4,34.1c0,0,16.2,7.3,21.5,13.4c0,0-5.9-0.2-8.1,3.3c-2.6,3.8-1.3,11.4,6.8,17.1s17.7,6.3,22.5,6.6%20c4.8,0.2,9.6,1.3,10.6,3.5C61.4,78.1,62.9,51.6,8.4,34.1z%20M38.7,61.1c-1-4,2.2-5.5,6.6-3.8c4,1.8,10.6,12.1,10.6,12.1%20C50.6,68.7,39.9,65.2,38.7,61.1z'/%3e%3cpath%20class='st0'%20d='M-68.6,10.4l9,19.7l-8.6-3l2.6,4.8c0,0,3.5,6.8,11.9,21.5c6.6,11.4,18.2,17.1,33.8,16.4c0.5,0,1.3,0,2,0%20c9.6-0.5,31.6-3,32.6-3h0.2l10.3-4L-68.6,10.4z%20M-20.1,65.5c-5.5,0.2-10.6-0.5-14.9-2c-6.3-2.2-11.4-6.3-14.9-12.3%20c-4.3-7.6-7.3-12.9-9-16.4l7.9,2.8L-59,20.8l74.2,40.9l-1.3,0.5c-0.5,0-1.8,0.2-3.8,0.5l-50-20.2L-2.2,64%20C-9,64.4-16.4,65.2-20.1,65.5z'/%3e%3cpath%20class='st0'%20d='M24.8,59.4c0,0-31.6-8.3-26.8,16.4c3.1,16.2,21.3,6.8,27.9,0.7C32.4,70.5,27,60.2,24.8,59.4z'/%3e%3cpath%20class='st0'%20d='M41.5,96.8c-14.2-6.1-22.8-16-33.6-15.2C1.3,82.1-5.7,87.6-8.5,95c4,3.3,10.1,5.5,19.7,2c0,0-6.6,8.1-20.4,7.3%20c0.2,1.8,1,3.3,1.8,5c1.3,2,3,4,5,5.5c5.9-0.7,13.9-3.5,21.7-12.1c0,0-0.7,9-7.9,17.1c3.8,0.5,7.9,0.5,12.1,0.2%20c3.3-1.8,7.9-5,7.9-10.9c0,0,1.5,4.6-0.7,9.9c6.6-1.3,13.4-3.8,19.9-7.6C65.2,103,70,93.2,70,93.2S55.9,102.5,41.5,96.8z%20M51.8,107.3c-0.7-2-1-6.1-1-6.1c4.6,0.5,10.1-1.5,10.1-1.5C57.2,104.6,51.8,107.3,51.8,107.3z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_welcome:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_welcome::before {
  background-color: var(--primary-600);
}
.ic_help::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M119.8,21.5H113c0,0.1,0,0.2,0,0.3v26.7h6.8c3.9,0,7-3.1,7-7v-13C126.8,24.7,123.7,21.5,119.8,21.5z'/%3e%3cpath%20fill='%23818181'%20d='M126.8,76.6v-13c0-3.9-3.1-7-7-7H113v27h6.8C123.7,83.6,126.8,80.5,126.8,76.6z'/%3e%3cpath%20fill='%23818181'%20d='M113,117.8c0,0.3,0,0.6,0,0.9h6.8c3.9,0,7-3.1,7-7v-13c0-3.9-3.1-7-7-7H113V117.8z'/%3e%3cpath%20fill='%23818181'%20d='M101.3,15.2c-0.7-0.2-1.5-0.4-2.2-0.4H36.5v0.4v109.6h62.5c3.6,0,6.5-2.7,6.9-6.1c0-0.3,0.1-0.6,0.1-0.9%20V91.6v-8v-27v-8V21.8c0-0.1,0-0.2,0-0.3C105.9,18.6,104,16.1,101.3,15.2z%20M68.8,67.8H51.2c-2.6,0-4.7-2.1-4.7-4.7%20c0-2.6,2.1-4.7,4.7-4.7h17.5c2.6,0,4.7,2.1,4.7,4.7C73.4,65.7,71.4,67.8,68.8,67.8z%20M86.3,46.6H51.2c-2.6,0-4.7-2.1-4.7-4.7%20s2.1-4.7,4.7-4.7h35.1c2.6,0,4.7,2.1,4.7,4.7C91,44.5,88.9,46.6,86.3,46.6z'/%3e%3cpath%20fill='%23818181'%20d='M19.6,15.2c-2.8,0.9-4.7,3.5-4.7,6.6v96c0,3.9,3.1,7,7,7h6.6V15.2v-0.4h-6.6C21,14.8,20.3,15,19.6,15.2z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M119.8,21.5H113c0,0.1,0,0.2,0,0.3v26.7h6.8c3.9,0,7-3.1,7-7v-13C126.8,24.7,123.7,21.5,119.8,21.5z'/%3e%3cpath%20fill='%23818181'%20d='M126.8,76.6v-13c0-3.9-3.1-7-7-7H113v27h6.8C123.7,83.6,126.8,80.5,126.8,76.6z'/%3e%3cpath%20fill='%23818181'%20d='M113,117.8c0,0.3,0,0.6,0,0.9h6.8c3.9,0,7-3.1,7-7v-13c0-3.9-3.1-7-7-7H113V117.8z'/%3e%3cpath%20fill='%23818181'%20d='M101.3,15.2c-0.7-0.2-1.5-0.4-2.2-0.4H36.5v0.4v109.6h62.5c3.6,0,6.5-2.7,6.9-6.1c0-0.3,0.1-0.6,0.1-0.9%20V91.6v-8v-27v-8V21.8c0-0.1,0-0.2,0-0.3C105.9,18.6,104,16.1,101.3,15.2z%20M68.8,67.8H51.2c-2.6,0-4.7-2.1-4.7-4.7%20c0-2.6,2.1-4.7,4.7-4.7h17.5c2.6,0,4.7,2.1,4.7,4.7C73.4,65.7,71.4,67.8,68.8,67.8z%20M86.3,46.6H51.2c-2.6,0-4.7-2.1-4.7-4.7%20s2.1-4.7,4.7-4.7h35.1c2.6,0,4.7,2.1,4.7,4.7C91,44.5,88.9,46.6,86.3,46.6z'/%3e%3cpath%20fill='%23818181'%20d='M19.6,15.2c-2.8,0.9-4.7,3.5-4.7,6.6v96c0,3.9,3.1,7,7,7h6.6V15.2v-0.4h-6.6C21,14.8,20.3,15,19.6,15.2z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_help:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_help::before {
  background-color: var(--primary-600);
}
.ic_flasher::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M84.7,129.5c0,3.6,2.9,6.5,6.5,6.5c3.6,0,6.5-2.9,6.5-6.5v-10.5h-13L84.7,129.5L84.7,129.5z'/%3e%3cpath%20fill='%23818181'%20d='M84.7,14.5v10.5h13V14.5c0-3.6-2.9-6.5-6.5-6.5C87.6,8,84.7,10.9,84.7,14.5z'/%3e%3cpath%20fill='%23818181'%20d='M63.5,14.5v10.5h13V14.5c0-3.6-2.9-6.5-6.5-6.5S63.5,10.9,63.5,14.5z'/%3e%3cpath%20fill='%23818181'%20d='M63.5,129.5c0,3.6,2.9,6.5,6.5,6.5s6.5-2.9,6.5-6.5v-10.5h-13V129.5z'/%3e%3cpath%20fill='%23818181'%20d='M42.3,14.5v10.5h13V14.5c0-3.6-2.9-6.5-6.5-6.5S42.3,10.9,42.3,14.5z'/%3e%3cpath%20fill='%23818181'%20d='M42.3,129.5c0,3.6,2.9,6.5,6.5,6.5s6.5-2.9,6.5-6.5v-10.5h-13V129.5z'/%3e%3cpath%20fill='%23818181'%20d='M6,93.2c0,3.6,2.9,6.5,6.5,6.5h10.5v-13H12.5C8.9,86.7,6,89.6,6,93.2z'/%3e%3cpath%20fill='%23818181'%20d='M127.5,86.7h-10.5v13h10.5c3.6,0,6.5-2.9,6.5-6.5C134,89.6,131.1,86.7,127.5,86.7z'/%3e%3cpath%20fill='%23818181'%20d='M6,72c0,3.6,2.9,6.5,6.5,6.5h10.5v-13H12.5C8.9,65.5,6,68.4,6,72z'/%3e%3cpath%20fill='%23818181'%20d='M127.5,65.5h-10.5v13h10.5c3.6,0,6.5-2.9,6.5-6.5C134,68.4,131.1,65.5,127.5,65.5z'/%3e%3cpath%20fill='%23818181'%20d='M6,50.8c0,3.6,2.9,6.5,6.5,6.5h10.5v-13H12.5C8.9,44.3,6,47.2,6,50.8z'/%3e%3cpath%20fill='%23818181'%20d='M127.5,44.3h-10.5v13h10.5c3.6,0,6.5-2.9,6.5-6.5S131.1,44.3,127.5,44.3z'/%3e%3cpath%20fill='%23818181'%20d='M29.3,105.9c0,3.8,3,6.8,6.8,6.8h67.8c3.8,0,6.8-3,6.8-6.8V38.1c0-3.8-3-6.8-6.8-6.8H36.1%20c-3.8,0-6.8,3-6.8,6.8V105.9z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M84.7,129.5c0,3.6,2.9,6.5,6.5,6.5c3.6,0,6.5-2.9,6.5-6.5v-10.5h-13L84.7,129.5L84.7,129.5z'/%3e%3cpath%20fill='%23818181'%20d='M84.7,14.5v10.5h13V14.5c0-3.6-2.9-6.5-6.5-6.5C87.6,8,84.7,10.9,84.7,14.5z'/%3e%3cpath%20fill='%23818181'%20d='M63.5,14.5v10.5h13V14.5c0-3.6-2.9-6.5-6.5-6.5S63.5,10.9,63.5,14.5z'/%3e%3cpath%20fill='%23818181'%20d='M63.5,129.5c0,3.6,2.9,6.5,6.5,6.5s6.5-2.9,6.5-6.5v-10.5h-13V129.5z'/%3e%3cpath%20fill='%23818181'%20d='M42.3,14.5v10.5h13V14.5c0-3.6-2.9-6.5-6.5-6.5S42.3,10.9,42.3,14.5z'/%3e%3cpath%20fill='%23818181'%20d='M42.3,129.5c0,3.6,2.9,6.5,6.5,6.5s6.5-2.9,6.5-6.5v-10.5h-13V129.5z'/%3e%3cpath%20fill='%23818181'%20d='M6,93.2c0,3.6,2.9,6.5,6.5,6.5h10.5v-13H12.5C8.9,86.7,6,89.6,6,93.2z'/%3e%3cpath%20fill='%23818181'%20d='M127.5,86.7h-10.5v13h10.5c3.6,0,6.5-2.9,6.5-6.5C134,89.6,131.1,86.7,127.5,86.7z'/%3e%3cpath%20fill='%23818181'%20d='M6,72c0,3.6,2.9,6.5,6.5,6.5h10.5v-13H12.5C8.9,65.5,6,68.4,6,72z'/%3e%3cpath%20fill='%23818181'%20d='M127.5,65.5h-10.5v13h10.5c3.6,0,6.5-2.9,6.5-6.5C134,68.4,131.1,65.5,127.5,65.5z'/%3e%3cpath%20fill='%23818181'%20d='M6,50.8c0,3.6,2.9,6.5,6.5,6.5h10.5v-13H12.5C8.9,44.3,6,47.2,6,50.8z'/%3e%3cpath%20fill='%23818181'%20d='M127.5,44.3h-10.5v13h10.5c3.6,0,6.5-2.9,6.5-6.5S131.1,44.3,127.5,44.3z'/%3e%3cpath%20fill='%23818181'%20d='M29.3,105.9c0,3.8,3,6.8,6.8,6.8h67.8c3.8,0,6.8-3,6.8-6.8V38.1c0-3.8-3-6.8-6.8-6.8H36.1%20c-3.8,0-6.8,3-6.8,6.8V105.9z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_flasher:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_flasher::before {
  background-color: var(--primary-600);
}
.ic_osd::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='227%20-351.2%20595.3%20841.9'%20style='enable-background:new%20227%20-351.2%20595.3%20841.9;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFFFFF;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M677.5,19.8h-13.3v94.8h10.2c13.9,0,24.1-4,30.5-12.1c6.5-8.1,9.7-20.4,9.7-37c0-15.5-3.1-27-9.2-34.5%20C699.3,23.5,690,19.8,677.5,19.8z'/%3e%3cpath%20class='st0'%20d='M369.2,17.7c-22.9,0-34.4,16.5-34.4,49.5c0,32.7,11.4,49.1,34.1,49.1c11.6,0,20.1-4,25.7-11.9%20c5.6-7.9,8.4-20.3,8.4-37.1c0-16.9-2.8-29.4-8.5-37.4C388.9,21.7,380.4,17.7,369.2,17.7z'/%3e%3cpath%20class='st0'%20d='M726.8-134.3H321.9c-36.3,0-65.9,29.5-65.9,65.9V207c0,36.3,29.5,65.9,65.9,65.9h404.9%20c36.3,0,65.9-29.5,65.9-65.9V-68.4C792.7-104.8,763.1-134.3,726.8-134.3z%20M430.3,132.1c-14,14.8-34.4,22.2-61.3,22.2%20c-26.5,0-46.9-7.4-61-22.3c-14.2-14.9-21.2-36.6-21.2-65c0-28.1,7-49.7,21.1-64.5c14.1-14.8,34.5-22.3,61.4-22.3%20c26.9,0,47.3,7.4,61.2,22.1c13.9,14.7,20.8,36.4,20.8,64.9C451.2,95.7,444.2,117.3,430.3,132.1z%20M525.5,36.8%20c3.4,2.6,12.7,7.4,27.9,14.3c14.6,6.6,24.7,13.6,30.4,21.1c5.7,7.5,8.5,17,8.5,28.4c0,10.5-2.7,19.8-8,27.9c-5.3,8.1-13,14.5-23,19%20c-10,4.5-21.8,6.8-35.3,6.8c-11.3,0-20.7-0.8-28.3-2.4s-15.6-4.3-23.8-8.3V103c8.7,4.5,17.8,8,27.2,10.5c9.4,2.5,18,3.8,25.9,3.8%20c6.8,0,11.8-1.2,14.9-3.5c3.1-2.3,4.7-5.4,4.7-9.1c0-2.3-0.6-4.3-1.9-6.1s-3.3-3.5-6.1-5.3c-2.8-1.8-10.3-5.4-22.5-10.9%20c-11-5-19.3-9.9-24.8-14.6c-5.5-4.7-9.6-10.1-12.3-16.2c-2.7-6.1-4-13.3-4-21.6c0-15.6,5.7-27.7,17-36.4%20c11.3-8.7,26.9-13.1,46.7-13.1c17.5,0,35.4,4,53.6,12.1l-14,35.3c-15.8-7.2-29.5-10.9-41-10.9c-5.9,0-10.3,1-13,3.1s-4,4.7-4,7.8%20C520.4,31.2,522.1,34.2,525.5,36.8z%20M738.8,129.1c-15.5,15.3-37.4,22.9-65.5,22.9h-54.7V-17.1H677c27.2,0,48.1,6.9,62.9,20.8%20c14.8,13.9,22.2,33.9,22.2,60.2C762.1,92.1,754.3,113.8,738.8,129.1z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='227%20-351.2%20595.3%20841.9'%20style='enable-background:new%20227%20-351.2%20595.3%20841.9;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFFFFF;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M677.5,19.8h-13.3v94.8h10.2c13.9,0,24.1-4,30.5-12.1c6.5-8.1,9.7-20.4,9.7-37c0-15.5-3.1-27-9.2-34.5%20C699.3,23.5,690,19.8,677.5,19.8z'/%3e%3cpath%20class='st0'%20d='M369.2,17.7c-22.9,0-34.4,16.5-34.4,49.5c0,32.7,11.4,49.1,34.1,49.1c11.6,0,20.1-4,25.7-11.9%20c5.6-7.9,8.4-20.3,8.4-37.1c0-16.9-2.8-29.4-8.5-37.4C388.9,21.7,380.4,17.7,369.2,17.7z'/%3e%3cpath%20class='st0'%20d='M726.8-134.3H321.9c-36.3,0-65.9,29.5-65.9,65.9V207c0,36.3,29.5,65.9,65.9,65.9h404.9%20c36.3,0,65.9-29.5,65.9-65.9V-68.4C792.7-104.8,763.1-134.3,726.8-134.3z%20M430.3,132.1c-14,14.8-34.4,22.2-61.3,22.2%20c-26.5,0-46.9-7.4-61-22.3c-14.2-14.9-21.2-36.6-21.2-65c0-28.1,7-49.7,21.1-64.5c14.1-14.8,34.5-22.3,61.4-22.3%20c26.9,0,47.3,7.4,61.2,22.1c13.9,14.7,20.8,36.4,20.8,64.9C451.2,95.7,444.2,117.3,430.3,132.1z%20M525.5,36.8%20c3.4,2.6,12.7,7.4,27.9,14.3c14.6,6.6,24.7,13.6,30.4,21.1c5.7,7.5,8.5,17,8.5,28.4c0,10.5-2.7,19.8-8,27.9c-5.3,8.1-13,14.5-23,19%20c-10,4.5-21.8,6.8-35.3,6.8c-11.3,0-20.7-0.8-28.3-2.4s-15.6-4.3-23.8-8.3V103c8.7,4.5,17.8,8,27.2,10.5c9.4,2.5,18,3.8,25.9,3.8%20c6.8,0,11.8-1.2,14.9-3.5c3.1-2.3,4.7-5.4,4.7-9.1c0-2.3-0.6-4.3-1.9-6.1s-3.3-3.5-6.1-5.3c-2.8-1.8-10.3-5.4-22.5-10.9%20c-11-5-19.3-9.9-24.8-14.6c-5.5-4.7-9.6-10.1-12.3-16.2c-2.7-6.1-4-13.3-4-21.6c0-15.6,5.7-27.7,17-36.4%20c11.3-8.7,26.9-13.1,46.7-13.1c17.5,0,35.4,4,53.6,12.1l-14,35.3c-15.8-7.2-29.5-10.9-41-10.9c-5.9,0-10.3,1-13,3.1s-4,4.7-4,7.8%20C520.4,31.2,522.1,34.2,525.5,36.8z%20M738.8,129.1c-15.5,15.3-37.4,22.9-65.5,22.9h-54.7V-17.1H677c27.2,0,48.1,6.9,62.9,20.8%20c14.8,13.9,22.2,33.9,22.2,60.2C762.1,92.1,754.3,113.8,738.8,129.1z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_osd:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_osd::before {
  background-color: var(--primary-600);
}
.ic_vtx::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='-70%200%20141.7%20141.7'%20style='enable-background:new%20-70%200%20141.7%20141.7;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23818181;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M-52.5,63.5c0.1-12.6,5-24.4,14-33.2c2.7-2.7,2.7-7.1,0-9.8c-2.7-2.7-7.1-2.7-9.8,0%20c-11.6,11.5-18,26.7-18.1,43c-0.1,16.3,6.2,31.6,17.6,43.2c1.4,1.4,3.1,2.1,4.9,2.1c1.8,0,3.5-0.7,4.9-2c2.7-2.7,2.7-7.1,0-9.8%20C-47.8,88-52.6,76.1-52.5,63.5z'/%3e%3cpath%20class='st0'%20d='M-17.9,34.9c-2.7-2.7-7.1-2.7-9.8,0c-7.8,7.7-12.1,18-12.2,28.9c-0.1,11,4.2,21.3,11.9,29.1%20c1.4,1.4,3.1,2.1,4.9,2.1c1.8,0,3.5-0.7,4.9-2c2.7-2.7,2.7-7.1,0-9.8c-5.1-5.1-7.9-12-7.8-19.2c0-7.2,2.9-14,8-19.1%20C-15.2,42-15.2,37.6-17.9,34.9z'/%3e%3cpath%20class='st0'%20d='M49.5,20.5c-2.7-2.7-7.1-2.7-9.8,0c-2.7,2.7-2.7,7.1,0,9.8c8.8,8.9,13.7,20.8,13.6,33.4%20c-0.1,12.6-5,24.4-14,33.2c-2.7,2.7-2.7,7.1,0,9.8c1.4,1.4,3.2,2.1,4.9,2.1c1.8,0,3.5-0.7,4.9-2C72.9,83.1,73.1,44.4,49.5,20.5z'/%3e%3cpath%20class='st0'%20d='M28.7,34.7c-2.7-2.7-7.1-2.8-9.8,0c-2.7,2.7-2.7,7.1,0,9.8c5.1,5.1,7.9,12,7.9,19.2c0,7.2-2.9,14-8,19.1%20c-2.7,2.7-2.7,7.1,0,9.8c1.4,1.4,3.1,2.1,4.9,2.1c1.8,0,3.5-0.7,4.9-2C44.5,76.8,44.6,50.8,28.7,34.7z'/%3e%3cpath%20class='st0'%20d='M0.6,50.2l-0.2,0c-3.6,0-7,1.4-9.5,4c-2.5,2.5-3.9,5.9-3.9,9.4c0,5.1,3,9.5,7.3,11.8v50.2H6.3V75.7%20c1.4-0.6,2.6-1.5,3.7-2.6c2.5-2.5,3.9-5.9,3.9-9.5C13.9,56.2,8.1,50.3,0.6,50.2z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='-70%200%20141.7%20141.7'%20style='enable-background:new%20-70%200%20141.7%20141.7;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23818181;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M-52.5,63.5c0.1-12.6,5-24.4,14-33.2c2.7-2.7,2.7-7.1,0-9.8c-2.7-2.7-7.1-2.7-9.8,0%20c-11.6,11.5-18,26.7-18.1,43c-0.1,16.3,6.2,31.6,17.6,43.2c1.4,1.4,3.1,2.1,4.9,2.1c1.8,0,3.5-0.7,4.9-2c2.7-2.7,2.7-7.1,0-9.8%20C-47.8,88-52.6,76.1-52.5,63.5z'/%3e%3cpath%20class='st0'%20d='M-17.9,34.9c-2.7-2.7-7.1-2.7-9.8,0c-7.8,7.7-12.1,18-12.2,28.9c-0.1,11,4.2,21.3,11.9,29.1%20c1.4,1.4,3.1,2.1,4.9,2.1c1.8,0,3.5-0.7,4.9-2c2.7-2.7,2.7-7.1,0-9.8c-5.1-5.1-7.9-12-7.8-19.2c0-7.2,2.9-14,8-19.1%20C-15.2,42-15.2,37.6-17.9,34.9z'/%3e%3cpath%20class='st0'%20d='M49.5,20.5c-2.7-2.7-7.1-2.7-9.8,0c-2.7,2.7-2.7,7.1,0,9.8c8.8,8.9,13.7,20.8,13.6,33.4%20c-0.1,12.6-5,24.4-14,33.2c-2.7,2.7-2.7,7.1,0,9.8c1.4,1.4,3.2,2.1,4.9,2.1c1.8,0,3.5-0.7,4.9-2C72.9,83.1,73.1,44.4,49.5,20.5z'/%3e%3cpath%20class='st0'%20d='M28.7,34.7c-2.7-2.7-7.1-2.8-9.8,0c-2.7,2.7-2.7,7.1,0,9.8c5.1,5.1,7.9,12,7.9,19.2c0,7.2-2.9,14-8,19.1%20c-2.7,2.7-2.7,7.1,0,9.8c1.4,1.4,3.1,2.1,4.9,2.1c1.8,0,3.5-0.7,4.9-2C44.5,76.8,44.6,50.8,28.7,34.7z'/%3e%3cpath%20class='st0'%20d='M0.6,50.2l-0.2,0c-3.6,0-7,1.4-9.5,4c-2.5,2.5-3.9,5.9-3.9,9.4c0,5.1,3,9.5,7.3,11.8v50.2H6.3V75.7%20c1.4-0.6,2.6-1.5,3.7-2.6c2.5-2.5,3.9-5.9,3.9-9.5C13.9,56.2,8.1,50.3,0.6,50.2z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_vtx:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_vtx::before {
  background-color: var(--primary-600);
}
.ic_power::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Ebene_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='-99%2043%2085%2056.7'%20style='enable-background:new%20-99%2043%2085%2056.7;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23838281;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M-21.5,60h-2.6v-7c0-1.8-1.5-3.3-3.3-3.3h-63.6c-1.8,0-3.3,1.5-3.3,3.3v37.9c0,1.8,1.5,3.3,3.3,3.3h63.6%20c1.8,0,3.3-1.5,3.3-3.3v-6.7h2.6c1.8,0,3.3-1.5,3.3-3.3V63.3C-18.2,61.4-19.7,60-21.5,60L-21.5,60z%20M-30.6,87.6h-57V56.3h57V87.6z%20M-30.6,87.6'/%3e%3cpath%20class='st0'%20d='M-61.4,61.9L-61.4,61.9l-17.1,15.6l15.8-6.7l5.9,11.2l17.1-15.6L-55.5,73L-61.4,61.9z%20M-61.4,61.9'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Ebene_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='-99%2043%2085%2056.7'%20style='enable-background:new%20-99%2043%2085%2056.7;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23838281;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M-21.5,60h-2.6v-7c0-1.8-1.5-3.3-3.3-3.3h-63.6c-1.8,0-3.3,1.5-3.3,3.3v37.9c0,1.8,1.5,3.3,3.3,3.3h63.6%20c1.8,0,3.3-1.5,3.3-3.3v-6.7h2.6c1.8,0,3.3-1.5,3.3-3.3V63.3C-18.2,61.4-19.7,60-21.5,60L-21.5,60z%20M-30.6,87.6h-57V56.3h57V87.6z%20M-30.6,87.6'/%3e%3cpath%20class='st0'%20d='M-61.4,61.9L-61.4,61.9l-17.1,15.6l15.8-6.7l5.9,11.2l17.1-15.6L-55.5,73L-61.4,61.9z%20M-61.4,61.9'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_power:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_power::before {
  background-color: var(--primary-600);
}
.ic_failsafe::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='28%20-43%20141.7%20141.7'%20style='enable-background:new%2028%20-43%20141.7%20141.7;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23818181;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M98.9,87l60.9-61.9c0.8-0.8,1.2-1.9,1.1-3l0,0C156.7-8.4,130.5-32,98.9-32c-31.5,0-57.7,23.5-62,53.8v0.1V22%20l0,0c-0.1,1,0.3,2.1,1.1,2.9l42.9,43.8%20M107,68.2l14.8-49.6c3.3-4.7,8.7-7.8,14.9-7.8c7.2,0,13.4,4.2,16.4,10.3L107,68.2z%20M83.7,19%20c3.2-4.9,8.8-8.2,15.2-8.2c6.2,0,11.7,3.1,15,7.9L99,68.7L83.7,19z%20M44.5,20.8c3-6,9.1-10.1,16.2-10.1c6.2,0,11.7,3.1,14.9,7.8%20l15.1,49.4L44.5,20.8z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='28%20-43%20141.7%20141.7'%20style='enable-background:new%2028%20-43%20141.7%20141.7;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23818181;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M98.9,87l60.9-61.9c0.8-0.8,1.2-1.9,1.1-3l0,0C156.7-8.4,130.5-32,98.9-32c-31.5,0-57.7,23.5-62,53.8v0.1V22%20l0,0c-0.1,1,0.3,2.1,1.1,2.9l42.9,43.8%20M107,68.2l14.8-49.6c3.3-4.7,8.7-7.8,14.9-7.8c7.2,0,13.4,4.2,16.4,10.3L107,68.2z%20M83.7,19%20c3.2-4.9,8.8-8.2,15.2-8.2c6.2,0,11.7,3.1,15,7.9L99,68.7L83.7,19z%20M44.5,20.8c3-6,9.1-10.1,16.2-10.1c6.2,0,11.7,3.1,14.9,7.8%20l15.1,49.4L44.5,20.8z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_failsafe:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_failsafe::before {
  background-color: var(--primary-600);
}
.ic_backup::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M137.3,42.9c-1.4-1.8-3.6-2.8-5.9-2.8h-7.6c0-4.2-3.4-7.6-7.6-7.6h-7.6v-7.6c0-4.2-3.4-7.6-7.6-7.6H9.7%20c-4.2,0-7.6,3.4-7.6,7.6v91.3c0,4.2,3.4,7.6,7.6,7.6h15.2h76.1h15.2c3.6,0,6.7-2.5,7.4-6l15.2-68.5%20C139.3,47.1,138.7,44.7,137.3,42.9z%20M100.9,32.5h-7.6c-3.9,0-7.1,3-7.5,6.9v27.5h9.5c1.5,0,2.9,0.9,3.5,2.3%20c0.6,1.4,0.3,3.1-0.8,4.1L71.4,99.9c-0.7,0.7-1.7,1.1-2.7,1.1c-1,0-1.9-0.4-2.7-1.1L39.4,73.3c-1.1-1.1-1.4-2.7-0.8-4.1%20c0.6-1.4,2-2.3,3.5-2.3h9.5V40.1H40.1c-3.6,0-6.7,2.5-7.4,6l-15.2,68.5c-0.1,0.6-0.2,1.1-0.2,1.6H9.7V24.9h91.3V32.5z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M137.3,42.9c-1.4-1.8-3.6-2.8-5.9-2.8h-7.6c0-4.2-3.4-7.6-7.6-7.6h-7.6v-7.6c0-4.2-3.4-7.6-7.6-7.6H9.7%20c-4.2,0-7.6,3.4-7.6,7.6v91.3c0,4.2,3.4,7.6,7.6,7.6h15.2h76.1h15.2c3.6,0,6.7-2.5,7.4-6l15.2-68.5%20C139.3,47.1,138.7,44.7,137.3,42.9z%20M100.9,32.5h-7.6c-3.9,0-7.1,3-7.5,6.9v27.5h9.5c1.5,0,2.9,0.9,3.5,2.3%20c0.6,1.4,0.3,3.1-0.8,4.1L71.4,99.9c-0.7,0.7-1.7,1.1-2.7,1.1c-1,0-1.9-0.4-2.7-1.1L39.4,73.3c-1.1-1.1-1.4-2.7-0.8-4.1%20c0.6-1.4,2-2.3,3.5-2.3h9.5V40.1H40.1c-3.6,0-6.7,2.5-7.4,6l-15.2,68.5c-0.1,0.6-0.2,1.1-0.2,1.6H9.7V24.9h91.3V32.5z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_backup:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_backup::before {
  background-color: var(--primary-600);
}
.ic_wizzard::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M35.8,27.4L18.9,10.5h-8.5v8.5l16.9,16.9L35.8,27.4z%20M44.3,2h8.5v16.9h-8.5L44.3,2L44.3,2z%20M78.1,44.3H95%20v8.5H78.1V44.3z%20M86.6,18.9v-8.5h-8.5L61.2,27.4l8.5,8.5L86.6,18.9z%20M2,44.3h16.9v8.5H2V44.3z%20M44.3,78.1h8.5V95h-8.5L44.3,78.1%20L44.3,78.1z%20M10.5,78.1v8.5h8.5l16.9-16.9l-8.5-8.5L10.5,78.1z%20M135.5,118.6L51.4,34.5c-2.5-2.5-6.5-2.5-9,0l-7.9,7.9%20c-2.5,2.5-2.5,6.5,0,9l84.1,84.1c2.5,2.5,6.5,2.5,9,0l7.9-7.9C138,125.1,138,121,135.5,118.6z%20M65.4,73.9L40.1,48.5l8.5-8.5%20l25.4,25.4L65.4,73.9z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M35.8,27.4L18.9,10.5h-8.5v8.5l16.9,16.9L35.8,27.4z%20M44.3,2h8.5v16.9h-8.5L44.3,2L44.3,2z%20M78.1,44.3H95%20v8.5H78.1V44.3z%20M86.6,18.9v-8.5h-8.5L61.2,27.4l8.5,8.5L86.6,18.9z%20M2,44.3h16.9v8.5H2V44.3z%20M44.3,78.1h8.5V95h-8.5L44.3,78.1%20L44.3,78.1z%20M10.5,78.1v8.5h8.5l16.9-16.9l-8.5-8.5L10.5,78.1z%20M135.5,118.6L51.4,34.5c-2.5-2.5-6.5-2.5-9,0l-7.9,7.9%20c-2.5,2.5-2.5,6.5,0,9l84.1,84.1c2.5,2.5,6.5,2.5,9,0l7.9-7.9C138,125.1,138,121,135.5,118.6z%20M65.4,73.9L40.1,48.5l8.5-8.5%20l25.4,25.4L65.4,73.9z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_wizzard:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_wizzard::before {
  background-color: var(--primary-600);
}
.ic_advanced::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cpolygon%20fill='%23818181'%20points='26.8,38.1%2031.7,38.1%2031.7,29.5%2040.4,29.5%2040.4,24.6%2031.7,24.6%2031.7,15.9%2026.8,15.9%2026.8,24.6%2018.2,24.6%2018.2,29.5%2026.8,29.5%20'/%3e%3cpath%20fill='%23818181'%20d='M114.8,94.6c-10.8,0-19.8,7.6-21.9,17.7l-39.1,0V71.8l39,0c2,10.3,11.1,18.1,22,18.1%20c12.4,0,22.4-10.1,22.4-22.4s-10.1-22.4-22.4-22.4c-10.9,0-20,7.8-22,18.1l-39,0V51.6h0.1V2.4H4.7v49.1h40.6v69.9h0.2v0.3l47.3,0%20c2.2,10.1,11.2,17.7,21.9,17.7c12.4,0,22.4-10.1,22.4-22.4S127.1,94.6,114.8,94.6z%20M114.8,55.2c6.8,0,12.3,5.5,12.3,12.3%20c0,6.8-5.5,12.3-12.3,12.3s-12.3-5.5-12.3-12.3C102.5,60.7,108,55.2,114.8,55.2z%20M45,42.7H13.6V11.3H45V42.7z%20M114.8,129.3%20c-6.8,0-12.3-5.5-12.3-12.3s5.5-12.3,12.3-12.3s12.3,5.5,12.3,12.3S121.5,129.3,114.8,129.3z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cpolygon%20fill='%23818181'%20points='26.8,38.1%2031.7,38.1%2031.7,29.5%2040.4,29.5%2040.4,24.6%2031.7,24.6%2031.7,15.9%2026.8,15.9%2026.8,24.6%2018.2,24.6%2018.2,29.5%2026.8,29.5%20'/%3e%3cpath%20fill='%23818181'%20d='M114.8,94.6c-10.8,0-19.8,7.6-21.9,17.7l-39.1,0V71.8l39,0c2,10.3,11.1,18.1,22,18.1%20c12.4,0,22.4-10.1,22.4-22.4s-10.1-22.4-22.4-22.4c-10.9,0-20,7.8-22,18.1l-39,0V51.6h0.1V2.4H4.7v49.1h40.6v69.9h0.2v0.3l47.3,0%20c2.2,10.1,11.2,17.7,21.9,17.7c12.4,0,22.4-10.1,22.4-22.4S127.1,94.6,114.8,94.6z%20M114.8,55.2c6.8,0,12.3,5.5,12.3,12.3%20c0,6.8-5.5,12.3-12.3,12.3s-12.3-5.5-12.3-12.3C102.5,60.7,108,55.2,114.8,55.2z%20M45,42.7H13.6V11.3H45V42.7z%20M114.8,129.3%20c-6.8,0-12.3-5.5-12.3-12.3s5.5-12.3,12.3-12.3s12.3,5.5,12.3,12.3S121.5,129.3,114.8,129.3z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_advanced:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_advanced::before {
  background-color: var(--primary-600);
}
.ic_mission::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M70.9,2.8c-26.4,0-47.7,21.4-47.7,47.7c0,2,0.2,4,0.4,5.9c4.1,37.3,44.2,80.3,44.2,80.3%20c0.7,0.8,1.4,1.3,2.1,1.7l0,0l1.3,0.4l1.3-0.4l0,0c0.7-0.4,1.4-0.9,2.1-1.7c0,0,39.6-43.1,43.6-80.3c0.2-1.9,0.4-3.9,0.4-5.9%20C118.6,24.2,97.2,2.8,70.9,2.8z%20M70.9,81.3c-16.9,0-30.7-13.8-30.7-30.7s13.8-30.7,30.7-30.7s30.7,13.8,30.7,30.7%20S87.8,81.3,70.9,81.3z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2018.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M70.9,2.8c-26.4,0-47.7,21.4-47.7,47.7c0,2,0.2,4,0.4,5.9c4.1,37.3,44.2,80.3,44.2,80.3%20c0.7,0.8,1.4,1.3,2.1,1.7l0,0l1.3,0.4l1.3-0.4l0,0c0.7-0.4,1.4-0.9,2.1-1.7c0,0,39.6-43.1,43.6-80.3c0.2-1.9,0.4-3.9,0.4-5.9%20C118.6,24.2,97.2,2.8,70.9,2.8z%20M70.9,81.3c-16.9,0-30.7-13.8-30.7-30.7s13.8-30.7,30.7-30.7s30.7,13.8,30.7,30.7%20S87.8,81.3,70.9,81.3z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_mission:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_mission::before {
  background-color: var(--primary-600);
}
.ic_user::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20256%20256'%20enable-background='new%200%200%20256%20256'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M103.3,8.6C75.7,12.2,55.9,40,55.9,75c0,31.9,17.7,58.7,43.5,65.6c5.3,1.5,16,1.5,21.8,0c9.1-2.2,17-6.8,23.7-13.6c11.7-11.8,18.4-29,19.1-48.8c0.5-15.4-2.2-28.2-8.4-40.4c-6.9-13.5-18.6-23.8-31.4-27.7C118.1,8.4,109.8,7.8,103.3,8.6z'/%3e%3cpath%20fill='%23818181'%20d='M46.9,139.8c-13.1,9.7-23.7,19.8-27.2,25.7c-5.8,9.9-9.7,28.9-9.7,47c0,4.3,0.1,5.3,0.9,6.6c1.7,2.8,8.1,7.3,15.7,11.1c28.6,14.3,73.5,20.9,108.6,16c5.2-0.7,16.7-3,17-3.3c0.1-0.1-0.7-1.1-1.9-2.2c-3.1-3-4.3-5.5-4.3-9.5c0-1.8,0.1-3.8,0.3-4.5c0.4-1.2,0.3-1.2-2.8-1.7c-3.7-0.6-6.8-2.4-8.9-5.1c-2.2-2.8-5.5-13.1-5.5-16.7c0-3.6,2.3-8.3,4.8-10.1l1.7-1.3l-2.4-2.3c-4.5-4.4-5.2-9.3-2.4-17.5c0.9-2.6,1.5-4.8,1.3-4.8c-0.2,0-1.9,0.5-3.8,1.1c-8.1,2.6-19.9,3.4-28.4,1.9c-17-2.9-33.6-14.1-44.1-29.9l-3.3-5L46.9,139.8z'/%3e%3cpath%20fill='%23818181'%20d='M186.5,137.7c-0.7,0.6-1.6,2.9-3,7.7c-1.1,3.8-2.2,7.1-2.3,7.4c-0.6,0.9-1.8,0.5-4.2-1.4c-11.3-8.7-10.3-8.4-16.2-4.2c-5.8,4.1-5.8,4-2.8,12.1c2.4,6.8,2.8,8.6,1.8,9c-0.3,0.1-4,0.1-8.1,0c-7.2-0.2-7.6-0.2-8.5,0.7c-1,1-3.8,9.1-3.8,11c0,1.6,0.6,2.2,7.2,6.6c4.9,3.3,6,4.3,5.9,5.1c-0.1,0.7-1.9,2.2-5.5,4.6c-6.6,4.5-7.5,5.3-7.5,6.9c0,2.1,2.9,10.1,3.9,11c0.8,0.7,1.9,0.8,8.5,0.8c4.2,0,7.8,0,8.1,0c1,0.1,0.6,2.1-1.8,8.8c-1.6,4.5-2.3,7-2.1,7.8c0.2,1.1,5.9,5.6,9,7.3c1.5,0.8,2.6,0.2,8.8-4.5c3.2-2.5,6.1-4.4,6.6-4.3c0.6,0.1,1.4,2.1,3,7.4c1.5,5.1,2.5,7.5,3.2,8.1c0.8,0.7,2,0.8,6.4,0.8c7.1,0,7,0,9.6-8.8c1.2-4.1,2.3-6.9,2.8-7.2c0.6-0.4,1.9,0.3,6.7,4c4,3.1,6.3,4.5,7.2,4.5c1.9,0,10.2-6.2,10.5-7.9c0.2-0.9-0.4-3.3-2.1-7.8c-2.5-6.9-2.6-7.5-1.8-8.1c0.3-0.2,3.8-0.3,7.8-0.2c5.5,0.1,7.5,0,8.1-0.5c0.9-0.7,4.1-9.7,4.1-11.7c0-1.5-1.6-2.9-8.3-7.4c-2.8-1.8-4.4-3.2-4.4-3.7c0-0.6,2-2.2,5.8-4.8c6.4-4.4,6.9-4.8,6.9-6.6c0-1.9-3.1-10.8-4.1-11.6c-0.7-0.5-2.4-0.6-8.3-0.5c-6.5,0.1-7.5,0-7.9-0.6c-0.4-0.6,0.1-2.4,2-7.6c2.2-6,2.4-7,2-8.1c-0.7-1.6-8.9-7.6-10.4-7.6c-0.7,0-3.3,1.6-6.9,4.4c-3.2,2.4-6.2,4.4-6.6,4.4c-1,0-1.3-0.8-3.5-8.4c-2.2-7.9-2.3-8-9.3-8C188.5,136.8,187.4,137,186.5,137.7z%20M201.3,173.4c4.2,2,7.5,5.4,9.6,9.6c1.5,3.1,1.6,3.5,1.6,8.7c0,5.1-0.1,5.6-1.5,8.6c-7.4,15.5-29.5,15.5-36.8,0c-1.4-3-1.5-3.5-1.5-8.6c0-4.9,0.1-5.6,1.3-8.1c1.7-3.7,4.1-6.6,7.2-8.6c4.1-2.8,6.7-3.5,12.1-3.3C197.6,171.7,198.4,171.9,201.3,173.4z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20256%20256'%20enable-background='new%200%200%20256%20256'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M103.3,8.6C75.7,12.2,55.9,40,55.9,75c0,31.9,17.7,58.7,43.5,65.6c5.3,1.5,16,1.5,21.8,0c9.1-2.2,17-6.8,23.7-13.6c11.7-11.8,18.4-29,19.1-48.8c0.5-15.4-2.2-28.2-8.4-40.4c-6.9-13.5-18.6-23.8-31.4-27.7C118.1,8.4,109.8,7.8,103.3,8.6z'/%3e%3cpath%20fill='%23818181'%20d='M46.9,139.8c-13.1,9.7-23.7,19.8-27.2,25.7c-5.8,9.9-9.7,28.9-9.7,47c0,4.3,0.1,5.3,0.9,6.6c1.7,2.8,8.1,7.3,15.7,11.1c28.6,14.3,73.5,20.9,108.6,16c5.2-0.7,16.7-3,17-3.3c0.1-0.1-0.7-1.1-1.9-2.2c-3.1-3-4.3-5.5-4.3-9.5c0-1.8,0.1-3.8,0.3-4.5c0.4-1.2,0.3-1.2-2.8-1.7c-3.7-0.6-6.8-2.4-8.9-5.1c-2.2-2.8-5.5-13.1-5.5-16.7c0-3.6,2.3-8.3,4.8-10.1l1.7-1.3l-2.4-2.3c-4.5-4.4-5.2-9.3-2.4-17.5c0.9-2.6,1.5-4.8,1.3-4.8c-0.2,0-1.9,0.5-3.8,1.1c-8.1,2.6-19.9,3.4-28.4,1.9c-17-2.9-33.6-14.1-44.1-29.9l-3.3-5L46.9,139.8z'/%3e%3cpath%20fill='%23818181'%20d='M186.5,137.7c-0.7,0.6-1.6,2.9-3,7.7c-1.1,3.8-2.2,7.1-2.3,7.4c-0.6,0.9-1.8,0.5-4.2-1.4c-11.3-8.7-10.3-8.4-16.2-4.2c-5.8,4.1-5.8,4-2.8,12.1c2.4,6.8,2.8,8.6,1.8,9c-0.3,0.1-4,0.1-8.1,0c-7.2-0.2-7.6-0.2-8.5,0.7c-1,1-3.8,9.1-3.8,11c0,1.6,0.6,2.2,7.2,6.6c4.9,3.3,6,4.3,5.9,5.1c-0.1,0.7-1.9,2.2-5.5,4.6c-6.6,4.5-7.5,5.3-7.5,6.9c0,2.1,2.9,10.1,3.9,11c0.8,0.7,1.9,0.8,8.5,0.8c4.2,0,7.8,0,8.1,0c1,0.1,0.6,2.1-1.8,8.8c-1.6,4.5-2.3,7-2.1,7.8c0.2,1.1,5.9,5.6,9,7.3c1.5,0.8,2.6,0.2,8.8-4.5c3.2-2.5,6.1-4.4,6.6-4.3c0.6,0.1,1.4,2.1,3,7.4c1.5,5.1,2.5,7.5,3.2,8.1c0.8,0.7,2,0.8,6.4,0.8c7.1,0,7,0,9.6-8.8c1.2-4.1,2.3-6.9,2.8-7.2c0.6-0.4,1.9,0.3,6.7,4c4,3.1,6.3,4.5,7.2,4.5c1.9,0,10.2-6.2,10.5-7.9c0.2-0.9-0.4-3.3-2.1-7.8c-2.5-6.9-2.6-7.5-1.8-8.1c0.3-0.2,3.8-0.3,7.8-0.2c5.5,0.1,7.5,0,8.1-0.5c0.9-0.7,4.1-9.7,4.1-11.7c0-1.5-1.6-2.9-8.3-7.4c-2.8-1.8-4.4-3.2-4.4-3.7c0-0.6,2-2.2,5.8-4.8c6.4-4.4,6.9-4.8,6.9-6.6c0-1.9-3.1-10.8-4.1-11.6c-0.7-0.5-2.4-0.6-8.3-0.5c-6.5,0.1-7.5,0-7.9-0.6c-0.4-0.6,0.1-2.4,2-7.6c2.2-6,2.4-7,2-8.1c-0.7-1.6-8.9-7.6-10.4-7.6c-0.7,0-3.3,1.6-6.9,4.4c-3.2,2.4-6.2,4.4-6.6,4.4c-1,0-1.3-0.8-3.5-8.4c-2.2-7.9-2.3-8-9.3-8C188.5,136.8,187.4,137,186.5,137.7z%20M201.3,173.4c4.2,2,7.5,5.4,9.6,9.6c1.5,3.1,1.6,3.5,1.6,8.7c0,5.1-0.1,5.6-1.5,8.6c-7.4,15.5-29.5,15.5-36.8,0c-1.4-3-1.5-3.5-1.5-8.6c0-4.9,0.1-5.6,1.3-8.1c1.7-3.7,4.1-6.6,7.2-8.6c4.1-2.8,6.7-3.5,12.1-3.3C197.6,171.7,198.4,171.9,201.3,173.4z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_user:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_user::before {
  background-color: var(--primary-600);
}
.ic_route::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Flight%20Plan%20Route%20Icon%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3c!--%20Waypoint%201%20(start)%20--%3e%3ccircle%20fill='%23818181'%20cx='25'%20cy='35'%20r='15'/%3e%3c!--%20Waypoint%202%20--%3e%3ccircle%20fill='%23818181'%20cx='55'%20cy='70'%20r='15'/%3e%3c!--%20Waypoint%203%20--%3e%3ccircle%20fill='%23818181'%20cx='95'%20cy='55'%20r='15'/%3e%3c!--%20Waypoint%204%20(end)%20--%3e%3ccircle%20fill='%23818181'%20cx='115'%20cy='105'%20r='15'/%3e%3c!--%20Path%20line%20connecting%20waypoints%20--%3e%3cpath%20fill='none'%20stroke='%23818181'%20stroke-width='10'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M25,35%20L55,70%20L95,55%20L115,105'/%3e%3c!--%20Small%20arrow%20at%20the%20end%20to%20show%20direction%20--%3e%3cpath%20fill='%23818181'%20d='M115,105%20L108,100%20L110,105%20L108,110%20Z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Flight%20Plan%20Route%20Icon%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%20141.7'%20enable-background='new%200%200%20141.7%20141.7'%20xml:space='preserve'%3e%3cg%3e%3c!--%20Waypoint%201%20(start)%20--%3e%3ccircle%20fill='%23818181'%20cx='25'%20cy='35'%20r='15'/%3e%3c!--%20Waypoint%202%20--%3e%3ccircle%20fill='%23818181'%20cx='55'%20cy='70'%20r='15'/%3e%3c!--%20Waypoint%203%20--%3e%3ccircle%20fill='%23818181'%20cx='95'%20cy='55'%20r='15'/%3e%3c!--%20Waypoint%204%20(end)%20--%3e%3ccircle%20fill='%23818181'%20cx='115'%20cy='105'%20r='15'/%3e%3c!--%20Path%20line%20connecting%20waypoints%20--%3e%3cpath%20fill='none'%20stroke='%23818181'%20stroke-width='10'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M25,35%20L55,70%20L95,55%20L115,105'/%3e%3c!--%20Small%20arrow%20at%20the%20end%20to%20show%20direction%20--%3e%3cpath%20fill='%23818181'%20d='M115,105%20L108,100%20L110,105%20L108,110%20Z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_route:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_route::before {
  background-color: var(--primary-600);
}
.ic_preflight::before {
  content: " ";
  min-width: 1rem;
  min-height: 1rem;
  mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23888'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c!--%20Shield%20outline%20representing%20safety/preflight%20check%20--%3e%3cpath%20d='M12%202L4%206v5c0%205.25%203.4%2010.15%208%2011.5%204.6-1.35%208-6.25%208-11.5V6l-8-4z'/%3e%3c!--%20Checkmark%20inside%20--%3e%3cpolyline%20points='8.5%2012.5%2011%2015%2016%209.5'%20stroke-width='2'/%3e%3c!--%20Small%20radar%20waves%20at%20top%20--%3e%3cpath%20d='M12%202v2'%20stroke-width='1'/%3e%3cpath%20d='M9%203.5l1%201.5'%20stroke-width='1'/%3e%3cpath%20d='M15%203.5l-1%201.5'%20stroke-width='1'/%3e%3c/svg%3e") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23888'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c!--%20Shield%20outline%20representing%20safety/preflight%20check%20--%3e%3cpath%20d='M12%202L4%206v5c0%205.25%203.4%2010.15%208%2011.5%204.6-1.35%208-6.25%208-11.5V6l-8-4z'/%3e%3c!--%20Checkmark%20inside%20--%3e%3cpolyline%20points='8.5%2012.5%2011%2015%2016%209.5'%20stroke-width='2'/%3e%3c!--%20Small%20radar%20waves%20at%20top%20--%3e%3cpath%20d='M12%202v2'%20stroke-width='1'/%3e%3cpath%20d='M9%203.5l1%201.5'%20stroke-width='1'/%3e%3cpath%20d='M15%203.5l-1%201.5'%20stroke-width='1'/%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_preflight:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_preflight::before {
  background-color: var(--primary-600);
}
.data-loading {
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20width='64'%20height='64'%20fill='silver'%3e%3cpath%20opacity='.25'%20d='M16%200%20A16%2016%200%200%200%2016%2032%20A16%2016%200%200%200%2016%200%20M16%204%20A12%2012%200%200%201%2016%2028%20A12%2012%200%200%201%2016%204'/%3e%3cpath%20d='M16%200%20A16%2016%200%200%201%2032%2016%20L28%2016%20A12%2012%200%200%200%2016%204z'%3e%3canimateTransform%20attributeName='transform'%20type='rotate'%20from='0%2016%2016'%20to='360%2016%2016'%20dur='0.8s'%20repeatCount='indefinite'%20/%3e%3c/path%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center 45%;
}
.data-loading p {
  position: relative;
  top: calc(45% + 45px);
  text-align: center;
  font-weight: bold;
}
dialog {
  background-color: var(--surface-200);
  color: var(--text);
  padding: 1rem;
  height: fit-content;
  margin: auto auto;
  position: absolute;
  width: 50%;
  border-radius: 0.75rem;
  border: 2px solid var(--surface-500);
}
dialog .dialog_toolbar .btn a,
dialog .dialog_toolbar .btn button {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 20px;
  background-color: var(--primary-500);
  border-radius: 3px;
  border: 1px solid var(--primary-600);
  color: #000;
  float: left;
  font-weight: bold;
  font-size: 12px;
  display: block;
  cursor: pointer;
  transition: all ease 0.2s;
  padding: 0 9px;
  line-height: 28px;
}
dialog .dialog_toolbar .btn a:hover,
dialog .dialog_toolbar .btn button:hover {
  background-color: var(--primary-400);
  transition: all ease 0.2s;
}
dialog .dialog_toolbar .btn a:active,
dialog .dialog_toolbar .btn button:active {
  background-color: var(--primary-500);
  transition: all ease 0s;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.35);
}
dialog .dialog_toolbar .btn a.disabled,
dialog .dialog_toolbar .btn button.disabled {
  cursor: default;
  color: var(--surface-900);
  background-color: var(--surface-500);
  border: 1px solid var(--surface-500);
  pointer-events: none;
  opacity: 1;
}
dialog::backdrop {
  backdrop-filter: blur(0.5rem);
}
.dialogYesNo {
  width: fit-content;
  max-width: 400px;
}
.dialogYesNo .dialogYesNoContent {
  margin-bottom: 12px;
  margin-top: 12px;
  white-space: pre-line;
}
.dialogYesNo .dialogYesNo-yesButton {
  margin: 0px;
  margin-right: 12px;
}
.dialogYesNo .dialogYesNo-noButton {
  margin: 0px;
}
.dialogWait {
  width: fit-content;
  max-width: 500px;
  min-width: 300px;
}
.dialogWait .dialogWaitTitle {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  width: fit-content;
}
.dialogInformation {
  width: fit-content;
  max-width: 42rem;
}
.dialogInformation .dialogInformationContent {
  margin-bottom: 12px;
  margin-top: 12px;
  white-space: pre-line;
}
.dialogInformation .dialogInformation-confirmButton {
  margin: 0px;
}
.tab_title {
  border-bottom: 2px solid var(--primary-500);
  font-size: 2rem;
  font-weight: 300;
  margin-bottom: 1rem;
  padding-bottom: 0.25rem;
}
#button-documentation {
  color: #000;
}
.tab_sponsor {
  min-height: 60px;
}
.img_sponsor {
  object-fit: contain;
  display: inline-block;
  margin: 5px 15px;
  max-height: 45px;
  width: 150px;
  height: 45px;
}
.note {
  background-color: var(--primary-transparent-2);
  border: 1px solid var(--primary-500);
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.danger {
  background-color: var(--error-transparent-1);
  border: 1px solid var(--error-600);
  color: var(--text);
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.tab_wrapper {
  padding: 20px 15px 15px 15px;
}
.content_wrapper {
  padding: 1.25rem;
  padding-bottom: 4rem;
  height: 100%;
  position: relative;
}
.content_wrapper > .note {
  margin-bottom: 1rem;
}
.content_toolbar {
  width: fit-content;
  background-color: var(--surface-300);
  box-shadow: rgba(0, 0, 0, 0.1) 0 -0.5rem 0.5rem;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 0.5rem;
  padding: 0.75rem 1rem 0.25rem 1rem;
  border-top-left-radius: 1.5rem;
}
.content_toolbar::before {
  width: 1.5rem;
  aspect-ratio: 1;
  content: "";
  mask: url("data:image/svg+xml,%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%2016%2016'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M16%200C15.695%208.69847%208.69847%2015.695%200%2016H16V0Z'/%3e%3c/svg%3e");
  background-color: var(--surface-300);
  position: absolute;
  left: -1.5rem;
  bottom: 0;
}
.content_toolbar .btn a,
.content_toolbar .btn button {
  margin-top: 0;
  margin-bottom: 0;
  background-color: var(--primary-500);
  border-radius: 3px;
  border: 1px solid var(--primary-600);
  color: #000;
  float: right;
  font-family: inherit;
  font-weight: bold;
  font-size: 12px;
  display: block;
  cursor: pointer;
  transition: all ease 0.2s;
  padding: 0 0.5rem;
  line-height: 28px;
  user-select: none;
  white-space: nowrap;
  text-decoration: none;
}
.content_toolbar .btn a:hover,
.content_toolbar .btn button:hover {
  background-color: var(--primary-400);
  transition: all ease 0.2s;
}
.content_toolbar .btn a:active,
.content_toolbar .btn button:active {
  background-color: var(--primary-500);
  transition: all ease 0s;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.35);
}
.content_toolbar .btn a .helpicon,
.content_toolbar .btn button .helpicon {
  margin-left: 5px;
}
.content_toolbar .btn a.disabled,
.content_toolbar .btn button.disabled {
  cursor: default;
  color: var(--surface-900);
  background-color: var(--surface-500);
  border: 1px solid var(--surface-500);
  pointer-events: none;
  opacity: 1;
}
.toolbar_scroll_bottom .content_wrapper {
  height: 100%;
  margin: 0 0 -50px;
}
.toolbar_fixed_bottom.content_toolbar {
  display: flex;
  flex-wrap: wrap;
  position: fixed;
  bottom: 2.5rem;
  right: 0;
}
.content_toolbar.xs-compressed {
  max-width: 75%;
}
.toolbar_expand_btn {
  display: none;
  bottom: 15px;
  left: 15px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  z-index: 2000;
}
.cf_column {
  min-height: 20px;
  margin-bottom: 0;
}
.full {
  float: left;
  width: 100%;
}
.half {
  float: left;
  width: 50%;
}
.third_left {
  float: left;
  width: 33%;
}
.third_center {
  display: inline-block;
  width: 34%;
}
.third_right {
  float: right;
  width: 33%;
}
.fourth {
  float: left;
  width: 25%;
}
.threefourth_right {
  float: right;
  width: 75%;
}
.threefourth_left {
  float: left;
  width: 75%;
}
.twothird {
  float: left;
  width: 67%;
}
.spacer {
  width: 100%;
}
.spacer_left {
  padding-left: 15px;
  float: left;
  width: calc(100% - 15px);
}
.spacer_right {
  padding-right: 15px;
  width: calc(100% - 15px);
  float: left;
}
.gui_box {
  border: 2px solid var(--surface-400);
  border-radius: 0.75rem;
  background-color: var(--surface-100);
  height: fit-content;
  margin-top: 0.75rem;
  padding: 0.75rem;
  padding-top: 1.5rem;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.gui_box_titlebar {
  color: #000;
  background-color: var(--primary-500);
  position: absolute;
  font-size: 13px;
  height: 1.75rem;
  top: calc(1.75rem / -2);
  left: 1rem;
  padding: 0 0.75rem;
  font-weight: 600;
  display: flex;
  gap: 0.5rem;
  white-space: nowrap;
  align-items: center;
  overflow-x: hidden;
  border-radius: 999px;
}
.gui_box_titlebar .helpicon {
  margin: 0;
}
.gui_box_bottombar {
  background-color: var(--surface-400);
  color: var(--text);
  border-radius: 0 0 3px 3px;
  font-size: 13px;
  width: 100%;
  height: 27px;
  padding-top: 0;
  font-weight: 600;
}
.gui_warning {
  background: var(--error-transparent-1);
  border: 1px solid var(--error-500);
}
.gui_warning .gui_box_titlebar {
  background-color: #dc0000;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 10%, transparent 10%, transparent 20%, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0.3) 30%, transparent 30%, transparent 40%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 60%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0.3) 70%, transparent 70%, transparent 80%, rgba(255, 255, 255, 0.3) 80%, rgba(255, 255, 255, 0.3) 90%, transparent 90%, transparent 100%, rgba(255, 255, 255, 0.4) 100%, transparent);
  color: var(--text);
}
.gui_note {
  background: var(--primary-transparent-1);
  border: 1px solid var(--primary-500);
}
.gui_note .gui_box_titlebar {
  background-color: var(--primary-500);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 10%, transparent 10%, transparent 20%, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0.3) 30%, transparent 30%, transparent 40%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 60%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0.3) 70%, transparent 70%, transparent 80%, rgba(255, 255, 255, 0.3) 80%, rgba(255, 255, 255, 0.3) 90%, transparent 90%, transparent 100%, rgba(255, 255, 255, 0.4) 100%, transparent);
  color: black;
}
.grey {
  background-color: var(--surface-200);
}
.spacer_box {
  height: fit-content;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.spacer_box .select {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.fixed_band {
  position: relative;
  height: 50px;
  background-color: #e4e4e4;
  width: calc(100% + 40px);
  margin-left: -20px;
  box-shadow: rgba(0, 0, 0, 0) 0 -3px 8px;
  bottom: 0;
  margin-bottom: 0;
}
.fixed_band .save_btn a {
  margin-top: 9px;
  margin-bottom: 0;
  margin-right: 20px;
  background-color: var(--primary-500);
  border-radius: 3px;
  border: 1px solid var(--primary-600);
  color: #000;
  float: right;
  font-weight: bold;
  font-size: 12px;
  display: block;
  cursor: pointer;
  transition: all ease 0.2s;
  padding: 0 9px;
  line-height: 28px;
}
.fixed_band .save_btn a:hover {
  background-color: var(--primary-400);
  transition: all ease 0.2s;
}
.default_btn {
  width: 100%;
  position: relative;
  margin-bottom: 10px;
  margin-top: 0;
  float: left;
}
.default_btn a,
.default_btn button {
  padding: 0.35rem 0 0.35rem 0;
  text-align: center;
  background-color: var(--primary-500);
  border-radius: 0.5rem;
  border: 1px solid var(--primary-600);
  color: #000;
  font-weight: 600;
  font-size: 12px;
  line-height: 13px;
  display: block;
  transition: all ease 0.2s;
  text-decoration: none;
  cursor: pointer;
}
.default_btn a:hover,
.default_btn button:hover {
  background-color: var(--primary-400);
  color: #000;
  transition: all ease 0.2s;
  text-decoration: none;
}
.default_btn a:active,
.default_btn button:active {
  background-color: var(--primary-400);
  transition: all ease 0s;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.35);
}
.default_btn a.disabled,
.default_btn button.disabled {
  background-color: var(--surface-500);
  border: 1px solid var(--surface-400);
  color: var(--surface-900);
}
.margin-top5 {
  margin-top: 5px;
}
.regular-button {
  -webkit-user-drag: none;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 10px;
  background-color: var(--primary-500);
  border-radius: 3px;
  border: 1px solid var(--primary-600);
  color: #000;
  font-weight: bold;
  font-size: 12px;
  display: inline-block;
  cursor: pointer;
  transition: all ease 0.2s;
  padding: 0 9px;
  line-height: 28px;
  user-select: none;
}
.regular-button:hover {
  background-color: var(--primary-400);
}
.regular-button.disabled {
  background-color: var(--surface-500);
  border: 1px solid var(--surface-400);
  color: var(--surface-900);
  cursor: default;
}
.regular-button.pushed {
  background-color: var(--primary-transparent-3);
  color: var(--text);
  border: 1px solid var(--primary-transparent-4);
  border-radius: 3px;
}
.danger-button {
  -webkit-user-drag: none;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 10px;
  background-color: var(--error-500);
  border-radius: 3px;
  border: 1px solid var(--error-600);
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  display: inline-block;
  cursor: pointer;
  transition: all ease 0.2s;
  padding: 0 9px;
  line-height: 28px;
  user-select: none;
}
.danger-button:hover {
  background-color: var(--error-400);
}
.danger-button.disabled {
  background-color: var(--surface-500);
  border: 1px solid var(--surface-400);
  color: var(--surface-900);
  cursor: default;
}
.danger-button.pushed {
  background-color: var(--error-400);
  color: #fff;
  border-radius: 3px;
}
.small {
  width: auto;
  position: relative;
}
.small a {
  padding: 3px 4px 4px 4px;
  text-align: center;
  background-color: var(--surface-500);
  border-radius: 3px;
  color: var(--surface-900);
  color: #fff;
  font-weight: 600;
  font-size: 11px;
  line-height: 11px;
  display: block;
  transition: all ease 0.2s;
}
.small a:hover {
  background-color: var(--primary-600);
  color: #000;
  border: 1px solid var(--primary-500);
  transition: all ease 0.2s;
}
.small a:active {
  background-color: var(--primary-600);
  transition: all ease 0s;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.35);
}
.green a {
  background-color: var(--primary-500);
  color: #000;
  border: 1px solid var(--primary-600);
  transition: all ease 0.2s;
}
.green a:hover {
  background-color: var(--primary-400);
  border: 1px solid var(--primary-600);
  color: #000;
  transition: all ease 0.2s;
}
table {
  width: 100%;
}
table .features tr:last-child td {
  border: none;
}
.third {
  width: 33%;
}
.gps_false {
  background-color: var(--error-500);
  padding: 1px 7px 2px 7px;
  border-radius: 3px;
  color: #ffffff;
  font-size: 11px;
  margin-left: 3px;
}
.gps_true {
  background-color: var(--primary-500);
  padding: 1px 7px 2px 7px;
  border-radius: 3px;
  color: #ffffff;
  font-size: 11px;
  margin-left: 3px;
}
.tab-setup,
.tab-landing,
.tab-adjustments,
.tab-auxiliary,
.tab-cli,
.tab-configuration,
.tab-failsafe,
.tab-firmware_flasher,
.tab-gps,
.tab-help,
.tab-led-strip,
.tab-logging,
.tab-modes,
.tab-motors,
.tab-pid_tuning,
.tab-ports,
.tab-receiver,
.tab-sensors,
.tab-servos,
.tab-osd,
.tab-power,
.tab-vtx,
.tab-user_profile {
  position: relative;
}
.properties {
  width: 800px;
}
.properties dl {
  width: 200px;
}
.properties dd {
  width: 400px;
  height: auto;
}
.colorToggle {
  background-color: var(--error-500);
  padding: 2px 5px;
  border-radius: 3px;
  color: #fff;
  font-size: 10px;
}
.colorToggle.sat-id-pill {
  display: inline-block;
  min-width: 26px;
  text-align: center;
}
.colorToggle.low {
  background-color: var(--surface-500);
}
.colorToggle.notReady {
  background-color: var(--primary-400);
}
.colorToggle.locked {
  background-color: var(--warning-500);
}
.colorToggle.ready {
  background-color: var(--success-500);
}
.colorToggle.ideal {
  background-color: blue;
}
.colorToggle.excellent {
  background-color: var(--success-500);
}
.colorToggle.good {
  background-color: var(--warning-500);
}
.colorToggle.moderate {
  background-color: var(--primary-500);
  color: black;
}
.colorToggle.fair {
  background-color: var(--error-500);
}
.colorToggle.poor {
  background-color: var(--surface-500);
}
.buildInfoBtn {
  position: relative;
  margin: 4px;
  float: right;
}
.buildInfoBtn a {
  padding: 2px 5px 2px 5px;
  text-align: center;
  background-color: var(--primary-500);
  border-radius: 4px;
  border: 1px solid var(--primary-600);
  color: #000;
  font-weight: 600;
  font-size: 10px;
  line-height: 11px;
  display: block;
  transition: all ease 0.2s;
  text-decoration: none;
  cursor: pointer;
}
.buildInfoBtn a:hover {
  background-color: var(--primary-400);
  color: #000;
  transition: all ease 0.2s;
  text-decoration: none;
}
.buildInfoBtn a:active {
  background-color: var(--primary-400);
  transition: all ease 0s;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.35);
}
.buildInfoBtn a.disabled {
  background-color: var(--surface-500);
  border: 1px solid var(--surface-400);
  color: var(--surface-900);
}
.buildInfoClassOptions {
  margin-bottom: 0px;
  margin-top: 3px;
  float: right;
  background-color: grey;
  padding: 2px 5px 2px 5px;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
}
.bottomStatusIcons {
  display: flex;
  justify-content: space-between;
  background-color: var(--surface-300);
  height: 31px;
  margin-top: 2px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.hidden {
  display: none;
}
.darkgrey_box {
  background-color: var(--surface-500);
  color: white;
}
.topBorderLine {
  border-top: 1px solid var(--surface-400);
  padding-top: 5px;
}
#dialogResetToCustomDefaults-content {
  margin-top: 10px;
  margin-bottom: 10px;
}
#dialogReportProblems-header {
  margin-top: 10px;
  margin-bottom: 5px;
}
.dialogReportProblems-listItem {
  list-style: circle;
  margin-left: 20px;
  margin-bottom: 5px;
}
#dialogReportProblems-footer {
  margin-bottom: 10px;
}
.grid-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
}
.grid-col {
  margin-left: 7px;
  margin-right: 7px;
}
.grid-col:first-child {
  margin-left: 0;
}
.grid-col:last-child {
  margin-right: 0;
}
.grid-col.col1 {
  width: calc((8.333% * 1) - 14px);
}
.grid-col.col1:first-child {
  width: calc((8.333% * 1) - 7px);
}
.grid-col.col1:last-child {
  width: calc((8.333% * 1) - 7px);
}
.grid-col.col2 {
  width: calc((8.333% * 2) - 14px);
}
.grid-col.col2:first-child {
  width: calc((8.333% * 2) - 7px);
}
.grid-col.col2:last-child {
  width: calc((8.333% * 2) - 7px);
}
.grid-col.col3 {
  width: calc((8.333% * 3) - 14px);
}
.grid-col.col3:first-child {
  width: calc((8.333% * 3) - 7px);
}
.grid-col.col3:last-child {
  width: calc((8.333% * 3) - 7px);
}
.grid-col.col4 {
  width: calc((8.333% * 4) - 14px);
}
.grid-col.col4:first-child {
  width: calc((8.333% * 4) - 7px);
}
.grid-col.col4:last-child {
  width: calc((8.333% * 4) - 7px);
}
.grid-col.col5 {
  width: calc((8.333% * 5) - 14px);
}
.grid-col.col5:first-child {
  width: calc((8.333% * 5) - 7px);
}
.grid-col.col5:last-child {
  width: calc((8.333% * 5) - 7px);
}
.grid-col.col6 {
  width: calc((8.333% * 6) - 14px);
}
.grid-col.col6:first-child {
  width: calc((8.333% * 6) - 7px);
}
.grid-col.col6:last-child {
  width: calc((8.333% * 6) - 7px);
}
.grid-col.col7 {
  width: calc((8.333% * 7) - 14px);
}
.grid-col.col7:first-child {
  width: calc((8.333% * 7) - 7px);
}
.grid-col.col7:last-child {
  width: calc((8.333% * 7) - 7px);
}
.grid-col.col8 {
  width: calc((8.333% * 8) - 14px);
}
.grid-col.col8:first-child {
  width: calc((8.333% * 8) - 7px);
}
.grid-col.col8:last-child {
  width: calc((8.333% * 8) - 7px);
}
.grid-col.col9 {
  width: calc((8.333% * 9) - 14px);
}
.grid-col.col9:first-child {
  width: calc((8.333% * 9) - 7px);
}
.grid-col.col9:last-child {
  width: calc((8.333% * 9) - 7px);
}
.grid-col.col10 {
  width: calc((8.333% * 10) - 14px);
}
.grid-col.col10:first-child {
  width: calc((8.333% * 10) - 7px);
}
.grid-col.col10:last-child {
  width: calc((8.333% * 10) - 7px);
}
.grid-col.col11 {
  width: calc((8.333% * 11) - 14px);
}
.grid-col.col11:first-child {
  width: calc((8.333% * 11) - 7px);
}
.grid-col.col11:last-child {
  width: calc((8.333% * 11) - 7px);
}
.grid-col.col12 {
  width: calc((8.333% * 12) - 14px);
}
.grid-col.col12:first-child {
  width: calc((8.333% * 12) - 7px);
}
.grid-col.col12:last-child {
  width: calc((8.333% * 12) - 7px);
}
.grid-box {
  display: grid;
  gap: 1rem;
}
.grid-box.col1 {
  grid-template-columns: repeat(1, 1fr);
}
.grid-box .col-span-1 {
  grid-column: span 1;
}
.grid-box.col2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid-box .col-span-2 {
  grid-column: span 2;
}
.grid-box.col3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid-box .col-span-3 {
  grid-column: span 3;
}
.grid-box.col4 {
  grid-template-columns: repeat(4, 1fr);
}
.grid-box .col-span-4 {
  grid-column: span 4;
}
.grid-box.col5 {
  grid-template-columns: repeat(5, 1fr);
}
.grid-box .col-span-5 {
  grid-column: span 5;
}
.grid-box.col6 {
  grid-template-columns: repeat(6, 1fr);
}
.grid-box .col-span-6 {
  grid-column: span 6;
}
.grid-box.col7 {
  grid-template-columns: repeat(7, 1fr);
}
.grid-box .col-span-7 {
  grid-column: span 7;
}
.grid-box.col8 {
  grid-template-columns: repeat(8, 1fr);
}
.grid-box .col-span-8 {
  grid-column: span 8;
}
.grid-box.col9 {
  grid-template-columns: repeat(9, 1fr);
}
.grid-box .col-span-9 {
  grid-column: span 9;
}
.grid-box.col10 {
  grid-template-columns: repeat(10, 1fr);
}
.grid-box .col-span-10 {
  grid-column: span 10;
}
.grid-box.col11 {
  grid-template-columns: repeat(11, 1fr);
}
.grid-box .col-span-11 {
  grid-column: span 11;
}
.grid-box.col12 {
  grid-template-columns: repeat(12, 1fr);
}
.grid-box .col-span-12 {
  grid-column: span 12;
}
.grid-box [class^="col-span-"] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.graph-grid {
  width: 100%;
  display: grid;
  gap: 1rem;
  grid-template-columns: auto max-content;
}
.plot_control .x {
  background-color: #e24761;
}
.plot_control .y {
  background-color: #49c747;
}
.plot_control .z {
  background-color: #477ac7;
}
.plot_control .x,
.plot_control .y,
.plot_control .z {
  color: black;
}
.line:nth-child(1) {
  stroke: #e24761;
}
.line:nth-child(2) {
  stroke: #49c747;
}
.line:nth-child(3) {
  stroke: #477ac7;
}
.legend .item:nth-child(1) {
  fill: #e24761;
}
.legend .item:nth-child(2) {
  fill: #49c747;
}
.legend .item:nth-child(3) {
  fill: #477ac7;
}
.axis path,
.axis line {
  fill: none;
  stroke: var(--text);
  stroke-width: 1px;
  shape-rendering: crispEdges;
}
.session-view {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
@container main-wrapper (min-width: 576px) {
  .visible-on-phone-only {
    display: none !important;
  }
}
@media only screen and (max-height: 750px) {
  .tab_container {
    overflow-x: hidden;
    overflow-y: auto;
  }
}
@media (max-height: 750px) {
  .tab_container {
    overflow-x: hidden;
    overflow-y: auto;
  }
}
@container main-wrapper (max-width: 1055px) {
  #tabs li a {
    font-size: 0;
    padding: 0.1rem 0.5rem;
  }
  .tab_container {
    width: 5rem;
  }
  #content {
    width: calc(100% - 3.5rem);
  }
  .content_wrapper {
    padding: 1rem;
    padding-bottom: 4rem;
  }
  .tab_title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 300;
    margin-bottom: 10px;
    height: 22px;
  }
  .cf_doc_version_bt a {
    padding: 1px 5px 1px 5px;
    margin-top: -35px;
    font-size: 9px;
    line-height: 15px;
  }
  .default_btn {
    margin-bottom: 10px;
  }
  .gui_box .gui_box_titlebar {
    font-size: 12px;
    height: 24px;
    padding-bottom: 0;
    margin-bottom: 5px;
    float: left;
  }
  .gui_box .gui_box_titlebar .helpicon {
    margin-top: 1px;
  }
  .helpicon {
    float: right;
    margin-top: 5px;
    margin-right: 7px;
    height: 14px;
    width: 14px;
    transition: none;
  }
  .gps_false {
    padding: 0 3px 0 3px;
    font-size: 10px;
  }
  .gps_true {
    padding: 0 3px 0 3px;
    font-size: 10px;
  }
  .toolbar_fixed_bottom .content_wrapper {
    height: fit-content;
    overflow-y: auto;
    position: initial;
  }
}
@container main-wrapper (max-width: 1055px) {
  #tabs li a {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  #tabs li ::before {
    padding-left: 3px;
  }
  #content {
    width: calc(100% - 42px);
  }
  .content_wrapper {
    padding: 1rem 0.5rem;
    padding-bottom: 3rem;
  }
  .tab_title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 300;
    margin-bottom: 10px;
    height: 22px;
  }
  .cf_doc_version_bt a {
    padding: 1px 5px 1px 5px;
    margin-top: -35px;
    font-size: 9px;
    line-height: 15px;
  }
  .cf_table td {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .default_btn {
    margin-bottom: 10px;
  }
  .gui_box_titlebar {
    font-size: 12px;
    height: 24px;
    padding-bottom: 0;
    margin-bottom: 5px;
    float: left;
  }
  .spacer_box_title {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    margin-bottom: 0;
    float: left;
  }
  .helpicon {
    float: right;
    margin-top: 5px;
    margin-right: 7px;
    height: 14px;
    width: 14px;
    transition: none;
  }
  .gps_false {
    padding: 0 3px 0 3px;
    font-size: 10px;
  }
  .gps_true {
    padding: 0 3px 0 3px;
    font-size: 10px;
  }
  .content_toolbar .btn a,
  .content_toolbar .btn button {
    margin-right: 15px;
  }
  .toolbar_fixed_bottom .content_wrapper {
    height: calc(100% - 81px);
    overflow-y: auto;
    position: initial;
  }
}
@media all and (max-width: 575px), all and (max-width: 950px) and (max-height: 500px) and (orientation: landscape) {
  #tabs li a {
    font-size: 13px;
    padding-top: 0.2rem;
    padding-bottom: 0.25rem;
  }
  .visible-on-desktop-only {
    display: none !important;
  }
  .tab_container {
    position: fixed;
    z-index: 2000;
    top: 0;
    left: -100%;
    bottom: 0;
    min-width: fit-content;
    transition: all 0.3s;
    padding: 1rem;
  }
  .tab_container.reveal {
    left: 0;
    padding-top: 3.5rem;
  }
  #content {
    width: 100% !important;
  }
  .info {
    width: 100%;
    flex: unset !important;
  }
  dialog {
    position: fixed;
    width: calc(100% - 2em - 2px) !important;
    max-width: unset;
    height: auto !important;
    bottom: 0;
    top: 56px;
    border-radius: unset;
    border: none;
    overflow: auto;
  }
  .toolbar_expand_btn {
    display: block;
  }
  .sm,
  .md,
  .lg,
  .xl {
    display: none !important;
  }
  .grid-col.col1 {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .grid-col.col2 {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .grid-col.col3 {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .grid-col.col4 {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .grid-col.col5 {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .grid-col.col6 {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .grid-col.col7 {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .grid-col.col8 {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .grid-col.col9 {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .grid-col.col10 {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .grid-col.col11 {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .grid-col.col12 {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
body.compact-header-layout #tabs li a {
  font-size: 13px;
  padding-top: 0.2rem;
  padding-bottom: 0.25rem;
}
body.compact-header-layout .visible-on-desktop-only {
  display: none !important;
}
body.compact-header-layout .tab_container {
  position: fixed;
  z-index: 2000;
  top: 0;
  left: -100%;
  bottom: 0;
  min-width: fit-content;
  transition: all 0.3s;
  padding: 1rem;
}
body.compact-header-layout .tab_container.reveal {
  left: 0;
  padding-top: 3.5rem;
}
body.compact-header-layout #content {
  width: 100% !important;
}
body.compact-header-layout .info {
  width: 100%;
  flex: unset !important;
}
body.compact-header-layout dialog {
  position: fixed;
  width: calc(100% - 2em - 2px) !important;
  max-width: unset;
  height: auto !important;
  bottom: 0;
  top: 56px;
  border-radius: unset;
  border: none;
  overflow: auto;
}
body.compact-header-layout .toolbar_expand_btn {
  display: block;
}
body.compact-header-layout .sm,
body.compact-header-layout .md,
body.compact-header-layout .lg,
body.compact-header-layout .xl {
  display: none !important;
}
body.compact-header-layout .grid-col.col1 {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.compact-header-layout .grid-col.col2 {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.compact-header-layout .grid-col.col3 {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.compact-header-layout .grid-col.col4 {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.compact-header-layout .grid-col.col5 {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.compact-header-layout .grid-col.col6 {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.compact-header-layout .grid-col.col7 {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.compact-header-layout .grid-col.col8 {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.compact-header-layout .grid-col.col9 {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.compact-header-layout .grid-col.col10 {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.compact-header-layout .grid-col.col11 {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.compact-header-layout .grid-col.col12 {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media all and (min-width: 576px) and (max-width: 767px) {
  .xs,
  .md,
  .lg,
  .xl {
    display: none !important;
  }
}
@media all and (min-width: 768px) and (max-width: 991px) {
  .xs,
  .sm,
  .lg,
  .xl {
    display: none !important;
  }
}
@media all and (min-width: 992px) and (max-width: 1139px) {
  .xs,
  .sm,
  .md,
  .xl {
    display: none !important;
  }
}
@media all and (min-width: 1140px) {
  .xs,
  .sm,
  .md,
  .lg {
    display: none !important;
  }
}
@media all and (min-width: 576px) {
  .sm-max {
    display: none !important;
  }
}
@media all and (min-width: 768px) {
  .md-max {
    display: none !important;
  }
}
@media all and (min-width: 992px) {
  .lg-max {
    display: none !important;
  }
}
@media all and (max-width: 1139px) {
  .lg-min {
    display: none !important;
  }
}
@container main-wrapper (max-width: 991px) {
  .md-min {
    display: none !important;
  }
}
@container main-wrapper (max-width: 575px) {
  .sm-min {
    display: none !important;
  }
}
.fontpresets_wrapper button.load_font_file {
  padding: 0.5em 0.75em;
  border-radius: 4px;
  background-color: var(--surface-300);
  color: var(--text);
  border: 1px solid var(--surface-400);
  margin-left: 5px;
  cursor: pointer;
}
.fontpresets_wrapper button.load_font_file:hover {
  background-color: var(--surface-400);
}
.motorOutputReorderComponent {
    display: flex;
    height: 100%;
    flex-flow: column;
}

.motorOutputReorderComponentHeader {
    padding-bottom: 12px;
}

#dialogMotorOutputReorderMainContent {
    display: flex;
    height: 100%;
    flex-flow: column;
}

#dialogMotorOutputReorderWarning {
    display: flex;
    height: 100%;
    flex-flow: column;
}

#motorOutputReorderCanvas {
    width: 100%;
    flex-grow: 1;
}

#motorOutputReorderActionPanel {
    height: 46px;
}

#dialogMotorOutputReorderSave {
    margin-right: 0px;
}

.motorsRemapToggleParentContainer {
    display: flex;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}

#motorOutputReorderActionHint {
    margin-top: 1em;
    display: inline-block;
}

.motorsRemapToggleNarrow {
    margin-right: 12px;
    display: flex;
    align-items: center;
}

.motorsRemapToggleWide {
    flex: 1;
}

.motorsRemapDialogRiskNoticeText {
    font-size: 1.2em;
}

.motorsRemapDialogRExplanationText {
    font-size: 1em;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}

#motorOutputReorderSaveStartOverButtonsPanel {
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    padding: 0 10px;
    box-sizing: border-box;
}

#dialogMotorOutputReorderCloseButton {
    margin-top: 50px;
    text-align: center;
}
.escDshotDirection-Component {
    display: flex;
    height: 100%;
    flex-flow: column;
}

.escDshotDirection-Component .regular-button {
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline-style: none;
}

.escDshotDirection-ComponentHeader {
    padding-bottom: 12px;
}

#escDshotDirectionDialog-MainContent {
    display: flex;
    height: 100%;
    flex-flow: column;
}

#escDshotDirectionDialog-Warning {
    display: flex;
    height: 100%;
    flex-flow: column;
    border-top: 1px solid var(--superSubtleAccent);
    padding-top: 16px;
}

.escDshotDirectionToggleParentContainer {
    display: flex;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}

.escDshotDirectionToggleNarrow {
    margin-right: 12px;
    display: flex;
    align-items: center;
}

.escDshotDirectionDialog-ToggleWide {
    flex: 1;
}

.escDshotDirectionDialog-RiskNoticeText {
    font-size: 1.2em;
}

.escDshotDirectionDialogInformationNotice {
    font-size: 1em;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}

#escDshotDirectionDialog-MixerPreview {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 9px;
    margin-bottom: 8px;
}

#escDshotDirectionDialog-MixerPreviewImg {
    display: block;
    width: 160px;
    height: 160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
}

#escDshotDirectionDialog-MainContent h4 {
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
}

#escDshotDirectionDialog-MainContent .red-text {
    color: var(--error-500);
}

#escDshotDirectionDialog-ActionHint,
#escDshotDirectionDialog-SecondHint,
#escDshotDirectionDialog-WizardActionHint {
    margin-top: 10px;
}

#escDshotDirectionDialog-ActionHintSafety,
#escDshotDirectionDialog-SecondHintSafety {
    margin-top: 0px;
}

#escDshotDirectionDialog-SelectMotorButtonsWrapper,
#escDshotDirectionDialog-WizardMotorButtons {
    margin-left: auto;
    margin-right: auto;
}

#escDshotDirectionDialog-SelectMotorButtonsWrapper .regular-button,
#escDshotDirectionDialog-WizardMotorButtons .regular-button {
    font-size: 15px;
    line-height: 34px;
    padding: 0px;
    margin-left: 4px;
    margin-right: 4px;
    border-radius: 17px;
    width: 34px;
    height: 34px;
    text-align: center;
}

@media (hover: hover) {
    #escDshotDirectionDialog-NormalDialog .regular-button.pushed:hover {
        background-color: var(--primary-transparent-4);
    }

    #escDshotDirectionDialog-NormalDialog .regular-button:hover {
        background-color: var(--primary-400);
    }
}

#escDshotDirectionDialog-MainContent .regular-button.highlighted {
    background-color: var(--primary-500);
}

#escDshotDirectionDialog-CommandsWrapper {
    margin-left: auto;
    margin-right: auto;
}

#escDshotDirectionDialog-CommandSpin {
    margin-left: auto;
    margin-right: auto;
    width: 224px;
    display: block;
    text-align: center;
}

#escDshotDirectionDialog-CommandsWrapper .regular-button {
    width: 130px;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}

.escDshotDirectionErrorTextBlock {
    margin-top: 12px;
    font-weight: 500;
}

.display-contents {
    display: contents;
}

#escDshotDirectionDialog-SpinWizard,
#escDshotDirectionDialog-StopWizard {
    margin-left: auto;
    margin-right: auto;
    width: 160px;
    text-align: center;
}

.escDshotDirectionDialog-InformationNotice {
    margin-top: 18px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: 1px solid var(--superSubtleAccent);
    border-bottom: 1px solid var(--superSubtleAccent);
}

.escDshotDirectionDialog-StartButton {
    width: 80px;
    text-align: center;
    margin-left: 0px;
    margin-right: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.escDshotDirectionDialog-Buttons {
    float: left;
    margin: 0px;
}

.escDshotDirectionDialog-StartBlock {
    display: flex;
    margin-top: 16px;
}

.battery-legend {
    display: inline;
    position: relative;
    top: -2px;
    margin-top: 0;
    left: 0;
    right: 0;
    width: 40px;
    text-align: left;
    color: var(--surface-800);
    margin-left: -8px;
    padding-right: 4px;
}
.battery-legend--compact {
    position: static;
    display: inline-block;
    top: 0;
    margin: 0;
    padding: 0 0.25rem;
    width: auto;
    color: var(--text);
    font-size: 12px;
    white-space: nowrap;
}

.tab_container .logo {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0.25rem 0 0.5rem;
    margin-bottom: 0.5rem;
}
.tab_container .logo_image {
    width: 100%;
    height: 48px;
    background-image: url(./bf_logo_white-CiY_eg7y.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}
.dark .tab_container .logo_image {
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2024.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.2'%20baseProfile='tiny'%20id='Ebene_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%2018.2'%20xml:space='preserve'%3e%3cpath%20fill='%23FFA724'%20d='M40.41,14.34c-1.73-0.73-2.96-1.82-4.21-2.29c0.65-0.29,1.25-0.7,1.63-1.05c0.41-0.39,0.54-0.88,0.51-1.35%20c1.29,0.88,2.82,0.94,3.59,0.98c0.81,0.05,1.57,0.21,1.73,0.59c0,0,0.25-4.39-8.77-7.31c0,0,2.69,1.22,3.54,2.21%20c0,0-0.96-0.06-1.36,0.56C36.87,7,36.83,7.48,37.01,8c-0.15-0.02-0.32-0.05-0.5-0.06L22.19,0l1.51,3.25l-1.41-0.49l0.42,0.8%20c0.01,0.01,0.59,1.14,1.97,3.56c1.08,1.9,3.02,2.85,5.59,2.73c0.09,0,0.21-0.01,0.32-0.02c0.65-0.05,1.65-0.14,2.62-0.23%20c-0.07,0.35-0.06,0.78,0.03,1.29c0.11,0.59,0.35,0.97,0.66,1.21c-0.76,0.37-1.46,1.07-1.77,1.92l0,0c-0.22,0.53-0.27,1.17-0.01,1.91%20v0.01c0.06,0.15,0.11,0.3,0.21,0.46c0.08,0.15,0.18,0.3,0.31,0.42c1.6,1.9,5.47,1.59,7.91,0.56c0.03-0.01,0.07-0.02,0.1-0.05%20c0.19-0.08,0.39-0.17,0.58-0.26c0.03-0.02,0.08-0.03,0.11-0.06c0.21-0.1,0.41-0.21,0.62-0.33c2.43-1.42,3.23-3.08,3.23-3.08%20S42.76,15.33,40.41,14.34z%20M41.03,7.82c0.68,0.3,1.74,2.01,1.74,2.01c-0.88-0.14-2.63-0.71-2.82-1.37S40.34,7.51,41.03,7.82z%20M38.77,16.33c0,0,0.18,0.57-0.03,1.31c-0.24,0.07-0.5,0.13-0.76,0.17C38.39,17.49,38.77,17.01,38.77,16.33z%20M26.94,5.34l6.21,3.54%20C32.02,9,30.81,9.1,30.2,9.14c-0.92,0.05-1.76-0.07-2.49-0.32c-1.06-0.38-1.88-1.06-2.45-2.05c-0.71-1.23-1.2-2.14-1.52-2.72%20l1.29,0.45l-1.29-2.78L35.05,8c-0.31,0.05-0.62,0.14-0.89,0.27L26.94,5.34z%20M33.54,9.77c0.44-2.1,3.14-1.44,3.14-1.44%20c-0.98-0.02-1.55,0.25-1.84,0.64c-0.42,0.58,0.1,1.03,0.1,1.03c-0.15-0.02-0.27-0.07-0.36-0.14c0,0.01,0,0.02,0,0.02%20c0.23,0.81,0.89,1.03,0.89,1.03c-0.25,0.03-0.47,0.02-0.65-0.02c0.15,0.34,0.34,0.59,0.48,0.65c-0.59,0-0.9,0.14-1.13,0.23%20C33.7,11.45,33.35,10.68,33.54,9.77z%20M35.39,14.37c0,0-0.98,1.22-3.08,1.22c-0.13-0.48-0.08-0.96,0.03-1.38%20C33.01,14.65,34.01,14.9,35.39,14.37z%20M33.61,17.22c0.9-0.21,2.05-0.71,3.15-1.96c0,0-0.13,1.35-1.14,2.63%20c-0.46-0.06-0.92-0.17-1.37-0.35C34.02,17.45,33.81,17.33,33.61,17.22z%20M42.1,16.12c-0.13-0.33-0.18-0.99-0.18-0.99%20c0.75,0.07,1.66-0.24,1.66-0.24C42.98,15.63,42.1,16.12,42.1,16.12z'/%3e%3cg%3e%3cpath%20fill='%23FFA724'%20d='M50.74,8.35h4.14c2,0,2.02,1.13,1.74,1.9c-0.27,0.77-0.79,1.18-1.46,1.49c0.59,0.23,1.04,0.78,0.65,1.89%20c-0.54,1.52-2.13,2.31-3.47,2.31h-4.29L50.74,8.35z%20M51.04,14.12h1.37c0.49,0,0.96-0.14,1.16-0.72c0.16-0.45-0.02-0.69-0.57-0.69%20h-1.46L51.04,14.12z%20M52.03,11.3h1.23c0.49,0,0.84-0.14,1.01-0.63c0.14-0.38-0.14-0.53-0.62-0.53h-1.23L52.03,11.3z'/%3e%3cpath%20fill='%23FFA724'%20d='M58.71,8.35h6.26l-0.68,1.94h-3.93l-0.33,0.95h3.57l-0.64,1.81h-3.57L59.05,14h4.05l-0.68,1.94h-6.37%20L58.71,8.35z'/%3e%3cpath%20fill='%23FFA724'%20d='M67.18,10.29h-2.12l0.68-1.94h6.57l-0.68,1.94h-2.12l-2,5.64h-2.33L67.18,10.29z'/%3e%3cpath%20fill='%23FFA724'%20d='M74.47,8.35h2.28l0.08,7.58h-2.42l0.07-1.09h-2.41l-0.72,1.09h-2.34L74.47,8.35z%20M74.57,13.22l0.15-2.33%20H74.7l-1.56,2.33H74.57z'/%3e%3cpath%20fill='%23FFFFFF'%20d='M80.14,8.35h5.85l-0.68,1.94h-3.52l-0.33,0.95h3.02l-0.64,1.81h-3.02l-1.03,2.89h-2.33L80.14,8.35z'/%3e%3cpath%20fill='%23FFFFFF'%20d='M86.87,8.35h2.33l-1.98,5.64h3.35l-0.68,1.94H84.2L86.87,8.35z'/%3e%3cpath%20fill='%23FFFFFF'%20d='M93.39,8.35h2.33l-2.68,7.58h-2.33L93.39,8.35z'/%3e%3cpath%20fill='%23FFFFFF'%20d='M100.13,15.15c-0.75,0.67-1.66,0.96-2.49,0.96c-2.24,0-3-1.74-2.24-3.9c1.03-2.89,3.46-4.05,5.17-4.05%20c1.93,0,2.77,1.05,2.49,2.84h-2.24c0.11-0.55-0.22-0.95-0.76-0.95c-1.6,0-2.14,1.69-2.33,2.21c-0.25,0.71-0.4,1.96,1.01,1.96%20c0.54,0,1.19-0.27,1.51-0.83h-1.03l0.57-1.62h3.09l-1.47,4.17h-1.47L100.13,15.15z'/%3e%3cpath%20fill='%23FFFFFF'%20d='M105.4,8.35h2.33l-0.94,2.63h2.18l0.94-2.63h2.33l-2.67,7.58h-2.33l1.06-3.01h-2.18l-1.06,3.01h-2.33%20L105.4,8.35z'/%3e%3cpath%20fill='%23FFFFFF'%20d='M114.45,10.29h-2.12l0.68-1.94h6.57l-0.68,1.94h-2.12l-2,5.64h-2.33L114.45,10.29z'/%3e%3c/g%3e%3c/svg%3e");
}
@media (max-width: 1055px) {
.tab_container .logo {
        align-items: center;
}
.tab_container .logo_image {
        width: 48px;
        background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20version='1.2'%20baseProfile='tiny'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='21%20-0.5%2024%2019'%3e%3cg%3e%3cpath%20fill='%23FFA724'%20d='M33.99,12.12c0,0-2.7,1.32-1.82,3.78c1.01,2.86,5.72,2.52,8.48,1.34c2.35-0.99,0.39-1.78,0.39-1.78%20l-2.43-1.37l-3.7-2.29L33.99,12.12z'/%3e%3cpath%20fill='%233A3A3A'%20d='M40.4,14.31c-1.73-0.73-2.96-1.81-4.2-2.28c0.65-0.28,1.25-0.7,1.63-1.05c0.41-0.39,0.54-0.88,0.51-1.34%20c1.29,0.88,2.81,0.93,3.59,0.98c0.81,0.05,1.57,0.21,1.73,0.59c0,0,0.25-4.38-8.76-7.28c0,0,2.69,1.22,3.53,2.2%20c0,0-0.96-0.06-1.36,0.56C36.86,6.99,36.82,7.47,37,8c-0.15-0.02-0.32-0.05-0.5-0.06L22.19,0.03l1.5,3.24l-1.41-0.49l0.42,0.8%20c0.01,0.01,0.59,1.14,1.97,3.54c1.08,1.89,3.02,2.84,5.58,2.72c0.09,0,0.21-0.01,0.32-0.02c0.65-0.05,1.65-0.14,2.62-0.23%20c-0.07,0.35-0.06,0.77,0.03,1.29c0.11,0.59,0.35,0.97,0.66,1.2c-0.74,0.36-1.41,1.04-1.74,1.86l0,0c-0.01,0.02-0.02,0.05-0.02,0.07%20l0,0c-0.22,0.52-0.27,1.16-0.01,1.9v0.01c0.06,0.15,0.11,0.3,0.21,0.46c0.08,0.15,0.18,0.3,0.31,0.42c1.6,1.89,5.47,1.58,7.91,0.56%20c0.03-0.01,0.07-0.02,0.1-0.05c0.19-0.08,0.39-0.17,0.58-0.26c0.03-0.02,0.08-0.03,0.11-0.06c0.21-0.1,0.41-0.21,0.62-0.33%20c2.43-1.41,3.22-3.07,3.22-3.07S42.74,15.3,40.4,14.31z%20M41.01,7.81c0.68,0.3,1.74,2.01,1.74,2.01c-0.88-0.14-2.63-0.71-2.81-1.37%20C39.75,7.79,40.33,7.52,41.01,7.81z%20M30.21,9.12c-0.92,0.05-1.75-0.07-2.48-0.32c-1.06-0.38-1.88-1.06-2.45-2.04%20c-0.71-1.23-1.2-2.13-1.52-2.71l1.29,0.44l-1.29-2.77L35.05,8c-0.31,0.05-0.62,0.14-0.89,0.27l-7.24-2.92l6.21,3.53%20C32.01,8.99,30.8,9.09,30.21,9.12z%20M32.31,15.56c-0.13-0.48-0.08-0.96,0.03-1.38c0.66,0.44,1.65,0.68,3.04,0.16%20C35.38,14.34,34.4,15.56,32.31,15.56z%20M35.61,17.86c-0.46-0.06-0.92-0.17-1.37-0.35c-0.24-0.1-0.44-0.21-0.64-0.32%20c0.9-0.21,2.05-0.71,3.15-1.95C36.75,15.24,36.62,16.59,35.61,17.86z%20M38.73,17.61c-0.24,0.07-0.5,0.13-0.76,0.17%20c0.41-0.32,0.79-0.81,0.8-1.48C38.76,16.3,38.94,16.87,38.73,17.61z%20M42.08,16.09c-0.13-0.33-0.18-0.99-0.18-0.99%20c0.75,0.07,1.66-0.24,1.66-0.24C42.96,15.6,42.08,16.09,42.08,16.09z'/%3e%3cpath%20fill='%23FFA724'%20d='M36.48,8.4c0,0-2.62-0.65-2.99,1.37c-0.15,0.83,0.16,1.61,0.59,1.91c0.22-0.09,0.5-0.23,1.07-0.22%20c-0.13-0.06-0.31-0.3-0.46-0.62c0.17,0.03,0.38,0.06,0.62,0.02c0,0-0.63-0.21-0.84-0.98c0-0.01,0-0.01,0-0.02%20c0.09,0.06,0.21,0.1,0.35,0.13c0,0-0.5-0.42-0.09-0.98C35.01,8.63,35.54,8.38,36.48,8.4z'/%3e%3cpath%20fill='%23FFFFFF'%20d='M30.21,9.12c-0.92,0.05-1.75-0.07-2.48-0.32c-1.06-0.38-1.88-1.06-2.45-2.04c-0.71-1.23-1.2-2.13-1.52-2.71%20l1.29,0.44l-1.29-2.77L35.05,8c-0.31,0.05-0.62,0.14-0.89,0.27l-7.24-2.92l6.21,3.53C32.01,8.99,30.8,9.09,30.21,9.12z'/%3e%3cpath%20fill='%23FFFFFF'%20d='M41.01,7.81c0.68,0.3,1.74,2.01,1.74,2.01c-0.88-0.14-2.63-0.71-2.81-1.37%20C39.75,7.79,40.33,7.52,41.01,7.81z'/%3e%3cpath%20fill='%23FFFFFF'%20d='M42.08,16.09c-0.13-0.33-0.18-0.99-0.18-0.99c0.75,0.07,1.66-0.24,1.66-0.24%20C42.96,15.6,42.08,16.09,42.08,16.09z'/%3e%3c/g%3e%3c/svg%3e");
        background-position: center;
        background-size: contain;
}
.dark .tab_container .logo_image {
        background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20version='1.2'%20baseProfile='tiny'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='21%20-0.5%2024%2019'%3e%3cpath%20fill='%23FFA724'%20d='M40.41,14.34c-1.73-0.73-2.96-1.82-4.21-2.29c0.65-0.29,1.25-0.7,1.63-1.05c0.41-0.39,0.54-0.88,0.51-1.35%20c1.29,0.88,2.82,0.94,3.59,0.98c0.81,0.05,1.57,0.21,1.73,0.59c0,0,0.25-4.39-8.77-7.31c0,0,2.69,1.22,3.54,2.21%20c0,0-0.96-0.06-1.36,0.56C36.87,7,36.83,7.48,37.01,8c-0.15-0.02-0.32-0.05-0.5-0.06L22.19,0l1.51,3.25l-1.41-0.49l0.42,0.8%20c0.01,0.01,0.59,1.14,1.97,3.56c1.08,1.9,3.02,2.85,5.59,2.73c0.09,0,0.21-0.01,0.32-0.02c0.65-0.05,1.65-0.14,2.62-0.23%20c-0.07,0.35-0.06,0.78,0.03,1.29c0.11,0.59,0.35,0.97,0.66,1.21c-0.76,0.37-1.46,1.07-1.77,1.92l0,0c-0.22,0.53-0.27,1.17-0.01,1.91%20v0.01c0.06,0.15,0.11,0.3,0.21,0.46c0.08,0.15,0.18,0.3,0.31,0.42c1.6,1.9,5.47,1.59,7.91,0.56c0.03-0.01,0.07-0.02,0.1-0.05%20c0.19-0.08,0.39-0.17,0.58-0.26c0.03-0.02,0.08-0.03,0.11-0.06c0.21-0.1,0.41-0.21,0.62-0.33c2.43-1.42,3.23-3.08,3.23-3.08%20S42.76,15.33,40.41,14.34z%20M41.03,7.82c0.68,0.3,1.74,2.01,1.74,2.01c-0.88-0.14-2.63-0.71-2.82-1.37S40.34,7.51,41.03,7.82z%20M38.77,16.33c0,0,0.18,0.57-0.03,1.31c-0.24,0.07-0.5,0.13-0.76,0.17C38.39,17.49,38.77,17.01,38.77,16.33z%20M26.94,5.34l6.21,3.54%20C32.02,9,30.81,9.1,30.2,9.14c-0.92,0.05-1.76-0.07-2.49-0.32c-1.06-0.38-1.88-1.06-2.45-2.05c-0.71-1.23-1.2-2.14-1.52-2.72%20l1.29,0.45l-1.29-2.78L35.05,8c-0.31,0.05-0.62,0.14-0.89,0.27L26.94,5.34z%20M33.54,9.77c0.44-2.1,3.14-1.44,3.14-1.44%20c-0.98-0.02-1.55,0.25-1.84,0.64c-0.42,0.58,0.1,1.03,0.1,1.03c-0.15-0.02-0.27-0.07-0.36-0.14c0,0.01,0,0.02,0,0.02%20c0.23,0.81,0.89,1.03,0.89,1.03c-0.25,0.03-0.47,0.02-0.65-0.02c0.15,0.34,0.34,0.59,0.48,0.65c-0.59,0-0.9,0.14-1.13,0.23%20C33.7,11.45,33.35,10.68,33.54,9.77z%20M35.39,14.37c0,0-0.98,1.22-3.08,1.22c-0.13-0.48-0.08-0.96,0.03-1.38%20C33.01,14.65,34.01,14.9,35.39,14.37z%20M33.61,17.22c0.9-0.21,2.05-0.71,3.15-1.96c0,0-0.13,1.35-1.14,2.63%20c-0.46-0.06-0.92-0.17-1.37-0.35C34.02,17.45,33.81,17.33,33.61,17.22z%20M42.1,16.12c-0.13-0.33-0.18-0.99-0.18-0.99%20c0.75,0.07,1.66-0.24,1.66-0.24C42.98,15.63,42.1,16.12,42.1,16.12z'/%3e%3c/svg%3e");
}
}
@media all and (max-width: 575px), all and (max-width: 950px) and (max-height: 500px) and (orientation: landscape) {
.tab_container .logo {
        display: none;
}
}

.port-utilization[data-v-c217e33c] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}
.value[data-v-c217e33c] {
    font-variant-numeric: tabular-nums;
}

.quad-status-contents[data-v-7e374c4a] {
    position: absolute;
    top: 10px;
    left: 14px;
    height: 10px;
    width: 31px;
}
.battery-icon[data-v-7e374c4a] {
    position: relative;
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Ebene_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2085%2056.7'%20style='enable-background:new%200%200%2085%2056.7;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23838281;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M7,43.6c1,1,2.1,1.5,3.5,1.5h59.9c1.4,0,2.5-0.5,3.5-1.5c1-1,1.5-2.1,1.5-3.5v-6h2.3c1.3,0,2.3-1,2.3-2.3v-6.1%20c0-1.3-1-2.3-2.3-2.3h-2.3v-5.8c0-1.4-0.5-2.5-1.5-3.5c-1-1-2.1-1.5-3.5-1.5l-59.9,0c-1.4,0-2.6,0.5-3.5,1.4c-1,1-1.4,2.2-1.4,3.5%20v22.4C5.5,41.4,6,42.6,7,43.6L7,43.6z%20M9.1,16.7c0-0.3,0.1-0.4,0.4-0.4l61.9,0c0.2,0,0.4,0.2,0.4,0.4v24.4c0,0.2-0.2,0.4-0.4,0.4%20l-61.9,0c-0.3,0-0.4-0.1-0.4-0.4V16.7z%20M9.1,16.7'/%3e%3c/g%3e%3c/svg%3e");
    background-size: contain;
    background-position: center;
    display: inline-block;
    height: 30px;
    width: 60px;
    transition: none;
    margin-top: 4px;
    margin-left: -4px;
    background-repeat: no-repeat;
}
.battery-status[data-v-7e374c4a] {
    height: 11px;
    max-width: 100%;
}
@keyframes error-blinker-7e374c4a {
0% {
        background-color: transparent;
}
50% {
        background-color: var(--error-500);
}
}
.battery-status.state-ok[data-v-7e374c4a] {
    background-color: #59aa29;
}
.battery-status.state-warning[data-v-7e374c4a] {
    background-color: var(--error-500);
}
.battery-status.state-empty[data-v-7e374c4a] {
    animation: error-blinker-7e374c4a 1s linear infinite;
}
.battery-icon--compact[data-v-7e374c4a] {
    margin-top: 0;
    margin-left: 0;
    height: 24px;
    width: 48px;
}
.battery-icon--compact .quad-status-contents[data-v-7e374c4a] {
    top: 8px;
    left: 11px;
    width: 26px;
    height: 8px;
}
.battery-icon--compact .battery-status[data-v-7e374c4a] {
    height: 9px;
}

.bottomStatusIcons[data-v-1a29ef91] {
    display: flex;
    justify-content: space-between;
    background-color: #272727;
    height: 31px;
    max-width: 105px;
    margin-top: 2px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.bottomStatusIcons--compact[data-v-1a29ef91] {
    height: auto;
    max-width: none;
    margin: 0;
    padding: 0.1rem 0.25rem;
    background-color: transparent;
    border-radius: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.data-flash[data-v-4fa61b84] {
    display: block;
    font-size: 10px;
    width: 125px;
    height: 33px;
    border-radius: 5px;
    border: 1px solid #272727;
    box-shadow: 0 1px 0 rgb(92 92 92 / 50%);
    background-color: #434343;
    background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.55));
    padding-top: 5px;
}
.noflash_global[data-v-4fa61b84] {
    color: #868686;
    text-align: center;
    margin-top: 2px;
}
.dataflash-contents_global[data-v-4fa61b84] {
    margin-top: 18px;
    padding: 0;
    border: 1px solid #4a4a4a;
    background-color: #4a4a4a;
    flex-direction: row;
    flex-wrap: nowrap;
    border-radius: 3px;
    margin-left: 5px;
    margin-right: 5px;
}
.dataflash-contents_global div[data-v-4fa61b84] {
    height: 5px;
    position: relative;
    box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);
    border-radius: 2px;
    width: 25%;
    display: block;
    background-color: var(--primary-500);
}
.dataflash-contents_global div.dataflash-free_global--ok[data-v-4fa61b84] {
    background-color: var(--success-500);
}
.dataflash-contents_global div.dataflash-free_global--warning[data-v-4fa61b84] {
    background-color: var(--warning-500);
}
.dataflash-contents_global div.dataflash-free_global--critical[data-v-4fa61b84] {
    background-color: var(--error-500);
}
.dataflash-contents_global div span[data-v-4fa61b84] {
    position: absolute;
    top: -18px;
    left: 0;
    width: 120px;
    text-align: left;
    color: silver;
}
.data-flash--compact[data-v-4fa61b84] {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    width: auto;
    min-width: 156px;
    height: auto;
    padding: 0;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    color: var(--text);
    font-size: 11px;
}
.data-flash--compact .dataflash-icon[data-v-4fa61b84] {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    opacity: 0.75;
}
.data-flash--compact .dataflash-contents_global[data-v-4fa61b84] {
    flex: 1 1 auto;
    margin: 0;
    padding: 0;
    border: none;
    background-color: var(--surface-500);
    border-radius: 3px;
    overflow: hidden;
    height: 9px;
    width: auto;
}
.data-flash--compact .dataflash-contents_global div[data-v-4fa61b84] {
    height: 9px;
    border-radius: 3px 0 0 3px;
    box-shadow: none;
    overflow: hidden;
    width: 0;
}
.data-flash--compact .dataflash-free-label[data-v-4fa61b84] {
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
}
.data-flash--compact .noflash_global[data-v-4fa61b84] {
    margin: 0;
    text-align: left;
    color: var(--text);
}
/** Status bar **/
#status-bar[data-v-22868c87] {
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 0.6rem;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  height: 2.5rem;
  padding: 0.25rem 1rem;
  background-color: var(--surface-300);
  line-height: 1.2;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#status-bar[data-v-22868c87]::-webkit-scrollbar {
  display: none;
}
#status-bar[data-v-22868c87] > * {
  display: flex;
  align-items: center;
}
.stat-group[data-v-22868c87] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.stat-icon[data-v-22868c87] {
  width: 14px;
  height: 14px;
  color: var(--text);
  opacity: 0.75;
}
.value[data-v-22868c87] {
  font-variant-numeric: tabular-nums;
}
.cpu-load[data-v-22868c87] {
  gap: 0.4rem;
}
.cpu-bar[data-v-22868c87] {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 8px;
  border-radius: 3px;
  background-color: var(--surface-500);
  overflow: hidden;
}
.cpu-bar__fill[data-v-22868c87] {
  display: block;
  height: 100%;
  border-radius: 3px 0 0 3px;
  transition: width 0.2s ease;
}
.cpu-bar--ok .cpu-bar__fill[data-v-22868c87] {
  background-color: #59aa29;
}
.cpu-bar--warning .cpu-bar__fill[data-v-22868c87] {
  background-color: var(--warning-500);
}
.cpu-bar--critical .cpu-bar__fill[data-v-22868c87] {
  background-color: var(--error-500);
}
.remote-code-row[data-v-f6a463af] {
  flex: 1;
  min-width: 0;
  display: flex;
}
.remote-code-row__input[data-v-f6a463af] {
  flex: 1;
}
#port-override-option label[data-v-bc613c78] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.web-port-picker[data-v-80812f06] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: auto;
    align-items: start;
    gap: 0.5rem;
}
.tab-help ul {
  margin-bottom: 15px;
}
.tab-help li {
  border-top: 1px dotted var(--surface-500);
  padding-top: 5px;
  padding-bottom: 5px;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='164%20-236.3%20612%20612'%20style='enable-background:new%20164%20-236.3%20612%20612;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFBB00;}%20%3c/style%3e%3cg%3e%3cg%20id='Right'%3e%3cg%3e%3cpath%20class='st0'%20d='M441.6-57.9L441.6-57.9c-5.2-4.6-11.9-7.6-19.4-7.6c-15.8,0-28.7,12.9-28.7,28.7c0,8.4,3.6,15.8,9.4,21.1%20l-0.1,0.1l91.7,84l-91.7,84.1l0.1,0.1c-5.7,5.2-9.4,12.7-9.4,21.1c0,15.8,12.9,28.7,28.7,28.7c7.5,0,14.2-2.9,19.3-7.6l0.1,0.1%20L556.3,89.6c5.9-5.5,9.3-13.1,9.3-21.2s-3.4-15.7-9.3-21.2L441.6-57.9z%20M470-237.6c-169,0-306,137-306,306s137,306,306,306%20s306-137,306-306S639-237.6,470-237.6z%20M470,317.1c-137.1,0-248.6-111.5-248.6-248.6S332.9-180.2,470-180.2%20S718.6-68.7,718.6,68.4S607.1,317.1,470,317.1z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 0 8px;
  background-size: 12px;
}
.tab-help li span {
  margin-left: 17px;
  display: block;
}
.tab-help li span a {
  color: var(--primary-500);
}
.tab-help .subline {
  margin-bottom: 5px;
}
@media all and (max-width: 575px) {
.tab-help .grid-box.col5 {
    grid-template-columns: 1fr !important;
}
.tab-help .grid-box .col-span-2 {
    grid-column: span 1;
}
.tab-help .grid-box .col-span-3 {
    grid-column: span 1;
}
}

.sponsor-container[data-v-453734c8] {
    min-height: 90px;
    position: relative;
}
.fade-enter-active[data-v-453734c8],
.fade-leave-active[data-v-453734c8] {
    transition: opacity 1.5s ease;
}
.fade-enter-from[data-v-453734c8],
.fade-leave-to[data-v-453734c8] {
    opacity: 0;
}
.fade-enter-active[data-v-453734c8],
.fade-leave-active[data-v-453734c8] {
    position: absolute;
    width: 100%;
}
.tab-landing {
  display: flex;
  min-height: 100%;
  background: var(--surface-100) url(./pattern_light-DqECYP27.png);
  background-size: 300px;
  overflow: hidden;
}
.content_wrapper[data-v-792f48d6] {
  display: flex;
  flex-direction: column;
  padding: 0;
  height: unset;
  overflow-y: auto;
}
.content_top[data-v-792f48d6] {
  height: auto;
  padding: 20px;
  margin-bottom: 0;
}
.text1[data-v-792f48d6],
.text2[data-v-792f48d6],
.text3[data-v-792f48d6] {
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: normal;
  font-size: 12px;
}
.content_mid[data-v-792f48d6] {
  background-color: var(--surface-100);
  overflow: hidden;
  padding: 0 15px;
  margin-top: auto;
}
.content_mid .column .wrap2[data-v-792f48d6] {
  padding: 10px;
}
.content_mid h2[data-v-792f48d6] {
  margin-bottom: 5px;
  font-size: 13px;
}
.content_mid h3[data-v-792f48d6] {
  font-size: 12px;
  margin-bottom: 5px;
}
.content_mid[data-v-792f48d6] .list ul {
  margin-top: 2px;
  padding-left: 20px;
  list-style: inside;
}
.content_mid[data-v-792f48d6] .list li {
  padding: 2px 0;
  list-style-type: disc;
  margin-left: 0;
  display: list-item;
}
.content_mid .text3 .wrap2[data-v-792f48d6] {
  border: 3px solid var(--surface-300);
  border-radius: 5px;
  min-height: 187px;
  font-size: 11px;
}
.content_mid .text3 .donate[data-v-792f48d6] {
  margin-top: 10px;
  text-align: center;
}
.donate img[data-v-792f48d6] {
  height: 2rem;
  display: inline-block;
}
.content_foot[data-v-792f48d6] {
  clear: both;
  padding: 10px 0 5px;
}
.logowrapper[data-v-792f48d6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  color: var(--text);
  font-size: 14px;
  font-weight: 300;
  text-align: center;
}
.logowrapper > div[data-v-792f48d6] {
  text-align: center;
}
.logowrapper > img[data-v-792f48d6] {
  width: 600px;
  margin: 5px;
}
.logowrapper span[data-v-792f48d6] {
  font-size: 22px;
  font-weight: 300;
}
.bavovna-welcome-header[data-v-792f48d6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin: 5px 0;
}
.bavovna-welcome-header__bf[data-v-792f48d6] {
  width: 500px !important;
}
.bavovna-welcome-header__logo[data-v-792f48d6] {
  height: 60px;
  width: auto !important;
}
.bavovna-welcome-header__text[data-v-792f48d6] {
  font-size: 22px;
  font-weight: bold;
  white-space: nowrap;
  color: var(--text);
}
.fork-warning[data-v-792f48d6] {
  max-width: 1100px;
  margin: -5px auto 10px;
  padding: 8px 15px;
  background-color: var(--surface-200);
  border: 1px solid var(--surface-400);
  border-radius: 5px;
  font-size: 12px;
  text-align: center;
}
.remote-tutorial[data-v-792f48d6] {
  max-width: 1100px;
  margin: 0 auto 15px;
  padding: 15px 25px;
  background-color: var(--surface-100);
  border: 1px solid var(--surface-300);
  border-radius: 5px;
  font-size: 12px;
  text-align: left;
}
.remote-tutorial h3[data-v-792f48d6] {
  margin: 0 0 8px;
  font-size: 14px;
}
.remote-tutorial[data-v-792f48d6] p {
  margin: 0 0 15px !important;
}
.remote-tutorial[data-v-792f48d6] ol {
  padding-left: 25px;
  margin: 5px 0 12px;
  list-style-type: decimal !important;
}
.remote-tutorial[data-v-792f48d6] li {
  padding: 3px 0;
  list-style-type: decimal !important;
  display: list-item !important;
}
.socialMediaParagraph[data-v-792f48d6] {
  margin-bottom: 15px;
}
.socialMediaParagraph .logoSocialMedia[data-v-792f48d6] {
  float: left;
  width: 30px;
}
.socialMediaParagraph .logoSocialMedia img[data-v-792f48d6] {
  height: 20px;
  width: 20px;
}
.socialMediaParagraph .socialMediaLogo[data-v-792f48d6] {
  padding-top: 3px;
}
.socialMediaParagraph .socialMediaText[data-v-792f48d6] {
  margin-top: 0;
  margin-left: 35px;
  display: block;
  font-weight: normal;
  font-size: 12px;
}
.languageSwitcher[data-v-792f48d6] {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.languageSwitcher .selected_language[data-v-792f48d6] {
  font-weight: bold;
}
.languageSwitcher .language-links[data-v-792f48d6] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.languageSwitcher a[data-v-792f48d6] {
  font-weight: normal;
  white-space: nowrap;
}
.languageSwitcher a[data-v-792f48d6]:not(:last-child):after {
  content: ", ";
  font-weight: normal;
}
@media all and (max-width: 575px) {
.logowrapper[data-v-792f48d6] {
    width: auto;
}
.logowrapper img[data-v-792f48d6] {
    width: auto;
}
}
@media all and (max-width: 575px), all and (max-width: 950px) and (max-height: 500px) and (orientation: landscape) {
.content_top[data-v-792f48d6] {
    height: auto;
    padding: 10px 20px;
}
.logowrapper img[data-v-792f48d6] {
    display: none;
}
}
@media all and (max-width: 575px) {
.tab-configuration .grid-box.col2 {
    grid-template-columns: 1fr !important;
}
}
/* Edit-profile form lives in a teleported UModal, so these are global (not nested under .tab-user_profile) */
.profile-edit-form label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.profile-edit-form input {
  width: 100%;
  padding: 5px;
  margin-bottom: 10px;
  border: 1px solid var(--surface-400);
  border-radius: 4px;
}
.profile-edit-error {
  color: var(--error-500);
  font-size: 12px;
  margin: 10px 0;
  padding: 8px;
  background-color: rgba(255, 0, 0, 0.1);
  border-radius: 4px;
}
.tab-user_profile {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.tab-user_profile .profile {
  margin-top: 20px;
}
.tab-user_profile .profile-content {
  display: flex;
  align-items: flex-start;
}
.tab-user_profile .profile-photo {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--surface-500);
  margin-right: 20px;
}
.tab-user_profile .profile-info {
  flex-grow: 1;
}
.tab-user_profile .profile-info p {
  margin: 10px 0;
  font-size: 14px;
}
.tab-user_profile .profile-info .title {
  color: var(--color-primary-500);
  font-weight: 600;
  margin-right: 5px;
  min-width: 60px;
  display: inline-block;
}
.tab-user_profile .content_wrapper .data-loading {
  min-height: 150px;
  height: 50%;
}
.tab-user_profile .content_wrapper .data-loading p {
  text-align: center;
  margin-top: 100px;
}
.tab-user_profile .button-container {
  margin-top: 10px;
}
@media (max-width: 768px) {
.tab-user_profile .profile-content {
    flex-direction: column;
    align-items: center;
}
.tab-user_profile .profile-photo {
    margin-right: 0;
    margin-bottom: 20px;
}
.tab-user_profile .profile-info {
    text-align: center;
}
}

.backups_cli_background[data-v-ba6ce2a1] {
    border: 1px solid var(--ui-border);
    background-color: rgba(64, 64, 64, 1);
    height: 300px;
    border-radius: 5px;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8);
    overflow-y: auto;
}
.backups_cli_window[data-v-ba6ce2a1] {
    padding: 5px;
    font-family: monospace;
    color: white;
    white-space: pre-wrap;
    user-select: text;
}
.backups_cli_window .error_message[data-v-ba6ce2a1] {
    color: red;
    font-weight: bold;
}
:root,
:host {
  --ol-background-color: white;
  --ol-accent-background-color: #F5F5F5;
  --ol-subtle-background-color: rgba(128, 128, 128, 0.25);
  --ol-partial-background-color: rgba(255, 255, 255, 0.75);
  --ol-foreground-color: #333333;
  --ol-subtle-foreground-color: #666666;
  --ol-brand-color: #00AAFF;
}
.ol-box {
  box-sizing: border-box;
  border-radius: 2px;
  border: 1.5px solid var(--ol-background-color);
  background-color: var(--ol-partial-background-color);
}
.ol-mouse-position {
  top: 8px;
  right: 8px;
  position: absolute;
}
.ol-scale-line {
  background: var(--ol-partial-background-color);
  border-radius: 4px;
  bottom: 8px;
  left: 8px;
  padding: 2px;
  position: absolute;
}
.ol-scale-line-inner {
  border: 1px solid var(--ol-subtle-foreground-color);
  border-top: none;
  color: var(--ol-foreground-color);
  font-size: 10px;
  text-align: center;
  margin: 1px;
  will-change: contents, width;
  transition: all 0.25s;
}
.ol-scale-bar {
  position: absolute;
  bottom: 8px;
  left: 8px;
}
.ol-scale-bar-inner {
  display: flex;
}
.ol-scale-step-marker {
  width: 1px;
  height: 15px;
  background-color: var(--ol-foreground-color);
  float: right;
  z-index: 10;
}
.ol-scale-step-text {
  position: absolute;
  bottom: -5px;
  font-size: 10px;
  z-index: 11;
  color: var(--ol-foreground-color);
  text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
}
.ol-scale-text {
  position: absolute;
  font-size: 12px;
  text-align: center;
  bottom: 25px;
  color: var(--ol-foreground-color);
  text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
}
.ol-scale-singlebar {
  position: relative;
  height: 10px;
  z-index: 9;
  box-sizing: border-box;
  border: 1px solid var(--ol-foreground-color);
}
.ol-scale-singlebar-even {
  background-color: var(--ol-subtle-foreground-color);
}
.ol-scale-singlebar-odd {
  background-color: var(--ol-background-color);
}
.ol-unsupported {
  display: none;
}
.ol-viewport,
.ol-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.ol-viewport canvas {
  all: unset;
  overflow: hidden;
}
.ol-viewport {
  touch-action: pan-x pan-y;
}
.ol-selectable {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.ol-grabbing {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.ol-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.ol-control {
  position: absolute;
  background-color: var(--ol-subtle-background-color);
  border-radius: 4px;
}
.ol-zoom {
  top: .5em;
  left: .5em;
}
.ol-rotate {
  top: .5em;
  right: .5em;
  transition: opacity .25s linear, visibility 0s linear;
}
.ol-rotate.ol-hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s linear, visibility 0s linear .25s;
}
.ol-zoom-extent {
  top: 4.643em;
  left: .5em;
}
.ol-full-screen {
  right: .5em;
  top: .5em;
}
.ol-control button {
  display: block;
  margin: 1px;
  padding: 0;
  color: var(--ol-subtle-foreground-color);
  font-weight: bold;
  text-decoration: none;
  font-size: inherit;
  text-align: center;
  height: 1.375em;
  width: 1.375em;
  line-height: .4em;
  background-color: var(--ol-background-color);
  border: none;
  border-radius: 2px;
}
.ol-control button::-moz-focus-inner {
  border: none;
  padding: 0;
}
.ol-zoom-extent button {
  line-height: 1.4em;
}
.ol-compass {
  display: block;
  font-weight: normal;
  will-change: transform;
}
.ol-touch .ol-control button {
  font-size: 1.5em;
}
.ol-touch .ol-zoom-extent {
  top: 5.5em;
}
.ol-control button:hover,
.ol-control button:focus {
  text-decoration: none;
  outline: 1px solid var(--ol-subtle-foreground-color);
  color: var(--ol-foreground-color);
}
.ol-zoom .ol-zoom-in {
  border-radius: 2px 2px 0 0;
}
.ol-zoom .ol-zoom-out {
  border-radius: 0 0 2px 2px;
}
.ol-attribution {
  text-align: right;
  bottom: .5em;
  right: .5em;
  max-width: calc(100% - 1.3em);
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
}
.ol-attribution a {
  color: var(--ol-subtle-foreground-color);
  text-decoration: none;
}
.ol-attribution ul {
  margin: 0;
  padding: 1px .5em;
  color: var(--ol-foreground-color);
  text-shadow: 0 0 2px var(--ol-background-color);
  font-size: 12px;
}
.ol-attribution li {
  display: inline;
  list-style: none;
}
.ol-attribution li:not(:last-child):after {
  content: " ";
}
.ol-attribution img {
  max-height: 2em;
  max-width: inherit;
  vertical-align: middle;
}
.ol-attribution button {
  flex-shrink: 0;
}
.ol-attribution.ol-collapsed ul {
  display: none;
}
.ol-attribution:not(.ol-collapsed) {
  background: var(--ol-partial-background-color);
}
.ol-attribution.ol-uncollapsible {
  bottom: 0;
  right: 0;
  border-radius: 4px 0 0;
}
.ol-attribution.ol-uncollapsible img {
  margin-top: -.2em;
  max-height: 1.6em;
}
.ol-attribution.ol-uncollapsible button {
  display: none;
}
.ol-zoomslider {
  top: 4.5em;
  left: .5em;
  height: 200px;
}
.ol-zoomslider button {
  position: relative;
  height: 10px;
}
.ol-touch .ol-zoomslider {
  top: 5.5em;
}
.ol-overviewmap {
  left: 0.5em;
  bottom: 0.5em;
}
.ol-overviewmap.ol-uncollapsible {
  bottom: 0;
  left: 0;
  border-radius: 0 4px 0 0;
}
.ol-overviewmap .ol-overviewmap-map,
.ol-overviewmap button {
  display: block;
}
.ol-overviewmap .ol-overviewmap-map {
  border: 1px solid var(--ol-subtle-foreground-color);
  height: 150px;
  width: 150px;
}
.ol-overviewmap:not(.ol-collapsed) button {
  bottom: 0;
  left: 0;
  position: absolute;
}
.ol-overviewmap.ol-collapsed .ol-overviewmap-map,
.ol-overviewmap.ol-uncollapsible button {
  display: none;
}
.ol-overviewmap:not(.ol-collapsed) {
  background: var(--ol-subtle-background-color);
}
.ol-overviewmap-box {
  border: 1.5px dotted var(--ol-subtle-foreground-color);
}
.ol-overviewmap .ol-overviewmap-box:hover {
  cursor: move;
}
.ol-overviewmap .ol-viewport:hover {
  cursor: pointer;
}
.tab-gps .map-container:fullscreen {
  width: 100vw !important;
  height: 100vh !important;
  background-color: var(--surface-100);
}
.tab-gps .map-container:fullscreen .map {
  height: calc(100vh - 33px) !important;
  width: 100vw !important;
}
.tab-gps .map-container:fullscreen .map-controls {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw !important;
  z-index: 1000;
}
.tab-gps .map-container:-webkit-full-screen {
  width: 100vw !important;
  height: 100vh !important;
  background-color: var(--surface-100);
}
.tab-gps .map-container:-webkit-full-screen .map {
  height: calc(100vh - 33px) !important;
  width: 100vw !important;
}
.tab-gps .map-container:-webkit-full-screen .map-controls {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw !important;
  z-index: 1000;
}
.tab-gps .map-container:-ms-fullscreen {
  width: 100vw !important;
  height: 100vh !important;
  background-color: var(--surface-100);
}
.tab-gps .map-container:-ms-fullscreen .map {
  height: calc(100vh - 33px) !important;
  width: 100vw !important;
}
.tab-gps .map-container:-ms-fullscreen .map-controls {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw !important;
  z-index: 1000;
}
.tab-auxiliary {
  min-height: 100%;
}
.tab-auxiliary .pips-channel-range {
  position: relative;
  height: 24px;
  margin-top: 16px;
  width: calc(100% - 20px);
}
.tab-auxiliary .pip {
  position: absolute;
  top: 12px;
  transform: translateX(-50%);
  font-size: 11px;
  color: var(--text-muted);
  white-space: nowrap;
}
.tab-auxiliary .pip::before {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 16px;
  background: var(--surface-600);
}
.tab-auxiliary .pip-marker {
  position: absolute;
  bottom: 12px;
  transform: translateX(-50%);
  width: 6px;
  height: 20px;
  background: var(--primary-500);
  box-shadow: 0 0 6px rgba(255, 187, 0, 0.9);
  pointer-events: none;
  z-index: 10;
  border-radius: 9999px;
}
.tab-onboard_logging .blackboxDebugFieldsTable .debug-field-row {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.tab-onboard_logging .info {
  margin: 0 0 10px 0;
  position: relative;
  margin-top: 10px;
}
.tab-onboard_logging .info .progressLabel {
  position: absolute;
  width: 100%;
  height: 26px;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 24px;
  color: white;
  font-weight: bold;
}
.tab-onboard_logging .info dt {
  width: 120px;
  height: 20px;
  line-height: 20px;
  font-weight: bold;
}
.tab-onboard_logging .info dd {
  display: block;
  margin-left: 130px;
  height: 20px;
  line-height: 20px;
}
.tab-onboard_logging .properties {
  margin-top: 10px;
}
.tab-onboard_logging .dataflash-info {
  overflow: hidden;
}
.tab-onboard_logging .dataflash-info dt {
  width: 12em;
  height: 20px;
  line-height: 20px;
  font-weight: bold;
}
.tab-onboard_logging .dataflash-info dd {
  display: block;
  height: 20px;
  line-height: 20px;
}
.tab-onboard_logging .speed {
  margin-top: 5px;
  width: 80px;
  border: 1px solid var(--surface-500);
}
.tab-onboard_logging .buttons {
  width: calc(100% - 20px);
  position: absolute;
  bottom: 10px;
}
.tab-onboard_logging .dataflash-progress {
  display: none;
}
.tab-onboard_logging .dataflash-contents {
  margin-top: 15px;
  margin-bottom: 26px;
  border: 1px solid var(--surface-500);
  background-color: var(--surface-300);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  border-radius: 6px;
}
.tab-onboard_logging .dataflash-contents li {
  height: 26px;
  position: relative;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.tab-onboard_logging .dataflash-contents li div {
  position: absolute;
  top: 26px;
  margin-top: 4px;
  text-align: center;
  left: 0;
  right: 0;
  white-space: nowrap;
}
.tab-onboard_logging .sdcard-contents {
  margin-top: 15px;
  margin-bottom: 26px;
  border: 1px solid var(--surface-500);
  background-color: var(--surface-300);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  border-radius: 6px;
}
.tab-onboard_logging .sdcard-contents li {
  height: 26px;
  position: relative;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.tab-onboard_logging .sdcard-contents li div {
  position: absolute;
  top: 26px;
  margin-top: 4px;
  text-align: center;
  left: 0;
  right: 0;
  white-space: nowrap;
}
.tab-onboard_logging .dataflash-used {
  background-color: var(--primary-500);
  border-radius: 4px;
}
.tab-onboard_logging .sdcard-other {
  background-color: var(--primary-500);
  border-radius: 4px;
}
.tab-onboard_logging .dataflash-free {
  direction: rtl;
}
.tab-onboard_logging .sdcard-free {
  direction: rtl;
}
.tab-onboard_logging progress {
  border-radius: 4px;
  overflow: hidden;
  height: 24px;
  display: block;
  width: 100%;
  margin: 1em 0;
}
.tab-onboard_logging progress::-webkit-progress-bar {
  background-color: var(--surface-500);
}
.tab-onboard_logging progress::-webkit-progress-value {
  background-color: var(--primary-500);
  border-radius: 0 4px 4px 0;
}
.tab-onboard_logging dialog {
  width: 40em;
  border-radius: 5px;
}
.tab-onboard_logging dialog .buttons {
  position: static;
  margin-top: 2em;
}
.tab-onboard_logging dialog h3 {
  margin-bottom: 0.5em;
}
.tab-onboard_logging .require-msc-supported {
  display: none;
}
.tab-onboard_logging .require-msc-not-supported {
  display: inherit;
}
.tab-onboard_logging .line {
  clear: left;
}
.tab-onboard_logging .blackboxDebugModeText {
  margin-left: 7px !important;
}
.tab-onboard_logging .sdcard-status {
  padding-top: 4px;
  text-align: center;
}
.tab-onboard_logging .sdcard-icon {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  width: 90px;
  height: 90px;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!--%20Created%20with%20Inkscape%20(http://www.inkscape.org/)%20--%3e%3csvg%20xmlns:dc='http://purl.org/dc/elements/1.1/'%20xmlns:cc='http://creativecommons.org/ns%23'%20xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%20xmlns:svg='http://www.w3.org/2000/svg'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd'%20xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape'%20width='81.504448mm'%20height='109.72666mm'%20viewBox='0%200%20288.79529%20388.79528'%20id='svg2'%20version='1.1'%20inkscape:version='0.91%20r13725'%20sodipodi:docname='cf_icon_sdcard.svg'%3e%3cdefs%20id='defs4'%20/%3e%3csodipodi:namedview%20id='base'%20pagecolor='%239e9e9e'%20bordercolor='%23666666'%20borderopacity='1.0'%20inkscape:pageopacity='0'%20inkscape:pageshadow='2'%20inkscape:zoom='1.979899'%20inkscape:cx='62.562956'%20inkscape:cy='45.52524'%20inkscape:document-units='px'%20inkscape:current-layer='layer2'%20showgrid='true'%20showguides='true'%20inkscape:guide-bbox='true'%20fit-margin-top='1.1'%20fit-margin-left='1.1'%20fit-margin-right='1.1'%20fit-margin-bottom='1.1'%20inkscape:window-width='1920'%20inkscape:window-height='1076'%20inkscape:window-x='0'%20inkscape:window-y='0'%20inkscape:window-maximized='1'%3e%3cinkscape:grid%20type='xygrid'%20id='grid3336'%20originx='-168.45952'%20originy='-373.45953'%20/%3e%3csodipodi:guide%20position='241.54049,446.54052'%20orientation='0,1'%20id='guide3343'%20/%3e%3c/sodipodi:namedview%3e%3cmetadata%20id='metadata7'%3e%3crdf:RDF%3e%3ccc:Work%20rdf:about=''%3e%3cdc:format%3eimage/svg+xml%3c/dc:format%3e%3cdc:type%20rdf:resource='http://purl.org/dc/dcmitype/StillImage'%20/%3e%3cdc:title%3e%3c/dc:title%3e%3c/cc:Work%3e%3c/rdf:RDF%3e%3c/metadata%3e%3cg%20inkscape:label='Layer%201'%20inkscape:groupmode='layer'%20id='layer1'%20transform='translate(-168.45951,-290.10742)'%20/%3e%3cg%20inkscape:groupmode='layer'%20id='layer2'%20inkscape:label='Layer%202'%20transform='translate(-168.45951,-290.10742)'%3e%3cpath%20style='fill:%23ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1'%20d='m%20172.85715,294.50506%20240,0%2040,50%200,330%20-280,0%200,-230%2010,0%200,-50%20-10,0%20z'%20id='path3341'%20inkscape:connector-curvature='0'%20/%3e%3c/g%3e%3c/svg%3e");
  background-position: 21px 20px;
  background-size: 50px 50px;
  background-repeat: no-repeat;
  background-color: #808080;
  border: 1px solid #888888;
  border-radius: 45px;
}
.dataflash-confirm-erase .dataflash-erase-progress {
  height: 125px;
  display: none;
  border-radius: 5px;
}
.dataflash-buttons {
  display: inline-block;
}
.dataflash-confirm-erase.erasing .dataflash-erase-progress {
  display: block;
}
.dataflash-confirm-erase.erasing h3 {
  display: none;
}
.dataflash-confirm-erase.erasing .erase-flash-confirm {
  display: none;
}
.dataflash-confirm-erase.erasing .dataflash-confirm-erase-note {
  display: none;
}
.dataflash-saving .dataflash-saving-after {
  display: none;
}
.dataflash-saving.done .dataflash-saving-before {
  display: none;
}
.dataflash-saving.done .dataflash-saving-after {
  display: block;
}
.require-dataflash-present {
  display: none;
}
.require-dataflash-supported {
  display: none;
}
.require-sdcard-ready {
  display: none;
}
.require-sdcard-supported {
  display: none;
}
.require-blackbox-supported {
  display: none;
}
.require-blackbox-maybe-supported {
  display: none;
}
.require-blackbox-unsupported {
  display: none;
}
.require-blackbox-config-supported {
  display: none;
}
.tab-onboard_logging.dataflash-present .require-dataflash-not-present {
  display: none;
}
.tab-onboard_logging.dataflash-present .require-dataflash-present {
  display: block;
}
.tab-onboard_logging.dataflash-supported .require-dataflash-unsupported {
  display: none;
}
.tab-onboard_logging.dataflash-supported .require-dataflash-supported {
  display: block;
}
.tab-onboard_logging.sdcard-supported .require-sdcard-unsupported {
  display: none;
}
.tab-onboard_logging.sdcard-supported .require-sdcard-supported {
  display: block;
}
.tab-onboard_logging.blackbox-config-supported .require-blackbox-config-unsupported {
  display: none;
}
.tab-onboard_logging.blackbox-config-supported .require-blackbox-config-supported {
  display: block;
}
.tab-onboard_logging.sdcard-ready .require-sdcard-ready {
  display: block;
}
.tab-onboard_logging.sdcard-ready .sdcard-icon {
  background-color: #56ac1d;
  border: 1px solid #5bbb1b;
}
.tab-onboard_logging.blackbox-supported .require-blackbox-supported {
  display: inherit;
}
.tab-onboard_logging.blackbox-maybe-supported .require-blackbox-maybe-supported {
  display: block;
}
.tab-onboard_logging.blackbox-unsupported .require-blackbox-unsupported {
  display: block;
}
.require-no-dataflash {
  display: block;
}
.tab-onboard_logging.supported .require-no-dataflash {
  display: none;
}
.tab-onboard_logging.msc-supported .require-msc-supported {
  display: inherit;
}
.tab-onboard_logging.msc-supported .require-msc-not-supported {
  display: none;
}
.require-msc-not-ready {
  display: none;
}
.tab-onboard_logging.msc-not-ready .require-msc-not-ready {
  display: block;
}
.tab-onboard_logging.sdcard-error .sdcard-icon {
  background-color: #e60000;
  border: 1px solid #fe0000;
}
.tab-onboard_logging.sdcard-initializing .sdcard-icon {
  background-color: #64a5f6;
  border: 1px solid #68a7ff;
}

.progress-ring[data-v-0c780e45] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.progress-ring__svg[data-v-0c780e45] {
    transform: rotate(-90deg);
}
.progress-ring__svg--spin[data-v-0c780e45] {
    animation: ring-spin-0c780e45 0.8s linear infinite;
}
.progress-ring__track[data-v-0c780e45] {
    stroke: var(--surface-400);
}
.progress-ring__fill[data-v-0c780e45] {
    transition:
        stroke-dashoffset 0.35s ease,
        stroke 0.35s ease;
}
.progress-ring__content[data-v-0c780e45] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
.progress-ring__pct[data-v-0c780e45] {
    font-size: 1.1em;
    font-weight: 600;
    color: var(--text);
    line-height: 1;
}
@keyframes ring-spin-0c780e45 {
to {
        transform: rotate(270deg);
}
}

.release_info_grid[data-v-e7a32fb7] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.5rem 1rem;
    align-items: center;
}
.release_info_grid .info_row[data-v-e7a32fb7] {
    display: contents;
}
.release_info_grid strong[data-v-e7a32fb7] {
    text-align: right;
    white-space: nowrap;
}
.release_info_grid span[data-v-e7a32fb7],
.release_info_grid a[data-v-e7a32fb7] {
    text-align: left;
}
.release_info_grid .board_support[data-v-e7a32fb7] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    justify-self: start;
}
.status_ring_wrapper[data-v-e7a32fb7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.status_text[data-v-e7a32fb7] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.85rem;
}
.flash-status-error-text[data-v-e7a32fb7] {
    color: var(--error-500);
    font-weight: 600;
}
.flash-extras[data-v-e7a32fb7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.tab-firmware_flasher[data-v-b7d83d98] {
  min-height: 100%;
  /* Keep help icons inline with multiselects inside Build Configuration */
  /* Style multiselect tags for "Other options" selector */
  /* Three-column grid layout for release info */
  /* Waiting overlay shown during flashing */
  /* Cloud build info grid */
}
.tab-firmware_flasher .subtab-nav[data-v-b7d83d98] {
  margin-bottom: 6px;
}
.tab-firmware_flasher .flasher-tab-area[data-v-b7d83d98] {
  min-height: 200px;
}
.tab-firmware_flasher .content_wrapper .flashing-wait[data-v-b7d83d98] {
  min-height: 150px;
  height: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.tab-firmware_flasher .flash-status-message[data-v-b7d83d98] {
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  font-size: 0.85rem;
}
.tab-firmware_flasher .flash-status-error[data-v-b7d83d98] {
  background-color: var(--error-500);
  color: #fff;
}
.tab-firmware_flasher .grid-box-spacer[data-v-b7d83d98] {
  height: 1rem;
}
.tab-firmware_flasher ul li[data-v-b7d83d98] {
  list-style: initial;
  list-style-type: circle;
  margin-left: 30px;
}
.tab-firmware_flasher .options[data-v-b7d83d98] {
  position: relative;
  line-height: 18px;
  text-align: left;
}
.tab-firmware_flasher .options label[data-v-b7d83d98] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.tab-firmware_flasher .options label input[data-v-b7d83d98] {
  margin-right: 0;
}
.tab-firmware_flasher .options label .helpicon[data-v-b7d83d98] {
  float: none;
  margin-left: 3px;
  margin-top: 0;
  display: inline-block;
  align-self: center;
}
.tab-firmware_flasher .options #flash_manual_baud_rate[data-v-b7d83d98] {
  margin-left: 0.5rem;
}
.tab-firmware_flasher .board-selection-grid[data-v-b7d83d98] {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 0.5rem;
  align-items: start;
}
.tab-firmware_flasher .board-selection-grid .grid-row[data-v-b7d83d98] {
  display: contents;
}
.tab-firmware_flasher .board-selection-grid .grid-row.select-row[data-v-b7d83d98] {
  display: contents;
}
.tab-firmware_flasher .board-selection-grid .grid-row[data-v-b7d83d98]:not(.select-row) {
  display: grid;
  grid-column: 1 / -1;
}
.tab-firmware_flasher .board-selection-grid .build-select[data-v-b7d83d98],
.tab-firmware_flasher .board-selection-grid .board-select[data-v-b7d83d98],
.tab-firmware_flasher .board-selection-grid .firmware-version[data-v-b7d83d98] {
  grid-column: 1;
}
.tab-firmware_flasher .board-selection-grid .help-icon-cell[data-v-b7d83d98] {
  grid-column: 2;
  text-align: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 30px;
}
.tab-firmware_flasher .board-selection-grid .action-button-cell[data-v-b7d83d98] {
  grid-column: 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-self: center;
}
.tab-firmware_flasher .select-wrapper-simple.no-board-selected[data-v-b7d83d98] {
  pointer-events: none;
  opacity: 0.5;
}
.tab-firmware_flasher .select-wrapper[data-v-b7d83d98] {
  width: calc(100% - 2rem) !important;
  max-width: 30rem !important;
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 0.5rem;
  box-sizing: border-box;
}
.tab-firmware_flasher .select-wrapper.no-board-selected[data-v-b7d83d98] {
  pointer-events: none;
  opacity: 0.5;
}
.tab-firmware_flasher .detect-board[data-v-b7d83d98] {
  position: relative;
  top: auto;
  height: auto;
  right: auto;
  z-index: auto;
  pointer-events: all;
  display: flex;
}
.tab-firmware_flasher .detect-board span[data-v-b7d83d98] {
  padding: 0 0.5rem;
  background-color: var(--primary-500);
  cursor: pointer;
  color: var(--surface-50);
  font-size: 10px;
  border-radius: 999px;
  transition: color 200ms, background-color 200ms;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.tab-firmware_flasher .detect-board.disabled[data-v-b7d83d98] {
  pointer-events: none;
  cursor: default;
}
.tab-firmware_flasher .detect-board.disabled span[data-v-b7d83d98] {
  background-color: var(--surface-500);
  color: var(--text);
  cursor: default;
}
.tab-firmware_flasher .select-group[data-v-b7d83d98] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.tab-firmware_flasher .select-group .select-wrapper[data-v-b7d83d98] {
  width: 100% !important;
  max-width: none !important;
}
.tab-firmware_flasher .select-group strong[data-v-b7d83d98] {
  font-size: 12px;
}
.tab-firmware_flasher .build_configuration .select-group[data-v-b7d83d98] {
  display: grid;
  grid-template-columns: 1fr auto;
  row-gap: 0.25rem;
  align-items: center;
}
.tab-firmware_flasher .build_configuration .select-group > strong[data-v-b7d83d98] {
  grid-column: 1 / -1;
}
.tab-firmware_flasher .build_configuration .select-group .select-wrapper[data-v-b7d83d98] {
  grid-column: 1;
  /* allow help icon to sit alongside; avoid forcing full-width */
  max-width: none !important;
  width: 100% !important;
}
.tab-firmware_flasher .build_configuration .select-group .helpicon[data-v-b7d83d98] {
  grid-column: 2;
  margin-top: 0;
  /* keep vertically centered */
}
.tab-firmware_flasher .build_configuration .build_configuration_toggle_wrapper[data-v-b7d83d98] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
}
.tab-firmware_flasher .build_configuration .spacer_box_title[data-v-b7d83d98] {
  white-space: nowrap;
}
.tab-firmware_flasher .build_configuration #customDefinesInfo[data-v-b7d83d98] {
  width: 100%;
}
.tab-firmware_flasher #optionsInfo[data-v-b7d83d98] .multiselect__tags {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px !important;
}
.tab-firmware_flasher #optionsInfo[data-v-b7d83d98] .multiselect__tag {
  background: var(--surface-500) !important;
  color: var(--text) !important;
  font-size: 11px;
  padding: 3px 20px 3px 6px;
  border-radius: 3px;
  display: inline-flex !important;
  align-items: center !important;
}
.tab-firmware_flasher #optionsInfo[data-v-b7d83d98] .multiselect__tag-icon:after {
  color: var(--text) !important;
}
.tab-firmware_flasher #optionsInfo[data-v-b7d83d98] .multiselect__tag-icon:hover {
  background: var(--surface-600) !important;
}
.tab-firmware_flasher .default_btn[data-v-b7d83d98] {
  width: fit-content;
  padding-top: 0.25rem;
  padding-right: 0.25rem;
}
.tab-firmware_flasher .default_btn a[data-v-b7d83d98] {
  padding: 0.15rem 0.5rem;
}
.tab-firmware_flasher .release_info_grid[data-v-b7d83d98] {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 1rem 2rem;
  align-items: center;
}
.tab-firmware_flasher .release_info_grid .info_row[data-v-b7d83d98] {
  display: contents;
}
.tab-firmware_flasher .release_info_grid strong[data-v-b7d83d98] {
  text-align: right;
  white-space: nowrap;
  padding-right: 1rem;
}
.tab-firmware_flasher .release_info_grid span[data-v-b7d83d98],
.tab-firmware_flasher .release_info_grid a[data-v-b7d83d98] {
  text-align: left;
}
.tab-firmware_flasher .release_info_grid .board_support[data-v-b7d83d98] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-self: start;
}
.tab-firmware_flasher .release_info_grid .board_support a#targetSupportInfoUrl[data-v-b7d83d98] {
  padding: 0 0.5rem;
  background-color: var(--primary-500);
  cursor: pointer;
  color: var(--surface-50);
  font-size: 10px;
  border-radius: 999px;
  transition: all 200ms;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: auto;
  line-height: 1.4;
  text-decoration: none;
}
.tab-firmware_flasher .release_info_grid .board_support a#targetSupportInfoUrl[data-v-b7d83d98]:hover {
  background-color: var(--primary-400);
  transition: all ease 0.2s;
}
.tab-firmware_flasher .release_info_grid .board_support a#targetSupportInfoUrl[data-v-b7d83d98]:active {
  background-color: var(--primary-500);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.35);
}
.tab-firmware_flasher .release_info_grid .board_support .helpicon[data-v-b7d83d98] {
  margin-top: 0;
  float: none;
  display: inline-block;
  align-self: center;
}
.tab-firmware_flasher .flashing-wait p[data-v-b7d83d98] {
  text-align: center;
  padding: 0 1rem;
  font-size: 14px;
}
.tab-firmware_flasher .cloud_build_grid[data-v-b7d83d98] {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 1rem 2rem;
  align-items: center;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border);
}
.tab-firmware_flasher .cloud_build_grid .info_row[data-v-b7d83d98] {
  display: contents;
}
.tab-firmware_flasher .cloud_build_grid strong[data-v-b7d83d98] {
  text-align: right;
  white-space: nowrap;
  padding-right: 1rem;
}
.tab-firmware_flasher .cloud_build_grid a[data-v-b7d83d98] {
  text-align: left;
}
.tab-firmware_flasher .cloud_build_grid .status_wrapper[data-v-b7d83d98] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tab-firmware_flasher #cloudTargetStatus[data-v-b7d83d98] {
  padding-left: 0.5rem;
}
.tab-firmware_flasher .release_info_grid .btn[data-v-b7d83d98] {
  justify-self: start;
}
.tab-firmware_flasher .release_info_grid .btn a.cloud_build_cancel[data-v-b7d83d98] {
  padding: 0 0.5rem;
  background-color: var(--primary-500);
  cursor: pointer;
  color: var(--surface-50);
  font-size: 10px;
  border-radius: 999px;
  transition: all 200ms;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: auto;
  line-height: 1.4;
  text-decoration: none;
}
.tab-firmware_flasher .release_info_grid .btn a.cloud_build_cancel[data-v-b7d83d98]:hover:not(.disabled) {
  background-color: var(--primary-400);
  transition: all ease 0.2s;
}
.tab-firmware_flasher .release_info_grid .btn a.cloud_build_cancel[data-v-b7d83d98]:active:not(.disabled) {
  background-color: var(--primary-500);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.35);
}
.tab-firmware_flasher .release_info_grid .btn a.cloud_build_cancel.disabled[data-v-b7d83d98] {
  pointer-events: none;
  cursor: default;
  background-color: var(--surface-500);
  color: var(--text);
}
@media all and (max-width: 1455px) {
.tab-firmware_flasher .grid-box.col2[data-v-b7d83d98] {
    grid-template-columns: 1fr 1fr;
}
}
@media all and (max-width: 991px) {
.tab-firmware_flasher .grid-box.col2[data-v-b7d83d98] {
    grid-template-columns: 1fr;
}
}
.tab-firmware_flasher + .content_toolbar[data-v-b7d83d98] {
  width: fit-content;
}
@media all and (max-width: 575px) {
.tab-firmware_flasher .grid-box.col2[data-v-b7d83d98] {
    grid-template-columns: 1fr;
}
.tab-firmware_flasher .detect-board span[data-v-b7d83d98] {
    height: 18px;
    padding: 0 1rem !important;
}
.tab-firmware_flasher .detect-board span > div[data-v-b7d83d98] {
    display: none;
}
}
[data-v-b7d83d98] .toolbar_fixed_bottom.content_toolbar {
  width: fit-content;
}
[data-v-b7d83d98] .content_toolbar {
  width: fit-content;
  background-color: var(--surface-300);
  box-shadow: rgba(0, 0, 0, 0.1) 0 -0.5rem 0.5rem;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 0.5rem;
  padding: 0.75rem 1rem 0.75rem 1rem;
  border-top-left-radius: 1.5rem;
}
[data-v-b7d83d98] .content_toolbar::before {
  width: 1.5rem;
  aspect-ratio: 1;
  content: "";
  mask: url(../images/corner.svg);
  background-color: var(--surface-300);
  position: absolute;
  left: -1.5rem;
  bottom: 0;
}
[data-v-b7d83d98] .content_toolbar .btn a {
  margin-top: 0;
  margin-bottom: 0;
  background-color: var(--primary-500);
  border-radius: 3px;
  border: 1px solid var(--primary-600);
  color: #000;
  float: right;
  font-weight: bold;
  font-size: 12px;
  display: block;
  cursor: pointer;
  transition: all ease 0.2s;
  padding: 0 0.5rem;
  line-height: 28px;
  user-select: none;
  white-space: nowrap;
}
[data-v-b7d83d98] .content_toolbar .btn a:hover {
  background-color: var(--primary-400);
  transition: all ease 0.2s;
}
[data-v-b7d83d98] .content_toolbar .btn a:active {
  background-color: var(--primary-500);
  transition: all ease 0s;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.35);
}
[data-v-b7d83d98] .content_toolbar .btn a .helpicon {
  margin-left: 5px;
}
[data-v-b7d83d98] .content_toolbar .btn a.disabled {
  cursor: default;
  color: var(--surface-900);
  background-color: var(--surface-500);
  border: 1px solid var(--surface-500);
  pointer-events: none;
  opacity: 1;
}
.btn a[data-v-b7d83d98] {
  margin-top: 0;
  margin-bottom: 0;
  background-color: var(--primary-500);
  border-radius: 3px;
  border: 1px solid var(--primary-600);
  color: #000;
  float: right;
  font-weight: bold;
  font-size: 12px;
  display: block;
  cursor: pointer;
  transition: all ease 0.2s;
  padding: 0 0.5rem;
  line-height: 28px;
  user-select: none;
  white-space: nowrap;
}
.btn a[data-v-b7d83d98]:hover {
  background-color: var(--primary-400);
  transition: all ease 0.2s;
}
.btn a[data-v-b7d83d98]:active {
  background-color: var(--primary-500);
  transition: all ease 0s;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.35);
}
.btn a.disabled[data-v-b7d83d98] {
  background-color: var(--surface-500);
  border: 1px solid var(--surface-400);
  color: var(--surface-900);
  cursor: default;
}
.osd-needs-attention[data-v-b7d83d98] .multiselect__single,
.osd-needs-attention[data-v-b7d83d98] .multiselect__placeholder {
  color: red !important;
}
/* Container management */
.select-wrapper.fixed-width[data-v-b7d83d98] {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  min-width: 240px;
  max-width: 440px;
  position: relative;
  z-index: 1002;
  /* Lower than board select, but active state will be above expert options */
}
[data-v-b7d83d98] .standard-select {
  min-height: 28px;
  font-size: 12px;
  flex: 1;
  z-index: 1001 !important;
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  position: relative;
}
/* Multi Selects */
[data-v-b7d83d98] .standard-select .multiselect__tags {
  min-height: 28px;
  padding: 0 30px 0 8px;
  border: 1px solid var(--surface-500);
  border-radius: 3px;
  background: var(--surface-200);
  display: flex;
  align-items: center;
}
[data-v-b7d83d98] .standard-select .multiselect__single,[data-v-b7d83d98] .standard-select .multiselect__input,[data-v-b7d83d98] .standard-select .multiselect__placeholder {
  color: var(--text) !important;
  background: transparent !important;
  line-height: 26px;
  margin-bottom: 0;
}
/* FIX: Hide search text when selection is present */
[data-v-b7d83d98] .standard-select:not(.multiselect--active) .multiselect__input {
  opacity: 0 !important;
  position: absolute !important;
}
/* Dropdown list styling */
[data-v-b7d83d98] .standard-select .multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: var(--surface-400);
  border: 1px solid var(--surface-600);
  border-top: none;
  z-index: 99999 !important;
  max-height: 250px;
  overflow-y: auto;
  width: 100%;
  left: 0;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6);
}
[data-v-b7d83d98] .standard-select .multiselect__option {
  font-size: 12px !important;
  color: var(--text) !important;
  padding: 8px 12px;
  min-height: 30px;
}
[data-v-b7d83d98] .standard-select .multiselect__option--highlight {
  background: var(--surface-300) !important;
  /* Darker blue for better contrast */
  color: var(--text) !important;
}
/* 1. Reset the internal input to remove borders/outlines */
[data-v-b7d83d98] .standard-select .multiselect__input {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  color: var(--text) !important;
  font-size: 12px !important;
}
/* 2. Target the placeholder text specifically */
[data-v-b7d83d98] .standard-select .multiselect__placeholder {
  color: var(--text) !important;
  font-size: 12px !important;
  margin-bottom: 0;
  padding-top: 0;
  line-height: 26px;
  /* Vertical centering */
  border: none !important;
}
/* 3. Target the native placeholder inside the search input */
[data-v-b7d83d98] .standard-select .multiselect__input::placeholder {
  color: var(--text) !important;
  font-size: 12px !important;
  border: none !important;
}
/* 4. Ensure the selected single value matches page font size */
[data-v-b7d83d98] .standard-select .multiselect__single {
  font-size: 12px !important;
  line-height: 26px;
  padding: 0 0 0 2px;
  margin-bottom: 0;
}
/* Firmware version dropdown should appear above expert options but below board select when both open */
.select-wrapper.fixed-width[data-v-b7d83d98] .standard-select.multiselect--active {
  z-index: 1005 !important;
  /* Below board select active (100000) but above everything else */
}
.select-wrapper.fixed-width[data-v-b7d83d98] .standard-select .multiselect__content-wrapper {
  z-index: 1001 !important;
}
.select-wrapper[data-v-b7d83d98] {
  /* When multiselect is open, enable positioning and high z-index */
}
.select-wrapper[data-v-b7d83d98] .standard-select.multiselect--active {
  position: relative;
  z-index: 10000 !important;
}
.select-wrapper[data-v-b7d83d98] .standard-select.multiselect--active .multiselect__content-wrapper {
  z-index: 10001 !important;
}
.select-wrapper[data-v-b7d83d98] .standard-select.multiselect--active .multiselect__content {
  z-index: 10001 !important;
}
.select-wrapper-simple[data-v-b7d83d98] {
  /* When multiselect is open, enable positioning and high z-index */
}
.select-wrapper-simple[data-v-b7d83d98] .standard-select.multiselect--active {
  position: relative;
  z-index: 10000 !important;
}
.select-wrapper-simple[data-v-b7d83d98] .standard-select.multiselect--active .multiselect__content-wrapper {
  z-index: 10001 !important;
}
.select-wrapper-simple[data-v-b7d83d98] .standard-select.multiselect--active .multiselect__content {
  z-index: 10001 !important;
}
/* When multiselect is open, increase z-index to be above everything */
[data-v-b7d83d98] .standard-select.multiselect--active {
  position: relative;
  z-index: 10000 !important;
}
[data-v-b7d83d98] .standard-select.multiselect--active .multiselect__content-wrapper {
  z-index: 10001 !important;
}
[data-v-b7d83d98] .standard-select.multiselect--active .multiselect__content {
  z-index: 10001 !important;
}
[data-v-b7d83d98] .standard-select .multiselect__option--selected {
  background: var(--surface-300) !important;
  color: var(--text) !important;
  font-weight: normal;
}
[data-v-b7d83d98] .standard-select .multiselect__option--selected.multiselect__option--highlight {
  background: var(--surface-500) !important;
  color: var(--surface-50) !important;
}
/* Group headers (Legacy, Supported, etc.) */
[data-v-b7d83d98] .standard-select .multiselect__option--group {
  background: var(--surface-600) !important;
  color: var(--text) !important;
  font-size: 10px !important;
  font-weight: bold;
}
/* List styling for recovery and warning text - using :deep to pierce scoped styles */
[data-v-b7d83d98] .note-text-format ul {
  list-style: none !important;
  margin-left: 0.5rem !important;
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
  padding-left: 0 !important;
}
[data-v-b7d83d98] .note-text-format li {
  margin-bottom: 0.25rem !important;
  margin-left: 0 !important;
  padding-left: 1.5em !important;
  /* space for dash */
  text-indent: -1.5em !important;
  /* hanging indent so wrapped lines align after dash */
  position: relative;
}
[data-v-b7d83d98] .note-text-format li::before {
  content: "– " !important;
  margin-right: 0.5rem !important;
  color: var(--text) !important;
}
/* Unstable firmware dialog content styling */
#dialogUnstableFirmwareAcknowledgement .content[data-v-b7d83d98] {
  margin-bottom: 1rem;
}
#dialogUnstableFirmwareAcknowledgement .content ul[data-v-b7d83d98] {
  margin: 0.5rem 0;
  padding-left: 1.5rem;
  list-style-type: disc;
}
#dialogUnstableFirmwareAcknowledgement .content li[data-v-b7d83d98] {
  margin: 0.25rem 0;
  line-height: 1.5;
}
#dialogUnstableFirmwareAcknowledgement .content strong[data-v-b7d83d98] {
  font-weight: bold;
  color: var(--warning);
}
/* Unstable firmware dialog list styling */
#dialogUnstableFirmwareAcknowledgement[data-v-b7d83d98] ul {
  margin-left: 1.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
#dialogUnstableFirmwareAcknowledgement[data-v-b7d83d98] li {
  list-style: disc;
  margin-bottom: 0.25rem;
  margin-left: 0.5rem;
}

.adjustments-container[data-v-b64825f4] {
    width: 100%;
    margin: 20px 0;
}
.adjustments-summary[data-v-b64825f4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    font-size: 13px;
    color: var(--text-secondary);
}
.adjustments-header[data-v-b64825f4],
.adjustment[data-v-b64825f4] {
    display: grid;
    grid-template-columns: 3.5rem 5rem 1fr 13rem 5rem 7rem 5rem 5rem;
    gap: 12px;
    padding: 12px 16px;
}
.adjustments-header[data-v-b64825f4] {
    background: var(--ui-bg-muted);
    font-weight: 600;
    font-size: 13px;
    color: var(--text-primary);
    position: sticky;
    top: 0;
    z-index: 10;
}
.adjustments-list[data-v-b64825f4] {
    display: flex;
    flex-direction: column;
}
.adjustment[data-v-b64825f4] {
    background: transparent;
    align-items: center;
}
.adjustment-disabled[data-v-b64825f4] {
    opacity: 0.4;
}
.adjustment-disabled .adjustment-channel[data-v-b64825f4],
.adjustment-disabled .adjustment-range[data-v-b64825f4],
.adjustment-disabled .adjustment-function[data-v-b64825f4],
.adjustment-disabled .adjustment-via[data-v-b64825f4],
.adjustment-disabled .adjustment-mode[data-v-b64825f4],
.adjustment-disabled .adjustment-center[data-v-b64825f4],
.adjustment-disabled .adjustment-scale[data-v-b64825f4] {
    pointer-events: none;
}
.adjustment-enable[data-v-b64825f4] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}
.row-index[data-v-b64825f4] {
    font-size: 11px;
    color: var(--text-tertiary);
    font-weight: 600;
    min-width: 1.2rem;
}
.adjustment-range[data-v-b64825f4] {
    min-width: 0;
}
.range-row[data-v-b64825f4] {
    display: flex;
    align-items: center;
    gap: 6px;
}
.range-value[data-v-b64825f4] {
    font-size: 10px;
    color: var(--text-secondary);
    font-variant-numeric: tabular-nums;
    min-width: 2rem;
    text-align: center;
}
.range-slider[data-v-b64825f4] {
    position: relative;
    flex: 1;
    min-width: 0;
}
.marker[data-v-b64825f4] {
    position: absolute;
    top: 50%;
    width: 2px;
    height: 24px;
    background: #ff0;
    transform: translate(-50%, -50%);
    z-index: 3;
    pointer-events: none;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}
.pips-channel-range[data-v-b64825f4] {
    position: relative;
    height: 20px;
    margin-top: 4px;
}
.pip[data-v-b64825f4] {
    position: absolute;
    transform: translateX(-50%);
    font-size: 10px;
    color: var(--text-tertiary);
    white-space: nowrap;
}
.mode-badge[data-v-b64825f4] {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-secondary);
    background: var(--ui-bg-muted);
    padding: 2px 6px;
    border-radius: 4px;
    white-space: nowrap;
}
.cell-na[data-v-b64825f4] {
    font-size: 13px;
    color: var(--text-tertiary);
    display: block;
    text-align: center;
}

/* Responsive layout */
@media (max-width: 1200px) {
.adjustments-header[data-v-b64825f4] {
        display: none;
}
.adjustment[data-v-b64825f4] {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 16px;
}
.adjustment > div[data-v-b64825f4]::before {
        content: attr(data-label);
        font-weight: 600;
        display: block;
        margin-bottom: 8px;
        color: var(--text-secondary);
}
.adjustment-enable[data-v-b64825f4] {
        justify-content: flex-start;
}
}

.cli-autocomplete-dropdown[data-v-ea4bd2b0] {
    position: absolute;
    bottom: 100%;
    width: fit-content;
    border: 1px solid var(--surface-500);
    background-color: var(--surface-300);
    border-radius: 5px;
    max-height: 50vh;
    overflow: auto;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 100;
}
.cli-autocomplete-dropdown[data-v-ea4bd2b0]::-webkit-scrollbar {
    width: 6px;
}
.cli-autocomplete-dropdown[data-v-ea4bd2b0]::-webkit-scrollbar-track {
    background: lightgrey;
    border-radius: 3px;
}
.cli-autocomplete-dropdown[data-v-ea4bd2b0]::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 3px;
}
.cli-autocomplete-dropdown li[data-v-ea4bd2b0] {
    padding: 2px 5px;
}
.cli-autocomplete-dropdown li.active[data-v-ea4bd2b0] {
    background-color: var(--surface-600);
}
.cli-autocomplete-dropdown a[data-v-ea4bd2b0] {
    font-family: monospace;
    cursor: pointer;
}
.cli-autocomplete-dropdown a[data-v-ea4bd2b0] b {
    font-family: monospace;
    font-weight: bold;
}

/* BaseTab wrapper — no template access to add Tailwind classes */
.tab-cli {
    height: calc(100% - 3rem);
}

/* background-image needs CSS for Vite asset resolution */
.tab-cli .cli-backdrop {
    background-image: url("./light-wide-1-BlIkpgCc.svg");
}

/* Allow text selection in the CLI output area.
   The global `* { user-select: none }` in main.less disables selection everywhere,
   so we re-enable it on the scroll container and all descendants (runtime-generated
   spans from syntax highlighting, text nodes, etc.). */
.tab-cli .cli-window,
.tab-cli .cli-window * {
    user-select: text;
}

/* Runtime-generated syntax highlighting — one-dark-pro palette */
.tab-cli .cli-window .error_message {
    color: red;
    font-weight: bold;
}
.tab-cli .cli-window .cli-comment {
    color: #7f848e;
}
.tab-cli .cli-window .cli-cmd,
.tab-cli .cli-window .cli-label {
    color: #61afef;
}
.tab-cli .cli-window .cli-num {
    color: #e5c07b;
}

.mag-sphere-container[data-v-d2b1e8e3] {
    width: 100%;
    height: 100%;
    min-height: 300px;
    position: relative;
}
.mag-sphere-container canvas[data-v-d2b1e8e3] {
    display: block;
    width: 100% !important;
    height: 100% !important;
}
.mag-sphere-proj-canvas[data-v-d2b1e8e3] {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
}
.mag-sphere-axis-legend[data-v-d2b1e8e3] {
    position: absolute;
    top: 6px;
    right: 6px;
    display: flex;
    gap: 8px;
    font-size: 0.75em;
    font-weight: bold;
    pointer-events: none;
}
.mag-sphere-axis-legend .axis-x[data-v-d2b1e8e3] {
    color: #ff4444;
}
.mag-sphere-axis-legend .axis-y[data-v-d2b1e8e3] {
    color: #44ff44;
}
.mag-sphere-axis-legend .axis-z[data-v-d2b1e8e3] {
    color: #4444ff;
}
.mag-sphere-axis-legend .axis-field[data-v-d2b1e8e3] {
    color: #ff8800;
}
.mag-sphere-axis-legend .axis-incl[data-v-d2b1e8e3] {
    color: #ff8800;
    opacity: 0.7;
}
.mag-sphere-age-legend[data-v-d2b1e8e3] {
    position: absolute;
    top: 26px;
    right: 6px;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.65em;
    color: rgba(255, 255, 255, 0.6);
    pointer-events: none;
}
.mag-sphere-age-legend .age-gradient[data-v-d2b1e8e3] {
    display: inline-block;
    width: 48px;
    height: 6px;
    border-radius: 3px;
    background: linear-gradient(
        to right,
        hsl(234, 100%, 50%),
        hsl(180, 100%, 50%),
        hsl(120, 100%, 50%),
        hsl(60, 100%, 50%),
        hsl(0, 100%, 50%)
    );
}
.mag-sphere-legend[data-v-d2b1e8e3] {
    position: absolute;
    bottom: 6px;
    left: 6px;
    right: 6px;
    font-size: 0.7em;
    color: rgba(255, 255, 255, 0.5);
    pointer-events: none;
    line-height: 1.3;
}

/* D3 runtime-generated elements — cannot use Tailwind. */
.tab-sensors svg g.grid .tick {
    stroke: silver;
    stroke-width: 1px;
    shape-rendering: crispEdges;
}
.tab-sensors svg g.grid path {
    stroke-width: 0;
}
.tab-sensors .data .line {
    stroke-width: 2px;
    fill: none;
}
.tab-sensors svg text {
    stroke: none;
    fill: var(--text);
    font-size: 10px;
}
.tab-sensors .sensor-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-top: 0.75rem;
  align-items: start;
}
.tab-sensors .sensor-left,
.tab-sensors .sensor-right {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.tab-sensors .sensor-model-box :deep(> div:last-child) {
  height: 100%;
  min-height: 0;
}
.tab-sensors .model-preview {
  position: relative;
  height: 100%;
}
.tab-sensors .model-canvas-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 32rem;
  max-height: 500px;
  border-radius: 0.5rem;
}
.tab-sensors .model-canvas-wrapper canvas {
  width: 100% !important;
  height: 100% !important;
}
.tab-sensors .model-canvas-wrapper .instruments-right {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  pointer-events: none;
}
.tab-sensors .attitude-overlay {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  font-size: 0.8rem;
  color: var(--surface-950);
}
.tab-sensors .attitude-overlay dl {
  display: grid;
  grid-template-columns: auto auto;
  gap: 0 0.5rem;
}
.tab-sensors .attitude-overlay dd {
  white-space: pre;
  margin: 0;
}
.tab-sensors .yaw-reset-btn {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
}
.tab-sensors .align-detect-inline {
  padding: 0.5rem 0;
}
.tab-sensors .mag-align-progress-bar {
  width: 100%;
  height: 4px;
  background: var(--surface-300);
  border-radius: 2px;
  overflow: hidden;
}
.tab-sensors .mag-align-progress-fill {
  height: 100%;
  background: var(--primary-500);
  border-radius: 2px;
  transition: width 0.3s ease;
}
.tab-sensors .confidence-high {
  color: var(--success-500);
}
.tab-sensors .confidence-medium {
  color: var(--warning-500);
}
.tab-sensors .confidence-low {
  color: var(--error-500);
}
.tab-sensors .mag-cal-section {
  padding-top: 0.25rem;
}
.tab-sensors .mag-cal-inline-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  align-items: start;
  margin-top: 0.5rem;
}
.tab-sensors .mag-cal-inline-steps {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}
.tab-sensors .mag-cal-step-counter {
  font-size: 0.8em;
  font-weight: 600;
  color: var(--surface-500);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.tab-sensors .mag-cal-inline-sphere {
  position: relative;
  aspect-ratio: 1;
  border-radius: 0.5rem;
  background: #1a1a2e;
  min-height: 200px;
  max-height: 350px;
}
.tab-sensors .mag-viz-mode-selector {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 10;
  display: flex;
  gap: 2px;
  border-radius: 6px;
  padding: 2px;
}
.tab-sensors .mag-viz-mode-selector button {
  color: #c6c6cb;
  /* rgba(255,255,255,0.75) over #1a1a2e — contrast 10:1 */
}
.tab-sensors .mag-viz-mode-selector button:hover {
  color: #fff;
  background: #313143;
  /* rgba(255,255,255,0.1) over #1a1a2e */
}
.tab-sensors .mag-viz-mode-selector .mag-viz-active {
  color: #fff;
  background: #5f5f6d;
  /* rgba(255,255,255,0.3) over #1a1a2e — contrast 5.5:1 */
}
.tab-sensors .mag-cal-progress-bar {
  width: 100%;
  height: 5px;
  background: var(--surface-300);
  border-radius: 3px;
  overflow: hidden;
}
.tab-sensors .mag-cal-progress-fill {
  height: 100%;
  background: var(--primary-500);
  border-radius: 3px;
  transition: width 0.3s ease;
}
.tab-sensors .mag-cal-live-inline {
  display: flex;
  gap: 0.75rem;
  font-size: 0.75rem;
  font-variant-numeric: tabular-nums;
  color: var(--surface-900);
  padding: 4px 8px;
  background: var(--surface-200);
  border-radius: 4px;
}
.tab-sensors .mag-cal-stats-inline {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px 12px;
  font-size: 0.82em;
  width: 100%;
}
.tab-sensors .mag-cal-stats-inline dt {
  color: var(--surface-500);
  font-weight: 500;
}
.tab-sensors .mag-cal-stats-inline dd {
  margin: 0;
  font-weight: 600;
  text-align: right;
}
.tab-sensors .quality-good {
  color: var(--success-500);
}
.tab-sensors .quality-fair {
  color: var(--warning-500);
}
.tab-sensors .quality-poor {
  color: var(--error-500);
}
@media only screen and (max-width: 900px) {
.tab-sensors .sensor-top {
    grid-template-columns: 1fr;
}
.tab-sensors .model-canvas-wrapper {
    min-height: 20rem;
}
.tab-sensors .mag-cal-inline-layout {
    grid-template-columns: 1fr;
}
.tab-sensors .mag-cal-inline-sphere {
    max-height: 300px;
}
}

.note[data-v-d3f1c6c7] {
    padding: 1rem;
    text-align: center;
    color: var(--surface-700);
    font-style: italic;
}
.waypoint-item[data-v-d3f1c6c7] {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    background: var(--surface-50);
    border-bottom: 1px solid var(--surface-500);
    color: var(--text);
    cursor: grab;
    transition:
        background 0.2s,
        opacity 0.2s,
        transform 0.2s;
}
.waypoint-item[data-v-d3f1c6c7]:active {
    cursor: grabbing;
}
.waypoint-item.dragging[data-v-d3f1c6c7] {
    opacity: 0.4;
}
.waypoint-item.drag-over[data-v-d3f1c6c7] {
    border-top: 3px solid var(--primary-500);
    transform: translateY(2px);
}
.waypoint-item[data-v-d3f1c6c7]:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.waypoint-item[data-v-d3f1c6c7]:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom: none;
}
.waypoint-item[data-v-d3f1c6c7]:hover {
    background: var(--surface-100);
}
.waypoint-item.selected[data-v-d3f1c6c7] {
    background: var(--primary-500);
    border-left: 3px solid var(--primary-700);
}
.waypoint-item.selected .waypoint-order[data-v-d3f1c6c7] {
    background: var(--surface-50);
    color: var(--primary-500);
}
.waypoint-item.selected .waypoint-coords[data-v-d3f1c6c7],
.waypoint-item.selected .waypoint-details[data-v-d3f1c6c7] {
    color: var(--surface-50);
}
.waypoint-order[data-v-d3f1c6c7] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--primary-500);
    color: var(--surface-50);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-right: 0.75rem;
    flex-shrink: 0;
}
.waypoint-info[data-v-d3f1c6c7] {
    flex: 1;
    min-width: 0;
}
.waypoint-coords[data-v-d3f1c6c7] {
    font-size: 0.85rem;
    color: var(--text);
    font-weight: 500;
}
.waypoint-details[data-v-d3f1c6c7] {
    font-size: 0.75rem;
    color: var(--surface-700);
    margin-top: 0.2rem;
}
.hold-details[data-v-d3f1c6c7] {
    font-style: italic;
}

.editor-form[data-v-56e94bf3] {
    min-width: 400px;
}

.flight-plan-map[data-v-4bc6c161] {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.flight-plan-map[data-v-4bc6c161] > div:last-child {
    flex: 1;
    min-height: 0;
}
.map-container[data-v-4bc6c161] {
    flex: 1;
    min-height: 480px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid var(--surface-500);
    background: var(--surface-100);
    position: relative;
}
.map[data-v-4bc6c161] {
    width: 100%;
    height: 100%;
}
.map-loading[data-v-4bc6c161] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-100);
    z-index: 1000;
}
.loading-message[data-v-4bc6c161] {
    font-size: 1rem;
    color: var(--text);
    font-weight: 500;
}
.map-instructions[data-v-4bc6c161] {
    margin-top: 0.5rem;
    padding: 0.5rem;
    background: var(--surface-100);
    border-radius: 4px;
    font-size: 0.75rem;
    color: var(--surface-700);
    text-align: center;
}
.map-instructions p[data-v-4bc6c161] {
    margin: 0;
}
@media (max-width: 1055px) {
.map-container[data-v-4bc6c161] {
        min-height: 320px;
}
}

.profile-stats[data-v-359552ba] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}
.profile-stats .stat[data-v-359552ba] {
    color: var(--text);
    font-size: 0.75rem;
}
.profile-stats .stat strong[data-v-359552ba] {
    color: var(--surface-950);
}
.profile-chart-container[data-v-359552ba] {
    width: 100%;
    overflow-x: auto;
}
.profile-chart[data-v-359552ba] {
    width: 100%;
    height: auto;
    display: block;
}

/* SVG styles */
.grid-line[data-v-359552ba] {
    stroke: var(--surface-500);
    stroke-width: 0.5;
    opacity: 0.3;
}
.grid-line-light[data-v-359552ba] {
    stroke: var(--surface-500);
    stroke-width: 0.5;
    opacity: 0.15;
}
.axis-label[data-v-359552ba] {
    fill: var(--text);
    font-size: 8px;
    font-family: sans-serif;
}
.terrain-area[data-v-359552ba] {
    fill: var(--surface-700);
    opacity: 0.2;
}
.terrain-line[data-v-359552ba] {
    fill: none;
    stroke: var(--surface-700);
    stroke-width: 1.5;
    opacity: 0.7;
}
.elevation-area[data-v-359552ba] {
    fill: var(--primary-500);
    opacity: 0.15;
}
.elevation-line[data-v-359552ba] {
    fill: none;
    stroke: var(--primary-500);
    stroke-width: 1.5;
}
.waypoint-marker[data-v-359552ba] {
    fill: var(--primary-500);
    stroke: var(--surface-50);
    stroke-width: 1.5;
    cursor: pointer;
    transition: all 0.2s;
}
.waypoint-marker[data-v-359552ba]:hover {
    r: 4;
    fill: var(--primary-600);
}
.waypoint-marker.selected[data-v-359552ba] {
    fill: var(--success-500);
    stroke: var(--surface-50);
    stroke-width: 2;
}
.waypoint-label[data-v-359552ba] {
    fill: var(--text);
    font-size: 7px;
    font-weight: bold;
    pointer-events: none;
    font-family: sans-serif;
}
.ground-line[data-v-359552ba] {
    stroke: var(--surface-700);
    stroke-width: 1;
    stroke-dasharray: 4, 2;
    opacity: 0.6;
}
.ground-label[data-v-359552ba] {
    fill: var(--surface-700);
    font-size: 7px;
    font-family: sans-serif;
    font-weight: bold;
}
.max-ground-line[data-v-359552ba] {
    stroke: var(--error-500);
    stroke-width: 1;
    stroke-dasharray: 2, 2;
    opacity: 0.7;
}
.max-ground-label[data-v-359552ba] {
    fill: var(--error-500);
    font-size: 7px;
    font-family: sans-serif;
    font-weight: bold;
}
.tooltip-bg[data-v-359552ba] {
    fill: var(--surface-950);
    opacity: 0.9;
    stroke: var(--primary-500);
    stroke-width: 0.5;
}
.tooltip-text[data-v-359552ba] {
    fill: var(--surface-50);
    font-size: 8px;
    font-family: sans-serif;
    pointer-events: none;
}
.no-waypoints[data-v-359552ba] {
    padding: 2rem;
    text-align: center;
    color: var(--surface-700);
}
.no-waypoints p[data-v-359552ba] {
    margin: 0;
    font-style: italic;
}

/* Responsive */
@media (max-width: 768px) {
.profile-stats[data-v-359552ba] {
        flex-direction: column;
        gap: 0.5rem;
}
.profile-chart-container[data-v-359552ba] {
        overflow-x: scroll;
}
}

/* Bottom toolbar (CRITICAL: must be exactly 2rem) */
.content_toolbar.toolbar_fixed_bottom[data-v-5375c2d7] {
    position: fixed;
    bottom: 2rem;
}

/* Base gPoint styles */
.gPoint[data-v-7a8404e3] {
    float: left;
    border: solid 1px var(--surface-500);
    width: 23px;
    height: 23px;
    margin: 3px;
    border-radius: 7px;
    background: var(--surface-300);
    cursor: pointer;
    position: relative;
}
.gPoint[data-v-7a8404e3]:hover {
    opacity: 0.9;
}

/* Selection states */
.gPoint.ui-selected[data-v-7a8404e3] {
    box-shadow: inset 0 0 8px rgba(255, 0, 255, 1) !important;
    border: solid 1px #000 !important;
}

/* Function-specific backgrounds */
.gPoint.function-s[data-v-7a8404e3] {
    background: brown;
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.7);
    border-color: rgb(52, 155, 255);
}
.gPoint.function-c[data-v-7a8404e3] {
    background: linear-gradient(
        to bottom right,
        rgba(255, 0, 0, 0.5) 0%,
        rgba(255, 255, 0, 0.5) 15%,
        rgba(0, 255, 0, 0.5) 30%,
        rgba(0, 255, 255, 0.5) 50%,
        rgba(0, 0, 255, 0.5) 65%,
        rgba(255, 0, 255, 0.5) 80%,
        rgba(255, 0, 0, 0.5) 100%
    );
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.7);
    border-color: grey;
}
.gPoint.function-f[data-v-7a8404e3] {
    background: rgb(50, 205, 50);
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.7);
    border-color: rgb(50, 205, 50);
}
.gPoint.function-a[data-v-7a8404e3] {
    background: rgb(52, 155, 255);
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.7);
    border-color: rgb(52, 155, 255);
}
.gPoint.function-l[data-v-7a8404e3] {
    background: magenta;
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.7);
    border-color: rgb(52, 155, 255);
}
.gPoint.function-r[data-v-7a8404e3] {
    background: radial-gradient(
        ellipse at center,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 1) 60%,
        white 60%,
        white 70%,
        black 70%,
        black 100%
    );
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.7);
    border-color: black;
}
.gPoint.function-g[data-v-7a8404e3] {
    background: green;
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.7);
    border-color: rgb(52, 155, 255);
}
.gPoint.function-p[data-v-7a8404e3] {
    background: rgb(0, 128, 85);
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.7);
    border-color: rgb(52, 155, 255);
}
.gPoint.function-e[data-v-7a8404e3] {
    background: rgb(0, 0, 128);
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.7);
    border-color: rgb(52, 155, 255);
}
.gPoint.function-u[data-v-7a8404e3] {
    background: linear-gradient(
        to bottom right,
        rgba(191, 0, 255, 0.5) 0%,
        rgba(0, 179, 255, 0.5) 33%,
        rgba(0, 4, 255, 0.5) 66%,
        rgba(191, 0, 255, 0.5) 100%
    );
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.7);
    border-color: grey;
}

/* Wire number display */
.wire[data-v-7a8404e3] {
    text-align: center;
    font-size: 12px;
    display: block;
    margin-left: -1px;
    margin-top: -21px;
    width: 24px;
    height: 24px;
    color: white;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
    line-height: 24px;
}

/* Direction indicators */
.indicators[data-v-7a8404e3] {
    position: relative;
    height: 24px;
}
.indicators span[data-v-7a8404e3] {
    width: 0;
    height: 0;
    position: absolute;
    display: none;
    font-size: 10px;
    font-weight: bold;
}
.indicators .north[data-v-7a8404e3] {
    top: -9px;
    left: 5px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0, 0, 0, 0.8);
}
.indicators .south[data-v-7a8404e3] {
    bottom: -8px;
    left: 5px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid rgba(0, 0, 0, 0.8);
}
.indicators .east[data-v-7a8404e3] {
    bottom: 7px;
    right: -9px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid rgba(0, 0, 0, 0.8);
}
.indicators .west[data-v-7a8404e3] {
    bottom: 7px;
    left: -9px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid rgba(0, 0, 0, 0.8);
}
.indicators .up[data-v-7a8404e3] {
    display: none;
    width: auto;
    height: auto;
    top: 0px;
    left: 2px;
    color: white;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}
.indicators .down[data-v-7a8404e3] {
    display: none;
    width: auto;
    height: auto;
    bottom: 17px;
    right: 10px;
    color: white;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

/* Show indicators based on direction classes */
.gPoint.dir-n .north[data-v-7a8404e3] {
    display: inline;
}
.gPoint.dir-s .south[data-v-7a8404e3] {
    display: inline;
}
.gPoint.dir-e .east[data-v-7a8404e3] {
    display: inline;
}
.gPoint.dir-w .west[data-v-7a8404e3] {
    display: inline;
}
.gPoint.dir-u .up[data-v-7a8404e3] {
    display: inline;
}
.gPoint.dir-d .down[data-v-7a8404e3] {
    display: inline;
}

/* Overlay indicators */
.gPoint.function-w .overlay-w[data-v-7a8404e3] {
    float: left;
    height: 6px;
    width: 16px;
    background-image: radial-gradient(1px at 8px 50%, red 0%, red 2px, rgba(0, 0, 0, 0.3) 3px, rgba(0, 0, 0, 0) 4px);
    margin-top: -30px;
    margin-left: -9px;
}
.gPoint.function-v .overlay-v[data-v-7a8404e3] {
    float: left;
    height: 6px;
    width: 16px;
    background-image: radial-gradient(
        1px at 8px 50%,
        black 0%,
        black 2px,
        rgba(0, 0, 0, 0.3) 3px,
        rgba(0, 0, 0, 0) 4px
    );
    margin-top: -6px;
    margin-left: 4px;
}
.gPoint.function-i .overlay-i[data-v-7a8404e3] {
    float: left;
    height: 6px;
    width: 16px;
    background-image: radial-gradient(
        1px at 8px 50%,
        yellow 0%,
        yellow 2px,
        rgba(0, 0, 0, 0.3) 3px,
        rgba(0, 0, 0, 0) 4px
    );
    margin-top: -30px;
    margin-left: 16px;
}
.gPoint.function-t .overlay-t[data-v-7a8404e3] {
    float: left;
    height: 6px;
    width: 16px;
    background-image: radial-gradient(
        1px at 8px 50%,
        orange 0%,
        orange 2px,
        rgba(0, 0, 0, 0.3) 3px,
        rgba(0, 0, 0, 0) 4px
    );
    margin-top: -6px;
    margin-left: -9px;
}
.gPoint.function-o .overlay-o[data-v-7a8404e3] {
    float: left;
    height: 6px;
    width: 16px;
    background-image: radial-gradient(
        1px at 8px 50%,
        brown 0%,
        brown 2px,
        rgba(0, 0, 0, 0.3) 3px,
        rgba(0, 0, 0, 0) 4px
    );
    margin-top: -6px;
    margin-left: 16px;
}
.gPoint.function-b .overlay-b[data-v-7a8404e3] {
    float: left;
    height: 6px;
    width: 16px;
    background-image: radial-gradient(
        1px at 8px 50%,
        rgb(52, 155, 255) 0%,
        rgb(52, 155, 255) 2px,
        rgba(0, 0, 0, 0.3) 3px,
        rgba(0, 0, 0, 0) 4px
    );
    margin-top: -18px;
    margin-left: -9px;
}
.gPoint.function-y .overlay-y[data-v-7a8404e3] {
    float: left;
    height: 6px;
    width: 16px;
    background-image: radial-gradient(
        1px at 8px 50%,
        rgb(0, 242, 12) 0%,
        rgb(0, 242, 12) 2px,
        rgba(0, 0, 0, 0.3) 3px,
        rgba(0, 0, 0, 0) 4px
    );
    margin-top: -30px;
    margin-left: 4px;
}
.gPoint.function-s .overlay-s[data-v-7a8404e3] {
    float: left;
    height: 6px;
    width: 16px;
    background-image: radial-gradient(
        1px at 8px 50%,
        brown 0%,
        brown 2px,
        rgba(0, 0, 0, 0.3) 3px,
        rgba(0, 0, 0, 0) 4px
    );
    margin-top: -6px;
    margin-left: 16px;
}

/* Color overlay for color function */
.gPoint.function-c .overlay-color[data-v-7a8404e3],
.gPoint.function-r .overlay-color[data-v-7a8404e3],
.gPoint.function-b .overlay-color[data-v-7a8404e3],
.gPoint.function-u .overlay-color[data-v-7a8404e3],
.gPoint .overlay-color[data-v-7a8404e3] {
    float: left;
    height: 15px;
    width: 15px;
    margin-top: -23px;
    margin-left: 4px;
    border-radius: 4px;
    display: block;
}

.led-grid-container[data-v-c2032919] {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background-color: var(--surface-200);
    border: 1px solid var(--surface-500);
    user-select: none;
    cursor: crosshair;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    z-index: 1;
}

/* Ensure LED points are above grid sections */
.led-grid-container[data-v-c2032919] .gPoint {
    position: relative;
    z-index: 2;
}
.led-grid-container.grid-wire[data-v-c2032919] {
    background: rgba(15, 171, 22, 0.5) !important;
}
.selection-box[data-v-c2032919] {
    position: absolute;
    background: color-mix(in srgb, var(--primary-500) 30%, transparent);
    border: 2px solid var(--primary-500);
    border-radius: 4px;
    pointer-events: none;
    z-index: 1000;
}

.content_wrapper[data-v-a74efb53] {
    position: relative;
    padding: 1rem;
}
.cf_column[data-v-a74efb53] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}
.note[data-v-a74efb53] {
    margin-bottom: 1.5rem;
    padding: 0.75rem;
    background: var(--surface-100);
    border-left: 3px solid var(--primary-500);
}
.section[data-v-a74efb53] {
    color: var(--text);
    font-size: 1.1em;
    margin: 20px 0 5px 0;
    border-bottom: 1px solid var(--primary-500);
}

/* Grid Container */
.grid-container[data-v-a74efb53] {
    position: relative;
    float: left;
    margin-right: 30px;
    width: calc(29px * 16 + 3px);
    height: calc(29px * 16 + 3px);
}

/* Grid Sections Overlay */
.gridSections[data-v-a74efb53] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: calc(29px * 16 + 3px);
    height: calc(29px * 16 + 3px);
    border: 1px solid var(--surface-500);
    border-radius: 3px;
    pointer-events: none;
    user-select: none;
}
.gridSections .block[data-v-a74efb53] {
    width: 25%;
    height: 25%;
    float: left;
    border: 1px solid var(--surface-500);
    box-sizing: border-box;
}

/* Controls Panel */
.controls[data-v-a74efb53] {
    position: relative;
    float: left;
    width: 325px;
}

/* Top controls layout */
.top-controls[data-v-a74efb53] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.clear-buttons-container[data-v-a74efb53] {
    display: flex;
    gap: 4px;
    flex: 1;
}
.clear-buttons-container button[data-v-a74efb53] {
    flex: 1;
    margin: 0;
}
.wires-remaining[data-v-a74efb53] {
    text-align: center;
    font-size: 14px;
    flex-shrink: 0;
}
.wires-remaining div[data-v-a74efb53] {
    font-size: 40px;
    color: var(--primary-500);
    margin-bottom: -5px;
    margin-top: -10px;
}
.wires-remaining.error div[data-v-a74efb53] {
    color: var(--error-500);
}

/* Buttons */
button[data-v-a74efb53] {
    text-align: center;
    font-weight: bold;
    border: 1px solid var(--primary-600);
    background-color: var(--primary-500);
    border-radius: 3px;
    padding: 7px 6px;
    margin: 3px 0;
    cursor: pointer;
    transition: all 0.2s ease;
    color: black;
}

/* Buttons within controls - add left/right padding */
.controls button[data-v-a74efb53] {
    padding: 7px 10px;
    margin: 3px 4px;
}
button[data-v-a74efb53]:hover:not(:disabled) {
    background-color: var(--primary-600);
    border-color: var(--primary-700);
}
button[data-v-a74efb53]:active:not(:disabled) {
    transform: scale(0.98);
}

/* Disabled button styles */
button[data-v-a74efb53]:disabled,
button.disabled[data-v-a74efb53] {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: var(--surface-300);
    border-color: var(--surface-500);
    color: white;
}
button[data-v-a74efb53]:disabled:hover,
button.disabled[data-v-a74efb53]:hover {
    background-color: var(--surface-300);
    border-color: var(--surface-500);
}
button[data-v-a74efb53]:disabled:active,
button.disabled[data-v-a74efb53]:active {
    transform: none;
}
.save_btn[data-v-a74efb53] {
    min-width: 96px;
}
.w50[data-v-a74efb53] {
    width: 49%;
}

/* Wiring section layout */
.wiring-container[data-v-a74efb53] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
    margin-bottom: 10px;
}
.wiringControls[data-v-a74efb53] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
}
.wiringControls > button[data-v-a74efb53] {
    flex: 0 0 calc(50% - 0.25rem);
}

/* Select Dropdowns */
.select span[data-v-a74efb53] {
    display: block;
    margin-bottom: 5px;
    margin-left: 3px;
}

/* Function-specific select backgrounds — reach USelect's trigger button */
.select .functionSelect.function-c[data-v-a74efb53] button {
    background: linear-gradient(
        to bottom right,
        rgba(255, 0, 0, 0.5) 0%,
        rgba(255, 255, 0, 0.5) 15%,
        rgba(0, 255, 0, 0.5) 30%,
        rgba(0, 255, 255, 0.5) 50%,
        rgba(0, 0, 255, 0.5) 65%,
        rgba(255, 0, 255, 0.5) 80%,
        rgba(255, 0, 0, 0.5) 100%
    );
}
.select .functionSelect.function-f[data-v-a74efb53] button {
    background: rgb(50, 205, 50);
}
.select .functionSelect.function-a[data-v-a74efb53] button {
    background: rgb(52, 155, 255);
}
.select .functionSelect.function-u[data-v-a74efb53] button {
    background: linear-gradient(
        to bottom right,
        rgba(191, 0, 255, 0.5) 0%,
        rgba(0, 179, 255, 0.5) 33%,
        rgba(0, 4, 255, 0.5) 66%,
        rgba(191, 0, 255, 0.5) 100%
    );
}
.select .functionSelect.function-l[data-v-a74efb53] button {
    background: magenta;
}
.select .functionSelect.function-s[data-v-a74efb53] button {
    background: brown;
}
.select .functionSelect.function-g[data-v-a74efb53] button {
    background: green;
}
.select .functionSelect.function-r[data-v-a74efb53] button {
    background: var(--surface-500);
}

/* Headers */
.header[data-v-a74efb53] {
    color: var(--surface-600);
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}

/* Modifiers */
.modifiers[data-v-a74efb53] {
    display: block;
    margin-top: 5px;
}
.modifier-row[data-v-a74efb53] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 5px 0;
}
.modifiers .auxSelect[data-v-a74efb53] {
    width: auto;
    min-width: 10rem;
}
.modifiers .rainbowOverlay[data-v-a74efb53] {
    margin-top: 1px;
    flex-wrap: wrap;
}
.modifiers .sliders-group[data-v-a74efb53] {
    margin-top: 5px;
    margin-left: 20px;
    width: 100%;
}

/* Overlays */
.overlays[data-v-a74efb53] {
    display: block;
    margin-top: 5px;
}

/* Unified Slider Styles */
.slider-container[data-v-a74efb53] {
    margin-top: 10px;
}
.slider-control[data-v-a74efb53] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 5px 0;
}
.slider-value[data-v-a74efb53] {
    min-width: 2.5rem;
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-size: 12px;
    color: var(--text);
}

/* Color Define Sliders */
.colorDefineSliders[data-v-a74efb53] {
    display: none;
    position: fixed;
    z-index: 10000;
    background: var(--surface-50);
    padding: 5px;
    border: 2px solid var(--surface-600);
    border-radius: 6px;
    width: 167px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.colorDefineSliderContainer[data-v-a74efb53] {
    display: flex;
    align-items: center;
    margin: 5px 0;
}
.colorDefineSliderLabel[data-v-a74efb53] {
    width: 15px;
    display: inline-block;
    margin-right: 5px;
}
.colorDefineSliderContainer input[data-v-a74efb53] {
    flex: 1;
    margin: 0 5px;
}
.colorDefineSliderValue[data-v-a74efb53] {
    width: 30px;
    display: inline-block;
    text-align: right;
}

/* Directions */
/* Reproduce the compass-with-U/D layout from the pre-Nuxt-UI version:
 *   Row 1:  .   N   .   U
 *   Row 2:  W   .   E   D
 *   Row 3:  .   S   .   .
 * :deep() is needed because UButton renders through ULink/ULinkBase, so
 * the rendered <button> sits outside this component's scoped selector. */
.directions[data-v-a74efb53] {
    display: inline-grid;
    grid-template-columns: 30px 30px 30px 30px;
    grid-template-rows: 30px 30px 30px;
    gap: 4px;
    vertical-align: middle;
    margin-right: 12px;
}
.directions[data-v-a74efb53] button {
    width: 30px;
    height: 30px;
    min-width: 30px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 1;
}
.directions[data-v-a74efb53] .dir-n {
    grid-column: 2;
    grid-row: 1;
}
.directions[data-v-a74efb53] .dir-u {
    grid-column: 4;
    grid-row: 1;
}
.directions[data-v-a74efb53] .dir-w {
    grid-column: 1;
    grid-row: 2;
}
.directions[data-v-a74efb53] .dir-e {
    grid-column: 3;
    grid-row: 2;
}
.directions[data-v-a74efb53] .dir-d {
    grid-column: 4;
    grid-row: 2;
}
.directions[data-v-a74efb53] .dir-s {
    grid-column: 2;
    grid-row: 3;
}

/* Colors */
.colors[data-v-a74efb53] {
    height: 130px;
    position: relative;
    display: inline-grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 4px;
    width: 49%;
    vertical-align: middle;
}
.colors > button[data-v-a74efb53] {
    width: 100%;
    height: 100%;
    padding: 0;
    color: white;
}
.colors button[data-v-a74efb53]:hover {
    border-style: solid;
}
.colors button.btnOn[data-v-a74efb53] {
    border: 2px solid var(--text);
}

/* Default color backgrounds */
.color-0[data-v-a74efb53] {
    background: black;
}
.color-1[data-v-a74efb53] {
    background: white;
    color: black !important;
}
.color-2[data-v-a74efb53] {
    background: red;
}
.color-3[data-v-a74efb53] {
    background: orange;
}
.color-4[data-v-a74efb53] {
    background: yellow;
    color: black !important;
}
.color-5[data-v-a74efb53] {
    background: greenyellow;
    color: black !important;
}
.color-6[data-v-a74efb53] {
    background: limegreen;
}
.color-7[data-v-a74efb53] {
    background: palegreen;
    color: black !important;
}
.color-8[data-v-a74efb53] {
    background: cyan;
    color: black !important;
}
.color-9[data-v-a74efb53] {
    background: lightcyan;
    color: black !important;
}
.color-10[data-v-a74efb53] {
    background: dodgerblue;
}
.color-11[data-v-a74efb53] {
    background: darkviolet;
}
.color-12[data-v-a74efb53] {
    background: magenta;
}
.color-13[data-v-a74efb53] {
    background: deeppink;
}
.color-14[data-v-a74efb53] {
    background: black;
}
.color-15[data-v-a74efb53] {
    background: black;
}

/* Mode Colors */
.mode_colors button.btnOn[data-v-a74efb53] {
    border: 2px solid var(--text);
}

/* Special Colors */
.special_colors button.btnOn[data-v-a74efb53] {
    border: 2px solid var(--text);
}

/* Utility */
.clear-both[data-v-a74efb53] {
    clear: both;
}

/* Responsive */
@media all and (max-width: 575px) {
.controls[data-v-a74efb53] {
        width: 100%;
}
}

.tab-motors .grid .tick {
    stroke: silver;
    stroke-width: 1px;
    shape-rendering: crispEdges;
}
.tab-motors .grid path {
    stroke-width: 0;
}
.tab-motors .data .line {
    stroke-width: 2px;
    fill: none;
}
.tab-motors svg text {
    stroke: none;
    fill: var(--text);
    font-size: 10px;
}
/* Telemetry warning — class generated in getTelemetryHtml() */
.tab-motors .warning {
    color: var(--error-500);
}
.content_wrapper[data-v-2d3c1dcc] {
  padding-bottom: 60px;
}
.bars[data-v-2d3c1dcc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-weight: bold;
}
.bars ul[data-v-2d3c1dcc] {
  display: flex;
  gap: 0.5rem;
}
.bars ul[data-v-2d3c1dcc]:nth-of-type(1) [data-slot="indicator"] {
  background-color: #e24761;
}
.bars ul[data-v-2d3c1dcc]:nth-of-type(2) [data-slot="indicator"] {
  background-color: #49c747;
}
.bars ul[data-v-2d3c1dcc]:nth-of-type(3) [data-slot="indicator"] {
  background-color: #477ac7;
}
.bars ul[data-v-2d3c1dcc]:nth-of-type(4) [data-slot="indicator"] {
  background-color: #f5a623;
}
.bars ul[data-v-2d3c1dcc]:nth-of-type(5) [data-slot="indicator"] {
  background-color: #159588;
}
.bars ul[data-v-2d3c1dcc]:nth-of-type(6) [data-slot="indicator"] {
  background-color: #50ae55;
}
.bars ul[data-v-2d3c1dcc]:nth-of-type(7) [data-slot="indicator"] {
  background-color: #cdda49;
}
.bars ul[data-v-2d3c1dcc]:nth-of-type(8) [data-slot="indicator"] {
  background-color: #fdc02f;
}
.bars ul[data-v-2d3c1dcc]:nth-of-type(9) [data-slot="indicator"] {
  background-color: #fc5830;
}
.bars ul[data-v-2d3c1dcc]:nth-of-type(10) [data-slot="indicator"] {
  background-color: #785549;
}
.bars ul[data-v-2d3c1dcc]:nth-of-type(11) [data-slot="indicator"] {
  background-color: #9e9e9e;
}
.bars ul[data-v-2d3c1dcc]:nth-of-type(12) [data-slot="indicator"] {
  background-color: #617d8a;
}
.bars ul[data-v-2d3c1dcc]:nth-of-type(13) [data-slot="indicator"] {
  background-color: #cf267d;
}
.bars ul[data-v-2d3c1dcc]:nth-of-type(14) [data-slot="indicator"] {
  background-color: #7a1464;
}
.bars ul[data-v-2d3c1dcc]:nth-of-type(15) [data-slot="indicator"] {
  background-color: #3a7a14;
}
.bars ul[data-v-2d3c1dcc]:nth-of-type(16) [data-slot="indicator"] {
  background-color: #14407a;
}
.bars .name[data-v-2d3c1dcc] {
  width: 5rem;
  text-align: right;
}
.bars .meter[data-v-2d3c1dcc] {
  width: 100%;
}
.bars .meter-bar[data-v-2d3c1dcc] {
  position: relative;
  container-type: inline-size;
  width: 100%;
  height: 1rem;
  border: 1px solid var(--surface-500);
  background-color: var(--surface-200);
  border-radius: 0.3rem;
}
.bars .meter-bar .label[data-v-2d3c1dcc] {
  position: absolute;
  width: 50px;
  text-align: center;
  left: calc(50cqi - 25px);
  color: var(--text);
}
.bars .meter-bar .fill[data-v-2d3c1dcc] {
  position: relative;
  overflow: hidden;
  border-radius: 0.3rem;
  width: 50%;
  height: 1rem;
  background-color: var(--primary-500);
}
.bars .meter-bar .fill .label[data-v-2d3c1dcc] {
  color: white;
}
.graphAndLabel[data-v-2d3c1dcc] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
}
[data-v-2d3c1dcc] svg:not(.iconify) {
  width: 100%;
  height: 100%;
}
.plot_control[data-v-2d3c1dcc] {
  width: 14rem;
  margin: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.plot_control .value[data-v-2d3c1dcc] {
  padding: 4px;
  color: #fff;
  border-radius: 3px;
}
.plot_control .ch1[data-v-2d3c1dcc] {
  background-color: #e24761;
}
.plot_control .ch2[data-v-2d3c1dcc] {
  background-color: #49c747;
}
.plot_control .ch3[data-v-2d3c1dcc] {
  background-color: #477ac7;
}
.plot_control .ch4[data-v-2d3c1dcc] {
  background-color: #f5a623;
}
[data-v-2d3c1dcc] #RX_plot {
  height: 208px;
  color: var(--text);
}
[data-v-2d3c1dcc] #RX_plot .line:nth-child(1) {
  stroke: #e24761;
}
[data-v-2d3c1dcc] #RX_plot .line:nth-child(2) {
  stroke: #49c747;
}
[data-v-2d3c1dcc] #RX_plot .line:nth-child(3) {
  stroke: #477ac7;
}
[data-v-2d3c1dcc] #RX_plot .line:nth-child(4) {
  stroke: #f5a623;
}
[data-v-2d3c1dcc] #RX_plot .line:nth-child(5) {
  stroke: #159588;
}
[data-v-2d3c1dcc] #RX_plot .line:nth-child(6) {
  stroke: #50ae55;
}
[data-v-2d3c1dcc] #RX_plot .line:nth-child(7) {
  stroke: #cdda49;
}
[data-v-2d3c1dcc] #RX_plot .line:nth-child(8) {
  stroke: #fdc02f;
}
[data-v-2d3c1dcc] #RX_plot .line:nth-child(9) {
  stroke: #fc5830;
}
[data-v-2d3c1dcc] #RX_plot .line:nth-child(10) {
  stroke: #785549;
}
[data-v-2d3c1dcc] #RX_plot .line:nth-child(11) {
  stroke: #9e9e9e;
}
[data-v-2d3c1dcc] #RX_plot .line:nth-child(12) {
  stroke: #7a6614;
}
[data-v-2d3c1dcc] #RX_plot .line:nth-child(13) {
  stroke: #cf267d;
}
[data-v-2d3c1dcc] #RX_plot .line:nth-child(14) {
  stroke: #7a1464;
}
[data-v-2d3c1dcc] #RX_plot .line:nth-child(15) {
  stroke: #3a7a14;
}
[data-v-2d3c1dcc] #RX_plot .line:nth-child(16) {
  stroke: #14407a;
}
[data-v-2d3c1dcc] .grid-display .tick {
  stroke: silver;
  stroke-width: 1px;
  shape-rendering: crispEdges;
}
[data-v-2d3c1dcc] .grid-display path {
  stroke-width: 0;
}
[data-v-2d3c1dcc] .line {
  stroke-width: 2px;
  fill: none;
}
[data-v-2d3c1dcc] text {
  stroke: none;
  fill: var(--text);
  font-size: 10px;
}
@media all and (max-width: 1055px) {
[data-v-2d3c1dcc] .grid-box.col5 {
    grid-template-columns: 1fr !important;
}
[data-v-2d3c1dcc] .grid-box.col6 {
    column-gap: 0.5rem;
}
}

/* OSD Preview — unscoped for runtime-generated elements */
.tab-osd-preview {
    background: url(./osd-bg-1-D-hAF0Rf.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 20px;
    margin-left: 20px;
}
.tab-osd-char {
    display: flex;
    padding: 0;
    margin: 0;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    border: 1px solid transparent;
}
.tab-osd-char[draggable="true"] {
    cursor: move;
}
.tab-osd-char img {
    flex: 1 1 auto;
    max-width: 100%;
    height: auto;
    image-rendering: pixelated;
}
.tab-osd-char.mouseover,
.tab-osd-char.highlighted,
.tab-osd-char.dragging {
    background: rgba(255, 255, 255, 0.4);
}

/* Crosshair and grid lines on mouse-down */
.tab-osd-preview-parent:active::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 40%;
    border-top: 0.3em dashed var(--gimbalCrosshair);
    width: 20%;
    transform: translateY(-50%);
    pointer-events: none;
}
.tab-osd-preview-parent:active::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 40%;
    border-top: 0.3em dashed var(--gimbalCrosshair);
    width: 20%;
    transform: translateY(-50%) rotate(90deg);
    pointer-events: none;
}
.tab-osd-preview-parent:active .tab-osd-char {
    border: 1px dashed rgba(55, 55, 55, 0.5);
}

/* Preset position button */
.tab-osd-preset-btn {
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--surface-500, #999);
    color: var(--text, #fff);
    border: 1px solid var(--primary-800, #666);
    transition:
        background-color 0.25s,
        transform 0.25s;
    border-radius: 2px;
    font-size: 10px;
    line-height: 0;
    margin-left: 4px;
}
.tab-osd-preset-btn:hover {
    background-color: var(--surface-700, #666);
    transform: scale(1.1);
}
.tab-osd-preset-btn:active {
    transform: scale(0.9);
}

/* Context menu */
.tab-osd-context-menu {
    position: absolute;
    display: inline-block;
    min-width: 140px;
    top: -5px;
    left: 100%;
    margin-left: 5px;
    padding: 2px;
    background-color: var(--surface-50);
    border: 1px solid var(--surface-500);
    border-radius: 3px;
    z-index: 10001;
    transition: opacity 0.2s;
    opacity: 1;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.tab-osd-context-menu-item {
    position: relative;
}
.tab-osd-context-menu-display {
    position: relative;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    font-size: 11px;
    transition: all 0.15s;
    border-radius: 2px;
    color: var(--text);
    white-space: nowrap;
}
.tab-osd-context-menu-display:hover {
    background-color: var(--surface-700);
    color: #fff;
}
.tab-osd-context-menu-content {
    position: absolute;
    left: 100%;
    top: -5px;
    margin-left: 5px;
    display: none;
    opacity: 0;
    z-index: 10002;
}
.tab-osd-context-menu-content.show {
    display: block;
    opacity: 1;
    pointer-events: all;
}

/* Preset grid */
.tab-osd-preset-grid-wrapper {
    background-color: var(--surface-50);
    border-radius: 5px;
    padding: 10px;
    gap: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.tab-osd-preset-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(5, 1fr);
    gap: 6px;
    width: 150px;
    height: 120px;
    padding: 10px;
    background-color: var(--surface-100);
    border-radius: 5px;
    border: 2px solid var(--surface-700);
}
.tab-osd-preset-grid-cell {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 8px;
    cursor: pointer;
    background-color: var(--primary-500);
    border-radius: 5px;
    transition: transform 0.25s;
    color: var(--text);
}
.tab-osd-preset-cell-dot {
    position: absolute;
    width: 4px;
    height: 4px;
    background: currentColor;
    border-radius: 50%;
    opacity: 0.8;
}

/* Upload progress bar */
.tab-osd-upload-progress {
    display: grid;
    grid-template-areas: "area";
    width: 100%;
}
.tab-osd-progress-bar {
    grid-area: area;
    width: 100%;
    height: 26px;
    border-radius: 5px;
    border: 1px solid var(--surface-500);
    appearance: none;
}
.tab-osd-progress-bar::-webkit-progress-bar {
    background-color: var(--text);
    border-radius: 4px;
    box-shadow: inset 0 0 5px #2f2f2f;
}
.tab-osd-progress-bar::-webkit-progress-value {
    background-color: #f86008;
    border-radius: 4px;
}
.tab-osd-progress-label {
    grid-area: area;
    width: 100%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: white;
    font-weight: bold;
}

/* Logo info list (validation markers) */
.tab-osd-logo-info-list li::before {
    content: "\2022\20";
}
.tab-osd-logo-info-list li.valid {
    color: #00a011;
}
.tab-osd-logo-info-list li.valid::before {
    content: "\2714\20";
}
.tab-osd-logo-info-list li.invalid {
    color: #a01100;
}
.tab-osd-logo-info-list li.invalid::before {
    content: "\2715\20";
}
#font-logo-preview img {
    display: inline;
}
#font-logo-info-upload-hint {
    margin-top: 1em;
    display: none;
}

/* Responsive layout for OSD grid */
@media all and (max-width: 1455px) {
.tab-osd .grid-box .col-span-2 {
        grid-column: span 4;
        grid-row-start: 1;
        grid-row-end: 1;
}
.tab-osd .grid-box .col-span-1 {
        grid-column: span 2;
}
}
@media all and (max-width: 575px) {
.tab-osd .grid-box.col4 {
        grid-template-columns: 1fr;
}
.tab-osd .grid-box.col4 .col-span-2 {
        grid-column: span 1;
}
.tab-osd .grid-box.col4 .col-span-1 {
        grid-column: span 1;
}
}
.cf-info-grid[data-v-52f88279] {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0.25rem 1rem;
  align-items: center;
  width: 100%;
}
.cf-info-grid dt[data-v-52f88279] {
  font-weight: bold;
  margin: 0;
}
.cf-info-grid dd[data-v-52f88279] {
  margin: 0;
}
.tab-setup #interactive_block[data-v-8e571460] {
  position: relative;
  background-color: var(--surface-200);
  border-radius: 1rem;
  border: 2px solid var(--surface-400);
}
.tab-setup #interactive_block[data-v-8e571460] .reset-zaxis {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 100;
}
.tab-setup .setup-top[data-v-8e571460] {
  margin-top: 0.75rem;
}
.tab-setup .setup-top #canvas_wrapper[data-v-8e571460] {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 32rem;
  top: 0;
  left: 0;
  border-radius: 1rem;
}
.tab-setup .setup-info-grid[data-v-8e571460] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}
@media only screen and (max-width: 1055px) {
.tab-setup .setup-info-grid[data-v-8e571460] {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
.tab-setup #canvas_wrapper[data-v-8e571460] {
    max-height: 20rem !important;
}
}
@media all and (max-width: 575px) {
.tab-setup .setup-info-grid[data-v-8e571460] {
    grid-template-columns: 1fr;
}
}
.tab-setup .system_info td[data-v-8e571460] {
  width: 50%;
  vertical-align: baseline;
}
#canvas[data-v-8e571460] {
  width: 100% !important;
  height: 100% !important;
}
.attitude_info[data-v-8e571460] {
  position: absolute;
  top: 1rem;
  left: 1rem;
  margin: 0;
  font-weight: normal;
  color: var(--surface-950);
}
.attitude_info dl[data-v-8e571460] {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.attitude_info dd[data-v-8e571460] {
  white-space: pre;
}
.instruments-right[data-v-8e571460] {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  pointer-events: none;
}
.dialogBuildInfo[data-v-8e571460] {
  transition: all 0.2s;
  overflow-x: hidden;
  overflow-y: auto;
  width: min-content;
  height: min-content;
}
.dialogBuildInfoGrid-container[data-v-8e571460] {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 5px;
}
.dialogBuildInfoGrid-item[data-v-8e571460] {
  padding: 5px 5px 3px 5px;
  user-select: text;
}
.buttons[data-v-8e571460] {
  bottom: 20px;
}
.disarm-flag[data-v-8e571460] {
  padding-right: 5px;
  display: inline-block;
}
/* semantic label/value grid used to replace layout tables for accessibility */
.cf-info-grid[data-v-8e571460] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.25rem 1rem;
  align-items: baseline;
  width: 100%;
}
.cf-info-grid dt[data-v-8e571460] {
  font-weight: bold;
  margin: 0;
}
.cf-info-grid dd[data-v-8e571460] {
  margin: 0;
  min-width: 0;
  overflow-wrap: break-word;
}

/* ====================================================================
   PID Tuning Tab — global (unscoped) styles
   Scoped under .tab-pid_tuning to avoid leaking into other tabs.
   Migrated from src/css/tabs/pid_tuning.less
   ==================================================================== */

/* ── Table base ───────────────────────────────────────────────────── */
.tab-pid_tuning table {
    float: left;
    margin: 0;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
    padding: 1px;
    border-bottom: 0 solid var(--surface-500);
}
.tab-pid_tuning .cf tr {
    background-color: var(--surface-400);
}
.tab-pid_tuning .cf th {
    border-right: solid 1px var(--surface-500);
    height: 19px;
    font-weight: normal;
    padding: 4px;
    color: var(--text);
    text-align: left;
    background: var(--surface-300);
}
.tab-pid_tuning .cf th:first-child {
    border-top-left-radius: 3px;
}
.tab-pid_tuning .cf th:last-child {
    border-right: 0;
    border-top-right-radius: 3px;
}
.tab-pid_tuning .cf td:first-child {
    border-bottom-left-radius: 3px;
}
.tab-pid_tuning .cf td:last-child {
    border-bottom-right-radius: 3px;
    border-right: 0;
    padding-bottom: 0;
}
.tab-pid_tuning .cf input {
    margin: 4px;
    width: calc(100% - 10px);
    border: 1px solid var(--surface-500);
    border-radius: 3px;
}
.tab-pid_tuning .cf select {
    margin: 4px;
    width: calc(100% - 10px);
    border: 1px solid var(--surface-500);
}
.tab-pid_tuning .cf .throttleCurvePreview {
    padding: 0;
}
/* ── Curves & canvas ──────────────────────────────────────────────── */
.tab-pid_tuning .throttle_curve {
    float: right;
    width: 100%;
    background-size: 200%;
    height: 164px;
}
.tab-pid_tuning .curves {
    float: left;
    margin-right: 10px;
}
.tab-pid_tuning .rate_curve {
    height: 362px;
    min-width: 200px;
}
.tab-pid_tuning table .inputBackground {
    background: white;
}
.tab-pid_tuning table td {
    border-bottom: 0 solid var(--surface-500);
    padding: 0.5rem;
    border-right: 1px solid var(--surface-500);
}
.tab-pid_tuning table th {
    padding: 0;
    border: 0;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--text);
}
.tab-pid_tuning table tr td:first-child {
    text-align: left;
}
.tab-pid_tuning table tr td:last-child {
    border-right: 0 solid var(--surface-500);
    text-align: left;
}
.tab-pid_tuning table .groupSwitchValue {
    display: inline-flex;
}
.tab-pid_tuning table .groupSwitchValue .inputValue {
    width: 80px;
}
.tab-pid_tuning table input {
    display: block;
    width: calc(100% - 0px);
    height: 20px;
    line-height: 20px;
    border: 1px solid var(--surface-500);
    border-radius: 3px;
}
.tab-pid_tuning .note,
.tab-pid_tuning .danger {
    margin-bottom: 0;
}

/* ── Filter sub-tab ───────────────────────────────────────────────── */
.tab-pid_tuning .subtab-filter table select {
    display: inline-block;
}
.tab-pid_tuning .subtab-filter .newFilter .helpicon {
    margin-top: 2px;
}
.tab-pid_tuning .subtab-filter .sliderLabels tr td:first-child {
    width: 10%;
}

/* ── Slider divider ───────────────────────────────────────────────── */
.tab-pid_tuning .sliderDivider {
    padding: 3px;
    border-top: 1px solid var(--surface-500);
    border-bottom: 1px solid var(--surface-500);
}

/* ── PID titlebar ─────────────────────────────────────────────────── */
.tab-pid_tuning .pid_titlebar {
    color: #fff;
    background-color: var(--surface-300);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.tab-pid_tuning .pid_titlebar th {
    padding: 0.5rem;
    text-align: center;
    border-right: 1px solid var(--surface-500);
}
.tab-pid_tuning .pid_titlebar th:first-child {
    text-align: left;
    border-top-left-radius: 3px;
}
.tab-pid_tuning .pid_titlebar th:last-child {
    border-right: none;
    border-top-right-radius: 3px;
}
.tab-pid_tuning .pid_titlebar td:first-child {
    text-align: left;
}
.tab-pid_tuning .pid_titlebar .name-helpicon-flex {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}
.tab-pid_tuning .pid_titlebar .name-helpicon-flex .helpicon {
    margin-right: 0;
}

/* ── Optional / accel PID sections ────────────────────────────────── */
.tab-pid_tuning #pid_optional table th,
.tab-pid_tuning .pid_optional table th,
.tab-pid_tuning #pid_optional table td,
.tab-pid_tuning .pid_optional table td {
    width: 25%;
}
.tab-pid_tuning #pid_accel table th,
.tab-pid_tuning #pid_accel table td {
    width: 33%;
}

/* ── Compensation table ───────────────────────────────────────────── */
.tab-pid_tuning table.compensation tr {
    height: 30px;
    border-bottom: 1px solid var(--surface-500);
}
.tab-pid_tuning table.compensation tr:last-child {
    border-bottom: none;
}
.tab-pid_tuning table.compensation td {
    padding: 0 0.5rem;
}
.tab-pid_tuning table.compensation td:first-child:not(.filterTable) {
    width: 110px;
    text-align: center;
    vertical-align: top;
    padding-top: 4px;
}
.tab-pid_tuning table.compensation td:last-child {
    width: 100%;
}
.tab-pid_tuning table.compensation .helpicon {
    margin-left: auto;
    margin-right: 0;
}
.tab-pid_tuning table.compensation .suboption {
    margin-left: 2%;
    display: flex;
    flex-flow: row wrap-reverse;
    align-items: center;
    padding-bottom: 2px;
}
.tab-pid_tuning table.compensation .suboption select {
    width: 80px;
    text-align-last: right;
    font-size: 1.1em;
    box-sizing: border-box;
}
.tab-pid_tuning table.compensation .suboption input {
    width: 80px;
    box-sizing: border-box;
}
.tab-pid_tuning table.compensation .suboption label {
    margin-left: 5px;
}
.tab-pid_tuning table.filterTable.compensation td:first-child {
    width: 5%;
}

/* ── TPA settings ─────────────────────────────────────────────────── */
.tab-pid_tuning table.tpa-settings tr {
    height: 30px;
}

/* ── PID tuning features ──────────────────────────────────────────── */
.tab-pid_tuning .pidTuningFeatures td {
    padding: 5px;
    width: 20%;
}
.tab-pid_tuning .pidTuningFeatures td:first-child {
    width: 20%;
    padding-bottom: 6px;
    padding-top: 5px;
}
.tab-pid_tuning .pidTuningFeatures td:last-child {
    width: 80%;
}
.tab-pid_tuning .pidTuningFeatures .slider input {
    writing-mode: horizontal-tb;
}

/* ── Rates type ───────────────────────────────────────────────────── */
.tab-pid_tuning .rates_type table select {
    text-align-last: left;
}

/* ── New rates ────────────────────────────────────────────────────── */
.tab-pid_tuning .new_rates {
    text-align: center;
}
.tab-pid_tuning .new_rates td:first-child {
    border-bottom-left-radius: 0;
    padding-left: 10px;
}
.tab-pid_tuning .new_rates td:last-child span {
    margin-right: auto;
}

/* ── Misc helpers ─────────────────────────────────────────────────── */
.tab-pid_tuning .fixed_band {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.tab-pid_tuning .pid_mode .helpicon {
    margin-top: 0;
}
.tab-pid_tuning .pid_titlebar.pid_titlebar_extended {
    border-radius: 0;
}
.tab-pid_tuning .helpicon {
    margin-top: 1px;
}
.tab-pid_tuning .number .helpicon {
    margin-top: 3px;
    margin-right: 0;
}
.tab-pid_tuning .number {
    margin-bottom: 5px;
    clear: left;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--surface-500);
    width: 100%;
    float: left;
}
.tab-pid_tuning .number:last-child {
    padding-bottom: 5px;
    border-bottom: 0;
}
.tab-pid_tuning .number input {
    height: 20px;
    line-height: 20px;
    border: 1px solid var(--surface-500);
    border-radius: 3px;
    font-weight: normal;
}
.tab-pid_tuning .spacer_left {
    padding-left: 0;
    float: right;
    width: calc(100% - 20px);
}
.tab-pid_tuning .numberspacer {
    float: left;
    width: 65px;
    height: 21px;
}
.tab-pid_tuning .right {
    float: right;
}
.tab-pid_tuning .pids {
    float: left;
    width: 25%;
}
.tab-pid_tuning .roll {
    border-bottom-left-radius: 3px;
}
.tab-pid_tuning .pidTuningLevel {
    float: left;
}
.tab-pid_tuning .borderleft {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.tab-pid_tuning .textleft {
    width: 25%;
    float: left;
    text-align: left;
}
.tab-pid_tuning .topspacer {
    margin-top: 5px;
}

/* ── Bracket icon ─────────────────────────────────────────────────── */
.tab-pid_tuning .bracket {
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='227%20-351.2%20220%20690.7'%20style='enable-background:new%20227%20-351.2%20220%20690.7;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23818181;}%20%3c/style%3e%3cpath%20class='st0'%20d='M300.8,334.5h-61.4v-20h61.4c37.1,0,67.2-30.2,67.2-67.2V46.6c0-13.8,7.9-27.7,23.4-41.2%20c2.5-2.1,4.9-4.1,7.3-5.9C385.3-9.3,368-24.6,368-45.4v-209.8c0-37.1-30.2-67.2-67.2-67.2h-61.4v-20h61.4%20c48.1,0,87.2,39.1,87.2,87.2v209.8c0,16.6,24.5,30.9,34,35l18.8,8.2l-18,9.8c-9,4.9-34.8,22.7-34.8,39v200.7%20C388,295.4,348.9,334.5,300.8,334.5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    height: 35px;
    width: 14px;
    margin-top: -23px;
    margin-left: 8px;
}

/* ── Rates preview ────────────────────────────────────────────────── */
.tab-pid_tuning .rates_preview_cell {
    position: relative;
    width: 100%;
    height: 362px;
}
.tab-pid_tuning .rates_preview {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: 100%;
}

/* ── PID tuning table ─────────────────────────────────────────────── */
.tab-pid_tuning .pidTuning td {
    padding: 5px;
    width: 40%;
}
.tab-pid_tuning .pidTuning td:first-child {
    width: 10%;
    padding-bottom: 6px;
    padding-top: 5px;
}
.tab-pid_tuning .pidTuning td:last-child {
    width: 40%;
}
.tab-pid_tuning .pidTuning tr {
    width: 100%;
    border-bottom: 1px solid var(--surface-500);
    padding: 0;
}

/* ── RC curve ─────────────────────────────────────────────────────── */
.tab-pid_tuning .rc_curve .cf tr td {
    padding: 0;
}
.tab-pid_tuning .rc_curve_bg {
    float: left;
}
.tab-pid_tuning .new_rates_last-child {
    border-bottom: none;
}
.tab-pid_tuning .filter {
    padding-left: 5px;
}

/* ── Dialog ───────────────────────────────────────────────────────── */
.tab-pid_tuning dialog {
    width: 40em;
    border-radius: 5px;
}
.tab-pid_tuning dialog .buttons {
    position: static;
    margin-top: 2em;
}
.tab-pid_tuning dialog h3 {
    margin-bottom: 0.5em;
}
.tab-pid_tuning dialog select {
    border: 1px solid var(--surface-500);
    margin-left: 5px;
    width: 120px;
}

/* ── Tuning sliders ───────────────────────────────────────────────── */
.tab-pid_tuning .tuningSlider {
    -webkit-appearance: none;
    width: 100%;
    height: 1rem;
    border: none !important;
    outline: none !important;
    opacity: 0.8;
    transition: opacity 0.2s;
    background: var(--surface-200);
    background-color: transparent !important;
    padding: 0.25rem !important;
}
.tab-pid_tuning .tuningSlider:hover {
    opacity: 1;
}
.tab-pid_tuning .tuningSlider::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    border: solid 1px var(--surface-500);
    border-radius: 4px;
    background: linear-gradient(90deg, var(--surface-300) 0%, var(--surface-400) 50%, var(--error-500) 100%);
    height: 15px;
}
.tab-pid_tuning .tuningSlider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: #ffbb2a;
    border: solid 1px var(--surface-300);
    cursor: pointer;
    position: relative;
    bottom: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.tab-pid_tuning .nonExpertModeSliders .tuningSlider::-webkit-slider-runnable-track {
    background: linear-gradient(90deg, var(--surface-300) 0%, var(--surface-400) 50%, var(--error-500) 100%);
    background-size: 55%;
    background-position: 44%;
    background-repeat: no-repeat;
}
.tab-pid_tuning .disabledSliders .tuningSlider::-webkit-slider-runnable-track {
    background: linear-gradient(90deg, var(--surface-300) -50%, var(--surface-400) 50%, var(--surface-300) 150%);
    background-repeat: no-repeat;
}
.tab-pid_tuning .disabledSliders .tuningSlider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: transparent;
    border: solid 1px var(--surface-300);
    cursor: pointer;
    position: relative;
    bottom: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

/* ── Slider labels ────────────────────────────────────────────────── */
.tab-pid_tuning .sliderLabels tr {
    border-bottom: 1px solid var(--surface-500);
}
.tab-pid_tuning .sliderLabels tr:last-child {
    border-bottom: none;
}
.tab-pid_tuning .sliderLabels tr td:first-child {
    text-align: right;
    width: 20%;
}
.tab-pid_tuning .sliderLabels tr td:nth-child(2) {
    text-align: center;
    width: 32px;
}
.tab-pid_tuning .sliderLabels tr td:last-child {
    width: 30px;
}
.tab-pid_tuning .sliderLabels span {
    color: var(--text);
    font-size: 12px;
}

/* ── Tuning PID sliders titlebar ──────────────────────────────────── */
.tab-pid_tuning .tuningPIDSliders .pid_titlebar th {
    text-align: center;
}
.tab-pid_tuning .tuningPIDSliders .pid_titlebar th:first-child {
    width: 20%;
    text-align: left;
}
.tab-pid_tuning .tuningPIDSliders .pid_titlebar th:first-child div {
    display: inline-block;
}
.tab-pid_tuning .tuningPIDSliders .pid_titlebar th:nth-child(2) {
    width: 32px;
}
.tab-pid_tuning .tuningPIDSliders .pid_titlebar th:last-child {
    width: 30px;
}

/* ── Tuning filter sliders titlebar ───────────────────────────────── */
.tab-pid_tuning .tuningFilterSliders .pid_titlebar th {
    text-align: center;
}
.tab-pid_tuning .tuningFilterSliders .pid_titlebar th:first-child {
    width: 10%;
    border-right: none;
}
.tab-pid_tuning .tuningFilterSliders .pid_titlebar th:nth-child(2) {
    width: 30px;
}
.tab-pid_tuning .tuningFilterSliders .pid_titlebar th:last-child {
    width: 30px;
}

/* ── Notes ────────────────────────────────────────────────────────── */
.tab-pid_tuning .nonExpertModeSlidersNote,
.tab-pid_tuning .expertSettingsDetectedNote {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}
.tab-pid_tuning .dynamicNotchNyquistWarningNote {
    margin: 0;
}
.tab-pid_tuning .note-button td:nth-child(n) {
    padding-left: 7px;
    padding-right: 7px;
    text-align: center;
}
.tab-pid_tuning .note-button td:first-child {
    width: 75%;
    border-right: none;
}
.tab-pid_tuning .note-button .regular-button {
    display: block;
    overflow-wrap: break-word;
    margin: 2px;
}

/* ── Sub-tab layouts ──────────────────────────────────────────────── */
.tab-pid_tuning .subtab-rates {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: center;
    gap: 0 10px;
}
.tab-pid_tuning .subtab-rates .cf_column {
    min-width: 380px;
    flex: 1;
}
.tab-pid_tuning .subtab-pid {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: center;
    gap: 0 10px;
}
.tab-pid_tuning .subtab-pid .cf_column {
    min-width: 450px;
    flex: 1.3;
}
.tab-pid_tuning .subtab-pid .cf_column_right {
    min-width: 300px;
    margin-left: 15px;
    flex: 1;
}
.tab-pid_tuning .subtab-pid .note {
    flex: 0 0 100%;
}

/* ── Filter table ─────────────────────────────────────────────────── */
.tab-pid_tuning table.filterTable {
    table-layout: auto;
}

/* ── Rates logo ───────────────────────────────────────────────────── */
.tab-pid_tuning .cf .rates_logo_bg {
    background-color: #ebeced;
}
.tab-pid_tuning .rates_logo_div {
    margin-top: -10%;
    text-align: center;
}
.tab-pid_tuning .rates_logo {
    width: 80%;
    height: 80%;
}
.tab-pid_tuning .float-left {
    float: left;
}

/* ── Fancy header (not under .tab-pid_tuning) ─────────────────────── */
.fancy.header {
    background-color: #d6d6d6;
    padding-top: 8px;
    font-size: 12px;
    border-bottom: 1px solid var(--surface-500);
    color: #595959;
    background-image: linear-gradient(
        315deg,
        rgba(255, 255, 255, 0.2) 10%,
        transparent 10%,
        transparent 20%,
        rgba(255, 255, 255, 0.2) 20%,
        rgba(255, 255, 255, 0.2) 30%,
        transparent 30%,
        transparent 40%,
        rgba(255, 255, 255, 0.2) 40%,
        rgba(255, 255, 255, 0.2) 50%,
        transparent 50%,
        transparent 60%,
        rgba(255, 255, 255, 0.2) 60%,
        rgba(255, 255, 255, 0.2) 70%,
        transparent 70%,
        transparent 80%,
        rgba(255, 255, 255, 0.2) 80%,
        rgba(255, 255, 255, 0.2) 90%,
        transparent 90%,
        transparent 100%,
        rgba(255, 255, 255, 0.2) 100%,
        transparent
    );
}
.fancy.header th {
    padding-bottom: 4px;
    padding-top: 4px;
    padding-left: 5px;
}

/* ── pid_mode (not under .tab-pid_tuning) ─────────────────────────── */
.pid_mode {
    background-color: var(--surface-400);
    margin: 0;
    text-align: left;
    padding: 0.25rem 0.5rem;
    font-size: 12px;
    border-bottom: 1px solid var(--surface-500);
    color: var(--text);
    font-weight: normal;
    display: grid;
    grid-template-columns: auto auto;
    background-image: linear-gradient(
        315deg,
        rgba(255, 255, 255, 0.2) 10%,
        transparent 10%,
        transparent 20%,
        rgba(255, 255, 255, 0.2) 20%,
        rgba(255, 255, 255, 0.2) 30%,
        transparent 30%,
        transparent 40%,
        rgba(255, 255, 255, 0.2) 40%,
        rgba(255, 255, 255, 0.2) 50%,
        transparent 50%,
        transparent 60%,
        rgba(255, 255, 255, 0.2) 60%,
        rgba(255, 255, 255, 0.2) 70%,
        transparent 70%,
        transparent 80%,
        rgba(255, 255, 255, 0.2) 80%,
        rgba(255, 255, 255, 0.2) 90%,
        transparent 90%,
        transparent 100%,
        rgba(255, 255, 255, 0.2) 100%,
        transparent
    );
}

/* ── PID row colors (not under .tab-pid_tuning) ──────────────────── */
.pid_roll {
    background-color: #e24761;
}
.pid_pitch {
    background-color: #49c747;
}
.pid_yaw {
    background-color: #477ac7;
}
.pid_roll,
.pid_pitch,
.pid_yaw {
    color: black;
}

/* ── Filter two-columns ───────────────────────────────────────────── */
.subtab-filter table tr td:first-child {
    text-align: right;
    padding-left: 5px;
    width: 1%;
}
.subtab-filter .two_columns {
    display: flex;
}
.subtab-filter .two_columns .two_columns_first {
    margin-right: 10px;
    height: fit-content;
}
.subtab-filter .two_columns .two_columns_second {
    margin-left: 10px;
    height: fit-content;
}

/* ── Sub-tab navigation ───────────────────────────────────────────── */
.subtab-nav {
    width: calc(100% - 22px);
    margin-bottom: 6px;
}

/* ── Tab area ─────────────────────────────────────────────────────── */
.tabarea {
    width: calc(100% - 22px);
    position: relative;
    padding: 10px;
    border: 1px solid var(--surface-500);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top: 0 solid var(--surface-500);
    background: transparent;
}

/* ── Responsive: 575px ────────────────────────────────────────────── */
@media all and (max-width: 575px) {
.tab-pid_tuning dialog {
        width: calc(100% - 2em);
        border-radius: unset;
}
.tab-pid_tuning .subtab-pid .cf_column {
        min-width: 100%;
        width: 100%;
}
.tab-pid_tuning .subtab-pid .cf_column_right {
        min-width: 100%;
        margin-left: 0;
}
.tab-pid_tuning .subtab-rates .cf_column {
        min-width: 100%;
        width: 100%;
}
.tab-pid_tuning .note-button td:first-child {
        width: 60%;
}
.tab-pid_tuning .spacer_left {
        width: 100%;
}
.tab-pid_tuning .sliderHeaders {
        height: 18px;
        background-color: #d6d6d6;
        line-height: 13px;
        font-size: 12px;
        border-bottom: 1px solid var(--surface-500);
        color: #595959;
        font-weight: normal;
        background-image: linear-gradient(
            315deg,
            rgba(255, 255, 255, 0.2) 10%,
            transparent 10%,
            transparent 20%,
            rgba(255, 255, 255, 0.2) 20%,
            rgba(255, 255, 255, 0.2) 30%,
            transparent 30%,
            transparent 40%,
            rgba(255, 255, 255, 0.2) 40%,
            rgba(255, 255, 255, 0.2) 50%,
            transparent 50%,
            transparent 60%,
            rgba(255, 255, 255, 0.2) 60%,
            rgba(255, 255, 255, 0.2) 70%,
            transparent 70%,
            transparent 80%,
            rgba(255, 255, 255, 0.2) 80%,
            rgba(255, 255, 255, 0.2) 90%,
            transparent 90%,
            transparent 100%,
            rgba(255, 255, 255, 0.2) 100%,
            transparent
        );
}
.tab-pid_tuning .sliderHeaders span {
        color: #595959;
}
.tab-pid_tuning .sliderLabels tr.sliderHeaders td:first-child {
        text-align: left;
}
.tab-pid_tuning .tuningPIDSliders .pid_titlebar th:last-child,
    .tab-pid_tuning .tuningPIDSliders .pid_titlebar th:nth-child(2) {
        width: 20%;
}
.tab-pid_tuning .tuningFilterSliders .pid_titlebar th:last-child,
    .tab-pid_tuning .tuningFilterSliders .pid_titlebar th:nth-child(2) {
        width: 20%;
}
.tab-pid_tuning .pid_titlebar th div .xs {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
}
.subtab-filter .two_columns {
        flex-wrap: wrap;
}
.subtab-filter .two_columns .two_columns_first {
        margin-right: 0;
}
.subtab-filter .two_columns .two_columns_second {
        margin-left: 0;
}
}

/* ── Responsive: 900px (rates column stacking) ────────────────────── */
@media all and (max-width: 900px) {
.tab-pid_tuning .subtab-rates {
        flex-direction: column;
}
}

/* ── Responsive: 1205px ───────────────────────────────────────────── */
@media only screen and (max-width: 1205px) {
.tab-pid_tuning .subtab-pid .spacer_left {
        width: 100%;
}
}

/* ── Responsive: 1405px ───────────────────────────────────────────── */
@media only screen and (max-width: 1405px) {
.tab-pid_tuning .subtab-rates .ratePreview.spacer_left {
        width: 100%;
}
}
.tab-preflight {
  /* Location Bar */
  /* Launch Status Banner */
  /* Launch Checks Breakdown */
  /* Status classes for values — WCAG AA compliant on light backgrounds */
  /* Weather */
  /* Flight Window */
  /* Status badge (inline) */
  /* 5-Day Forecast row highlights (applied via UTable meta.class.tr) */
  /* Solar Activity */
  /* GNSS */
  /* Airspace */
  /* Map */
  /* Misc */
}
.tab-preflight .preflight-tab {
  padding-bottom: 10px;
}
.tab-preflight .location-bar .default_btn {
  width: auto;
  float: none;
  margin-bottom: 0;
}
.tab-preflight .location-bar .default_btn a {
  padding: 0.35rem 0.75rem;
  white-space: nowrap;
}
.tab-preflight .location-bar .default_btn a em {
  margin-right: 4px;
}
.tab-preflight .location-bar .location-inputs {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.tab-preflight .location-bar .location-inputs .location-or {
  color: var(--surface-700);
  font-size: 12px;
}
.tab-preflight .location-bar .location-inputs .location-input {
  width: 120px;
  padding: 4px 8px;
  border: 1px solid var(--surface-500);
  border-radius: 3px;
  background: var(--surface-200);
  color: var(--text);
}
.tab-preflight .location-bar .location-inputs .manual-entry-group {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.tab-preflight .location-bar .saved-locations-row {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
}
.tab-preflight .location-bar .saved-locations-row .saved-loc-btn a {
  padding: 0.35rem 0.5rem;
}
.tab-preflight .location-bar .saved-locations-row .saved-loc-btn a em {
  margin-right: 0;
}
.tab-preflight .location-bar .saved-locations-row .save-entry-group {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.tab-preflight .location-bar .saved-locations-row .save-entry-group .save-label-input {
  width: 220px;
}
.tab-preflight .location-bar .location-status {
  margin-top: 8px;
  color: var(--primary-500);
  font-weight: bold;
}
.tab-preflight .location-bar .location-status em {
  margin-right: 4px;
}
.tab-preflight .location-bar .location-status .location-source {
  color: var(--surface-600);
  font-weight: normal;
  font-size: 11px;
}
.tab-preflight .location-bar .location-error {
  margin-top: 8px;
  color: #e74c3c;
}
.tab-preflight .location-bar .location-error em {
  margin-right: 4px;
}
.tab-preflight .location-bar .ip-consent-prompt {
  margin-top: 8px;
  padding: 8px 12px;
  background: var(--surface-200, #fff8e1);
  border: 1px solid var(--surface-400, #ffe082);
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 12px;
}
.tab-preflight .location-bar .ip-consent-prompt > em {
  color: #b8860b;
  flex-shrink: 0;
}
.tab-preflight .location-bar .ip-consent-prompt .ip-consent-actions {
  display: flex;
  gap: 6px;
  margin-left: auto;
}
.tab-preflight .launch-status-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 12px 20px;
  margin: 10px 0;
  border-radius: 6px;
  font-weight: bold;
  transition: background-color 0.3s;
}
.tab-preflight .launch-status-banner.status-good {
  background: linear-gradient(135deg, #1e8449, #27ae60);
  color: #fff;
}
.tab-preflight .launch-status-banner.status-moderate {
  background: linear-gradient(135deg, #b7770a, #d4ac0d);
  color: #000;
}
.tab-preflight .launch-status-banner.status-warning {
  background: linear-gradient(135deg, #a35309, #b7770a);
  color: #fff;
}
.tab-preflight .launch-status-banner.status-danger {
  background: linear-gradient(135deg, #922b21, #c0392b);
  color: #fff;
}
.tab-preflight .launch-status-banner.status-unknown {
  background: var(--surface-400);
  color: var(--text);
}
.tab-preflight .launch-status-banner .launch-status-label {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.tab-preflight .launch-status-banner .launch-status-value {
  font-size: 22px;
  letter-spacing: 2px;
}
.tab-preflight .launch-status-banner .refresh-btn {
  width: auto;
  float: none;
  margin-left: auto;
  margin-bottom: 0;
}
.tab-preflight .launch-status-banner .refresh-btn a {
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: inherit;
  padding: 0.35rem 0.75rem;
  white-space: nowrap;
}
.tab-preflight .launch-status-banner .refresh-btn a:hover {
  background: rgba(0, 0, 0, 0.2);
  color: inherit;
}
.tab-preflight .launch-status-banner .refresh-btn a em {
  margin-right: 4px;
}
.tab-preflight .launch-checks {
  display: flex;
  justify-content: center;
  gap: 16px;
  font-size: 12px;
  padding: 6px 0;
}
.tab-preflight .launch-checks .launch-check-item {
  display: flex;
  align-items: center;
  gap: 4px;
}
.tab-preflight .launch-checks .launch-check-item em {
  font-size: 11px;
}
.tab-preflight .status-good {
  color: #1e8449;
  font-weight: bold;
}
.tab-preflight .status-moderate {
  color: #b7770a;
  font-weight: bold;
}
.tab-preflight .status-warning {
  color: #a35309;
  font-weight: bold;
}
.tab-preflight .status-danger {
  color: #c0392b;
  font-weight: bold;
}
.tab-preflight .status-unknown {
  color: var(--surface-600);
}
.tab-preflight .weather-grid .weather-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--surface-400);
}
.tab-preflight .weather-grid .weather-main .weather-condition {
  display: flex;
  align-items: center;
  gap: 8px;
}
.tab-preflight .weather-grid .weather-main .weather-condition .weather-icon {
  font-size: 28px;
}
.tab-preflight .weather-grid .weather-main .weather-condition .weather-desc {
  font-size: 14px;
  font-weight: 500;
}
.tab-preflight .weather-grid .weather-main .weather-temp {
  font-size: 24px;
  font-weight: bold;
  color: var(--primary-500);
}
.tab-preflight .flight-window-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media (min-width: 768px) {
.tab-preflight .flight-window-grid {
    grid-template-columns: repeat(3, 1fr);
}
}
.tab-preflight .flight-window-grid .flight-window-item {
  text-align: center;
  padding: 8px;
  background: var(--surface-200);
  border-radius: 4px;
}
.tab-preflight .flight-window-grid .flight-window-item .fw-label {
  font-size: 11px;
  color: var(--surface-600);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}
.tab-preflight .flight-window-grid .flight-window-item .fw-value {
  font-size: 16px;
  font-weight: bold;
}
.tab-preflight .flight-window-grid .flight-window-item .fw-value .fw-sublabel {
  display: block;
  font-size: 11px;
  font-weight: normal;
  margin-top: 2px;
}
.tab-preflight .status-badge {
  font-size: 11px;
  margin-left: 6px;
}
.tab-preflight .table-note {
  font-size: 11px;
  color: var(--surface-600);
  margin-top: 4px;
  text-align: right;
}
.tab-preflight .forecast-row-danger {
  background: rgba(192, 57, 43, 0.1) !important;
}
.tab-preflight .forecast-row-warning {
  background: rgba(163, 83, 9, 0.1) !important;
}
.tab-preflight .forecast-row-moderate {
  background: rgba(183, 119, 10, 0.08) !important;
}
.tab-preflight .solar-info .kp-display {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.tab-preflight .solar-info .kp-display .kp-value {
  font-size: 28px;
  font-weight: bold;
  padding: 4px 12px;
  border-radius: 6px;
}
.tab-preflight .solar-info .kp-display .kp-value.status-good {
  background: rgba(30, 132, 73, 0.15);
}
.tab-preflight .solar-info .kp-display .kp-value.status-moderate {
  background: rgba(183, 119, 10, 0.15);
}
.tab-preflight .solar-info .kp-display .kp-value.status-warning {
  background: rgba(163, 83, 9, 0.15);
}
.tab-preflight .solar-info .kp-display .kp-value.status-danger {
  background: rgba(192, 57, 43, 0.15);
}
.tab-preflight .solar-info .kp-display .kp-label {
  font-size: 14px;
  color: var(--surface-700);
}
.tab-preflight .solar-info .kp-scale {
  margin-bottom: 12px;
}
.tab-preflight .solar-info .kp-scale .kp-bar {
  height: 8px;
  background: var(--surface-400);
  border-radius: 4px;
  overflow: hidden;
}
.tab-preflight .solar-info .kp-scale .kp-bar .kp-fill {
  height: 100%;
  border-radius: 4px;
  transition: width 0.5s ease;
}
.tab-preflight .solar-info .kp-scale .kp-bar .kp-fill.status-good {
  background: #1e8449;
}
.tab-preflight .solar-info .kp-scale .kp-bar .kp-fill.status-moderate {
  background: #b7770a;
}
.tab-preflight .solar-info .kp-scale .kp-bar .kp-fill.status-warning {
  background: #a35309;
}
.tab-preflight .solar-info .kp-scale .kp-bar .kp-fill.status-danger {
  background: #c0392b;
}
.tab-preflight .solar-info .kp-scale .kp-scale-labels {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  color: var(--surface-600);
  margin-top: 2px;
}
.tab-preflight .solar-info .storm-scales {
  margin-bottom: 8px;
}
.tab-preflight .solar-info .solar-timestamp {
  font-size: 11px;
  color: var(--surface-600);
  margin-top: 8px;
}
.tab-preflight .gnss-info p {
  font-size: 12px;
  color: var(--surface-700);
  margin-bottom: 8px;
}
.tab-preflight .gnss-info .gnss-links {
  margin-top: 10px;
}
.tab-preflight .gnss-info .gnss-links a {
  color: var(--primary-500);
  text-decoration: none;
  font-size: 12px;
}
.tab-preflight .gnss-info .gnss-links a:hover {
  text-decoration: underline;
}
.tab-preflight .gnss-info .gnss-links a em {
  margin-right: 4px;
  font-size: 10px;
}
.tab-preflight .airspace-info {
  /* NOTAM settings accordion */
  /* Privacy note */
  /* NOTAM data panel */
}
.tab-preflight .airspace-info p {
  font-size: 12px;
  color: var(--surface-700);
  margin-bottom: 10px;
}
.tab-preflight .airspace-info .airspace-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tab-preflight .airspace-info .airspace-links .airspace-link {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  background: var(--surface-200);
  border: 1px solid var(--surface-400);
  border-radius: 4px;
  color: var(--primary-500);
  text-decoration: none;
  font-size: 13px;
  transition: background 0.2s;
}
.tab-preflight .airspace-info .airspace-links .airspace-link:hover {
  background: var(--surface-300);
}
.tab-preflight .airspace-info .airspace-links .airspace-link em {
  margin-right: 8px;
  width: 16px;
  text-align: center;
}
.tab-preflight .airspace-info .notam-settings {
  margin-top: 8px;
  font-size: 12px;
}
.tab-preflight .airspace-info .notam-settings summary {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  background: var(--surface-200);
  border: 1px solid var(--surface-400);
  border-radius: 4px;
  color: var(--primary-500);
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
  user-select: none;
  list-style: none;
  transition: background 0.2s;
}
.tab-preflight .airspace-info .notam-settings summary:hover {
  background: var(--surface-300);
}
.tab-preflight .airspace-info .notam-settings summary::-webkit-details-marker {
  display: none;
}
.tab-preflight .airspace-info .notam-settings summary em {
  margin-right: 8px;
  width: 16px;
  text-align: center;
}
.tab-preflight .airspace-info .notam-settings[open] summary {
  border-radius: 4px 4px 0 0;
  border-bottom: none;
}
.tab-preflight .airspace-info .notam-settings .notam-settings-body {
  padding: 10px;
  border: 1px solid var(--surface-400);
  border-top: none;
  border-radius: 0 0 4px 4px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tab-preflight .airspace-info .notam-settings .notam-setting-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.tab-preflight .airspace-info .notam-settings .notam-setting-label {
  flex: 0 0 auto;
  min-width: 110px;
  font-size: 12px;
  color: var(--text);
}
.tab-preflight .airspace-info .notam-settings .notam-setting-select {
  flex: 1;
  min-width: 0;
}
.tab-preflight .airspace-info .notam-settings .notam-setting-input {
  flex: 1;
  min-width: 0;
  padding: 4px 8px;
  border: 1px solid var(--surface-500);
  border-radius: 3px;
  background: var(--surface-200);
  color: var(--text);
  font-size: 12px;
}
.tab-preflight .airspace-info .notam-settings .notam-radius-group {
  display: flex;
  gap: 6px;
  flex: 1;
}
.tab-preflight .airspace-info .notam-settings .notam-radius-input {
  width: 70px;
  padding: 4px 8px;
  border: 1px solid var(--surface-500);
  border-radius: 3px;
  background: var(--surface-200);
  color: var(--text);
  font-size: 12px;
}
.tab-preflight .airspace-info .notam-settings .notam-radius-unit {
  width: 80px;
}
.tab-preflight .airspace-info .notam-privacy-note {
  margin-top: 8px;
  font-size: 11px;
  color: var(--surface-600);
  background: var(--surface-100);
  border: 1px solid var(--surface-300);
  border-radius: 4px;
  padding: 6px 8px;
}
.tab-preflight .airspace-info .notam-privacy-note em {
  margin-right: 4px;
}
.tab-preflight .airspace-info .notam-panel {
  margin-top: 10px;
}
.tab-preflight .airspace-info .notam-panel .notam-loading,
.tab-preflight .airspace-info .notam-panel .notam-empty {
  font-size: 12px;
  color: var(--surface-600);
  padding: 8px 0;
  text-align: center;
}
.tab-preflight .airspace-info .notam-panel .notam-loading em,
.tab-preflight .airspace-info .notam-panel .notam-empty em {
  margin-right: 6px;
}
.tab-preflight .airspace-info .notam-panel .notam-error {
  font-size: 12px;
  color: var(--color-error-600);
  padding: 6px 8px;
  background: var(--color-error-50);
  border: 1px solid var(--color-error-300);
  border-radius: 4px;
}
.tab-preflight .airspace-info .notam-panel .notam-error em {
  margin-right: 6px;
}
.tab-preflight .airspace-info .notam-panel .notam-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 400px;
  overflow-y: auto;
}
.tab-preflight .airspace-info .notam-panel .notam-card {
  border: 1px solid var(--surface-400);
  border-radius: 4px;
  padding: 8px 10px;
  font-size: 12px;
  background: var(--surface-0);
}
.tab-preflight .airspace-info .notam-panel .notam-card.notam-card-active {
  border-left: 3px solid var(--color-success-500);
}
.tab-preflight .airspace-info .notam-panel .notam-card.notam-card-future {
  border-left: 3px solid var(--color-warning-500);
}
.tab-preflight .airspace-info .notam-panel .notam-card.notam-card-expired {
  border-left: 3px solid var(--surface-400);
  opacity: 0.6;
}
.tab-preflight .airspace-info .notam-panel .notam-card-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 4px;
}
.tab-preflight .airspace-info .notam-panel .notam-id {
  font-weight: 600;
  font-size: 12px;
}
.tab-preflight .airspace-info .notam-panel .notam-location {
  color: var(--surface-600);
  font-size: 11px;
  margin-left: auto;
}
.tab-preflight .airspace-info .notam-panel .notam-type-badge,
.tab-preflight .airspace-info .notam-panel .notam-status-badge {
  font-size: 10px;
  font-weight: 600;
  padding: 1px 6px;
  border-radius: 3px;
  text-transform: uppercase;
}
.tab-preflight .airspace-info .notam-panel .notam-badge-notam {
  background: var(--color-info-100);
  color: var(--color-info-800);
}
.tab-preflight .airspace-info .notam-panel .notam-badge-tfr {
  background: var(--color-error-100);
  color: var(--color-error-800);
}
.tab-preflight .airspace-info .notam-panel .notam-badge-sua {
  background: var(--color-warning-100);
  color: var(--color-warning-800);
}
.tab-preflight .airspace-info .notam-panel .notam-badge-snow {
  background: var(--surface-100);
  color: var(--surface-700);
}
.tab-preflight .airspace-info .notam-panel .notam-badge-ash {
  background: var(--surface-200);
  color: var(--surface-700);
}
.tab-preflight .airspace-info .notam-panel .notam-status-active {
  background: var(--color-success-100);
  color: var(--color-success-800);
}
.tab-preflight .airspace-info .notam-panel .notam-status-future {
  background: var(--color-warning-100);
  color: var(--color-warning-800);
}
.tab-preflight .airspace-info .notam-panel .notam-status-expired {
  background: var(--surface-100);
  color: var(--surface-600);
}
.tab-preflight .airspace-info .notam-panel .notam-card-times {
  font-size: 11px;
  color: var(--surface-600);
  margin-bottom: 3px;
}
.tab-preflight .airspace-info .notam-panel .notam-card-alt {
  font-size: 11px;
  color: var(--surface-600);
  margin-bottom: 3px;
}
.tab-preflight .airspace-info .notam-panel .notam-card-body {
  font-size: 12px;
  line-height: 1.4;
  word-break: break-word;
}
.tab-preflight .airspace-info .notam-panel .notam-expand-link {
  display: inline-block;
  margin-left: 4px;
  font-size: 11px;
  color: var(--primary-500);
  text-decoration: underline;
  cursor: pointer;
}
.tab-preflight .airspace-info .notam-panel .notam-timestamp {
  margin-top: 6px;
  font-size: 11px;
  color: var(--surface-500);
  text-align: right;
}
.tab-preflight .preflight-map-box .preflight-map-container {
  position: relative;
  padding: 0 !important;
}
.tab-preflight .preflight-map-box .preflight-map-container:fullscreen,
.tab-preflight .preflight-map-box .preflight-map-container:-webkit-full-screen {
  width: 100vw !important;
  height: 100vh !important;
  background-color: var(--surface-100);
}
.tab-preflight .preflight-map-box .preflight-map-container:fullscreen .preflight-map,
.tab-preflight .preflight-map-box .preflight-map-container:-webkit-full-screen .preflight-map {
  height: calc(100vh - var(--map-controls-bar-height, 33px)) !important;
  width: 100vw !important;
}
.tab-preflight .preflight-map-box .preflight-map-container:fullscreen .controls,
.tab-preflight .preflight-map-box .preflight-map-container:-webkit-full-screen .controls {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw !important;
  z-index: 1000;
  flex-direction: row;
  top: auto;
  right: auto;
  justify-content: center;
  gap: 4px;
  padding: 4px;
  background: var(--surface-200);
}
.tab-preflight .preflight-map-box .preflight-map {
  width: 100%;
  height: 400px;
}
.tab-preflight .preflight-map-box .controls {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  z-index: 10;
}
.tab-preflight .preflight-map-box .controls button {
  width: 28px;
  height: 28px;
  border: 1px solid var(--surface-500);
  background: var(--surface-100);
  color: var(--text);
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  border-radius: 3px;
}
.tab-preflight .preflight-map-box .controls button:hover {
  background: var(--primary-500);
  color: #fff;
}
.tab-preflight .preflight-map-box .controls button.active {
  background: var(--primary-500);
  color: #fff;
}
.tab-preflight .error-message {
  color: #e74c3c;
  padding: 8px;
}
.tab-preflight .error-message em {
  margin-right: 4px;
}
.tab-preflight .no-data {
  color: var(--surface-600);
  text-align: center;
  padding: 20px;
  font-style: italic;
}
.tab-preflight .loading-placeholder {
  text-align: center;
  padding: 20px;
  color: var(--surface-600);
}
.tab-preflight .preflight-attribution {
  text-align: center;
  font-size: 10px;
  color: var(--surface-600);
  margin-top: 12px;
  padding: 4px;
}

/* Preset description styling (modal body is teleported, so no .tab-presets ancestor) */
.preset-description-text + .preset-description-text,
.preset-description-text {
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 12px;
    margin-bottom: 12px;
    overflow-y: scroll;
    flex: 1;
    min-height: 0;
    font-size: 110%;
    white-space: pre-line;
    user-select: text;
}

/* Options panel summary arrow */
.preset-options-summary::-webkit-details-marker {
    display: none;
}
.preset-options-summary::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid var(--ui-text);
    justify-self: end;
    opacity: 0.65;
    transition: transform 0.2s ease;
}
details[open] > .preset-options-summary {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
details[open] > .preset-options-summary::after {
    transform: rotate(180deg);
}

/* Markdown description HTML styling */
.preset-description-html {
    white-space: normal;
}
.preset-description-html h1,
.preset-description-html h2 {
    padding-top: 10px;
    padding-bottom: 3px;
}
.preset-description-html h3 {
    padding-top: 5px;
    padding-bottom: 0;
}
.preset-description-html h4,
.preset-description-html h5,
.preset-description-html h6 {
    padding-top: 0;
    padding-bottom: 0;
}
.preset-description-html ul,
.preset-description-html ol {
    padding-left: 25px;
}
.preset-description-html ul li {
    padding-left: 12px;
    list-style-type: disclosure-closed;
}
.preset-description-html ol li {
    padding-left: 12px;
    list-style-type: decimal;
}
.preset-description-html img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}
@media all and (max-width: 575px) {
.preset-description-text {
        height: unset;
        padding-bottom: 100px;
}
}

.preset-card-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 500px), 1fr));
}
.tab-presets .content_wrapper {
    overflow-y: scroll;
    overflow-x: hidden;
}

/* CLI terminal window — runtime-generated DOM, cannot use Tailwind */
.presets_cli_background {
    border: 1px solid var(--ui-border);
    background-color: rgba(64, 64, 64, 1);
    height: 300px;
    border-radius: 5px;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8);
}
.presets_cli_window {
    height: 100%;
    width: 100%;
    padding: 5px;
    overflow-y: auto;
    overflow-x: hidden;
    font-family: monospace;
    color: white;
    box-sizing: border-box;
    user-select: text;
    float: left;
}
.presets_cli_wrapper {
    white-space: pre-wrap;
    user-select: text;
}
.presets_cli_window .error_message {
    color: red;
    font-weight: bold;
}
@media only screen and (max-width: 1055px) {
.tab-presets .content_wrapper {
        height: calc(100% - 87px);
}
.tab-presets .content_toolbar {
        margin-top: 5px;
}
}
@media all and (max-width: 575px) {
.tab-presets .content_wrapper {
        height: calc(100% - 51px);
}
}

.bode-svg {
text {
        fill: var(--surface-700);
}
.tick text {
        font-size: 10px;
        fill: var(--surface-600);
}
.tick line,
    .domain {
        stroke: var(--surface-400);
}
}

.autotune-table {
    border-collapse: collapse;
th,
    td {
        padding: 5px 10px;
        text-align: left;
        border-bottom: 1px solid var(--surface-200);
        font-size: 12px;
}
th {
        font-weight: bold;
}
}
.column-header-row th {
    font-size: 11px;
    padding-top: 10px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--surface-300);
}
.section-title-row td {
    font-weight: bold;
    font-size: 11px;
    color: var(--surface-500);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding-top: 10px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--surface-300);
}

.toolbar-bar[data-v-fa98b567] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.3rem 0.75rem;
    background: var(--surface-100);
    border-bottom: 1px solid var(--surface-300);
}
.toolbar-group[data-v-fa98b567] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}
.toolbar-group--start[data-v-fa98b567] {
    min-width: 0;
}
.toolbar-filename[data-v-fa98b567] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    max-width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.welcome-page[data-v-18b51377] {
    position: absolute;
    inset: 0;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--graph-background, #0c0c0c);
    overflow: hidden;
}

/* Dimmed graph image behind the dialog */
.welcome-backdrop[data-v-18b51377] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center;
    opacity: 0.28;
    filter: saturate(0.9);
    pointer-events: none;
    user-select: none;
}
.welcome-dialog[data-v-18b51377] {
    position: relative;
    z-index: 1;
    width: min(30rem, 90%);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}
.welcome-body[data-v-18b51377] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
}
.welcome-title[data-v-18b51377] {
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--text);
    margin: 0;
}
.welcome-tagline[data-v-18b51377] {
    font-size: 0.85rem;
    color: var(--text-secondary);
    margin: 0 0 0.5rem;
    line-height: 1.4;
}
.welcome-actions[data-v-18b51377] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    justify-content: center;
}
.welcome-help[data-v-18b51377] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    margin-top: 0.5rem;
    font-size: 0.75rem;
    line-height: 1;
}
.welcome-help-icon[data-v-18b51377] {
    width: 0.9rem;
    height: 0.9rem;
    flex: none;
}

.status-bar[data-v-ec80bf09] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.75rem;
    height: 1.5rem;
    font-size: 0.65rem;
    color: var(--text-secondary);
    background: var(--surface-200, hsl(0, 0%, 92%));
    border-top: 1px solid var(--border-color, #ccc);
}
:root.dark .status-bar[data-v-ec80bf09] {
    background: var(--surface-100, hsl(0, 0%, 8%));
    border-top-color: var(--surface-800, hsl(0, 0%, 25%));
}
.status-item[data-v-ec80bf09] {
    white-space: nowrap;
}
.status-flight-mode[data-v-ec80bf09] {
    color: var(--color-primary-600, #e69400);
    font-weight: 600;
}

.keys-grid[data-v-ef17361e] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    padding: 0.75rem;
}
@media (max-width: 900px) {
.keys-grid[data-v-ef17361e] {
        grid-template-columns: repeat(2, 1fr);
}
}
.keys-col[data-v-ef17361e] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.keys-card[data-v-ef17361e] {
    border: 1px solid var(--ui-border);
    border-radius: 0.5rem;
    padding: 0.6rem 0.75rem;
    background: var(--ui-bg-elevated);
}
.keys-card-header[data-v-ef17361e] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-highlighted);
    margin-bottom: 0.5rem;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid var(--ui-border);
}
.keys-kbd[data-v-ef17361e] {
    display: inline-block;
    padding: 0.05rem 0.35rem;
    margin-right: 0.15rem;
    font-family: ui-monospace, SFMono-Regular, monospace;
    font-size: 0.65rem;
    line-height: 1.5;
    color: var(--text-primary);
    background: var(--ui-bg);
    border: 1px solid var(--ui-border);
    border-bottom-width: 2px;
    border-radius: 0.25rem;
}
.keys-hint[data-v-ef17361e] {
    margin: 0.35rem 0 0;
    font-size: 0.62rem;
    color: var(--text-dimmed);
    font-style: italic;
}
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}

.leaflet-container {
	overflow: hidden;
	}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}

/* Prevents IE11 from highlighting tiles in blue */

.leaflet-tile::selection {
	background: transparent;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */

.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}

/* hack that prevents hw layers "stretching" when loading new tiles */

.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}

.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */

/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */

.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}

.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}

.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}

.leaflet-tile-loaded {
	visibility: inherit;
	}

.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */

.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }

.leaflet-overlay-pane { z-index: 400; }

.leaflet-shadow-pane  { z-index: 500; }

.leaflet-marker-pane  { z-index: 600; }

.leaflet-tooltip-pane   { z-index: 650; }

.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }

.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}

.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}

/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}

.leaflet-top {
	top: 0;
	}

.leaflet-right {
	right: 0;
	}

.leaflet-bottom {
	bottom: 0;
	}

.leaflet-left {
	left: 0;
	}

.leaflet-control {
	float: left;
	clear: both;
	}

.leaflet-right .leaflet-control {
	float: right;
	}

.leaflet-top .leaflet-control {
	margin-top: 10px;
	}

.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}

.leaflet-left .leaflet-control {
	margin-left: 10px;
	}

.leaflet-right .leaflet-control {
	margin-right: 10px;
	}

/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}

.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}

svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}

/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}

.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}

.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */

.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}

.leaflet-container a {
	color: #0078A8;
	}

.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}

/* general typography */

.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}

/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}

.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}

.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}

.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}

.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}

.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}

.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}

.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}

.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}

/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}

.leaflet-control-layers-toggle {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
	width: 36px;
	height: 36px;
	}

.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);
	background-size: 26px 26px;
	}

.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}

.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}

.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}

.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}

.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}

.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */

.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=);
	}

/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}

.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}

.leaflet-control-attribution a {
	text-decoration: none;
	}

.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}

.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}

.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}

.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}

.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}

.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}

/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}

.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}

.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}

.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}

.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}

.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}

.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}

.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}

.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}

.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}

/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}

/* Tooltip */

/* Base styles for the element that has a tooltip */

.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}

.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}

.leaflet-tooltip-top {
	margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}

.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}

.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}

.leaflet-tooltip-left {
	margin-left: -6px;
}

.leaflet-tooltip-right {
	margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}

.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}

.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}

/**
 * Theme bridge for the embedded blackbox viewer.
 *
 * The viewer's own UI/canvas code references a handful of variable names (--surface-0,
 * --text-primary, --border-color, --graph-*, ...). Rather than define its own palette, we
 * alias those names onto the host configurator's theme variables (--surface-*, --text,
 * --primary-*) so the viewer inherits the app's exact colours and dark mode automatically.
 *
 * Variables the configurator already provides (--primary-*, --surface-*, --error-*, --text)
 * are intentionally NOT redefined here — they cascade in from the host.
 */

.blackbox-viewer-root {
    /* Surfaces / text — alias viewer names onto the app theme */
    --surface-0: var(--surface-50);
    --text-primary: var(--text);
    --text-secondary: var(--surface-800);
    --text-inverse: var(--surface-50);

    /* UI chrome */
    --border-color: var(--surface-300);
    --button-text: #000;
    --input-bg: var(--surface-50);
    --input-border: var(--surface-300);
    --input-border-focus: var(--primary-500);

    /* Graph/canvas colours read by theme_colors.js (the plot stays a dark surface) */
    --graph-background: #2a2a2a;
    --graph-grid: rgba(255, 255, 255, 0.15);
    --graph-text: rgba(255, 255, 255, 0.9);
    --graph-text-secondary: rgba(255, 255, 255, 0.65);
    --graph-axis: rgba(255, 255, 255, 0.5);
}

.blackbox-viewer-root.dark {
    --graph-background: #1a1a1a;
    --graph-grid: rgba(255, 255, 255, 0.2);
    --graph-text: rgba(255, 255, 255, 0.95);
    --graph-text-secondary: rgba(255, 255, 255, 0.75);
    --graph-axis: rgba(255, 255, 255, 0.6);
}

.blackbox-viewer-root {
    height: 100%;
    overflow-y: visible;
}

.blackbox-viewer-root a:hover {
    text-decoration: none;
    color: inherit;
}

/* Add an extended wide size to the page container for large monitors */

@media (min-width: 1400px) {
    .app-main-pane {
        width: 90%;
    }
}

/*** toolbar expansion ***/

@media (max-width: 1020px) {
    .video-top-controls * h4 {
        display: none !important;
    }

    .video-top-controls {
        height: 36px;
        padding-top: 6px;
    }

    .graph-row {
        top: 85px !important;
    }
}

@media (max-width: 675px) {
    .app-main-pane,
    .blackbox-viewer-root.has-log div.log-seek-bar {
        padding-left: 0;
        padding-right: 0;
    }

    .app-main-pane .graph-row {
        width: 100%;
    }

    div.log-graph-config {
        padding: 1em 0;
        line-height: 1.1;
    }

    div.log-graph-config h2 {
        margin: 0;
        display: none;
    }

    div.log-graph-config h3 {
        margin-top: 0.25em;
        margin-bottom: 0.25em;
        font-size: 115%;
    }

    .video-top-controls {
        height: 28px;
        padding-top: 4px;
    }

    .video-top-controls .toolbar-panel {
        margin-right: 2px;
    }

    div.graph-row {
        top: 115px !important;
    }
}

/* With video */

@media (max-width: 920px) {
    .blackbox-viewer-root.has-video .video-top-controls .toolbar-panel {
        margin-right: 1px;
    }
}

/*** end toolbar expansion ***/

.app-main-pane {
    position: fixed;
    top: 15px;
    bottom: 100px;
    left: 0;
    right: 0;
    padding-left: 15px;
    padding-right: 15px;
    display: none;
}

.log-seek-bar canvas {
    width: 100%;
    height: 50px;
    margin-top: 0.5em;
}

.graph-row {
    margin-top: 1em;
    display: none;
}

.log-graph-legend {
    font-size: 85%;
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 1em;
}

.log-graph {
    position: relative;
    flex-grow: 1;
    background-color: var(--graph-background);
}

.log-graph-config {
    background-color: var(--surface-100);
    color: var(--text-secondary);
    padding: 0.75rem;
    margin-left: 6px;
    border-radius: 6px;
    border: 1px solid var(--border-color, #e5e5e5);
    min-width: 135px;
    flex-grow: 0.02;
    flex-direction: column;
    display: none;
}

.blackbox-viewer-root.dark .log-graph-config {
    border-color: var(--surface-800, hsl(0, 0%, 25%));
}

.log-graph-config h2 {
    margin-top: 0;
}

.log-graph-config h3 {
    font-size: 125%;
    margin-top: 1em;
    margin-bottom: 0.5em;
    cursor: pointer;
}

.blackbox-viewer-root.has-log .log-graph-config {
    display: flex;
}

#graphCanvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--graph-background);
}

#craftCanvas,
#analyserCanvas,
#mapContainer,
#stickCanvas {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.blackbox-viewer-root.has-craft #craftCanvas,
.blackbox-viewer-root.has-analyser #analyserCanvas,
.blackbox-viewer-root.has-map #mapContainer,
.blackbox-viewer-root.has-sticks #stickCanvas {
    display: block;
}

#mapContainer.no-gps-data:before {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    content: "";
    background-color: var(--surface-200, hsl(0, 0%, 50%));
    opacity: 0.5;
}

#mapContainer.no-gps-data:after {
    position: absolute;
    display: block;
    top: calc(30%);
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10001;
    content: "No GPS Data";
    text-align: center;
    font-size: 3vw;
}

#analyser,
#log-seek-bar {
    z-index: 10;
}

/* This filters change the color of a black png image. For new colors check: https://codepen.io/sosuke/pen/Pjoqqp */

.isBF #mapContainer .icon {
    filter: invert(36%) sepia(28%) saturate(3957%) hue-rotate(28deg) brightness(93%) contrast(103%);
}

.isCF #mapContainer .icon {
    filter: invert(28%) sepia(100%) saturate(2050%) hue-rotate(134deg) brightness(100%) contrast(104%);
}

.isINAV #mapContainer .icon {
    filter: invert(14%) sepia(100%) saturate(4698%) hue-rotate(244deg) brightness(64%) contrast(130%);
}

.analyser:hover .non-shift .spectrum-buttons {
    opacity: 1;
    height: auto;
    transition: opacity 500ms ease-in;
}

.analyser .spectrum-actions {
    height: 0;
    overflow: hidden;
    opacity: 0;
    top: 0;
    left: 340px;
    z-index: 9;
    position: absolute;
}

.analyser:hover .non-shift .spectrum-actions {
    opacity: 1;
    height: auto;
    transition: opacity 500ms ease-in;
}

.analyser .spectrum-buttons {
    height: 0;
    overflow: hidden;
    opacity: 0;
    top: 0;
    z-index: 9;
    position: absolute;
    display: flex;
    gap: 4px;
    align-items: center;
}

.analyser:hover .non-shift #spectrumType {
    opacity: 1;
    height: auto;
    transition: opacity 500ms ease-in;
}

.analyser #spectrumType {
    height: 0;
    overflow: hidden;
    opacity: 0;
    left: 5px;
    float: left;
    z-index: 9;
    position: absolute;
    min-width: 150px;
}

.analyser:hover .non-shift #overdrawSpectrumType {
    opacity: 1;
    height: auto;
    transition: opacity 500ms ease-in;
}

.analyser #overdrawSpectrumType {
    height: 0;
    overflow: hidden;
    opacity: 0;
    left: 170px;
    float: left;
    z-index: 9;
    position: absolute;
    min-width: 160px;
}

.analyser .analyser-slider-x {
    left: 975px;
    top: 5px;
    position: absolute;
    z-index: 9;
}

.analyser .analyser-slider-y {
    left: 1085px;
    top: 30px;
    position: absolute;
    z-index: 9;
    height: 50px;
}

.analyser .analyser-psd-input::-webkit-inner-spin-button,
.analyser .analyser-psd-input::-webkit-outer-spin-button {
    appearance: auto !important;
    opacity: 1 !important;
    height: auto !important;
    width: auto !important;
}

.analyser .analyser-psd-input {
    width: 50px;
    height: 20px;
    padding: 3px;
    z-index: 9;
    position: absolute;
}

.analyser .analyser-psd-label {
    position: absolute;
    color: var(--text-secondary);
    z-index: 9;
    padding: 3px;
}

.analyser,
.map-container,
.log-seek-bar {
    position: absolute;
}

#log-seek-bar {
    width: 100%;
}

#seekbarToolbar {
    position: absolute;
    top: 8px;
    left: 20px;
}

.log-seek-bar:hover .non-shift #seekbarType {
    opacity: 1;
    height: auto;
    transition: opacity 500ms ease-in;
}

.log-seek-bar #seekbarType {
    height: 0;
    overflow: hidden;
    opacity: 0;
    z-index: 9;
    position: absolute;
    min-width: 200px;
}

.log-graph video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.blackbox-viewer-root:not(.has-marker) .marker-offset {
    display: none;
}

.graph-legend-field {
    margin-bottom: 0.5em;
    cursor: pointer;
    padding-left: 0.7em;
    padding-right: 0.7em;
}

.graph-legend-field-name:hover {
    text-decoration: underline;
}

.graph-legend-field-value {
    float: right;
}

.graph-legend-field-settings {
    font-size: 8px;
    color: var(--button-text);
    opacity: 0.8;
    font-weight: bold;
    padding-left: 0.3em;
}

.graph-legend-field.highlight > .graph-legend-field-settings {
    opacity: 1;
    box-shadow: 0px 0px 2px white;
}

.legend-eye-closed {
    opacity: 0.3;
}

.graph-legend-field-visibility {
    cursor: pointer;
    float: right;
    margin-left: 0.7em;
}

.blackbox-viewer-root.has-video .graph-row,
.blackbox-viewer-root.has-log .graph-row {
    display: flex;
    position: fixed;
    top: 85px;
    width: calc(100% - 30px);
    bottom: 96px;
}

.blackbox-viewer-root.has-video .log-graph {
    height: auto;
}

.blackbox-viewer-root.has-video .log-graph video {
    width: 100%;
    height: 100%;
}

.blackbox-viewer-root.has-video #graphCanvas {
    background-color: transparent;
}

.blackbox-viewer-root:not(.has-analyser-fullscreen) .icon-resize-small {
    display: none;
}

.blackbox-viewer-root.has-analyser-fullscreen .icon-resize-full {
    display: none;
}

.blackbox-viewer-root.has-analyser .view-analyser-fullscreen {
    visibility: inherit;
}

.blackbox-viewer-root:not(.has-analyser) .view-analyser-fullscreen {
    visibility: hidden;
}

.video-top-controls .toolbar-panel {
    display: inline-block;
    margin-right: 12px;
    padding-right: 12px;
    vertical-align: middle;
    border-right: 1px solid var(--border-color, #e5e5e5);
}

.video-top-controls .toolbar-panel:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}

.blackbox-viewer-root.dark .video-top-controls .toolbar-panel {
    border-right-color: var(--surface-800, hsl(0, 0%, 25%));
}

.video-top-controls h4 {
    font-size: 9px;
    color: var(--text-secondary, hsl(0, 0%, 50%));
    margin-top: 4px;
    margin-bottom: 2px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.blackbox-viewer-root.has-log .video-top-controls .log-view-panel,
.blackbox-viewer-root.has-log .video-top-controls .log-chart-zoom-panel,
.blackbox-viewer-root.has-log .video-top-controls .log-chart-time-panel {
    display: inline-block;
}

.video-top-controls .log-view-panel,
.video-top-controls .log-chart-zoom-panel,
.video-top-controls .log-chart-time-panel {
    display: none;
}

.video-top-controls .log-sync-panel {
    display: none;
}

.blackbox-viewer-root.has-video.has-log .video-top-controls .log-sync-panel {
    display: inline-block;
}

.log-seek-bar {
    display: none;
}

.blackbox-viewer-root.has-video .log-seek-bar,
.blackbox-viewer-root.has-log .log-seek-bar {
    display: block;
    position: fixed;
    bottom: 32px;
    padding-left: 15px;
    padding-right: 15px;
}

.log-workspace-panel {
    width: 200px;
}

.video-top-controls,
.log-graph {
    display: none;
}

.blackbox-viewer-root.has-video .video-top-controls,
.blackbox-viewer-root.has-log .video-top-controls,
.blackbox-viewer-root.has-video .log-graph,
.blackbox-viewer-root.has-log .log-graph {
    display: block;
}

.blackbox-viewer-root.has-video .video-top-controls,
.blackbox-viewer-root.has-log .video-top-controls {
    top: 35px;
    padding: 2px 0.75rem;
    position: fixed;
    z-index: 10;
    background-color: var(--surface-0);
    border-bottom: 1px solid var(--border-color, #e5e5e5);
    width: 100%;
    min-width: 1390px;
    white-space: nowrap;
}

.blackbox-viewer-root.dark .video-top-controls {
    border-bottom-color: var(--surface-800, hsl(0, 0%, 25%));
}

.blackbox-viewer-root.video-hidden video {
    display: none;
}

.blackbox-viewer-root.has-log .app-main-pane,
.blackbox-viewer-root.has-video .app-main-pane {
    display: block;
}

.blackbox-viewer-root.has-video .app-navbar,
.blackbox-viewer-root.has-log .app-navbar {
    display: block;
}

.app-navbar {
    display: none;
    position: fixed;
    width: 100%;
}

.blackbox-viewer-root:not(.has-log) .vue-statusbar {
    display: none;
}

.vue-statusbar {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100;
}

.blackbox-viewer-root:not(.has-gps) .view-map,
.blackbox-viewer-root:not(.has-gps) .map-container {
    display: none !important;
}

/*
 Mouse Notification styling
*/

.mouseNotification {
    position: absolute;
    margin: 0 auto;
    white-space: pre-wrap;
}

.mouseNotification-box {
    font-size: 12px;
    line-height: 1.4;
    z-index: 10;
    padding: 4px 8px;
    color: var(--text-inverse);
    background-color: var(--surface-800);
    border-radius: 4px;
}

.tab-blackbox-viewer-host[data-v-578427f4] {
    height: 100%;
}
.blackbox-viewer-root[data-v-578427f4] {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    /* The vendored viewer was a full-page app and lays out with position: fixed. A transform
       on this root makes those fixed descendants resolve against the tab pane instead of the
       window, so the viewer stays inside the content area and never covers the sidebar. */
    transform: translateZ(0);
}
.remote-share[data-v-1f8f0bda] {
  padding: 0.5rem 0;
}
.remote-share__status[data-v-1f8f0bda] {
  font-size: 10px;
  text-align: center;
  margin-top: 2px;
  white-space: nowrap;
}
.remote-share__status--copied[data-v-1f8f0bda] {
  color: var(--primary-500);
}
.remote-share__status--connected[data-v-1f8f0bda] {
  color: var(--success-500);
}
.remote-share__status--disconnected[data-v-1f8f0bda] {
  color: var(--error-500);
}
.remote-join[data-v-d2ccf062] {
  flex-shrink: 0;
}
.remote-join__error[data-v-d2ccf062] {
  font-size: 10px;
  color: var(--error-500);
  text-align: center;
  margin-top: 2px;
  word-wrap: break-word;
}

/* Unscoped styles for teleported popup menu */
.user-popup-menu {
    position: fixed;
    background-color: var(--surface-100);
    border: 1px solid var(--surface-400);
    border-radius: 10px;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.3);
    width: 160px;
    z-index: 10000;
    margin-bottom: 4px;
}
.user-popup-menu #menu-username {
    padding: 10px 15px;
    font-weight: bold;
    border-bottom: 1px solid var(--surface-300);
    text-align: center;
}
.user-popup-menu .menu-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    color: var(--text);
    text-decoration: none;
    transition: background-color 0.2s ease;
}
.user-popup-menu .menu-item i {
    width: 16px;
    text-align: center;
}
.user-popup-menu .menu-item:hover {
    background-color: var(--surface-300);
}
.user-popup-menu .menu-item:last-child {
    border-radius: 0 0 4px 4px;
}

/* Login dialogs */
.login-dialog {
    width: 360px;
    padding: 24px;
    border: 1px solid var(--surface-600);
    border-radius: 8px;
    background-color: var(--surface-100);
    color: var(--text);
}
.dialog-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.dialog-header-stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 4px;
}
.dialog-logo {
    width: 180px;
    height: 36px;
    margin: 0 auto 12px;
    background-image: url(./dark-wide-2-CX0uURxT.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.dark .dialog-logo {
    background-image: url(./light-wide-2-CAKxsCf0.svg);
}
.dialog-description {
    margin: 0 0 16px 0;
    text-align: center;
    font-size: 12px;
    color: var(--text);
    opacity: 0.7;
}
.dialog-close-button {
    position: absolute;
    top: 10px;
    right: 10px;
}
.dialog-title {
    margin: 0 0 15px 0;
    text-align: center;
}
.dialog-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.dialog-field {
    margin-bottom: 12px;
}
.dialog-error {
    color: var(--error-500);
    font-size: 12px;
    margin: 0 0 10px 0;
}
.dialog-label {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
}
.dialog-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    margin-top: 12px;
    text-align: center;
}
.dialog-hint {
    margin: 0;
    font-size: 12px;
    color: var(--text);
    opacity: 0.75;
}
.dialog-input-code :deep(input) {
    text-align: center;
    letter-spacing: 0.15em;
}

.waiting-container[data-v-56c7ba92] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    gap: 12px;
}
.waiting-spinner[data-v-56c7ba92] {
    border: 4px solid rgba(255, 255, 255, 0.2);
    border-top: 4px solid var(--primary-500);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin-56c7ba92 1s linear infinite;
}
.waiting-message[data-v-56c7ba92] {
    font-size: 14px;
    color: var(--text);
    margin: 0;
    text-align: center;
}
@keyframes spin-56c7ba92 {
0% {
        transform: rotate(0deg);
}
100% {
        transform: rotate(360deg);
}
}

.connect-options[data-v-a2e0c6d8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: min(26rem, 80vw);
}
.connect-options__help[data-v-a2e0c6d8] {
    margin: 0;
    color: var(--text);
    opacity: 0.8;
    font-size: 0.875rem;
}
.connect-options__field[data-v-a2e0c6d8] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}
.connect-options__field span[data-v-a2e0c6d8] {
    font-size: 0.875rem;
    color: var(--text);
}
.connect-options__actions[data-v-a2e0c6d8] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.sidebar-connect[data-v-2df6b084] {
    padding: 0.5rem 0;
}
.sidebar-connect__group[data-v-2df6b084] {
    display: flex !important;
    width: 100% !important;
}
.sidebar-connect__main[data-v-2df6b084] {
    flex: 1 1 0 !important;
    min-width: 0;
}
.sidebar-connect__label[data-v-2df6b084] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 1055px) {
.sidebar-connect[data-v-2df6b084] {
        display: flex;
        justify-content: center;
}
.sidebar-connect__label[data-v-2df6b084] {
        display: none;
}
.sidebar-connect__group[data-v-2df6b084] {
        width: auto !important;
}
}

/* Default Nuxt UI `success` soft tint is too pale in light mode — lift the contrast. */
html:not(.dark) .sidebar-connect[data-v-2df6b084] button.color-success {
    background-color: var(--success-400);
    border: 1px solid var(--success-600);
    color: var(--surface-900);
}
html:not(.dark) .sidebar-connect[data-v-2df6b084] button.color-success:hover {
    background-color: var(--success-500);
}

/* Disconnect button (error) styling for light mode - ensure it's red */
html:not(.dark) .sidebar-connect[data-v-2df6b084] button.color-error {
    background-color: var(--error-500);
    border: 1px solid var(--error-600);
    color: var(--surface-50);
}
html:not(.dark) .sidebar-connect[data-v-2df6b084] button.color-error:hover {
    background-color: var(--error-600);
}

/* Disconnect button (error) styling for dark mode - ensure proper contrast */
html.dark .sidebar-connect[data-v-2df6b084] button.color-error {
    background-color: var(--error-500);
    border: 1px solid var(--error-600);
    color: var(--surface-50);
}
html.dark .sidebar-connect[data-v-2df6b084] button.color-error:hover {
    background-color: var(--error-600);
}
.tab_container.reveal .sidebar-connect[data-v-2df6b084] {
    display: block;
}
.tab_container.reveal .sidebar-connect__label[data-v-2df6b084] {
    display: inline;
}
.tab_container.reveal .sidebar-connect__group[data-v-2df6b084] {
    width: 100% !important;
}
.escDshotDirection-Component[data-v-4c0e8d11] {
    display: flex;
    height: 100%;
    flex-flow: column;
}
.escDshotDirection-Component .regular-button[data-v-4c0e8d11] {
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline-style: none;
}
.escDshotDirection-ComponentHeader[data-v-4c0e8d11] {
    padding-bottom: 12px;
}
#escDshotDirectionDialog-MainContent[data-v-4c0e8d11] {
    display: flex;
    height: 100%;
    flex-flow: column;
}
#escDshotDirectionDialog-Warning[data-v-4c0e8d11] {
    display: flex;
    height: 100%;
    flex-flow: column;
    border-top: 1px solid var(--superSubtleAccent);
    padding-top: 16px;
}
.escDshotDirectionToggleParentContainer[data-v-4c0e8d11] {
    display: flex;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}
.escDshotDirectionToggleNarrow[data-v-4c0e8d11] {
    margin-right: 12px;
    display: flex;
    align-items: center;
}
.escDshotDirectionDialog-ToggleWide[data-v-4c0e8d11] {
    flex: 1;
}
.escDshotDirectionDialog-RiskNoticeText[data-v-4c0e8d11] {
    font-size: 1.2em;
}
.escDshotDirectionDialogInformationNotice[data-v-4c0e8d11] {
    font-size: 1em;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}
#escDshotDirectionDialog-MixerPreview[data-v-4c0e8d11] {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 9px;
    margin-bottom: 8px;
}
#escDshotDirectionDialog-MixerPreviewImg[data-v-4c0e8d11] {
    display: block;
    width: 160px;
    height: 160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
}
#escDshotDirectionDialog-MainContent h4[data-v-4c0e8d11] {
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
}
#escDshotDirectionDialog-MainContent .red-text[data-v-4c0e8d11] {
    color: var(--error-500);
}
#escDshotDirectionDialog-ActionHint[data-v-4c0e8d11],
#escDshotDirectionDialog-SecondHint[data-v-4c0e8d11],
#escDshotDirectionDialog-WizardActionHint[data-v-4c0e8d11] {
    margin-top: 10px;
}
#escDshotDirectionDialog-ActionHintSafety[data-v-4c0e8d11],
#escDshotDirectionDialog-SecondHintSafety[data-v-4c0e8d11] {
    margin-top: 0px;
}
#escDshotDirectionDialog-SelectMotorButtonsWrapper[data-v-4c0e8d11],
#escDshotDirectionDialog-WizardMotorButtons[data-v-4c0e8d11] {
    margin-left: auto;
    margin-right: auto;
}
#escDshotDirectionDialog-SelectMotorButtonsWrapper .regular-button[data-v-4c0e8d11],
#escDshotDirectionDialog-WizardMotorButtons .regular-button[data-v-4c0e8d11] {
    font-size: 15px;
    line-height: 34px;
    padding: 0px;
    margin-left: 4px;
    margin-right: 4px;
    border-radius: 17px;
    width: 34px;
    height: 34px;
    text-align: center;
}
@media (hover: hover) {
#escDshotDirectionDialog-NormalDialog .regular-button.pushed[data-v-4c0e8d11]:hover {
        background-color: var(--primary-transparent-4);
}
#escDshotDirectionDialog-NormalDialog .regular-button[data-v-4c0e8d11]:hover {
        background-color: var(--primary-400);
}
}
#escDshotDirectionDialog-MainContent .regular-button.highlighted[data-v-4c0e8d11] {
    background-color: var(--primary-500);
}
#escDshotDirectionDialog-CommandsWrapper[data-v-4c0e8d11] {
    margin-left: auto;
    margin-right: auto;
}
#escDshotDirectionDialog-CommandSpin[data-v-4c0e8d11] {
    margin-left: auto;
    margin-right: auto;
    width: 224px;
    display: block;
    text-align: center;
}
#escDshotDirectionDialog-CommandsWrapper .regular-button[data-v-4c0e8d11] {
    width: 130px;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}
.escDshotDirectionErrorTextBlock[data-v-4c0e8d11] {
    margin-top: 12px;
    font-weight: 500;
}
.display-contents[data-v-4c0e8d11] {
    display: contents;
}
#escDshotDirectionDialog-SpinWizard[data-v-4c0e8d11],
#escDshotDirectionDialog-StopWizard[data-v-4c0e8d11] {
    margin-left: auto;
    margin-right: auto;
    width: 160px;
    text-align: center;
}
.escDshotDirectionDialog-InformationNotice[data-v-4c0e8d11] {
    margin-top: 18px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: 1px solid var(--superSubtleAccent);
    border-bottom: 1px solid var(--superSubtleAccent);
}
.escDshotDirectionDialog-StartButton[data-v-4c0e8d11] {
    width: 80px;
    text-align: center;
    margin-left: 0px;
    margin-right: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.escDshotDirectionDialog-Buttons[data-v-4c0e8d11] {
    float: left;
    margin: 0px;
}
.escDshotDirectionDialog-StartBlock[data-v-4c0e8d11] {
    display: flex;
    margin-top: 16px;
}
.escDshotDirection-dialog[data-v-4c0e8d11] {
    width: 90%;
    max-width: 800px;
    max-height: 90vh;
    border: 2px solid var(--surface-600);
    border-radius: 3px;
    background-color: var(--surface-100);
    color: var(--text);
    padding: 20px;
    overflow-y: auto;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.45);
}
.escDshotDirection-dialog[data-v-4c0e8d11]::backdrop {
    background-color: rgba(0, 0, 0, 0.95); /* More opaque backdrop */
    backdrop-filter: blur(6px); /* Add blur for readability */
}
.display-contents[data-v-4c0e8d11] {
    display: contents;
}
.red-text[data-v-4c0e8d11] {
    color: var(--error-500);
}
.regular-button[data-v-4c0e8d11] {
    margin: 5px;
    cursor: pointer;
}
.regular-button.pushed[data-v-4c0e8d11] {
    opacity: 0.5;
}
.regular-button.highlighted[data-v-4c0e8d11] {
    background-color: rgba(255, 187, 0, 0.6);
}
.componentContent[data-v-4c0e8d11] {
    margin-top: 15px;
}
.escDshotDirectionErrorTextBlock[data-v-4c0e8d11] {
    color: var(--error-500);
    font-weight: bold;
    margin: 10px 0;
}
#escDshotDirectionDialog-SelectMotorButtonsWrapper[data-v-4c0e8d11],
#escDshotDirectionDialog-CommandsWrapper[data-v-4c0e8d11],
#escDshotDirectionDialog-WizardMotorButtons[data-v-4c0e8d11] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 15px 0;
}
#escDshotDirectionDialog-MixerPreview[data-v-4c0e8d11] {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 9px;
    margin-bottom: 8px;
}
#escDshotDirectionDialog-MixerPreviewImg[data-v-4c0e8d11] {
    display: block;
    width: 160px;
    height: 160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
}
.motorOutputReorderComponent[data-v-d3402db0] {
    display: flex;
    height: 100%;
    flex-flow: column;
}
.motorOutputReorderComponentHeader[data-v-d3402db0] {
    padding-bottom: 12px;
}
#dialogMotorOutputReorderMainContent[data-v-d3402db0] {
    display: flex;
    height: 100%;
    flex-flow: column;
}
#dialogMotorOutputReorderWarning[data-v-d3402db0] {
    display: flex;
    height: 100%;
    flex-flow: column;
}
#motorOutputReorderCanvas[data-v-d3402db0] {
    width: 100%;
    flex-grow: 1;
}
#motorOutputReorderActionPanel[data-v-d3402db0] {
    height: 46px;
}
#dialogMotorOutputReorderSave[data-v-d3402db0] {
    margin-right: 0px;
}
.motorsRemapToggleParentContainer[data-v-d3402db0] {
    display: flex;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}
#motorOutputReorderActionHint[data-v-d3402db0] {
    margin-top: 1em;
    display: inline-block;
}
.motorsRemapToggleNarrow[data-v-d3402db0] {
    margin-right: 12px;
    display: flex;
    align-items: center;
}
.motorsRemapToggleWide[data-v-d3402db0] {
    flex: 1;
}
.motorsRemapDialogRiskNoticeText[data-v-d3402db0] {
    font-size: 1.2em;
}
.motorsRemapDialogRExplanationText[data-v-d3402db0] {
    font-size: 1em;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}
#motorOutputReorderSaveStartOverButtonsPanel[data-v-d3402db0] {
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    padding: 0 10px;
    box-sizing: border-box;
}
#dialogMotorOutputReorderCloseButton[data-v-d3402db0] {
    margin-top: 50px;
    text-align: center;
}
.motorOutputReordering-dialog[data-v-d3402db0] {
    width: 90%;
    max-width: 900px;
    max-height: 90vh;
    border: 2px solid var(--surface-600);
    border-radius: 3px;
    background-color: var(--surface-100);
    color: var(--text);
    padding: 20px;
    overflow-y: auto;
}
.motorOutputReordering-dialog[data-v-d3402db0]::backdrop {
    background-color: rgba(0, 0, 0, 0.9); /* More opaque backdrop */
}
.componentContent[data-v-d3402db0] {
    margin-top: 15px;
}
.buttons[data-v-d3402db0] {
    margin-top: 20px;
    text-align: center;
}
.regular-button[data-v-d3402db0] {
    margin: 5px;
    cursor: pointer;
}
.regular-button.left[data-v-d3402db0] {
    margin-right: 10px;
}

.dialogRatesTypeContent[data-v-e041a108] {
    white-space: pre-line;
}

/* Warning message styling (note uses v-html, so target message-negative) */
.dialogRatesTypeContent[data-v-e041a108] .message-negative {
    display: inline-block;
    color: var(--danger, #ff6666);
    background: rgba(255, 0, 0, 0.04);
    padding: 6px 8px;
    border-radius: 4px;
    font-weight: 600;
}

.dialogReportProblems-header[data-v-9a012260] {
    margin-bottom: 5px;
}
.dialogReportProblems-list[data-v-9a012260] {
    margin: 10px 0;
    padding-left: 0;
    list-style: none;
}
.dialogReportProblems-listItem[data-v-9a012260] {
    list-style: circle;
    margin-left: 20px;
    margin-bottom: 5px;
}
.dialogReportProblems-footer[data-v-9a012260] {
    margin-top: 10px;
}

.cli-response[data-v-1c8b872d] {
    min-height: 0;
    padding: 0.5rem 0.75rem;
    font-family: "Courier New", Courier, monospace;
    font-size: 11px;
    line-height: 1.4;
    white-space: pre-line;
    resize: none;
    color: var(--text);
    background-color: var(--surface-0);
    border: 1px solid var(--subtleAccent);
    border-radius: 4px;
}
.cli-command[data-v-1c8b872d] {
    padding: 0.4rem 0.75rem;
    color: var(--text);
    background-color: var(--surface-0);
    border: 1px solid var(--subtleAccent);
    border-radius: 4px;
}
.content_wrapper[data-v-817c1c3c] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.log-dialog-body[data-v-817c1c3c] {
  height: min(75vh, 720px);
}
.log-toolbar[data-v-817c1c3c] {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.log-autoscroll[data-v-817c1c3c] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 12px;
  color: var(--text);
}
.log-box[data-v-817c1c3c] {
  display: flex;
  flex: 1;
  min-height: 0;
}
.log-box[data-v-817c1c3c] > div:last-child {
  flex: 1;
  min-height: 0;
  padding: 0;
}
.log-scroll[data-v-817c1c3c] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 0.75rem 1rem;
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  line-height: 1.4;
}
.log-entry[data-v-817c1c3c] {
  margin: 0;
  padding: 0;
  color: var(--text);
  word-break: break-word;
  white-space: pre-wrap;
}
.log-timestamp[data-v-817c1c3c] {
  color: var(--quietHeader);
  margin-right: 0.5rem;
}

.sidebar-nav[data-v-34ad79fd] {
    width: 100%;
}
.sidebar-footer--compact[data-v-34ad79fd] {
    flex-direction: column;
    align-items: center;
}

@keyframes spin-cc48686a {
0% {
        transform: rotate(0deg);
}
100% {
        transform: rotate(360deg);
}
}

/* Main app content wrapper - flex column to push status bar to bottom */
.app-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0; /* Allow flex children to shrink below content size */
}

/* Legacy cache node is required by some code paths but should never be visible in Vue UI */
#cache {
    display: none;
}

/* Mobile top bar — hamburger left, centred wide logo, auto-hides on scroll down. */
.mobile-topbar {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2001;
    height: 3rem;
    padding: 0.25rem 0.5rem;
    align-items: center;
    gap: 0.5rem;
    background-color: var(--surface-100);
    border-bottom: 1px solid var(--surface-200);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    transition: transform 0.25s ease;
}
.mobile-topbar--hidden {
    transform: translateY(-100%);
}
.mobile-topbar__logo {
    flex: 1;
    min-width: 0;
    height: 2.5rem;
    background-image: url(./bf_logo_white-CiY_eg7y.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}
.dark .mobile-topbar__logo {
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2024.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.2'%20baseProfile='tiny'%20id='Ebene_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20141.7%2018.2'%20xml:space='preserve'%3e%3cpath%20fill='%23FFA724'%20d='M40.41,14.34c-1.73-0.73-2.96-1.82-4.21-2.29c0.65-0.29,1.25-0.7,1.63-1.05c0.41-0.39,0.54-0.88,0.51-1.35%20c1.29,0.88,2.82,0.94,3.59,0.98c0.81,0.05,1.57,0.21,1.73,0.59c0,0,0.25-4.39-8.77-7.31c0,0,2.69,1.22,3.54,2.21%20c0,0-0.96-0.06-1.36,0.56C36.87,7,36.83,7.48,37.01,8c-0.15-0.02-0.32-0.05-0.5-0.06L22.19,0l1.51,3.25l-1.41-0.49l0.42,0.8%20c0.01,0.01,0.59,1.14,1.97,3.56c1.08,1.9,3.02,2.85,5.59,2.73c0.09,0,0.21-0.01,0.32-0.02c0.65-0.05,1.65-0.14,2.62-0.23%20c-0.07,0.35-0.06,0.78,0.03,1.29c0.11,0.59,0.35,0.97,0.66,1.21c-0.76,0.37-1.46,1.07-1.77,1.92l0,0c-0.22,0.53-0.27,1.17-0.01,1.91%20v0.01c0.06,0.15,0.11,0.3,0.21,0.46c0.08,0.15,0.18,0.3,0.31,0.42c1.6,1.9,5.47,1.59,7.91,0.56c0.03-0.01,0.07-0.02,0.1-0.05%20c0.19-0.08,0.39-0.17,0.58-0.26c0.03-0.02,0.08-0.03,0.11-0.06c0.21-0.1,0.41-0.21,0.62-0.33c2.43-1.42,3.23-3.08,3.23-3.08%20S42.76,15.33,40.41,14.34z%20M41.03,7.82c0.68,0.3,1.74,2.01,1.74,2.01c-0.88-0.14-2.63-0.71-2.82-1.37S40.34,7.51,41.03,7.82z%20M38.77,16.33c0,0,0.18,0.57-0.03,1.31c-0.24,0.07-0.5,0.13-0.76,0.17C38.39,17.49,38.77,17.01,38.77,16.33z%20M26.94,5.34l6.21,3.54%20C32.02,9,30.81,9.1,30.2,9.14c-0.92,0.05-1.76-0.07-2.49-0.32c-1.06-0.38-1.88-1.06-2.45-2.05c-0.71-1.23-1.2-2.14-1.52-2.72%20l1.29,0.45l-1.29-2.78L35.05,8c-0.31,0.05-0.62,0.14-0.89,0.27L26.94,5.34z%20M33.54,9.77c0.44-2.1,3.14-1.44,3.14-1.44%20c-0.98-0.02-1.55,0.25-1.84,0.64c-0.42,0.58,0.1,1.03,0.1,1.03c-0.15-0.02-0.27-0.07-0.36-0.14c0,0.01,0,0.02,0,0.02%20c0.23,0.81,0.89,1.03,0.89,1.03c-0.25,0.03-0.47,0.02-0.65-0.02c0.15,0.34,0.34,0.59,0.48,0.65c-0.59,0-0.9,0.14-1.13,0.23%20C33.7,11.45,33.35,10.68,33.54,9.77z%20M35.39,14.37c0,0-0.98,1.22-3.08,1.22c-0.13-0.48-0.08-0.96,0.03-1.38%20C33.01,14.65,34.01,14.9,35.39,14.37z%20M33.61,17.22c0.9-0.21,2.05-0.71,3.15-1.96c0,0-0.13,1.35-1.14,2.63%20c-0.46-0.06-0.92-0.17-1.37-0.35C34.02,17.45,33.81,17.33,33.61,17.22z%20M42.1,16.12c-0.13-0.33-0.18-0.99-0.18-0.99%20c0.75,0.07,1.66-0.24,1.66-0.24C42.98,15.63,42.1,16.12,42.1,16.12z'/%3e%3cg%3e%3cpath%20fill='%23FFA724'%20d='M50.74,8.35h4.14c2,0,2.02,1.13,1.74,1.9c-0.27,0.77-0.79,1.18-1.46,1.49c0.59,0.23,1.04,0.78,0.65,1.89%20c-0.54,1.52-2.13,2.31-3.47,2.31h-4.29L50.74,8.35z%20M51.04,14.12h1.37c0.49,0,0.96-0.14,1.16-0.72c0.16-0.45-0.02-0.69-0.57-0.69%20h-1.46L51.04,14.12z%20M52.03,11.3h1.23c0.49,0,0.84-0.14,1.01-0.63c0.14-0.38-0.14-0.53-0.62-0.53h-1.23L52.03,11.3z'/%3e%3cpath%20fill='%23FFA724'%20d='M58.71,8.35h6.26l-0.68,1.94h-3.93l-0.33,0.95h3.57l-0.64,1.81h-3.57L59.05,14h4.05l-0.68,1.94h-6.37%20L58.71,8.35z'/%3e%3cpath%20fill='%23FFA724'%20d='M67.18,10.29h-2.12l0.68-1.94h6.57l-0.68,1.94h-2.12l-2,5.64h-2.33L67.18,10.29z'/%3e%3cpath%20fill='%23FFA724'%20d='M74.47,8.35h2.28l0.08,7.58h-2.42l0.07-1.09h-2.41l-0.72,1.09h-2.34L74.47,8.35z%20M74.57,13.22l0.15-2.33%20H74.7l-1.56,2.33H74.57z'/%3e%3cpath%20fill='%23FFFFFF'%20d='M80.14,8.35h5.85l-0.68,1.94h-3.52l-0.33,0.95h3.02l-0.64,1.81h-3.02l-1.03,2.89h-2.33L80.14,8.35z'/%3e%3cpath%20fill='%23FFFFFF'%20d='M86.87,8.35h2.33l-1.98,5.64h3.35l-0.68,1.94H84.2L86.87,8.35z'/%3e%3cpath%20fill='%23FFFFFF'%20d='M93.39,8.35h2.33l-2.68,7.58h-2.33L93.39,8.35z'/%3e%3cpath%20fill='%23FFFFFF'%20d='M100.13,15.15c-0.75,0.67-1.66,0.96-2.49,0.96c-2.24,0-3-1.74-2.24-3.9c1.03-2.89,3.46-4.05,5.17-4.05%20c1.93,0,2.77,1.05,2.49,2.84h-2.24c0.11-0.55-0.22-0.95-0.76-0.95c-1.6,0-2.14,1.69-2.33,2.21c-0.25,0.71-0.4,1.96,1.01,1.96%20c0.54,0,1.19-0.27,1.51-0.83h-1.03l0.57-1.62h3.09l-1.47,4.17h-1.47L100.13,15.15z'/%3e%3cpath%20fill='%23FFFFFF'%20d='M105.4,8.35h2.33l-0.94,2.63h2.18l0.94-2.63h2.33l-2.67,7.58h-2.33l1.06-3.01h-2.18l-1.06,3.01h-2.33%20L105.4,8.35z'/%3e%3cpath%20fill='%23FFFFFF'%20d='M114.45,10.29h-2.12l0.68-1.94h6.57l-0.68,1.94h-2.12l-2,5.64h-2.33L114.45,10.29z'/%3e%3c/g%3e%3c/svg%3e");
}
.mobile-topbar__spacer {
    width: 2.5rem;
    flex-shrink: 0;
}
@media all and (max-width: 575px), all and (max-width: 950px) and (max-height: 500px) and (orientation: landscape) {
.mobile-topbar {
        display: flex;
}
    /* Leave room at the top of the content area for the top bar. */
#content {
        padding-top: 3rem;
}
}