/*
* 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);
}
* {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  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;
}
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: var(--surface-200);
  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,
select {
  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.5rem 0.25rem 0.25rem !important;
  border-radius: 0.5rem !important;
  min-width: 4rem;
  display: inline-block;
  box-sizing: border-box;
}
input.small,
select.small {
  padding: 0.15rem !important;
  font-size: 12px !important;
}
input[type="text"][readonly],
select[type="text"][readonly] {
  cursor: auto;
}
input[type="radio"],
select[type="radio"] {
  min-width: fit-content;
}
input:disabled,
select:disabled {
  background-color: var(--surface-400) !important;
  cursor: not-allowed;
  pointer-events: none;
}
input[type="range"],
select[type="range"],
input[type="checkbox"],
select[type="checkbox"],
input[type="radio"],
select[type="radio"] {
  min-width: 0;
  accent-color: var(--primary-400);
}
select,
input[type="checkbox"] {
  cursor: pointer;
}
input[type="number"]::-webkit-inner-spin-button {
  opacity: 1;
  margin-left: 5px;
}
.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 {
  height: 100vh;
  background-color: var(--surface-100);
  display: flex;
  flex-direction: column;
}
#background {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 1500;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  backdrop-filter: blur(0.25rem);
}
.headerbar {
  height: 5rem;
  display: flex;
  align-items: start;
  padding: 1rem;
  gap: 1rem;
  background-color: var(--surface-200);
}
#menu_btn,
#reveal_btn {
  display: none;
  width: 24px;
  height: 24px;
  font-size: 20px;
  color: var(--surface-700);
  line-height: 24px;
  text-align: center;
  cursor: pointer;
}
#menu_btn:hover,
#reveal_btn:hover {
  color: var(--surface-800);
}
#port-picker {
  display: flex;
  align-items: center;
  margin-left: auto;
}
#port-picker .auto_connect {
  color: var(--surface-950);
}
#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: 8px;
  margin-left: -1.5rem;
}
.bavovna-badge__logo {
  height: 55px;
  width: auto;
}
.bavovna-badge__logo--dark {
  display: none;
}
body.dark-theme .bavovna-badge__logo--light {
  display: none;
}
body.dark-theme .bavovna-badge__logo--dark {
  display: block;
}
.bavovna-badge__text {
  font-size: 18px;
  font-weight: normal;
  white-space: nowrap;
  color: var(--text);
}
.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,iVBORw0KGgoAAAANSUhEUgAAAE8AAABPCAYAAACqNJiGAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAJcEhZcwAACxMAAAsTAQCanBgAAAYhSURBVHja7dp7bBRFHAfw8a4v2tJSytlez7O92rUxmtSSYLAxRqKJiRDFFBKMGElqgkCMD9CYID5iFCxoxGgM9UGhPJSHIjSItcX2rlsKiQ8awx8IFRW1Vq2NFkwQXL+zzOLedPe6u8dxd9v545te2tvr7Od2dn/z2yWKohARZxEIAk/gCTyBJyLwBJ7AE3giAk/guQtv9/PEUZSea7R4dK8vWaLGkqZ4ZYiCbEC8As86nganZQeSJfDsw2nZfakA0xIvBpyWPUiuwLMPp2V/ogHTCg8DnmwRzg5gFTLF1XgYbKFNOC29bFt+5+mVuVn3vrluxlvvEI/mIAdI4TYbvG+xK/GGPiTXKrJ0NA7AzxFfDDjbgOl0zvMObCO1jgFl6YQSCZbjdYuF9z/uxqut9/stpAYQh23CfTe8i9QpcvU6G9utcGOd5+1vUafw4QTCaXnGjSsMDwM8lEA4LWvduLb19DWRq5XuUG8C4WICpnVjALnsyDtEAqDMwQ2M7CE3XyQ4LZtc15KigIdeJyEAdmhwp1vJDPxcfRHhtCx1Wz9PA6xAKfIeg2tMABz9Yjpch6cBIiUJg6PpKnnYlXgsqxIItwb/s8CteImGm+zGexg0M3HBeFXpLH5S2T9xidLlew7nv/cxhX+JGy4cWGcE56YLRh4yhU4rJB+ZRM9/nS+jjOksWuoYMRxo6llLSt1894ymFlnNmp9fIm3Is0C7ioIe20BqTYvpGHBKe+Y0vKaNiFluxCsco710BnkRK40stZiWpS9swv2o+5w707kZStvld9OenO532y0eSTsB6MGqYzpej9iE038R9SmJh8Fch6xEGugTABzcDOQs24khJKD+/rPCOXj9t0XAJdgmQwn73zB9TyS40QROyznk3pTCw0DoSfmUbpBPRw1MljZzlf4i9rdcpd1LAf+ygDeIZCqfkhoTuC1nPibX4/W3Y3zOBcDUwJOl2RxOmMPr4nZ0sW5tmwPAekuAsnSbevTJUr8BHL3oHLdxUVmUGniR4DxuJ/s4vAPczjZwpUoOjqi7FLl6KOYOd4ceU7fRmgjO4UYBJg8vHKjn8L6JwusOtXEIyw3WttlAuCMmYHfofGdYlvZpcH1NJMjKEaeF9LLk4nX5pnMDGonCi5S/yeG2Gq1t/wc0KYrD/gaG1wu47ftWklLaUMDK5BF2LnPeqkoaXrvXZzCgqgt4Xb75BmVDqUnhms3aUgPcNmcxtSvxMwNH4EasPsp02xRgWUdvOf7jEG8wmaWKBzt7nDu6Fmp4v+0kFPfP6L9Xvxtj2ZTJAH/Wnds+oDePsMjPDr9C/Abb5APwQSeAWMFMTW6dFynfyuG169vtOC++ZTDwBbEAgV5H72UggyiQa7S+X4xtAJj3gI3akcJNU7+UpOJ1Ft/DDexf/dQFBJZX1X8Y1FxPKCaP1dKy5MQmMhXb3qiWKNZuZOcpHRPuswKowSV9hXG0mUzCEfIrNzXX6+/XYkWx0GRHaDOAljv5Bhheq3C6bXIZ4CkzuJNbSZ0GlwprW0xN/xqDo+8GHWA+zlmxmp50CXcM+Qr5ATnJlntOHh/LNSu+B7aRm/RwKdEYwPSqwNH2OzdYijFRN9AiTPGn2BXXynmJghY5BBy1emFwGanYVfEAZpkBwF4kS/e+QtRzM220mMqc4OlWL7NQ3hxgUzUjlVtSBRjoJwYItP2Uo3tfNnKl0pF9P67UH5msLM4B7m31fBnf47P0f13BnztTsp+39wUSwFH1tQFGD1LO3fTORUqxTRWm/S2YZvMAOh9Hy9z+FkLPl7544NLyQZ+2VSRk8izeMPKQ2l4yKE2QCQw0J94jLq0fMQNgJQCPmJzLaFvpUaQkkUBp/YgZpmNFVAtpdGg5Q2/uvEZbRKxVPpvdcygZ13gsAdR3jbpWvNXQFYk03vHU+m54F7l1jKPQqHu8QuCdTyY9Ck+3ktuVSLAZMD+NXeP5Fwi86NCCmd6CrFSL5c7i5cBsUetDWTqopjvUg6n+Untj9MM5Ai86tIAtRC5HypAgCy1qi+L8bOs34JPWSR6HEQgCT+AJPIEnIvAEnsATeCICT+AJPIEn8EQEnsBLn/wHP289vikAGBUAAAAASUVORK5CYII=);
}
.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;
  height: 100%;
  overflow-y: hidden;
  transition: all 0.2s;
}
#tab-content-container.logopen {
  height: 100%;
}
.tab_container {
  transition: all 0.2s;
  width: 17rem;
  overflow: auto;
  padding: 1rem;
  background-color: var(--surface-100);
  display: flex;
  flex-direction: column;
}
#content {
  transition: all 0.2s;
  overflow-x: hidden;
  overflow-y: auto;
  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: 0.25rem 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_transponder::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%2016.0.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='0%200%20595.281%20841.891'%20enable-background='new%200%200%20595.281%20841.891'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M127.71,440.9c-7.142,41.59,6.722,84.439,36.549,114.267s72.677,43.69,114.267,36.549%20c11.763-2.101,19.745-13.443,18.064-25.206c-0.84-4.621-2.94-8.822-5.881-11.763c-4.621-4.621-11.763-7.142-18.904-6.302%20c-27.727,4.621-56.293-4.621-76.458-24.365c-20.165-19.745-28.987-47.892-24.366-76.038c2.1-11.763-5.881-23.105-18.064-25.206%20C140.733,420.735,129.811,429.137,127.71,440.9'/%3e%3cpath%20fill='%23818181'%20d='M289.028,652.21c-0.42-5.461-2.521-10.502-6.302-14.283c-4.201-4.201-10.083-6.722-16.804-6.302%20c-47.892,2.521-94.942-15.543-128.971-49.151c-34.028-33.607-51.672-81.079-48.731-128.971c0.84-12.183-8.402-22.265-20.585-23.105%20c-12.183-0.84-22.265,8.402-23.105,20.585c-3.36,60.494,19.325,119.309,62.175,162.158c42.85,42.851,101.664,65.115,162.158,62.175%20C280.626,674.895,289.868,664.392,289.028,652.21'/%3e%3c/g%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M480.616,308.596c-10.826,0-19.984,13.633-23.733,32.085h-97.416v32.084h97.416%20c3.332,18.451,12.491,32.088,23.733,32.088c13.735,0,24.977-21.659,24.977-48.131C505.592,330.255,494.351,308.596,480.616,308.596%20z'/%3e%3cpath%20fill='%23818181'%20d='M297.853,252.445c-29.975,0-55.369,36.899-64.945,88.236h-91.171%20c-3.331-18.452-12.491-32.085-23.729-32.085c-13.739,0-24.979,21.658-24.979,48.126c0,26.472,11.24,48.131,24.979,48.131%20c10.822,0,19.982-13.637,23.729-32.088h87.426h132.386h4.995C363.631,304.584,334.073,252.445,297.853,252.445z'/%3e%3crect%20x='21.007'%20y='280.52'%20fill='%23818181'%20width='191.502'%20height='23.262'/%3e%3crect%20x='381.115'%20y='280.52'%20fill='%23818181'%20width='191.504'%20height='23.262'/%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%2016.0.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='0%200%20595.281%20841.891'%20enable-background='new%200%200%20595.281%20841.891'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M127.71,440.9c-7.142,41.59,6.722,84.439,36.549,114.267s72.677,43.69,114.267,36.549%20c11.763-2.101,19.745-13.443,18.064-25.206c-0.84-4.621-2.94-8.822-5.881-11.763c-4.621-4.621-11.763-7.142-18.904-6.302%20c-27.727,4.621-56.293-4.621-76.458-24.365c-20.165-19.745-28.987-47.892-24.366-76.038c2.1-11.763-5.881-23.105-18.064-25.206%20C140.733,420.735,129.811,429.137,127.71,440.9'/%3e%3cpath%20fill='%23818181'%20d='M289.028,652.21c-0.42-5.461-2.521-10.502-6.302-14.283c-4.201-4.201-10.083-6.722-16.804-6.302%20c-47.892,2.521-94.942-15.543-128.971-49.151c-34.028-33.607-51.672-81.079-48.731-128.971c0.84-12.183-8.402-22.265-20.585-23.105%20c-12.183-0.84-22.265,8.402-23.105,20.585c-3.36,60.494,19.325,119.309,62.175,162.158c42.85,42.851,101.664,65.115,162.158,62.175%20C280.626,674.895,289.868,664.392,289.028,652.21'/%3e%3c/g%3e%3cg%3e%3cpath%20fill='%23818181'%20d='M480.616,308.596c-10.826,0-19.984,13.633-23.733,32.085h-97.416v32.084h97.416%20c3.332,18.451,12.491,32.088,23.733,32.088c13.735,0,24.977-21.659,24.977-48.131C505.592,330.255,494.351,308.596,480.616,308.596%20z'/%3e%3cpath%20fill='%23818181'%20d='M297.853,252.445c-29.975,0-55.369,36.899-64.945,88.236h-91.171%20c-3.331-18.452-12.491-32.085-23.729-32.085c-13.739,0-24.979,21.658-24.979,48.126c0,26.472,11.24,48.131,24.979,48.131%20c10.822,0,19.982-13.637,23.729-32.088h87.426h132.386h4.995C363.631,304.584,334.073,252.445,297.853,252.445z'/%3e%3crect%20x='21.007'%20y='280.52'%20fill='%23818181'%20width='191.502'%20height='23.262'/%3e%3crect%20x='381.115'%20y='280.52'%20fill='%23818181'%20width='191.504'%20height='23.262'/%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
  background-color: var(--surface-700);
  margin-right: 4px;
}
.ic_transponder:hover::before {
  background-color: var(--primary-500);
}
li.active .ic_transponder::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_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 .data-loading {
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
  width: 100px;
  height: 100px;
}
.dialogWait .dialogWaitTitle {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  width: fit-content;
}
.dialogInformation {
  width: fit-content;
  max-width: 400px;
}
.dialogInformation .dialogInformationContent {
  margin-bottom: 12px;
  margin-top: 12px;
  white-space: pre-line;
}
.dialogInformation .dialogInformation-confirmButton {
  margin: 0px;
}
.dialogInteractive {
  width: fit-content;
}
.dialogInteractive .dialogInteractive-closeButton {
  margin: 0px;
}
.dialogInteractive .cli-command input {
  width: 100%;
  margin-top: 12px;
  margin-bottom: 12px;
}
.dialogInteractive .cli-response {
  margin-top: 12px;
  margin-bottom: 12px;
  white-space: pre-line;
  height: 100%;
  width: 100%;
}
.dialogInteractive .cli-response textarea {
  font-size: 11px;
  object-fit: contain;
}
.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;
  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.75rem 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 .info {
  flex: 100;
  position: relative;
}
.content_toolbar .info .progress {
  width: 100%;
  height: 30px;
  border-radius: 0.25rem;
  overflow: hidden;
}
.content_toolbar .info .progress::-webkit-progress-bar {
  background-color: var(--surface-400);
}
.content_toolbar .info .progressLabel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.75rem;
}
.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: 1.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 .switchery {
  margin-top: -3px;
}
.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;
}
.cf_tooltiptext {
  display: none;
}
.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;
}
button {
  padding: 0.5em 0.75em;
  border-radius: 4px;
  background-color: #ccc;
  color: #666;
  border: 1px solid var(--surface-400);
  font-weight: 600;
  font-size: 10pt;
  cursor: pointer;
}
button.active {
  background-color: var(--primary-500);
  border: 1px solid var(--primary-600);
  color: #000;
}
.tippy-box[data-theme~="custom"] {
  background: var(--surface-300);
  border: 2px solid var(--primary-500);
  border-radius: 0.5rem;
  color: var(--text);
  font-size: 0.75rem;
}
.tippy-box[data-theme~="custom"][data-placement^="right"] > .tippy-arrow:before {
  border-right-color: var(--primary-500);
  left: -9px;
}
.tippy-box[data-theme~="custom"][data-placement^="left"] > .tippy-arrow:before {
  border-left-color: var(--primary-500);
  right: -9px;
}
.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: #1fb1f0;
}
.plot_control .y {
  background-color: #97d800;
}
.plot_control .z {
  background-color: #e24761;
}
.plot_control .x,
.plot_control .y,
.plot_control .z {
  color: black;
}
.line:nth-child(1) {
  stroke: #1fb1f0;
}
.line:nth-child(2) {
  stroke: #97d800;
}
.line:nth-child(3) {
  stroke: #e24761;
}
.legend .item:nth-child(1) {
  fill: #1fb1f0;
}
.legend .item:nth-child(2) {
  fill: #97d800;
}
.legend .item:nth-child(3) {
  fill: #e24761;
}
.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;
}
@media not all and (max-width: 575px) {
  .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;
  }
}
@media (max-width: 1055px) {
  #tabs li a {
    font-size: 0;
    padding: 0.1rem 0.5rem;
  }
  .tab_container {
    width: 3.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 .switchery {
    margin-top: -3px;
  }
  .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;
  }
  .toolbar_fixed_bottom.content_toolbar {
    bottom: 0;
  }
}
@media (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: 15px 15px 15px 14px;
  }
  .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;
  }
  .gui_box_titlebar .switchery {
    margin-top: -3px;
  }
  .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) {
  #tabs li a {
    font-size: 13px;
    padding-top: 0.2rem;
    padding-bottom: 0.25rem;
  }
  .visible-on-desktop-only {
    display: none !important;
  }
  .headerbar {
    height: unset;
    flex-wrap: wrap;
    align-items: center;
    box-sizing: border-box;
    transition: all 0.3s;
    padding-top: 0.5rem;
    padding-bottom: 0;
  }
  .headerbar .web-port-picker {
    transition: all 0.2s;
    max-height: 0;
    overflow-y: hidden;
    padding-top: 0 !important;
    margin-left: 0 !important;
    width: 100%;
    justify-content: flex-start;
    flex-direction: column;
    align-items: stretch;
  }
  .headerbar.expand {
    padding-bottom: 0.5rem;
  }
  .headerbar.expand .web-port-picker {
    max-height: 18rem;
    overflow-y: visible;
  }
  .headerbar.expand .web-port-picker #portsinput {
    height: auto;
    width: 100%;
    align-items: stretch;
  }
  .headerbar.expand2 {
    height: fit-content;
  }
  #firmware-virtual-option {
    width: 76%;
    margin-right: 0;
    margin-left: 0;
    max-width: none;
  }
  #firmware-virtual-option .dropdown {
    width: 100%;
  }
  #firmware-virtual-option #firmware-version-dropdown {
    width: 100%;
  }
  #port-override-option label {
    flex-direction: column;
    align-items: start !important;
  }
  #menu_btn {
    display: block;
    order: 1;
  }
  #reveal_btn {
    display: block;
    order: 4;
    transition: transform 0.3s;
    transform-origin: center center;
  }
  .headerbar.expand #reveal_btn {
    transform: rotate(180deg);
  }
  #header_buttons {
    margin-left: auto;
    order: 3;
    gap: 1rem;
  }
  .web-port-picker {
    order: 5;
  }
  #port-picker {
    display: none !important;
    order: 5;
    justify-content: space-between;
    margin-top: 15px;
    transition: all 0.2s;
  }
  .header-wrapper {
    display: none !important;
    order: 5;
    justify-content: space-around;
  }
  .firmware_flasher_button__label {
    display: none !important;
  }
  .connection_button__label {
    display: none !important;
  }
  #port-picker.reveal {
    display: flex !important;
    width: 100%;
    margin-left: 0;
  }
  #portsinput {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 0.5rem;
    row-gap: 5px;
    width: 76%;
    align-items: center;
    margin-right: 0;
  }
  #portsinput > .dropdown {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    max-width: none;
    margin-right: 0;
  }
  #portsinput .dropdown-select {
    width: 100%;
  }
  #auto-connect-and-baud {
    display: contents;
  }
  #baudselect {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    min-width: 6.25rem;
  }
  #baudselect .dropdown {
    width: 100%;
    min-width: 6.25rem;
    margin-right: 0;
  }
  #auto-connect-switch {
    grid-column: 1 / -1;
    grid-row: 2;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.35rem;
    max-width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  #auto-connect-switch .switchery,
  #auto-connect-switch .switchery-small {
    margin-top: 0 !important;
    margin-right: 0;
    vertical-align: middle;
  }
  #auto-connect-switch span.auto_connect {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    line-height: 1;
  }
  .web-port-picker.virtual-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 0.5rem;
    row-gap: 5px;
    width: 100%;
    align-items: start;
  }
  .web-port-picker.virtual-layout #firmware-virtual-option {
    grid-column: 1;
    width: 100%;
    max-width: none;
    margin: 0;
  }
  .web-port-picker.virtual-layout #portsinput {
    display: contents;
    width: auto;
  }
  .web-port-picker.virtual-layout #portsinput > .dropdown {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    max-width: none;
  }
  .web-port-picker.virtual-layout #auto-connect-and-baud {
    display: flex;
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
  }
  .web-port-picker.virtual-layout #auto-connect-switch {
    margin-left: 0;
    margin-right: auto;
  }
  .headerbar.expand .header-wrapper {
    display: flex !important;
    width: 100%;
    margin-top: -0.7rem;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: stretch;
  }
  #dataflash_wrapper_global {
    order: 2;
    width: calc(50% - 0.25rem);
    box-sizing: border-box;
    margin-right: 0;
  }
  #sensor-status {
    order: 3;
    width: 100%;
    overflow-x: hidden;
    margin-right: 0;
  }
  #sensor-status ul {
    width: 100%;
  }
  #sensor-status li {
    width: auto;
    flex: 1 1 0;
    min-width: 0;
  }
  #quad-status_wrapper {
    order: 1;
    width: calc(50% - 0.25rem);
    box-sizing: border-box;
    margin-right: 0;
  }
  #log.active {
    box-shadow: none;
  }
  .logswitch {
    background-color: var(--surface-200);
    padding: 0.25rem;
  }
  #scrollicon {
    display: none;
  }
  .tab_container {
    position: fixed;
    z-index: 2000;
    top: 0;
    left: -100%;
    bottom: 0;
    width: 50% !important;
    transition: all 0.3s;
    padding: 1rem;
  }
  .tab_container.reveal {
    left: 0;
  }
  #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;
  }
}
@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;
  }
}
@media all and (max-width: 991px) {
  .md-min {
    display: none !important;
  }
}
@media all and (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);
}
.switchery{background-color:#fff;border:1px solid #dfdfdf;border-radius:20px;cursor:pointer;display:inline-block;height:30px;position:relative;vertical-align:middle;width:50px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;box-sizing:content-box;background-clip:content-box}.switchery>small{background:#fff;border-radius:100%;box-shadow:0 1px 3px rgba(0,0,0,0.4);height:30px;position:absolute;top:0;width:30px}.switchery-small{border-radius:20px;height:20px;width:33px}.switchery-small>small{height:20px;width:20px}.switchery-large{border-radius:40px;height:40px;width:66px}.switchery-large>small{height:40px;width:40px}/* Switchery sizes. */
.switchery {
  height: 14px;
  width: 30px;
  z-index: 1000;
  opacity: 1 !important;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: content-box;
  background-clip: content-box;
}
.switchery > small {
  height: 14px;
  width: 14px;
}
.switcherymid {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  position: relative;
  vertical-align: middle;
  width: 25px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: content-box;
  background-clip: content-box;
}
.switcherymid > small {
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  height: 14px;
  position: absolute;
  top: 0;
  width: 14px;
}
.switchery-small {
  border: none !important;
  height: 10px;
  width: 20px;
  margin-top: -3px;
  margin-right: 3px;
}
.switchery-small > small {
  height: 10px;
  width: 10px;
}
.switchery-disabled {
  opacity: 0.25;
}
.switchery-disabled .switchery {
  cursor: not-allowed !important;
}
/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900); }

.fas,
.far,
.fab,
.fa-solid,
.fa-regular,
.fa-brands,
.fa {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto; }

.fas::before,
.far::before,
.fab::before,
.fa-solid::before,
.fa-regular::before,
.fa-brands::before,
.fa::before {
  content: var(--fa); }

.fa-classic,
.fas,
.fa-solid,
.far,
.fa-regular {
  font-family: 'Font Awesome 6 Free'; }

.fa-brands,
.fab {
  font-family: 'Font Awesome 6 Brands'; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em; }

.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333em;
  vertical-align: 0.125em; }

.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em; }

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em; }

.fa-xl {
  font-size: 1.5em;
  line-height: 0.04167em;
  vertical-align: -0.125em; }

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: calc(-1 * var(--fa-li-width, 2em));
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit; }

.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); }

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em); }

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em); }

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out); }

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); }

.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out); }

.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear); }

.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear); }

.fa-spin-reverse {
  --fa-animation-direction: reverse; }

.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8)); }

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s; } }

@keyframes fa-beat {
  0%, 90% {
    transform: scale(1); }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25)); } }

@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0); }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
  64% {
    transform: scale(1, 1) translateY(0); }
  100% {
    transform: scale(1, 1) translateY(0); } }

@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4); } }

@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1); }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125)); } }

@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }

@keyframes fa-shake {
  0% {
    transform: rotate(-15deg); }
  4% {
    transform: rotate(15deg); }
  8%, 24% {
    transform: rotate(-18deg); }
  12%, 28% {
    transform: rotate(18deg); }
  16% {
    transform: rotate(-22deg); }
  20% {
    transform: rotate(22deg); }
  32% {
    transform: rotate(-12deg); }
  36% {
    transform: rotate(12deg); }
  40%, 100% {
    transform: rotate(0deg); } }

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

.fa-rotate-90 {
  transform: rotate(90deg); }

.fa-rotate-180 {
  transform: rotate(180deg); }

.fa-rotate-270 {
  transform: rotate(270deg); }

.fa-flip-horizontal {
  transform: scale(-1, 1); }

.fa-flip-vertical {
  transform: scale(1, -1); }

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1); }

.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0)); }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto); }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: var(--fa-inverse, #fff); }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */

.fa-0 {
  --fa: "\30"; }

.fa-1 {
  --fa: "\31"; }

.fa-2 {
  --fa: "\32"; }

.fa-3 {
  --fa: "\33"; }

.fa-4 {
  --fa: "\34"; }

.fa-5 {
  --fa: "\35"; }

.fa-6 {
  --fa: "\36"; }

.fa-7 {
  --fa: "\37"; }

.fa-8 {
  --fa: "\38"; }

.fa-9 {
  --fa: "\39"; }

.fa-fill-drip {
  --fa: "\f576"; }

.fa-arrows-to-circle {
  --fa: "\e4bd"; }

.fa-circle-chevron-right {
  --fa: "\f138"; }

.fa-chevron-circle-right {
  --fa: "\f138"; }

.fa-at {
  --fa: "\40"; }

.fa-trash-can {
  --fa: "\f2ed"; }

.fa-trash-alt {
  --fa: "\f2ed"; }

.fa-text-height {
  --fa: "\f034"; }

.fa-user-xmark {
  --fa: "\f235"; }

.fa-user-times {
  --fa: "\f235"; }

.fa-stethoscope {
  --fa: "\f0f1"; }

.fa-message {
  --fa: "\f27a"; }

.fa-comment-alt {
  --fa: "\f27a"; }

.fa-info {
  --fa: "\f129"; }

.fa-down-left-and-up-right-to-center {
  --fa: "\f422"; }

.fa-compress-alt {
  --fa: "\f422"; }

.fa-explosion {
  --fa: "\e4e9"; }

.fa-file-lines {
  --fa: "\f15c"; }

.fa-file-alt {
  --fa: "\f15c"; }

.fa-file-text {
  --fa: "\f15c"; }

.fa-wave-square {
  --fa: "\f83e"; }

.fa-ring {
  --fa: "\f70b"; }

.fa-building-un {
  --fa: "\e4d9"; }

.fa-dice-three {
  --fa: "\f527"; }

.fa-calendar-days {
  --fa: "\f073"; }

.fa-calendar-alt {
  --fa: "\f073"; }

.fa-anchor-circle-check {
  --fa: "\e4aa"; }

.fa-building-circle-arrow-right {
  --fa: "\e4d1"; }

.fa-volleyball {
  --fa: "\f45f"; }

.fa-volleyball-ball {
  --fa: "\f45f"; }

.fa-arrows-up-to-line {
  --fa: "\e4c2"; }

.fa-sort-down {
  --fa: "\f0dd"; }

.fa-sort-desc {
  --fa: "\f0dd"; }

.fa-circle-minus {
  --fa: "\f056"; }

.fa-minus-circle {
  --fa: "\f056"; }

.fa-door-open {
  --fa: "\f52b"; }

.fa-right-from-bracket {
  --fa: "\f2f5"; }

.fa-sign-out-alt {
  --fa: "\f2f5"; }

.fa-atom {
  --fa: "\f5d2"; }

.fa-soap {
  --fa: "\e06e"; }

.fa-icons {
  --fa: "\f86d"; }

.fa-heart-music-camera-bolt {
  --fa: "\f86d"; }

.fa-microphone-lines-slash {
  --fa: "\f539"; }

.fa-microphone-alt-slash {
  --fa: "\f539"; }

.fa-bridge-circle-check {
  --fa: "\e4c9"; }

.fa-pump-medical {
  --fa: "\e06a"; }

.fa-fingerprint {
  --fa: "\f577"; }

.fa-hand-point-right {
  --fa: "\f0a4"; }

.fa-magnifying-glass-location {
  --fa: "\f689"; }

.fa-search-location {
  --fa: "\f689"; }

.fa-forward-step {
  --fa: "\f051"; }

.fa-step-forward {
  --fa: "\f051"; }

.fa-face-smile-beam {
  --fa: "\f5b8"; }

.fa-smile-beam {
  --fa: "\f5b8"; }

.fa-flag-checkered {
  --fa: "\f11e"; }

.fa-football {
  --fa: "\f44e"; }

.fa-football-ball {
  --fa: "\f44e"; }

.fa-school-circle-exclamation {
  --fa: "\e56c"; }

.fa-crop {
  --fa: "\f125"; }

.fa-angles-down {
  --fa: "\f103"; }

.fa-angle-double-down {
  --fa: "\f103"; }

.fa-users-rectangle {
  --fa: "\e594"; }

.fa-people-roof {
  --fa: "\e537"; }

.fa-people-line {
  --fa: "\e534"; }

.fa-beer-mug-empty {
  --fa: "\f0fc"; }

.fa-beer {
  --fa: "\f0fc"; }

.fa-diagram-predecessor {
  --fa: "\e477"; }

.fa-arrow-up-long {
  --fa: "\f176"; }

.fa-long-arrow-up {
  --fa: "\f176"; }

.fa-fire-flame-simple {
  --fa: "\f46a"; }

.fa-burn {
  --fa: "\f46a"; }

.fa-person {
  --fa: "\f183"; }

.fa-male {
  --fa: "\f183"; }

.fa-laptop {
  --fa: "\f109"; }

.fa-file-csv {
  --fa: "\f6dd"; }

.fa-menorah {
  --fa: "\f676"; }

.fa-truck-plane {
  --fa: "\e58f"; }

.fa-record-vinyl {
  --fa: "\f8d9"; }

.fa-face-grin-stars {
  --fa: "\f587"; }

.fa-grin-stars {
  --fa: "\f587"; }

.fa-bong {
  --fa: "\f55c"; }

.fa-spaghetti-monster-flying {
  --fa: "\f67b"; }

.fa-pastafarianism {
  --fa: "\f67b"; }

.fa-arrow-down-up-across-line {
  --fa: "\e4af"; }

.fa-spoon {
  --fa: "\f2e5"; }

.fa-utensil-spoon {
  --fa: "\f2e5"; }

.fa-jar-wheat {
  --fa: "\e517"; }

.fa-envelopes-bulk {
  --fa: "\f674"; }

.fa-mail-bulk {
  --fa: "\f674"; }

.fa-file-circle-exclamation {
  --fa: "\e4eb"; }

.fa-circle-h {
  --fa: "\f47e"; }

.fa-hospital-symbol {
  --fa: "\f47e"; }

.fa-pager {
  --fa: "\f815"; }

.fa-address-book {
  --fa: "\f2b9"; }

.fa-contact-book {
  --fa: "\f2b9"; }

.fa-strikethrough {
  --fa: "\f0cc"; }

.fa-k {
  --fa: "\4b"; }

.fa-landmark-flag {
  --fa: "\e51c"; }

.fa-pencil {
  --fa: "\f303"; }

.fa-pencil-alt {
  --fa: "\f303"; }

.fa-backward {
  --fa: "\f04a"; }

.fa-caret-right {
  --fa: "\f0da"; }

.fa-comments {
  --fa: "\f086"; }

.fa-paste {
  --fa: "\f0ea"; }

.fa-file-clipboard {
  --fa: "\f0ea"; }

.fa-code-pull-request {
  --fa: "\e13c"; }

.fa-clipboard-list {
  --fa: "\f46d"; }

.fa-truck-ramp-box {
  --fa: "\f4de"; }

.fa-truck-loading {
  --fa: "\f4de"; }

.fa-user-check {
  --fa: "\f4fc"; }

.fa-vial-virus {
  --fa: "\e597"; }

.fa-sheet-plastic {
  --fa: "\e571"; }

.fa-blog {
  --fa: "\f781"; }

.fa-user-ninja {
  --fa: "\f504"; }

.fa-person-arrow-up-from-line {
  --fa: "\e539"; }

.fa-scroll-torah {
  --fa: "\f6a0"; }

.fa-torah {
  --fa: "\f6a0"; }

.fa-broom-ball {
  --fa: "\f458"; }

.fa-quidditch {
  --fa: "\f458"; }

.fa-quidditch-broom-ball {
  --fa: "\f458"; }

.fa-toggle-off {
  --fa: "\f204"; }

.fa-box-archive {
  --fa: "\f187"; }

.fa-archive {
  --fa: "\f187"; }

.fa-person-drowning {
  --fa: "\e545"; }

.fa-arrow-down-9-1 {
  --fa: "\f886"; }

.fa-sort-numeric-desc {
  --fa: "\f886"; }

.fa-sort-numeric-down-alt {
  --fa: "\f886"; }

.fa-face-grin-tongue-squint {
  --fa: "\f58a"; }

.fa-grin-tongue-squint {
  --fa: "\f58a"; }

.fa-spray-can {
  --fa: "\f5bd"; }

.fa-truck-monster {
  --fa: "\f63b"; }

.fa-w {
  --fa: "\57"; }

.fa-earth-africa {
  --fa: "\f57c"; }

.fa-globe-africa {
  --fa: "\f57c"; }

.fa-rainbow {
  --fa: "\f75b"; }

.fa-circle-notch {
  --fa: "\f1ce"; }

.fa-tablet-screen-button {
  --fa: "\f3fa"; }

.fa-tablet-alt {
  --fa: "\f3fa"; }

.fa-paw {
  --fa: "\f1b0"; }

.fa-cloud {
  --fa: "\f0c2"; }

.fa-trowel-bricks {
  --fa: "\e58a"; }

.fa-face-flushed {
  --fa: "\f579"; }

.fa-flushed {
  --fa: "\f579"; }

.fa-hospital-user {
  --fa: "\f80d"; }

.fa-tent-arrow-left-right {
  --fa: "\e57f"; }

.fa-gavel {
  --fa: "\f0e3"; }

.fa-legal {
  --fa: "\f0e3"; }

.fa-binoculars {
  --fa: "\f1e5"; }

.fa-microphone-slash {
  --fa: "\f131"; }

.fa-box-tissue {
  --fa: "\e05b"; }

.fa-motorcycle {
  --fa: "\f21c"; }

.fa-bell-concierge {
  --fa: "\f562"; }

.fa-concierge-bell {
  --fa: "\f562"; }

.fa-pen-ruler {
  --fa: "\f5ae"; }

.fa-pencil-ruler {
  --fa: "\f5ae"; }

.fa-people-arrows {
  --fa: "\e068"; }

.fa-people-arrows-left-right {
  --fa: "\e068"; }

.fa-mars-and-venus-burst {
  --fa: "\e523"; }

.fa-square-caret-right {
  --fa: "\f152"; }

.fa-caret-square-right {
  --fa: "\f152"; }

.fa-scissors {
  --fa: "\f0c4"; }

.fa-cut {
  --fa: "\f0c4"; }

.fa-sun-plant-wilt {
  --fa: "\e57a"; }

.fa-toilets-portable {
  --fa: "\e584"; }

.fa-hockey-puck {
  --fa: "\f453"; }

.fa-table {
  --fa: "\f0ce"; }

.fa-magnifying-glass-arrow-right {
  --fa: "\e521"; }

.fa-tachograph-digital {
  --fa: "\f566"; }

.fa-digital-tachograph {
  --fa: "\f566"; }

.fa-users-slash {
  --fa: "\e073"; }

.fa-clover {
  --fa: "\e139"; }

.fa-reply {
  --fa: "\f3e5"; }

.fa-mail-reply {
  --fa: "\f3e5"; }

.fa-star-and-crescent {
  --fa: "\f699"; }

.fa-house-fire {
  --fa: "\e50c"; }

.fa-square-minus {
  --fa: "\f146"; }

.fa-minus-square {
  --fa: "\f146"; }

.fa-helicopter {
  --fa: "\f533"; }

.fa-compass {
  --fa: "\f14e"; }

.fa-square-caret-down {
  --fa: "\f150"; }

.fa-caret-square-down {
  --fa: "\f150"; }

.fa-file-circle-question {
  --fa: "\e4ef"; }

.fa-laptop-code {
  --fa: "\f5fc"; }

.fa-swatchbook {
  --fa: "\f5c3"; }

.fa-prescription-bottle {
  --fa: "\f485"; }

.fa-bars {
  --fa: "\f0c9"; }

.fa-navicon {
  --fa: "\f0c9"; }

.fa-people-group {
  --fa: "\e533"; }

.fa-hourglass-end {
  --fa: "\f253"; }

.fa-hourglass-3 {
  --fa: "\f253"; }

.fa-heart-crack {
  --fa: "\f7a9"; }

.fa-heart-broken {
  --fa: "\f7a9"; }

.fa-square-up-right {
  --fa: "\f360"; }

.fa-external-link-square-alt {
  --fa: "\f360"; }

.fa-face-kiss-beam {
  --fa: "\f597"; }

.fa-kiss-beam {
  --fa: "\f597"; }

.fa-film {
  --fa: "\f008"; }

.fa-ruler-horizontal {
  --fa: "\f547"; }

.fa-people-robbery {
  --fa: "\e536"; }

.fa-lightbulb {
  --fa: "\f0eb"; }

.fa-caret-left {
  --fa: "\f0d9"; }

.fa-circle-exclamation {
  --fa: "\f06a"; }

.fa-exclamation-circle {
  --fa: "\f06a"; }

.fa-school-circle-xmark {
  --fa: "\e56d"; }

.fa-arrow-right-from-bracket {
  --fa: "\f08b"; }

.fa-sign-out {
  --fa: "\f08b"; }

.fa-circle-chevron-down {
  --fa: "\f13a"; }

.fa-chevron-circle-down {
  --fa: "\f13a"; }

.fa-unlock-keyhole {
  --fa: "\f13e"; }

.fa-unlock-alt {
  --fa: "\f13e"; }

.fa-cloud-showers-heavy {
  --fa: "\f740"; }

.fa-headphones-simple {
  --fa: "\f58f"; }

.fa-headphones-alt {
  --fa: "\f58f"; }

.fa-sitemap {
  --fa: "\f0e8"; }

.fa-circle-dollar-to-slot {
  --fa: "\f4b9"; }

.fa-donate {
  --fa: "\f4b9"; }

.fa-memory {
  --fa: "\f538"; }

.fa-road-spikes {
  --fa: "\e568"; }

.fa-fire-burner {
  --fa: "\e4f1"; }

.fa-flag {
  --fa: "\f024"; }

.fa-hanukiah {
  --fa: "\f6e6"; }

.fa-feather {
  --fa: "\f52d"; }

.fa-volume-low {
  --fa: "\f027"; }

.fa-volume-down {
  --fa: "\f027"; }

.fa-comment-slash {
  --fa: "\f4b3"; }

.fa-cloud-sun-rain {
  --fa: "\f743"; }

.fa-compress {
  --fa: "\f066"; }

.fa-wheat-awn {
  --fa: "\e2cd"; }

.fa-wheat-alt {
  --fa: "\e2cd"; }

.fa-ankh {
  --fa: "\f644"; }

.fa-hands-holding-child {
  --fa: "\e4fa"; }

.fa-asterisk {
  --fa: "\2a"; }

.fa-square-check {
  --fa: "\f14a"; }

.fa-check-square {
  --fa: "\f14a"; }

.fa-peseta-sign {
  --fa: "\e221"; }

.fa-heading {
  --fa: "\f1dc"; }

.fa-header {
  --fa: "\f1dc"; }

.fa-ghost {
  --fa: "\f6e2"; }

.fa-list {
  --fa: "\f03a"; }

.fa-list-squares {
  --fa: "\f03a"; }

.fa-square-phone-flip {
  --fa: "\f87b"; }

.fa-phone-square-alt {
  --fa: "\f87b"; }

.fa-cart-plus {
  --fa: "\f217"; }

.fa-gamepad {
  --fa: "\f11b"; }

.fa-circle-dot {
  --fa: "\f192"; }

.fa-dot-circle {
  --fa: "\f192"; }

.fa-face-dizzy {
  --fa: "\f567"; }

.fa-dizzy {
  --fa: "\f567"; }

.fa-egg {
  --fa: "\f7fb"; }

.fa-house-medical-circle-xmark {
  --fa: "\e513"; }

.fa-campground {
  --fa: "\f6bb"; }

.fa-folder-plus {
  --fa: "\f65e"; }

.fa-futbol {
  --fa: "\f1e3"; }

.fa-futbol-ball {
  --fa: "\f1e3"; }

.fa-soccer-ball {
  --fa: "\f1e3"; }

.fa-paintbrush {
  --fa: "\f1fc"; }

.fa-paint-brush {
  --fa: "\f1fc"; }

.fa-lock {
  --fa: "\f023"; }

.fa-gas-pump {
  --fa: "\f52f"; }

.fa-hot-tub-person {
  --fa: "\f593"; }

.fa-hot-tub {
  --fa: "\f593"; }

.fa-map-location {
  --fa: "\f59f"; }

.fa-map-marked {
  --fa: "\f59f"; }

.fa-house-flood-water {
  --fa: "\e50e"; }

.fa-tree {
  --fa: "\f1bb"; }

.fa-bridge-lock {
  --fa: "\e4cc"; }

.fa-sack-dollar {
  --fa: "\f81d"; }

.fa-pen-to-square {
  --fa: "\f044"; }

.fa-edit {
  --fa: "\f044"; }

.fa-car-side {
  --fa: "\f5e4"; }

.fa-share-nodes {
  --fa: "\f1e0"; }

.fa-share-alt {
  --fa: "\f1e0"; }

.fa-heart-circle-minus {
  --fa: "\e4ff"; }

.fa-hourglass-half {
  --fa: "\f252"; }

.fa-hourglass-2 {
  --fa: "\f252"; }

.fa-microscope {
  --fa: "\f610"; }

.fa-sink {
  --fa: "\e06d"; }

.fa-bag-shopping {
  --fa: "\f290"; }

.fa-shopping-bag {
  --fa: "\f290"; }

.fa-arrow-down-z-a {
  --fa: "\f881"; }

.fa-sort-alpha-desc {
  --fa: "\f881"; }

.fa-sort-alpha-down-alt {
  --fa: "\f881"; }

.fa-mitten {
  --fa: "\f7b5"; }

.fa-person-rays {
  --fa: "\e54d"; }

.fa-users {
  --fa: "\f0c0"; }

.fa-eye-slash {
  --fa: "\f070"; }

.fa-flask-vial {
  --fa: "\e4f3"; }

.fa-hand {
  --fa: "\f256"; }

.fa-hand-paper {
  --fa: "\f256"; }

.fa-om {
  --fa: "\f679"; }

.fa-worm {
  --fa: "\e599"; }

.fa-house-circle-xmark {
  --fa: "\e50b"; }

.fa-plug {
  --fa: "\f1e6"; }

.fa-chevron-up {
  --fa: "\f077"; }

.fa-hand-spock {
  --fa: "\f259"; }

.fa-stopwatch {
  --fa: "\f2f2"; }

.fa-face-kiss {
  --fa: "\f596"; }

.fa-kiss {
  --fa: "\f596"; }

.fa-bridge-circle-xmark {
  --fa: "\e4cb"; }

.fa-face-grin-tongue {
  --fa: "\f589"; }

.fa-grin-tongue {
  --fa: "\f589"; }

.fa-chess-bishop {
  --fa: "\f43a"; }

.fa-face-grin-wink {
  --fa: "\f58c"; }

.fa-grin-wink {
  --fa: "\f58c"; }

.fa-ear-deaf {
  --fa: "\f2a4"; }

.fa-deaf {
  --fa: "\f2a4"; }

.fa-deafness {
  --fa: "\f2a4"; }

.fa-hard-of-hearing {
  --fa: "\f2a4"; }

.fa-road-circle-check {
  --fa: "\e564"; }

.fa-dice-five {
  --fa: "\f523"; }

.fa-square-rss {
  --fa: "\f143"; }

.fa-rss-square {
  --fa: "\f143"; }

.fa-land-mine-on {
  --fa: "\e51b"; }

.fa-i-cursor {
  --fa: "\f246"; }

.fa-stamp {
  --fa: "\f5bf"; }

.fa-stairs {
  --fa: "\e289"; }

.fa-i {
  --fa: "\49"; }

.fa-hryvnia-sign {
  --fa: "\f6f2"; }

.fa-hryvnia {
  --fa: "\f6f2"; }

.fa-pills {
  --fa: "\f484"; }

.fa-face-grin-wide {
  --fa: "\f581"; }

.fa-grin-alt {
  --fa: "\f581"; }

.fa-tooth {
  --fa: "\f5c9"; }

.fa-v {
  --fa: "\56"; }

.fa-bangladeshi-taka-sign {
  --fa: "\e2e6"; }

.fa-bicycle {
  --fa: "\f206"; }

.fa-staff-snake {
  --fa: "\e579"; }

.fa-rod-asclepius {
  --fa: "\e579"; }

.fa-rod-snake {
  --fa: "\e579"; }

.fa-staff-aesculapius {
  --fa: "\e579"; }

.fa-head-side-cough-slash {
  --fa: "\e062"; }

.fa-truck-medical {
  --fa: "\f0f9"; }

.fa-ambulance {
  --fa: "\f0f9"; }

.fa-wheat-awn-circle-exclamation {
  --fa: "\e598"; }

.fa-snowman {
  --fa: "\f7d0"; }

.fa-mortar-pestle {
  --fa: "\f5a7"; }

.fa-road-barrier {
  --fa: "\e562"; }

.fa-school {
  --fa: "\f549"; }

.fa-igloo {
  --fa: "\f7ae"; }

.fa-joint {
  --fa: "\f595"; }

.fa-angle-right {
  --fa: "\f105"; }

.fa-horse {
  --fa: "\f6f0"; }

.fa-q {
  --fa: "\51"; }

.fa-g {
  --fa: "\47"; }

.fa-notes-medical {
  --fa: "\f481"; }

.fa-temperature-half {
  --fa: "\f2c9"; }

.fa-temperature-2 {
  --fa: "\f2c9"; }

.fa-thermometer-2 {
  --fa: "\f2c9"; }

.fa-thermometer-half {
  --fa: "\f2c9"; }

.fa-dong-sign {
  --fa: "\e169"; }

.fa-capsules {
  --fa: "\f46b"; }

.fa-poo-storm {
  --fa: "\f75a"; }

.fa-poo-bolt {
  --fa: "\f75a"; }

.fa-face-frown-open {
  --fa: "\f57a"; }

.fa-frown-open {
  --fa: "\f57a"; }

.fa-hand-point-up {
  --fa: "\f0a6"; }

.fa-money-bill {
  --fa: "\f0d6"; }

.fa-bookmark {
  --fa: "\f02e"; }

.fa-align-justify {
  --fa: "\f039"; }

.fa-umbrella-beach {
  --fa: "\f5ca"; }

.fa-helmet-un {
  --fa: "\e503"; }

.fa-bullseye {
  --fa: "\f140"; }

.fa-bacon {
  --fa: "\f7e5"; }

.fa-hand-point-down {
  --fa: "\f0a7"; }

.fa-arrow-up-from-bracket {
  --fa: "\e09a"; }

.fa-folder {
  --fa: "\f07b"; }

.fa-folder-blank {
  --fa: "\f07b"; }

.fa-file-waveform {
  --fa: "\f478"; }

.fa-file-medical-alt {
  --fa: "\f478"; }

.fa-radiation {
  --fa: "\f7b9"; }

.fa-chart-simple {
  --fa: "\e473"; }

.fa-mars-stroke {
  --fa: "\f229"; }

.fa-vial {
  --fa: "\f492"; }

.fa-gauge {
  --fa: "\f624"; }

.fa-dashboard {
  --fa: "\f624"; }

.fa-gauge-med {
  --fa: "\f624"; }

.fa-tachometer-alt-average {
  --fa: "\f624"; }

.fa-wand-magic-sparkles {
  --fa: "\e2ca"; }

.fa-magic-wand-sparkles {
  --fa: "\e2ca"; }

.fa-e {
  --fa: "\45"; }

.fa-pen-clip {
  --fa: "\f305"; }

.fa-pen-alt {
  --fa: "\f305"; }

.fa-bridge-circle-exclamation {
  --fa: "\e4ca"; }

.fa-user {
  --fa: "\f007"; }

.fa-school-circle-check {
  --fa: "\e56b"; }

.fa-dumpster {
  --fa: "\f793"; }

.fa-van-shuttle {
  --fa: "\f5b6"; }

.fa-shuttle-van {
  --fa: "\f5b6"; }

.fa-building-user {
  --fa: "\e4da"; }

.fa-square-caret-left {
  --fa: "\f191"; }

.fa-caret-square-left {
  --fa: "\f191"; }

.fa-highlighter {
  --fa: "\f591"; }

.fa-key {
  --fa: "\f084"; }

.fa-bullhorn {
  --fa: "\f0a1"; }

.fa-globe {
  --fa: "\f0ac"; }

.fa-synagogue {
  --fa: "\f69b"; }

.fa-person-half-dress {
  --fa: "\e548"; }

.fa-road-bridge {
  --fa: "\e563"; }

.fa-location-arrow {
  --fa: "\f124"; }

.fa-c {
  --fa: "\43"; }

.fa-tablet-button {
  --fa: "\f10a"; }

.fa-building-lock {
  --fa: "\e4d6"; }

.fa-pizza-slice {
  --fa: "\f818"; }

.fa-money-bill-wave {
  --fa: "\f53a"; }

.fa-chart-area {
  --fa: "\f1fe"; }

.fa-area-chart {
  --fa: "\f1fe"; }

.fa-house-flag {
  --fa: "\e50d"; }

.fa-person-circle-minus {
  --fa: "\e540"; }

.fa-ban {
  --fa: "\f05e"; }

.fa-cancel {
  --fa: "\f05e"; }

.fa-camera-rotate {
  --fa: "\e0d8"; }

.fa-spray-can-sparkles {
  --fa: "\f5d0"; }

.fa-air-freshener {
  --fa: "\f5d0"; }

.fa-star {
  --fa: "\f005"; }

.fa-repeat {
  --fa: "\f363"; }

.fa-cross {
  --fa: "\f654"; }

.fa-box {
  --fa: "\f466"; }

.fa-venus-mars {
  --fa: "\f228"; }

.fa-arrow-pointer {
  --fa: "\f245"; }

.fa-mouse-pointer {
  --fa: "\f245"; }

.fa-maximize {
  --fa: "\f31e"; }

.fa-expand-arrows-alt {
  --fa: "\f31e"; }

.fa-charging-station {
  --fa: "\f5e7"; }

.fa-shapes {
  --fa: "\f61f"; }

.fa-triangle-circle-square {
  --fa: "\f61f"; }

.fa-shuffle {
  --fa: "\f074"; }

.fa-random {
  --fa: "\f074"; }

.fa-person-running {
  --fa: "\f70c"; }

.fa-running {
  --fa: "\f70c"; }

.fa-mobile-retro {
  --fa: "\e527"; }

.fa-grip-lines-vertical {
  --fa: "\f7a5"; }

.fa-spider {
  --fa: "\f717"; }

.fa-hands-bound {
  --fa: "\e4f9"; }

.fa-file-invoice-dollar {
  --fa: "\f571"; }

.fa-plane-circle-exclamation {
  --fa: "\e556"; }

.fa-x-ray {
  --fa: "\f497"; }

.fa-spell-check {
  --fa: "\f891"; }

.fa-slash {
  --fa: "\f715"; }

.fa-computer-mouse {
  --fa: "\f8cc"; }

.fa-mouse {
  --fa: "\f8cc"; }

.fa-arrow-right-to-bracket {
  --fa: "\f090"; }

.fa-sign-in {
  --fa: "\f090"; }

.fa-shop-slash {
  --fa: "\e070"; }

.fa-store-alt-slash {
  --fa: "\e070"; }

.fa-server {
  --fa: "\f233"; }

.fa-virus-covid-slash {
  --fa: "\e4a9"; }

.fa-shop-lock {
  --fa: "\e4a5"; }

.fa-hourglass-start {
  --fa: "\f251"; }

.fa-hourglass-1 {
  --fa: "\f251"; }

.fa-blender-phone {
  --fa: "\f6b6"; }

.fa-building-wheat {
  --fa: "\e4db"; }

.fa-person-breastfeeding {
  --fa: "\e53a"; }

.fa-right-to-bracket {
  --fa: "\f2f6"; }

.fa-sign-in-alt {
  --fa: "\f2f6"; }

.fa-venus {
  --fa: "\f221"; }

.fa-passport {
  --fa: "\f5ab"; }

.fa-thumbtack-slash {
  --fa: "\e68f"; }

.fa-thumb-tack-slash {
  --fa: "\e68f"; }

.fa-heart-pulse {
  --fa: "\f21e"; }

.fa-heartbeat {
  --fa: "\f21e"; }

.fa-people-carry-box {
  --fa: "\f4ce"; }

.fa-people-carry {
  --fa: "\f4ce"; }

.fa-temperature-high {
  --fa: "\f769"; }

.fa-microchip {
  --fa: "\f2db"; }

.fa-crown {
  --fa: "\f521"; }

.fa-weight-hanging {
  --fa: "\f5cd"; }

.fa-xmarks-lines {
  --fa: "\e59a"; }

.fa-file-prescription {
  --fa: "\f572"; }

.fa-weight-scale {
  --fa: "\f496"; }

.fa-weight {
  --fa: "\f496"; }

.fa-user-group {
  --fa: "\f500"; }

.fa-user-friends {
  --fa: "\f500"; }

.fa-arrow-up-a-z {
  --fa: "\f15e"; }

.fa-sort-alpha-up {
  --fa: "\f15e"; }

.fa-chess-knight {
  --fa: "\f441"; }

.fa-face-laugh-squint {
  --fa: "\f59b"; }

.fa-laugh-squint {
  --fa: "\f59b"; }

.fa-wheelchair {
  --fa: "\f193"; }

.fa-circle-arrow-up {
  --fa: "\f0aa"; }

.fa-arrow-circle-up {
  --fa: "\f0aa"; }

.fa-toggle-on {
  --fa: "\f205"; }

.fa-person-walking {
  --fa: "\f554"; }

.fa-walking {
  --fa: "\f554"; }

.fa-l {
  --fa: "\4c"; }

.fa-fire {
  --fa: "\f06d"; }

.fa-bed-pulse {
  --fa: "\f487"; }

.fa-procedures {
  --fa: "\f487"; }

.fa-shuttle-space {
  --fa: "\f197"; }

.fa-space-shuttle {
  --fa: "\f197"; }

.fa-face-laugh {
  --fa: "\f599"; }

.fa-laugh {
  --fa: "\f599"; }

.fa-folder-open {
  --fa: "\f07c"; }

.fa-heart-circle-plus {
  --fa: "\e500"; }

.fa-code-fork {
  --fa: "\e13b"; }

.fa-city {
  --fa: "\f64f"; }

.fa-microphone-lines {
  --fa: "\f3c9"; }

.fa-microphone-alt {
  --fa: "\f3c9"; }

.fa-pepper-hot {
  --fa: "\f816"; }

.fa-unlock {
  --fa: "\f09c"; }

.fa-colon-sign {
  --fa: "\e140"; }

.fa-headset {
  --fa: "\f590"; }

.fa-store-slash {
  --fa: "\e071"; }

.fa-road-circle-xmark {
  --fa: "\e566"; }

.fa-user-minus {
  --fa: "\f503"; }

.fa-mars-stroke-up {
  --fa: "\f22a"; }

.fa-mars-stroke-v {
  --fa: "\f22a"; }

.fa-champagne-glasses {
  --fa: "\f79f"; }

.fa-glass-cheers {
  --fa: "\f79f"; }

.fa-clipboard {
  --fa: "\f328"; }

.fa-house-circle-exclamation {
  --fa: "\e50a"; }

.fa-file-arrow-up {
  --fa: "\f574"; }

.fa-file-upload {
  --fa: "\f574"; }

.fa-wifi {
  --fa: "\f1eb"; }

.fa-wifi-3 {
  --fa: "\f1eb"; }

.fa-wifi-strong {
  --fa: "\f1eb"; }

.fa-bath {
  --fa: "\f2cd"; }

.fa-bathtub {
  --fa: "\f2cd"; }

.fa-underline {
  --fa: "\f0cd"; }

.fa-user-pen {
  --fa: "\f4ff"; }

.fa-user-edit {
  --fa: "\f4ff"; }

.fa-signature {
  --fa: "\f5b7"; }

.fa-stroopwafel {
  --fa: "\f551"; }

.fa-bold {
  --fa: "\f032"; }

.fa-anchor-lock {
  --fa: "\e4ad"; }

.fa-building-ngo {
  --fa: "\e4d7"; }

.fa-manat-sign {
  --fa: "\e1d5"; }

.fa-not-equal {
  --fa: "\f53e"; }

.fa-border-top-left {
  --fa: "\f853"; }

.fa-border-style {
  --fa: "\f853"; }

.fa-map-location-dot {
  --fa: "\f5a0"; }

.fa-map-marked-alt {
  --fa: "\f5a0"; }

.fa-jedi {
  --fa: "\f669"; }

.fa-square-poll-vertical {
  --fa: "\f681"; }

.fa-poll {
  --fa: "\f681"; }

.fa-mug-hot {
  --fa: "\f7b6"; }

.fa-car-battery {
  --fa: "\f5df"; }

.fa-battery-car {
  --fa: "\f5df"; }

.fa-gift {
  --fa: "\f06b"; }

.fa-dice-two {
  --fa: "\f528"; }

.fa-chess-queen {
  --fa: "\f445"; }

.fa-glasses {
  --fa: "\f530"; }

.fa-chess-board {
  --fa: "\f43c"; }

.fa-building-circle-check {
  --fa: "\e4d2"; }

.fa-person-chalkboard {
  --fa: "\e53d"; }

.fa-mars-stroke-right {
  --fa: "\f22b"; }

.fa-mars-stroke-h {
  --fa: "\f22b"; }

.fa-hand-back-fist {
  --fa: "\f255"; }

.fa-hand-rock {
  --fa: "\f255"; }

.fa-square-caret-up {
  --fa: "\f151"; }

.fa-caret-square-up {
  --fa: "\f151"; }

.fa-cloud-showers-water {
  --fa: "\e4e4"; }

.fa-chart-bar {
  --fa: "\f080"; }

.fa-bar-chart {
  --fa: "\f080"; }

.fa-hands-bubbles {
  --fa: "\e05e"; }

.fa-hands-wash {
  --fa: "\e05e"; }

.fa-less-than-equal {
  --fa: "\f537"; }

.fa-train {
  --fa: "\f238"; }

.fa-eye-low-vision {
  --fa: "\f2a8"; }

.fa-low-vision {
  --fa: "\f2a8"; }

.fa-crow {
  --fa: "\f520"; }

.fa-sailboat {
  --fa: "\e445"; }

.fa-window-restore {
  --fa: "\f2d2"; }

.fa-square-plus {
  --fa: "\f0fe"; }

.fa-plus-square {
  --fa: "\f0fe"; }

.fa-torii-gate {
  --fa: "\f6a1"; }

.fa-frog {
  --fa: "\f52e"; }

.fa-bucket {
  --fa: "\e4cf"; }

.fa-image {
  --fa: "\f03e"; }

.fa-microphone {
  --fa: "\f130"; }

.fa-cow {
  --fa: "\f6c8"; }

.fa-caret-up {
  --fa: "\f0d8"; }

.fa-screwdriver {
  --fa: "\f54a"; }

.fa-folder-closed {
  --fa: "\e185"; }

.fa-house-tsunami {
  --fa: "\e515"; }

.fa-square-nfi {
  --fa: "\e576"; }

.fa-arrow-up-from-ground-water {
  --fa: "\e4b5"; }

.fa-martini-glass {
  --fa: "\f57b"; }

.fa-glass-martini-alt {
  --fa: "\f57b"; }

.fa-square-binary {
  --fa: "\e69b"; }

.fa-rotate-left {
  --fa: "\f2ea"; }

.fa-rotate-back {
  --fa: "\f2ea"; }

.fa-rotate-backward {
  --fa: "\f2ea"; }

.fa-undo-alt {
  --fa: "\f2ea"; }

.fa-table-columns {
  --fa: "\f0db"; }

.fa-columns {
  --fa: "\f0db"; }

.fa-lemon {
  --fa: "\f094"; }

.fa-head-side-mask {
  --fa: "\e063"; }

.fa-handshake {
  --fa: "\f2b5"; }

.fa-gem {
  --fa: "\f3a5"; }

.fa-dolly {
  --fa: "\f472"; }

.fa-dolly-box {
  --fa: "\f472"; }

.fa-smoking {
  --fa: "\f48d"; }

.fa-minimize {
  --fa: "\f78c"; }

.fa-compress-arrows-alt {
  --fa: "\f78c"; }

.fa-monument {
  --fa: "\f5a6"; }

.fa-snowplow {
  --fa: "\f7d2"; }

.fa-angles-right {
  --fa: "\f101"; }

.fa-angle-double-right {
  --fa: "\f101"; }

.fa-cannabis {
  --fa: "\f55f"; }

.fa-circle-play {
  --fa: "\f144"; }

.fa-play-circle {
  --fa: "\f144"; }

.fa-tablets {
  --fa: "\f490"; }

.fa-ethernet {
  --fa: "\f796"; }

.fa-euro-sign {
  --fa: "\f153"; }

.fa-eur {
  --fa: "\f153"; }

.fa-euro {
  --fa: "\f153"; }

.fa-chair {
  --fa: "\f6c0"; }

.fa-circle-check {
  --fa: "\f058"; }

.fa-check-circle {
  --fa: "\f058"; }

.fa-circle-stop {
  --fa: "\f28d"; }

.fa-stop-circle {
  --fa: "\f28d"; }

.fa-compass-drafting {
  --fa: "\f568"; }

.fa-drafting-compass {
  --fa: "\f568"; }

.fa-plate-wheat {
  --fa: "\e55a"; }

.fa-icicles {
  --fa: "\f7ad"; }

.fa-person-shelter {
  --fa: "\e54f"; }

.fa-neuter {
  --fa: "\f22c"; }

.fa-id-badge {
  --fa: "\f2c1"; }

.fa-marker {
  --fa: "\f5a1"; }

.fa-face-laugh-beam {
  --fa: "\f59a"; }

.fa-laugh-beam {
  --fa: "\f59a"; }

.fa-helicopter-symbol {
  --fa: "\e502"; }

.fa-universal-access {
  --fa: "\f29a"; }

.fa-circle-chevron-up {
  --fa: "\f139"; }

.fa-chevron-circle-up {
  --fa: "\f139"; }

.fa-lari-sign {
  --fa: "\e1c8"; }

.fa-volcano {
  --fa: "\f770"; }

.fa-person-walking-dashed-line-arrow-right {
  --fa: "\e553"; }

.fa-sterling-sign {
  --fa: "\f154"; }

.fa-gbp {
  --fa: "\f154"; }

.fa-pound-sign {
  --fa: "\f154"; }

.fa-viruses {
  --fa: "\e076"; }

.fa-square-person-confined {
  --fa: "\e577"; }

.fa-user-tie {
  --fa: "\f508"; }

.fa-arrow-down-long {
  --fa: "\f175"; }

.fa-long-arrow-down {
  --fa: "\f175"; }

.fa-tent-arrow-down-to-line {
  --fa: "\e57e"; }

.fa-certificate {
  --fa: "\f0a3"; }

.fa-reply-all {
  --fa: "\f122"; }

.fa-mail-reply-all {
  --fa: "\f122"; }

.fa-suitcase {
  --fa: "\f0f2"; }

.fa-person-skating {
  --fa: "\f7c5"; }

.fa-skating {
  --fa: "\f7c5"; }

.fa-filter-circle-dollar {
  --fa: "\f662"; }

.fa-funnel-dollar {
  --fa: "\f662"; }

.fa-camera-retro {
  --fa: "\f083"; }

.fa-circle-arrow-down {
  --fa: "\f0ab"; }

.fa-arrow-circle-down {
  --fa: "\f0ab"; }

.fa-file-import {
  --fa: "\f56f"; }

.fa-arrow-right-to-file {
  --fa: "\f56f"; }

.fa-square-arrow-up-right {
  --fa: "\f14c"; }

.fa-external-link-square {
  --fa: "\f14c"; }

.fa-box-open {
  --fa: "\f49e"; }

.fa-scroll {
  --fa: "\f70e"; }

.fa-spa {
  --fa: "\f5bb"; }

.fa-location-pin-lock {
  --fa: "\e51f"; }

.fa-pause {
  --fa: "\f04c"; }

.fa-hill-avalanche {
  --fa: "\e507"; }

.fa-temperature-empty {
  --fa: "\f2cb"; }

.fa-temperature-0 {
  --fa: "\f2cb"; }

.fa-thermometer-0 {
  --fa: "\f2cb"; }

.fa-thermometer-empty {
  --fa: "\f2cb"; }

.fa-bomb {
  --fa: "\f1e2"; }

.fa-registered {
  --fa: "\f25d"; }

.fa-address-card {
  --fa: "\f2bb"; }

.fa-contact-card {
  --fa: "\f2bb"; }

.fa-vcard {
  --fa: "\f2bb"; }

.fa-scale-unbalanced-flip {
  --fa: "\f516"; }

.fa-balance-scale-right {
  --fa: "\f516"; }

.fa-subscript {
  --fa: "\f12c"; }

.fa-diamond-turn-right {
  --fa: "\f5eb"; }

.fa-directions {
  --fa: "\f5eb"; }

.fa-burst {
  --fa: "\e4dc"; }

.fa-house-laptop {
  --fa: "\e066"; }

.fa-laptop-house {
  --fa: "\e066"; }

.fa-face-tired {
  --fa: "\f5c8"; }

.fa-tired {
  --fa: "\f5c8"; }

.fa-money-bills {
  --fa: "\e1f3"; }

.fa-smog {
  --fa: "\f75f"; }

.fa-crutch {
  --fa: "\f7f7"; }

.fa-cloud-arrow-up {
  --fa: "\f0ee"; }

.fa-cloud-upload {
  --fa: "\f0ee"; }

.fa-cloud-upload-alt {
  --fa: "\f0ee"; }

.fa-palette {
  --fa: "\f53f"; }

.fa-arrows-turn-right {
  --fa: "\e4c0"; }

.fa-vest {
  --fa: "\e085"; }

.fa-ferry {
  --fa: "\e4ea"; }

.fa-arrows-down-to-people {
  --fa: "\e4b9"; }

.fa-seedling {
  --fa: "\f4d8"; }

.fa-sprout {
  --fa: "\f4d8"; }

.fa-left-right {
  --fa: "\f337"; }

.fa-arrows-alt-h {
  --fa: "\f337"; }

.fa-boxes-packing {
  --fa: "\e4c7"; }

.fa-circle-arrow-left {
  --fa: "\f0a8"; }

.fa-arrow-circle-left {
  --fa: "\f0a8"; }

.fa-group-arrows-rotate {
  --fa: "\e4f6"; }

.fa-bowl-food {
  --fa: "\e4c6"; }

.fa-candy-cane {
  --fa: "\f786"; }

.fa-arrow-down-wide-short {
  --fa: "\f160"; }

.fa-sort-amount-asc {
  --fa: "\f160"; }

.fa-sort-amount-down {
  --fa: "\f160"; }

.fa-cloud-bolt {
  --fa: "\f76c"; }

.fa-thunderstorm {
  --fa: "\f76c"; }

.fa-text-slash {
  --fa: "\f87d"; }

.fa-remove-format {
  --fa: "\f87d"; }

.fa-face-smile-wink {
  --fa: "\f4da"; }

.fa-smile-wink {
  --fa: "\f4da"; }

.fa-file-word {
  --fa: "\f1c2"; }

.fa-file-powerpoint {
  --fa: "\f1c4"; }

.fa-arrows-left-right {
  --fa: "\f07e"; }

.fa-arrows-h {
  --fa: "\f07e"; }

.fa-house-lock {
  --fa: "\e510"; }

.fa-cloud-arrow-down {
  --fa: "\f0ed"; }

.fa-cloud-download {
  --fa: "\f0ed"; }

.fa-cloud-download-alt {
  --fa: "\f0ed"; }

.fa-children {
  --fa: "\e4e1"; }

.fa-chalkboard {
  --fa: "\f51b"; }

.fa-blackboard {
  --fa: "\f51b"; }

.fa-user-large-slash {
  --fa: "\f4fa"; }

.fa-user-alt-slash {
  --fa: "\f4fa"; }

.fa-envelope-open {
  --fa: "\f2b6"; }

.fa-handshake-simple-slash {
  --fa: "\e05f"; }

.fa-handshake-alt-slash {
  --fa: "\e05f"; }

.fa-mattress-pillow {
  --fa: "\e525"; }

.fa-guarani-sign {
  --fa: "\e19a"; }

.fa-arrows-rotate {
  --fa: "\f021"; }

.fa-refresh {
  --fa: "\f021"; }

.fa-sync {
  --fa: "\f021"; }

.fa-fire-extinguisher {
  --fa: "\f134"; }

.fa-cruzeiro-sign {
  --fa: "\e152"; }

.fa-greater-than-equal {
  --fa: "\f532"; }

.fa-shield-halved {
  --fa: "\f3ed"; }

.fa-shield-alt {
  --fa: "\f3ed"; }

.fa-book-atlas {
  --fa: "\f558"; }

.fa-atlas {
  --fa: "\f558"; }

.fa-virus {
  --fa: "\e074"; }

.fa-envelope-circle-check {
  --fa: "\e4e8"; }

.fa-layer-group {
  --fa: "\f5fd"; }

.fa-arrows-to-dot {
  --fa: "\e4be"; }

.fa-archway {
  --fa: "\f557"; }

.fa-heart-circle-check {
  --fa: "\e4fd"; }

.fa-house-chimney-crack {
  --fa: "\f6f1"; }

.fa-house-damage {
  --fa: "\f6f1"; }

.fa-file-zipper {
  --fa: "\f1c6"; }

.fa-file-archive {
  --fa: "\f1c6"; }

.fa-square {
  --fa: "\f0c8"; }

.fa-martini-glass-empty {
  --fa: "\f000"; }

.fa-glass-martini {
  --fa: "\f000"; }

.fa-couch {
  --fa: "\f4b8"; }

.fa-cedi-sign {
  --fa: "\e0df"; }

.fa-italic {
  --fa: "\f033"; }

.fa-table-cells-column-lock {
  --fa: "\e678"; }

.fa-church {
  --fa: "\f51d"; }

.fa-comments-dollar {
  --fa: "\f653"; }

.fa-democrat {
  --fa: "\f747"; }

.fa-z {
  --fa: "\5a"; }

.fa-person-skiing {
  --fa: "\f7c9"; }

.fa-skiing {
  --fa: "\f7c9"; }

.fa-road-lock {
  --fa: "\e567"; }

.fa-a {
  --fa: "\41"; }

.fa-temperature-arrow-down {
  --fa: "\e03f"; }

.fa-temperature-down {
  --fa: "\e03f"; }

.fa-feather-pointed {
  --fa: "\f56b"; }

.fa-feather-alt {
  --fa: "\f56b"; }

.fa-p {
  --fa: "\50"; }

.fa-snowflake {
  --fa: "\f2dc"; }

.fa-newspaper {
  --fa: "\f1ea"; }

.fa-rectangle-ad {
  --fa: "\f641"; }

.fa-ad {
  --fa: "\f641"; }

.fa-circle-arrow-right {
  --fa: "\f0a9"; }

.fa-arrow-circle-right {
  --fa: "\f0a9"; }

.fa-filter-circle-xmark {
  --fa: "\e17b"; }

.fa-locust {
  --fa: "\e520"; }

.fa-sort {
  --fa: "\f0dc"; }

.fa-unsorted {
  --fa: "\f0dc"; }

.fa-list-ol {
  --fa: "\f0cb"; }

.fa-list-1-2 {
  --fa: "\f0cb"; }

.fa-list-numeric {
  --fa: "\f0cb"; }

.fa-person-dress-burst {
  --fa: "\e544"; }

.fa-money-check-dollar {
  --fa: "\f53d"; }

.fa-money-check-alt {
  --fa: "\f53d"; }

.fa-vector-square {
  --fa: "\f5cb"; }

.fa-bread-slice {
  --fa: "\f7ec"; }

.fa-language {
  --fa: "\f1ab"; }

.fa-face-kiss-wink-heart {
  --fa: "\f598"; }

.fa-kiss-wink-heart {
  --fa: "\f598"; }

.fa-filter {
  --fa: "\f0b0"; }

.fa-question {
  --fa: "\3f"; }

.fa-file-signature {
  --fa: "\f573"; }

.fa-up-down-left-right {
  --fa: "\f0b2"; }

.fa-arrows-alt {
  --fa: "\f0b2"; }

.fa-house-chimney-user {
  --fa: "\e065"; }

.fa-hand-holding-heart {
  --fa: "\f4be"; }

.fa-puzzle-piece {
  --fa: "\f12e"; }

.fa-money-check {
  --fa: "\f53c"; }

.fa-star-half-stroke {
  --fa: "\f5c0"; }

.fa-star-half-alt {
  --fa: "\f5c0"; }

.fa-code {
  --fa: "\f121"; }

.fa-whiskey-glass {
  --fa: "\f7a0"; }

.fa-glass-whiskey {
  --fa: "\f7a0"; }

.fa-building-circle-exclamation {
  --fa: "\e4d3"; }

.fa-magnifying-glass-chart {
  --fa: "\e522"; }

.fa-arrow-up-right-from-square {
  --fa: "\f08e"; }

.fa-external-link {
  --fa: "\f08e"; }

.fa-cubes-stacked {
  --fa: "\e4e6"; }

.fa-won-sign {
  --fa: "\f159"; }

.fa-krw {
  --fa: "\f159"; }

.fa-won {
  --fa: "\f159"; }

.fa-virus-covid {
  --fa: "\e4a8"; }

.fa-austral-sign {
  --fa: "\e0a9"; }

.fa-f {
  --fa: "\46"; }

.fa-leaf {
  --fa: "\f06c"; }

.fa-road {
  --fa: "\f018"; }

.fa-taxi {
  --fa: "\f1ba"; }

.fa-cab {
  --fa: "\f1ba"; }

.fa-person-circle-plus {
  --fa: "\e541"; }

.fa-chart-pie {
  --fa: "\f200"; }

.fa-pie-chart {
  --fa: "\f200"; }

.fa-bolt-lightning {
  --fa: "\e0b7"; }

.fa-sack-xmark {
  --fa: "\e56a"; }

.fa-file-excel {
  --fa: "\f1c3"; }

.fa-file-contract {
  --fa: "\f56c"; }

.fa-fish-fins {
  --fa: "\e4f2"; }

.fa-building-flag {
  --fa: "\e4d5"; }

.fa-face-grin-beam {
  --fa: "\f582"; }

.fa-grin-beam {
  --fa: "\f582"; }

.fa-object-ungroup {
  --fa: "\f248"; }

.fa-poop {
  --fa: "\f619"; }

.fa-location-pin {
  --fa: "\f041"; }

.fa-map-marker {
  --fa: "\f041"; }

.fa-kaaba {
  --fa: "\f66b"; }

.fa-toilet-paper {
  --fa: "\f71e"; }

.fa-helmet-safety {
  --fa: "\f807"; }

.fa-hard-hat {
  --fa: "\f807"; }

.fa-hat-hard {
  --fa: "\f807"; }

.fa-eject {
  --fa: "\f052"; }

.fa-circle-right {
  --fa: "\f35a"; }

.fa-arrow-alt-circle-right {
  --fa: "\f35a"; }

.fa-plane-circle-check {
  --fa: "\e555"; }

.fa-face-rolling-eyes {
  --fa: "\f5a5"; }

.fa-meh-rolling-eyes {
  --fa: "\f5a5"; }

.fa-object-group {
  --fa: "\f247"; }

.fa-chart-line {
  --fa: "\f201"; }

.fa-line-chart {
  --fa: "\f201"; }

.fa-mask-ventilator {
  --fa: "\e524"; }

.fa-arrow-right {
  --fa: "\f061"; }

.fa-signs-post {
  --fa: "\f277"; }

.fa-map-signs {
  --fa: "\f277"; }

.fa-cash-register {
  --fa: "\f788"; }

.fa-person-circle-question {
  --fa: "\e542"; }

.fa-h {
  --fa: "\48"; }

.fa-tarp {
  --fa: "\e57b"; }

.fa-screwdriver-wrench {
  --fa: "\f7d9"; }

.fa-tools {
  --fa: "\f7d9"; }

.fa-arrows-to-eye {
  --fa: "\e4bf"; }

.fa-plug-circle-bolt {
  --fa: "\e55b"; }

.fa-heart {
  --fa: "\f004"; }

.fa-mars-and-venus {
  --fa: "\f224"; }

.fa-house-user {
  --fa: "\e1b0"; }

.fa-home-user {
  --fa: "\e1b0"; }

.fa-dumpster-fire {
  --fa: "\f794"; }

.fa-house-crack {
  --fa: "\e3b1"; }

.fa-martini-glass-citrus {
  --fa: "\f561"; }

.fa-cocktail {
  --fa: "\f561"; }

.fa-face-surprise {
  --fa: "\f5c2"; }

.fa-surprise {
  --fa: "\f5c2"; }

.fa-bottle-water {
  --fa: "\e4c5"; }

.fa-circle-pause {
  --fa: "\f28b"; }

.fa-pause-circle {
  --fa: "\f28b"; }

.fa-toilet-paper-slash {
  --fa: "\e072"; }

.fa-apple-whole {
  --fa: "\f5d1"; }

.fa-apple-alt {
  --fa: "\f5d1"; }

.fa-kitchen-set {
  --fa: "\e51a"; }

.fa-r {
  --fa: "\52"; }

.fa-temperature-quarter {
  --fa: "\f2ca"; }

.fa-temperature-1 {
  --fa: "\f2ca"; }

.fa-thermometer-1 {
  --fa: "\f2ca"; }

.fa-thermometer-quarter {
  --fa: "\f2ca"; }

.fa-cube {
  --fa: "\f1b2"; }

.fa-bitcoin-sign {
  --fa: "\e0b4"; }

.fa-shield-dog {
  --fa: "\e573"; }

.fa-solar-panel {
  --fa: "\f5ba"; }

.fa-lock-open {
  --fa: "\f3c1"; }

.fa-elevator {
  --fa: "\e16d"; }

.fa-money-bill-transfer {
  --fa: "\e528"; }

.fa-money-bill-trend-up {
  --fa: "\e529"; }

.fa-house-flood-water-circle-arrow-right {
  --fa: "\e50f"; }

.fa-square-poll-horizontal {
  --fa: "\f682"; }

.fa-poll-h {
  --fa: "\f682"; }

.fa-circle {
  --fa: "\f111"; }

.fa-backward-fast {
  --fa: "\f049"; }

.fa-fast-backward {
  --fa: "\f049"; }

.fa-recycle {
  --fa: "\f1b8"; }

.fa-user-astronaut {
  --fa: "\f4fb"; }

.fa-plane-slash {
  --fa: "\e069"; }

.fa-trademark {
  --fa: "\f25c"; }

.fa-basketball {
  --fa: "\f434"; }

.fa-basketball-ball {
  --fa: "\f434"; }

.fa-satellite-dish {
  --fa: "\f7c0"; }

.fa-circle-up {
  --fa: "\f35b"; }

.fa-arrow-alt-circle-up {
  --fa: "\f35b"; }

.fa-mobile-screen-button {
  --fa: "\f3cd"; }

.fa-mobile-alt {
  --fa: "\f3cd"; }

.fa-volume-high {
  --fa: "\f028"; }

.fa-volume-up {
  --fa: "\f028"; }

.fa-users-rays {
  --fa: "\e593"; }

.fa-wallet {
  --fa: "\f555"; }

.fa-clipboard-check {
  --fa: "\f46c"; }

.fa-file-audio {
  --fa: "\f1c7"; }

.fa-burger {
  --fa: "\f805"; }

.fa-hamburger {
  --fa: "\f805"; }

.fa-wrench {
  --fa: "\f0ad"; }

.fa-bugs {
  --fa: "\e4d0"; }

.fa-rupee-sign {
  --fa: "\f156"; }

.fa-rupee {
  --fa: "\f156"; }

.fa-file-image {
  --fa: "\f1c5"; }

.fa-circle-question {
  --fa: "\f059"; }

.fa-question-circle {
  --fa: "\f059"; }

.fa-plane-departure {
  --fa: "\f5b0"; }

.fa-handshake-slash {
  --fa: "\e060"; }

.fa-book-bookmark {
  --fa: "\e0bb"; }

.fa-code-branch {
  --fa: "\f126"; }

.fa-hat-cowboy {
  --fa: "\f8c0"; }

.fa-bridge {
  --fa: "\e4c8"; }

.fa-phone-flip {
  --fa: "\f879"; }

.fa-phone-alt {
  --fa: "\f879"; }

.fa-truck-front {
  --fa: "\e2b7"; }

.fa-cat {
  --fa: "\f6be"; }

.fa-anchor-circle-exclamation {
  --fa: "\e4ab"; }

.fa-truck-field {
  --fa: "\e58d"; }

.fa-route {
  --fa: "\f4d7"; }

.fa-clipboard-question {
  --fa: "\e4e3"; }

.fa-panorama {
  --fa: "\e209"; }

.fa-comment-medical {
  --fa: "\f7f5"; }

.fa-teeth-open {
  --fa: "\f62f"; }

.fa-file-circle-minus {
  --fa: "\e4ed"; }

.fa-tags {
  --fa: "\f02c"; }

.fa-wine-glass {
  --fa: "\f4e3"; }

.fa-forward-fast {
  --fa: "\f050"; }

.fa-fast-forward {
  --fa: "\f050"; }

.fa-face-meh-blank {
  --fa: "\f5a4"; }

.fa-meh-blank {
  --fa: "\f5a4"; }

.fa-square-parking {
  --fa: "\f540"; }

.fa-parking {
  --fa: "\f540"; }

.fa-house-signal {
  --fa: "\e012"; }

.fa-bars-progress {
  --fa: "\f828"; }

.fa-tasks-alt {
  --fa: "\f828"; }

.fa-faucet-drip {
  --fa: "\e006"; }

.fa-cart-flatbed {
  --fa: "\f474"; }

.fa-dolly-flatbed {
  --fa: "\f474"; }

.fa-ban-smoking {
  --fa: "\f54d"; }

.fa-smoking-ban {
  --fa: "\f54d"; }

.fa-terminal {
  --fa: "\f120"; }

.fa-mobile-button {
  --fa: "\f10b"; }

.fa-house-medical-flag {
  --fa: "\e514"; }

.fa-basket-shopping {
  --fa: "\f291"; }

.fa-shopping-basket {
  --fa: "\f291"; }

.fa-tape {
  --fa: "\f4db"; }

.fa-bus-simple {
  --fa: "\f55e"; }

.fa-bus-alt {
  --fa: "\f55e"; }

.fa-eye {
  --fa: "\f06e"; }

.fa-face-sad-cry {
  --fa: "\f5b3"; }

.fa-sad-cry {
  --fa: "\f5b3"; }

.fa-audio-description {
  --fa: "\f29e"; }

.fa-person-military-to-person {
  --fa: "\e54c"; }

.fa-file-shield {
  --fa: "\e4f0"; }

.fa-user-slash {
  --fa: "\f506"; }

.fa-pen {
  --fa: "\f304"; }

.fa-tower-observation {
  --fa: "\e586"; }

.fa-file-code {
  --fa: "\f1c9"; }

.fa-signal {
  --fa: "\f012"; }

.fa-signal-5 {
  --fa: "\f012"; }

.fa-signal-perfect {
  --fa: "\f012"; }

.fa-bus {
  --fa: "\f207"; }

.fa-heart-circle-xmark {
  --fa: "\e501"; }

.fa-house-chimney {
  --fa: "\e3af"; }

.fa-home-lg {
  --fa: "\e3af"; }

.fa-window-maximize {
  --fa: "\f2d0"; }

.fa-face-frown {
  --fa: "\f119"; }

.fa-frown {
  --fa: "\f119"; }

.fa-prescription {
  --fa: "\f5b1"; }

.fa-shop {
  --fa: "\f54f"; }

.fa-store-alt {
  --fa: "\f54f"; }

.fa-floppy-disk {
  --fa: "\f0c7"; }

.fa-save {
  --fa: "\f0c7"; }

.fa-vihara {
  --fa: "\f6a7"; }

.fa-scale-unbalanced {
  --fa: "\f515"; }

.fa-balance-scale-left {
  --fa: "\f515"; }

.fa-sort-up {
  --fa: "\f0de"; }

.fa-sort-asc {
  --fa: "\f0de"; }

.fa-comment-dots {
  --fa: "\f4ad"; }

.fa-commenting {
  --fa: "\f4ad"; }

.fa-plant-wilt {
  --fa: "\e5aa"; }

.fa-diamond {
  --fa: "\f219"; }

.fa-face-grin-squint {
  --fa: "\f585"; }

.fa-grin-squint {
  --fa: "\f585"; }

.fa-hand-holding-dollar {
  --fa: "\f4c0"; }

.fa-hand-holding-usd {
  --fa: "\f4c0"; }

.fa-chart-diagram {
  --fa: "\e695"; }

.fa-bacterium {
  --fa: "\e05a"; }

.fa-hand-pointer {
  --fa: "\f25a"; }

.fa-drum-steelpan {
  --fa: "\f56a"; }

.fa-hand-scissors {
  --fa: "\f257"; }

.fa-hands-praying {
  --fa: "\f684"; }

.fa-praying-hands {
  --fa: "\f684"; }

.fa-arrow-rotate-right {
  --fa: "\f01e"; }

.fa-arrow-right-rotate {
  --fa: "\f01e"; }

.fa-arrow-rotate-forward {
  --fa: "\f01e"; }

.fa-redo {
  --fa: "\f01e"; }

.fa-biohazard {
  --fa: "\f780"; }

.fa-location-crosshairs {
  --fa: "\f601"; }

.fa-location {
  --fa: "\f601"; }

.fa-mars-double {
  --fa: "\f227"; }

.fa-child-dress {
  --fa: "\e59c"; }

.fa-users-between-lines {
  --fa: "\e591"; }

.fa-lungs-virus {
  --fa: "\e067"; }

.fa-face-grin-tears {
  --fa: "\f588"; }

.fa-grin-tears {
  --fa: "\f588"; }

.fa-phone {
  --fa: "\f095"; }

.fa-calendar-xmark {
  --fa: "\f273"; }

.fa-calendar-times {
  --fa: "\f273"; }

.fa-child-reaching {
  --fa: "\e59d"; }

.fa-head-side-virus {
  --fa: "\e064"; }

.fa-user-gear {
  --fa: "\f4fe"; }

.fa-user-cog {
  --fa: "\f4fe"; }

.fa-arrow-up-1-9 {
  --fa: "\f163"; }

.fa-sort-numeric-up {
  --fa: "\f163"; }

.fa-door-closed {
  --fa: "\f52a"; }

.fa-shield-virus {
  --fa: "\e06c"; }

.fa-dice-six {
  --fa: "\f526"; }

.fa-mosquito-net {
  --fa: "\e52c"; }

.fa-file-fragment {
  --fa: "\e697"; }

.fa-bridge-water {
  --fa: "\e4ce"; }

.fa-person-booth {
  --fa: "\f756"; }

.fa-text-width {
  --fa: "\f035"; }

.fa-hat-wizard {
  --fa: "\f6e8"; }

.fa-pen-fancy {
  --fa: "\f5ac"; }

.fa-person-digging {
  --fa: "\f85e"; }

.fa-digging {
  --fa: "\f85e"; }

.fa-trash {
  --fa: "\f1f8"; }

.fa-gauge-simple {
  --fa: "\f629"; }

.fa-gauge-simple-med {
  --fa: "\f629"; }

.fa-tachometer-average {
  --fa: "\f629"; }

.fa-book-medical {
  --fa: "\f7e6"; }

.fa-poo {
  --fa: "\f2fe"; }

.fa-quote-right {
  --fa: "\f10e"; }

.fa-quote-right-alt {
  --fa: "\f10e"; }

.fa-shirt {
  --fa: "\f553"; }

.fa-t-shirt {
  --fa: "\f553"; }

.fa-tshirt {
  --fa: "\f553"; }

.fa-cubes {
  --fa: "\f1b3"; }

.fa-divide {
  --fa: "\f529"; }

.fa-tenge-sign {
  --fa: "\f7d7"; }

.fa-tenge {
  --fa: "\f7d7"; }

.fa-headphones {
  --fa: "\f025"; }

.fa-hands-holding {
  --fa: "\f4c2"; }

.fa-hands-clapping {
  --fa: "\e1a8"; }

.fa-republican {
  --fa: "\f75e"; }

.fa-arrow-left {
  --fa: "\f060"; }

.fa-person-circle-xmark {
  --fa: "\e543"; }

.fa-ruler {
  --fa: "\f545"; }

.fa-align-left {
  --fa: "\f036"; }

.fa-dice-d6 {
  --fa: "\f6d1"; }

.fa-restroom {
  --fa: "\f7bd"; }

.fa-j {
  --fa: "\4a"; }

.fa-users-viewfinder {
  --fa: "\e595"; }

.fa-file-video {
  --fa: "\f1c8"; }

.fa-up-right-from-square {
  --fa: "\f35d"; }

.fa-external-link-alt {
  --fa: "\f35d"; }

.fa-table-cells {
  --fa: "\f00a"; }

.fa-th {
  --fa: "\f00a"; }

.fa-file-pdf {
  --fa: "\f1c1"; }

.fa-book-bible {
  --fa: "\f647"; }

.fa-bible {
  --fa: "\f647"; }

.fa-o {
  --fa: "\4f"; }

.fa-suitcase-medical {
  --fa: "\f0fa"; }

.fa-medkit {
  --fa: "\f0fa"; }

.fa-user-secret {
  --fa: "\f21b"; }

.fa-otter {
  --fa: "\f700"; }

.fa-person-dress {
  --fa: "\f182"; }

.fa-female {
  --fa: "\f182"; }

.fa-comment-dollar {
  --fa: "\f651"; }

.fa-business-time {
  --fa: "\f64a"; }

.fa-briefcase-clock {
  --fa: "\f64a"; }

.fa-table-cells-large {
  --fa: "\f009"; }

.fa-th-large {
  --fa: "\f009"; }

.fa-book-tanakh {
  --fa: "\f827"; }

.fa-tanakh {
  --fa: "\f827"; }

.fa-phone-volume {
  --fa: "\f2a0"; }

.fa-volume-control-phone {
  --fa: "\f2a0"; }

.fa-hat-cowboy-side {
  --fa: "\f8c1"; }

.fa-clipboard-user {
  --fa: "\f7f3"; }

.fa-child {
  --fa: "\f1ae"; }

.fa-lira-sign {
  --fa: "\f195"; }

.fa-satellite {
  --fa: "\f7bf"; }

.fa-plane-lock {
  --fa: "\e558"; }

.fa-tag {
  --fa: "\f02b"; }

.fa-comment {
  --fa: "\f075"; }

.fa-cake-candles {
  --fa: "\f1fd"; }

.fa-birthday-cake {
  --fa: "\f1fd"; }

.fa-cake {
  --fa: "\f1fd"; }

.fa-envelope {
  --fa: "\f0e0"; }

.fa-angles-up {
  --fa: "\f102"; }

.fa-angle-double-up {
  --fa: "\f102"; }

.fa-paperclip {
  --fa: "\f0c6"; }

.fa-arrow-right-to-city {
  --fa: "\e4b3"; }

.fa-ribbon {
  --fa: "\f4d6"; }

.fa-lungs {
  --fa: "\f604"; }

.fa-arrow-up-9-1 {
  --fa: "\f887"; }

.fa-sort-numeric-up-alt {
  --fa: "\f887"; }

.fa-litecoin-sign {
  --fa: "\e1d3"; }

.fa-border-none {
  --fa: "\f850"; }

.fa-circle-nodes {
  --fa: "\e4e2"; }

.fa-parachute-box {
  --fa: "\f4cd"; }

.fa-indent {
  --fa: "\f03c"; }

.fa-truck-field-un {
  --fa: "\e58e"; }

.fa-hourglass {
  --fa: "\f254"; }

.fa-hourglass-empty {
  --fa: "\f254"; }

.fa-mountain {
  --fa: "\f6fc"; }

.fa-user-doctor {
  --fa: "\f0f0"; }

.fa-user-md {
  --fa: "\f0f0"; }

.fa-circle-info {
  --fa: "\f05a"; }

.fa-info-circle {
  --fa: "\f05a"; }

.fa-cloud-meatball {
  --fa: "\f73b"; }

.fa-camera {
  --fa: "\f030"; }

.fa-camera-alt {
  --fa: "\f030"; }

.fa-square-virus {
  --fa: "\e578"; }

.fa-meteor {
  --fa: "\f753"; }

.fa-car-on {
  --fa: "\e4dd"; }

.fa-sleigh {
  --fa: "\f7cc"; }

.fa-arrow-down-1-9 {
  --fa: "\f162"; }

.fa-sort-numeric-asc {
  --fa: "\f162"; }

.fa-sort-numeric-down {
  --fa: "\f162"; }

.fa-hand-holding-droplet {
  --fa: "\f4c1"; }

.fa-hand-holding-water {
  --fa: "\f4c1"; }

.fa-water {
  --fa: "\f773"; }

.fa-calendar-check {
  --fa: "\f274"; }

.fa-braille {
  --fa: "\f2a1"; }

.fa-prescription-bottle-medical {
  --fa: "\f486"; }

.fa-prescription-bottle-alt {
  --fa: "\f486"; }

.fa-landmark {
  --fa: "\f66f"; }

.fa-truck {
  --fa: "\f0d1"; }

.fa-crosshairs {
  --fa: "\f05b"; }

.fa-person-cane {
  --fa: "\e53c"; }

.fa-tent {
  --fa: "\e57d"; }

.fa-vest-patches {
  --fa: "\e086"; }

.fa-check-double {
  --fa: "\f560"; }

.fa-arrow-down-a-z {
  --fa: "\f15d"; }

.fa-sort-alpha-asc {
  --fa: "\f15d"; }

.fa-sort-alpha-down {
  --fa: "\f15d"; }

.fa-money-bill-wheat {
  --fa: "\e52a"; }

.fa-cookie {
  --fa: "\f563"; }

.fa-arrow-rotate-left {
  --fa: "\f0e2"; }

.fa-arrow-left-rotate {
  --fa: "\f0e2"; }

.fa-arrow-rotate-back {
  --fa: "\f0e2"; }

.fa-arrow-rotate-backward {
  --fa: "\f0e2"; }

.fa-undo {
  --fa: "\f0e2"; }

.fa-hard-drive {
  --fa: "\f0a0"; }

.fa-hdd {
  --fa: "\f0a0"; }

.fa-face-grin-squint-tears {
  --fa: "\f586"; }

.fa-grin-squint-tears {
  --fa: "\f586"; }

.fa-dumbbell {
  --fa: "\f44b"; }

.fa-rectangle-list {
  --fa: "\f022"; }

.fa-list-alt {
  --fa: "\f022"; }

.fa-tarp-droplet {
  --fa: "\e57c"; }

.fa-house-medical-circle-check {
  --fa: "\e511"; }

.fa-person-skiing-nordic {
  --fa: "\f7ca"; }

.fa-skiing-nordic {
  --fa: "\f7ca"; }

.fa-calendar-plus {
  --fa: "\f271"; }

.fa-plane-arrival {
  --fa: "\f5af"; }

.fa-circle-left {
  --fa: "\f359"; }

.fa-arrow-alt-circle-left {
  --fa: "\f359"; }

.fa-train-subway {
  --fa: "\f239"; }

.fa-subway {
  --fa: "\f239"; }

.fa-chart-gantt {
  --fa: "\e0e4"; }

.fa-indian-rupee-sign {
  --fa: "\e1bc"; }

.fa-indian-rupee {
  --fa: "\e1bc"; }

.fa-inr {
  --fa: "\e1bc"; }

.fa-crop-simple {
  --fa: "\f565"; }

.fa-crop-alt {
  --fa: "\f565"; }

.fa-money-bill-1 {
  --fa: "\f3d1"; }

.fa-money-bill-alt {
  --fa: "\f3d1"; }

.fa-left-long {
  --fa: "\f30a"; }

.fa-long-arrow-alt-left {
  --fa: "\f30a"; }

.fa-dna {
  --fa: "\f471"; }

.fa-virus-slash {
  --fa: "\e075"; }

.fa-minus {
  --fa: "\f068"; }

.fa-subtract {
  --fa: "\f068"; }

.fa-chess {
  --fa: "\f439"; }

.fa-arrow-left-long {
  --fa: "\f177"; }

.fa-long-arrow-left {
  --fa: "\f177"; }

.fa-plug-circle-check {
  --fa: "\e55c"; }

.fa-street-view {
  --fa: "\f21d"; }

.fa-franc-sign {
  --fa: "\e18f"; }

.fa-volume-off {
  --fa: "\f026"; }

.fa-hands-asl-interpreting {
  --fa: "\f2a3"; }

.fa-american-sign-language-interpreting {
  --fa: "\f2a3"; }

.fa-asl-interpreting {
  --fa: "\f2a3"; }

.fa-hands-american-sign-language-interpreting {
  --fa: "\f2a3"; }

.fa-gear {
  --fa: "\f013"; }

.fa-cog {
  --fa: "\f013"; }

.fa-droplet-slash {
  --fa: "\f5c7"; }

.fa-tint-slash {
  --fa: "\f5c7"; }

.fa-mosque {
  --fa: "\f678"; }

.fa-mosquito {
  --fa: "\e52b"; }

.fa-star-of-david {
  --fa: "\f69a"; }

.fa-person-military-rifle {
  --fa: "\e54b"; }

.fa-cart-shopping {
  --fa: "\f07a"; }

.fa-shopping-cart {
  --fa: "\f07a"; }

.fa-vials {
  --fa: "\f493"; }

.fa-plug-circle-plus {
  --fa: "\e55f"; }

.fa-place-of-worship {
  --fa: "\f67f"; }

.fa-grip-vertical {
  --fa: "\f58e"; }

.fa-hexagon-nodes {
  --fa: "\e699"; }

.fa-arrow-turn-up {
  --fa: "\f148"; }

.fa-level-up {
  --fa: "\f148"; }

.fa-u {
  --fa: "\55"; }

.fa-square-root-variable {
  --fa: "\f698"; }

.fa-square-root-alt {
  --fa: "\f698"; }

.fa-clock {
  --fa: "\f017"; }

.fa-clock-four {
  --fa: "\f017"; }

.fa-backward-step {
  --fa: "\f048"; }

.fa-step-backward {
  --fa: "\f048"; }

.fa-pallet {
  --fa: "\f482"; }

.fa-faucet {
  --fa: "\e005"; }

.fa-baseball-bat-ball {
  --fa: "\f432"; }

.fa-s {
  --fa: "\53"; }

.fa-timeline {
  --fa: "\e29c"; }

.fa-keyboard {
  --fa: "\f11c"; }

.fa-caret-down {
  --fa: "\f0d7"; }

.fa-house-chimney-medical {
  --fa: "\f7f2"; }

.fa-clinic-medical {
  --fa: "\f7f2"; }

.fa-temperature-three-quarters {
  --fa: "\f2c8"; }

.fa-temperature-3 {
  --fa: "\f2c8"; }

.fa-thermometer-3 {
  --fa: "\f2c8"; }

.fa-thermometer-three-quarters {
  --fa: "\f2c8"; }

.fa-mobile-screen {
  --fa: "\f3cf"; }

.fa-mobile-android-alt {
  --fa: "\f3cf"; }

.fa-plane-up {
  --fa: "\e22d"; }

.fa-piggy-bank {
  --fa: "\f4d3"; }

.fa-battery-half {
  --fa: "\f242"; }

.fa-battery-3 {
  --fa: "\f242"; }

.fa-mountain-city {
  --fa: "\e52e"; }

.fa-coins {
  --fa: "\f51e"; }

.fa-khanda {
  --fa: "\f66d"; }

.fa-sliders {
  --fa: "\f1de"; }

.fa-sliders-h {
  --fa: "\f1de"; }

.fa-folder-tree {
  --fa: "\f802"; }

.fa-network-wired {
  --fa: "\f6ff"; }

.fa-map-pin {
  --fa: "\f276"; }

.fa-hamsa {
  --fa: "\f665"; }

.fa-cent-sign {
  --fa: "\e3f5"; }

.fa-flask {
  --fa: "\f0c3"; }

.fa-person-pregnant {
  --fa: "\e31e"; }

.fa-wand-sparkles {
  --fa: "\f72b"; }

.fa-ellipsis-vertical {
  --fa: "\f142"; }

.fa-ellipsis-v {
  --fa: "\f142"; }

.fa-ticket {
  --fa: "\f145"; }

.fa-power-off {
  --fa: "\f011"; }

.fa-right-long {
  --fa: "\f30b"; }

.fa-long-arrow-alt-right {
  --fa: "\f30b"; }

.fa-flag-usa {
  --fa: "\f74d"; }

.fa-laptop-file {
  --fa: "\e51d"; }

.fa-tty {
  --fa: "\f1e4"; }

.fa-teletype {
  --fa: "\f1e4"; }

.fa-diagram-next {
  --fa: "\e476"; }

.fa-person-rifle {
  --fa: "\e54e"; }

.fa-house-medical-circle-exclamation {
  --fa: "\e512"; }

.fa-closed-captioning {
  --fa: "\f20a"; }

.fa-person-hiking {
  --fa: "\f6ec"; }

.fa-hiking {
  --fa: "\f6ec"; }

.fa-venus-double {
  --fa: "\f226"; }

.fa-images {
  --fa: "\f302"; }

.fa-calculator {
  --fa: "\f1ec"; }

.fa-people-pulling {
  --fa: "\e535"; }

.fa-n {
  --fa: "\4e"; }

.fa-cable-car {
  --fa: "\f7da"; }

.fa-tram {
  --fa: "\f7da"; }

.fa-cloud-rain {
  --fa: "\f73d"; }

.fa-building-circle-xmark {
  --fa: "\e4d4"; }

.fa-ship {
  --fa: "\f21a"; }

.fa-arrows-down-to-line {
  --fa: "\e4b8"; }

.fa-download {
  --fa: "\f019"; }

.fa-face-grin {
  --fa: "\f580"; }

.fa-grin {
  --fa: "\f580"; }

.fa-delete-left {
  --fa: "\f55a"; }

.fa-backspace {
  --fa: "\f55a"; }

.fa-eye-dropper {
  --fa: "\f1fb"; }

.fa-eye-dropper-empty {
  --fa: "\f1fb"; }

.fa-eyedropper {
  --fa: "\f1fb"; }

.fa-file-circle-check {
  --fa: "\e5a0"; }

.fa-forward {
  --fa: "\f04e"; }

.fa-mobile {
  --fa: "\f3ce"; }

.fa-mobile-android {
  --fa: "\f3ce"; }

.fa-mobile-phone {
  --fa: "\f3ce"; }

.fa-face-meh {
  --fa: "\f11a"; }

.fa-meh {
  --fa: "\f11a"; }

.fa-align-center {
  --fa: "\f037"; }

.fa-book-skull {
  --fa: "\f6b7"; }

.fa-book-dead {
  --fa: "\f6b7"; }

.fa-id-card {
  --fa: "\f2c2"; }

.fa-drivers-license {
  --fa: "\f2c2"; }

.fa-outdent {
  --fa: "\f03b"; }

.fa-dedent {
  --fa: "\f03b"; }

.fa-heart-circle-exclamation {
  --fa: "\e4fe"; }

.fa-house {
  --fa: "\f015"; }

.fa-home {
  --fa: "\f015"; }

.fa-home-alt {
  --fa: "\f015"; }

.fa-home-lg-alt {
  --fa: "\f015"; }

.fa-calendar-week {
  --fa: "\f784"; }

.fa-laptop-medical {
  --fa: "\f812"; }

.fa-b {
  --fa: "\42"; }

.fa-file-medical {
  --fa: "\f477"; }

.fa-dice-one {
  --fa: "\f525"; }

.fa-kiwi-bird {
  --fa: "\f535"; }

.fa-arrow-right-arrow-left {
  --fa: "\f0ec"; }

.fa-exchange {
  --fa: "\f0ec"; }

.fa-rotate-right {
  --fa: "\f2f9"; }

.fa-redo-alt {
  --fa: "\f2f9"; }

.fa-rotate-forward {
  --fa: "\f2f9"; }

.fa-utensils {
  --fa: "\f2e7"; }

.fa-cutlery {
  --fa: "\f2e7"; }

.fa-arrow-up-wide-short {
  --fa: "\f161"; }

.fa-sort-amount-up {
  --fa: "\f161"; }

.fa-mill-sign {
  --fa: "\e1ed"; }

.fa-bowl-rice {
  --fa: "\e2eb"; }

.fa-skull {
  --fa: "\f54c"; }

.fa-tower-broadcast {
  --fa: "\f519"; }

.fa-broadcast-tower {
  --fa: "\f519"; }

.fa-truck-pickup {
  --fa: "\f63c"; }

.fa-up-long {
  --fa: "\f30c"; }

.fa-long-arrow-alt-up {
  --fa: "\f30c"; }

.fa-stop {
  --fa: "\f04d"; }

.fa-code-merge {
  --fa: "\f387"; }

.fa-upload {
  --fa: "\f093"; }

.fa-hurricane {
  --fa: "\f751"; }

.fa-mound {
  --fa: "\e52d"; }

.fa-toilet-portable {
  --fa: "\e583"; }

.fa-compact-disc {
  --fa: "\f51f"; }

.fa-file-arrow-down {
  --fa: "\f56d"; }

.fa-file-download {
  --fa: "\f56d"; }

.fa-caravan {
  --fa: "\f8ff"; }

.fa-shield-cat {
  --fa: "\e572"; }

.fa-bolt {
  --fa: "\f0e7"; }

.fa-zap {
  --fa: "\f0e7"; }

.fa-glass-water {
  --fa: "\e4f4"; }

.fa-oil-well {
  --fa: "\e532"; }

.fa-vault {
  --fa: "\e2c5"; }

.fa-mars {
  --fa: "\f222"; }

.fa-toilet {
  --fa: "\f7d8"; }

.fa-plane-circle-xmark {
  --fa: "\e557"; }

.fa-yen-sign {
  --fa: "\f157"; }

.fa-cny {
  --fa: "\f157"; }

.fa-jpy {
  --fa: "\f157"; }

.fa-rmb {
  --fa: "\f157"; }

.fa-yen {
  --fa: "\f157"; }

.fa-ruble-sign {
  --fa: "\f158"; }

.fa-rouble {
  --fa: "\f158"; }

.fa-rub {
  --fa: "\f158"; }

.fa-ruble {
  --fa: "\f158"; }

.fa-sun {
  --fa: "\f185"; }

.fa-guitar {
  --fa: "\f7a6"; }

.fa-face-laugh-wink {
  --fa: "\f59c"; }

.fa-laugh-wink {
  --fa: "\f59c"; }

.fa-horse-head {
  --fa: "\f7ab"; }

.fa-bore-hole {
  --fa: "\e4c3"; }

.fa-industry {
  --fa: "\f275"; }

.fa-circle-down {
  --fa: "\f358"; }

.fa-arrow-alt-circle-down {
  --fa: "\f358"; }

.fa-arrows-turn-to-dots {
  --fa: "\e4c1"; }

.fa-florin-sign {
  --fa: "\e184"; }

.fa-arrow-down-short-wide {
  --fa: "\f884"; }

.fa-sort-amount-desc {
  --fa: "\f884"; }

.fa-sort-amount-down-alt {
  --fa: "\f884"; }

.fa-less-than {
  --fa: "\3c"; }

.fa-angle-down {
  --fa: "\f107"; }

.fa-car-tunnel {
  --fa: "\e4de"; }

.fa-head-side-cough {
  --fa: "\e061"; }

.fa-grip-lines {
  --fa: "\f7a4"; }

.fa-thumbs-down {
  --fa: "\f165"; }

.fa-user-lock {
  --fa: "\f502"; }

.fa-arrow-right-long {
  --fa: "\f178"; }

.fa-long-arrow-right {
  --fa: "\f178"; }

.fa-anchor-circle-xmark {
  --fa: "\e4ac"; }

.fa-ellipsis {
  --fa: "\f141"; }

.fa-ellipsis-h {
  --fa: "\f141"; }

.fa-chess-pawn {
  --fa: "\f443"; }

.fa-kit-medical {
  --fa: "\f479"; }

.fa-first-aid {
  --fa: "\f479"; }

.fa-person-through-window {
  --fa: "\e5a9"; }

.fa-toolbox {
  --fa: "\f552"; }

.fa-hands-holding-circle {
  --fa: "\e4fb"; }

.fa-bug {
  --fa: "\f188"; }

.fa-credit-card {
  --fa: "\f09d"; }

.fa-credit-card-alt {
  --fa: "\f09d"; }

.fa-car {
  --fa: "\f1b9"; }

.fa-automobile {
  --fa: "\f1b9"; }

.fa-hand-holding-hand {
  --fa: "\e4f7"; }

.fa-book-open-reader {
  --fa: "\f5da"; }

.fa-book-reader {
  --fa: "\f5da"; }

.fa-mountain-sun {
  --fa: "\e52f"; }

.fa-arrows-left-right-to-line {
  --fa: "\e4ba"; }

.fa-dice-d20 {
  --fa: "\f6cf"; }

.fa-truck-droplet {
  --fa: "\e58c"; }

.fa-file-circle-xmark {
  --fa: "\e5a1"; }

.fa-temperature-arrow-up {
  --fa: "\e040"; }

.fa-temperature-up {
  --fa: "\e040"; }

.fa-medal {
  --fa: "\f5a2"; }

.fa-bed {
  --fa: "\f236"; }

.fa-square-h {
  --fa: "\f0fd"; }

.fa-h-square {
  --fa: "\f0fd"; }

.fa-podcast {
  --fa: "\f2ce"; }

.fa-temperature-full {
  --fa: "\f2c7"; }

.fa-temperature-4 {
  --fa: "\f2c7"; }

.fa-thermometer-4 {
  --fa: "\f2c7"; }

.fa-thermometer-full {
  --fa: "\f2c7"; }

.fa-bell {
  --fa: "\f0f3"; }

.fa-superscript {
  --fa: "\f12b"; }

.fa-plug-circle-xmark {
  --fa: "\e560"; }

.fa-star-of-life {
  --fa: "\f621"; }

.fa-phone-slash {
  --fa: "\f3dd"; }

.fa-paint-roller {
  --fa: "\f5aa"; }

.fa-handshake-angle {
  --fa: "\f4c4"; }

.fa-hands-helping {
  --fa: "\f4c4"; }

.fa-location-dot {
  --fa: "\f3c5"; }

.fa-map-marker-alt {
  --fa: "\f3c5"; }

.fa-file {
  --fa: "\f15b"; }

.fa-greater-than {
  --fa: "\3e"; }

.fa-person-swimming {
  --fa: "\f5c4"; }

.fa-swimmer {
  --fa: "\f5c4"; }

.fa-arrow-down {
  --fa: "\f063"; }

.fa-droplet {
  --fa: "\f043"; }

.fa-tint {
  --fa: "\f043"; }

.fa-eraser {
  --fa: "\f12d"; }

.fa-earth-americas {
  --fa: "\f57d"; }

.fa-earth {
  --fa: "\f57d"; }

.fa-earth-america {
  --fa: "\f57d"; }

.fa-globe-americas {
  --fa: "\f57d"; }

.fa-person-burst {
  --fa: "\e53b"; }

.fa-dove {
  --fa: "\f4ba"; }

.fa-battery-empty {
  --fa: "\f244"; }

.fa-battery-0 {
  --fa: "\f244"; }

.fa-socks {
  --fa: "\f696"; }

.fa-inbox {
  --fa: "\f01c"; }

.fa-section {
  --fa: "\e447"; }

.fa-gauge-high {
  --fa: "\f625"; }

.fa-tachometer-alt {
  --fa: "\f625"; }

.fa-tachometer-alt-fast {
  --fa: "\f625"; }

.fa-envelope-open-text {
  --fa: "\f658"; }

.fa-hospital {
  --fa: "\f0f8"; }

.fa-hospital-alt {
  --fa: "\f0f8"; }

.fa-hospital-wide {
  --fa: "\f0f8"; }

.fa-wine-bottle {
  --fa: "\f72f"; }

.fa-chess-rook {
  --fa: "\f447"; }

.fa-bars-staggered {
  --fa: "\f550"; }

.fa-reorder {
  --fa: "\f550"; }

.fa-stream {
  --fa: "\f550"; }

.fa-dharmachakra {
  --fa: "\f655"; }

.fa-hotdog {
  --fa: "\f80f"; }

.fa-person-walking-with-cane {
  --fa: "\f29d"; }

.fa-blind {
  --fa: "\f29d"; }

.fa-drum {
  --fa: "\f569"; }

.fa-ice-cream {
  --fa: "\f810"; }

.fa-heart-circle-bolt {
  --fa: "\e4fc"; }

.fa-fax {
  --fa: "\f1ac"; }

.fa-paragraph {
  --fa: "\f1dd"; }

.fa-check-to-slot {
  --fa: "\f772"; }

.fa-vote-yea {
  --fa: "\f772"; }

.fa-star-half {
  --fa: "\f089"; }

.fa-boxes-stacked {
  --fa: "\f468"; }

.fa-boxes {
  --fa: "\f468"; }

.fa-boxes-alt {
  --fa: "\f468"; }

.fa-link {
  --fa: "\f0c1"; }

.fa-chain {
  --fa: "\f0c1"; }

.fa-ear-listen {
  --fa: "\f2a2"; }

.fa-assistive-listening-systems {
  --fa: "\f2a2"; }

.fa-tree-city {
  --fa: "\e587"; }

.fa-play {
  --fa: "\f04b"; }

.fa-font {
  --fa: "\f031"; }

.fa-table-cells-row-lock {
  --fa: "\e67a"; }

.fa-rupiah-sign {
  --fa: "\e23d"; }

.fa-magnifying-glass {
  --fa: "\f002"; }

.fa-search {
  --fa: "\f002"; }

.fa-table-tennis-paddle-ball {
  --fa: "\f45d"; }

.fa-ping-pong-paddle-ball {
  --fa: "\f45d"; }

.fa-table-tennis {
  --fa: "\f45d"; }

.fa-person-dots-from-line {
  --fa: "\f470"; }

.fa-diagnoses {
  --fa: "\f470"; }

.fa-trash-can-arrow-up {
  --fa: "\f82a"; }

.fa-trash-restore-alt {
  --fa: "\f82a"; }

.fa-naira-sign {
  --fa: "\e1f6"; }

.fa-cart-arrow-down {
  --fa: "\f218"; }

.fa-walkie-talkie {
  --fa: "\f8ef"; }

.fa-file-pen {
  --fa: "\f31c"; }

.fa-file-edit {
  --fa: "\f31c"; }

.fa-receipt {
  --fa: "\f543"; }

.fa-square-pen {
  --fa: "\f14b"; }

.fa-pen-square {
  --fa: "\f14b"; }

.fa-pencil-square {
  --fa: "\f14b"; }

.fa-suitcase-rolling {
  --fa: "\f5c1"; }

.fa-person-circle-exclamation {
  --fa: "\e53f"; }

.fa-chevron-down {
  --fa: "\f078"; }

.fa-battery-full {
  --fa: "\f240"; }

.fa-battery {
  --fa: "\f240"; }

.fa-battery-5 {
  --fa: "\f240"; }

.fa-skull-crossbones {
  --fa: "\f714"; }

.fa-code-compare {
  --fa: "\e13a"; }

.fa-list-ul {
  --fa: "\f0ca"; }

.fa-list-dots {
  --fa: "\f0ca"; }

.fa-school-lock {
  --fa: "\e56f"; }

.fa-tower-cell {
  --fa: "\e585"; }

.fa-down-long {
  --fa: "\f309"; }

.fa-long-arrow-alt-down {
  --fa: "\f309"; }

.fa-ranking-star {
  --fa: "\e561"; }

.fa-chess-king {
  --fa: "\f43f"; }

.fa-person-harassing {
  --fa: "\e549"; }

.fa-brazilian-real-sign {
  --fa: "\e46c"; }

.fa-landmark-dome {
  --fa: "\f752"; }

.fa-landmark-alt {
  --fa: "\f752"; }

.fa-arrow-up {
  --fa: "\f062"; }

.fa-tv {
  --fa: "\f26c"; }

.fa-television {
  --fa: "\f26c"; }

.fa-tv-alt {
  --fa: "\f26c"; }

.fa-shrimp {
  --fa: "\e448"; }

.fa-list-check {
  --fa: "\f0ae"; }

.fa-tasks {
  --fa: "\f0ae"; }

.fa-jug-detergent {
  --fa: "\e519"; }

.fa-circle-user {
  --fa: "\f2bd"; }

.fa-user-circle {
  --fa: "\f2bd"; }

.fa-user-shield {
  --fa: "\f505"; }

.fa-wind {
  --fa: "\f72e"; }

.fa-car-burst {
  --fa: "\f5e1"; }

.fa-car-crash {
  --fa: "\f5e1"; }

.fa-y {
  --fa: "\59"; }

.fa-person-snowboarding {
  --fa: "\f7ce"; }

.fa-snowboarding {
  --fa: "\f7ce"; }

.fa-truck-fast {
  --fa: "\f48b"; }

.fa-shipping-fast {
  --fa: "\f48b"; }

.fa-fish {
  --fa: "\f578"; }

.fa-user-graduate {
  --fa: "\f501"; }

.fa-circle-half-stroke {
  --fa: "\f042"; }

.fa-adjust {
  --fa: "\f042"; }

.fa-clapperboard {
  --fa: "\e131"; }

.fa-circle-radiation {
  --fa: "\f7ba"; }

.fa-radiation-alt {
  --fa: "\f7ba"; }

.fa-baseball {
  --fa: "\f433"; }

.fa-baseball-ball {
  --fa: "\f433"; }

.fa-jet-fighter-up {
  --fa: "\e518"; }

.fa-diagram-project {
  --fa: "\f542"; }

.fa-project-diagram {
  --fa: "\f542"; }

.fa-copy {
  --fa: "\f0c5"; }

.fa-volume-xmark {
  --fa: "\f6a9"; }

.fa-volume-mute {
  --fa: "\f6a9"; }

.fa-volume-times {
  --fa: "\f6a9"; }

.fa-hand-sparkles {
  --fa: "\e05d"; }

.fa-grip {
  --fa: "\f58d"; }

.fa-grip-horizontal {
  --fa: "\f58d"; }

.fa-share-from-square {
  --fa: "\f14d"; }

.fa-share-square {
  --fa: "\f14d"; }

.fa-child-combatant {
  --fa: "\e4e0"; }

.fa-child-rifle {
  --fa: "\e4e0"; }

.fa-gun {
  --fa: "\e19b"; }

.fa-square-phone {
  --fa: "\f098"; }

.fa-phone-square {
  --fa: "\f098"; }

.fa-plus {
  --fa: "\2b"; }

.fa-add {
  --fa: "\2b"; }

.fa-expand {
  --fa: "\f065"; }

.fa-computer {
  --fa: "\e4e5"; }

.fa-xmark {
  --fa: "\f00d"; }

.fa-close {
  --fa: "\f00d"; }

.fa-multiply {
  --fa: "\f00d"; }

.fa-remove {
  --fa: "\f00d"; }

.fa-times {
  --fa: "\f00d"; }

.fa-arrows-up-down-left-right {
  --fa: "\f047"; }

.fa-arrows {
  --fa: "\f047"; }

.fa-chalkboard-user {
  --fa: "\f51c"; }

.fa-chalkboard-teacher {
  --fa: "\f51c"; }

.fa-peso-sign {
  --fa: "\e222"; }

.fa-building-shield {
  --fa: "\e4d8"; }

.fa-baby {
  --fa: "\f77c"; }

.fa-users-line {
  --fa: "\e592"; }

.fa-quote-left {
  --fa: "\f10d"; }

.fa-quote-left-alt {
  --fa: "\f10d"; }

.fa-tractor {
  --fa: "\f722"; }

.fa-trash-arrow-up {
  --fa: "\f829"; }

.fa-trash-restore {
  --fa: "\f829"; }

.fa-arrow-down-up-lock {
  --fa: "\e4b0"; }

.fa-lines-leaning {
  --fa: "\e51e"; }

.fa-ruler-combined {
  --fa: "\f546"; }

.fa-copyright {
  --fa: "\f1f9"; }

.fa-equals {
  --fa: "\3d"; }

.fa-blender {
  --fa: "\f517"; }

.fa-teeth {
  --fa: "\f62e"; }

.fa-shekel-sign {
  --fa: "\f20b"; }

.fa-ils {
  --fa: "\f20b"; }

.fa-shekel {
  --fa: "\f20b"; }

.fa-sheqel {
  --fa: "\f20b"; }

.fa-sheqel-sign {
  --fa: "\f20b"; }

.fa-map {
  --fa: "\f279"; }

.fa-rocket {
  --fa: "\f135"; }

.fa-photo-film {
  --fa: "\f87c"; }

.fa-photo-video {
  --fa: "\f87c"; }

.fa-folder-minus {
  --fa: "\f65d"; }

.fa-hexagon-nodes-bolt {
  --fa: "\e69a"; }

.fa-store {
  --fa: "\f54e"; }

.fa-arrow-trend-up {
  --fa: "\e098"; }

.fa-plug-circle-minus {
  --fa: "\e55e"; }

.fa-sign-hanging {
  --fa: "\f4d9"; }

.fa-sign {
  --fa: "\f4d9"; }

.fa-bezier-curve {
  --fa: "\f55b"; }

.fa-bell-slash {
  --fa: "\f1f6"; }

.fa-tablet {
  --fa: "\f3fb"; }

.fa-tablet-android {
  --fa: "\f3fb"; }

.fa-school-flag {
  --fa: "\e56e"; }

.fa-fill {
  --fa: "\f575"; }

.fa-angle-up {
  --fa: "\f106"; }

.fa-drumstick-bite {
  --fa: "\f6d7"; }

.fa-holly-berry {
  --fa: "\f7aa"; }

.fa-chevron-left {
  --fa: "\f053"; }

.fa-bacteria {
  --fa: "\e059"; }

.fa-hand-lizard {
  --fa: "\f258"; }

.fa-notdef {
  --fa: "\e1fe"; }

.fa-disease {
  --fa: "\f7fa"; }

.fa-briefcase-medical {
  --fa: "\f469"; }

.fa-genderless {
  --fa: "\f22d"; }

.fa-chevron-right {
  --fa: "\f054"; }

.fa-retweet {
  --fa: "\f079"; }

.fa-car-rear {
  --fa: "\f5de"; }

.fa-car-alt {
  --fa: "\f5de"; }

.fa-pump-soap {
  --fa: "\e06b"; }

.fa-video-slash {
  --fa: "\f4e2"; }

.fa-battery-quarter {
  --fa: "\f243"; }

.fa-battery-2 {
  --fa: "\f243"; }

.fa-radio {
  --fa: "\f8d7"; }

.fa-baby-carriage {
  --fa: "\f77d"; }

.fa-carriage-baby {
  --fa: "\f77d"; }

.fa-traffic-light {
  --fa: "\f637"; }

.fa-thermometer {
  --fa: "\f491"; }

.fa-vr-cardboard {
  --fa: "\f729"; }

.fa-hand-middle-finger {
  --fa: "\f806"; }

.fa-percent {
  --fa: "\25"; }

.fa-percentage {
  --fa: "\25"; }

.fa-truck-moving {
  --fa: "\f4df"; }

.fa-glass-water-droplet {
  --fa: "\e4f5"; }

.fa-display {
  --fa: "\e163"; }

.fa-face-smile {
  --fa: "\f118"; }

.fa-smile {
  --fa: "\f118"; }

.fa-thumbtack {
  --fa: "\f08d"; }

.fa-thumb-tack {
  --fa: "\f08d"; }

.fa-trophy {
  --fa: "\f091"; }

.fa-person-praying {
  --fa: "\f683"; }

.fa-pray {
  --fa: "\f683"; }

.fa-hammer {
  --fa: "\f6e3"; }

.fa-hand-peace {
  --fa: "\f25b"; }

.fa-rotate {
  --fa: "\f2f1"; }

.fa-sync-alt {
  --fa: "\f2f1"; }

.fa-spinner {
  --fa: "\f110"; }

.fa-robot {
  --fa: "\f544"; }

.fa-peace {
  --fa: "\f67c"; }

.fa-gears {
  --fa: "\f085"; }

.fa-cogs {
  --fa: "\f085"; }

.fa-warehouse {
  --fa: "\f494"; }

.fa-arrow-up-right-dots {
  --fa: "\e4b7"; }

.fa-splotch {
  --fa: "\f5bc"; }

.fa-face-grin-hearts {
  --fa: "\f584"; }

.fa-grin-hearts {
  --fa: "\f584"; }

.fa-dice-four {
  --fa: "\f524"; }

.fa-sim-card {
  --fa: "\f7c4"; }

.fa-transgender {
  --fa: "\f225"; }

.fa-transgender-alt {
  --fa: "\f225"; }

.fa-mercury {
  --fa: "\f223"; }

.fa-arrow-turn-down {
  --fa: "\f149"; }

.fa-level-down {
  --fa: "\f149"; }

.fa-person-falling-burst {
  --fa: "\e547"; }

.fa-award {
  --fa: "\f559"; }

.fa-ticket-simple {
  --fa: "\f3ff"; }

.fa-ticket-alt {
  --fa: "\f3ff"; }

.fa-building {
  --fa: "\f1ad"; }

.fa-angles-left {
  --fa: "\f100"; }

.fa-angle-double-left {
  --fa: "\f100"; }

.fa-qrcode {
  --fa: "\f029"; }

.fa-clock-rotate-left {
  --fa: "\f1da"; }

.fa-history {
  --fa: "\f1da"; }

.fa-face-grin-beam-sweat {
  --fa: "\f583"; }

.fa-grin-beam-sweat {
  --fa: "\f583"; }

.fa-file-export {
  --fa: "\f56e"; }

.fa-arrow-right-from-file {
  --fa: "\f56e"; }

.fa-shield {
  --fa: "\f132"; }

.fa-shield-blank {
  --fa: "\f132"; }

.fa-arrow-up-short-wide {
  --fa: "\f885"; }

.fa-sort-amount-up-alt {
  --fa: "\f885"; }

.fa-comment-nodes {
  --fa: "\e696"; }

.fa-house-medical {
  --fa: "\e3b2"; }

.fa-golf-ball-tee {
  --fa: "\f450"; }

.fa-golf-ball {
  --fa: "\f450"; }

.fa-circle-chevron-left {
  --fa: "\f137"; }

.fa-chevron-circle-left {
  --fa: "\f137"; }

.fa-house-chimney-window {
  --fa: "\e00d"; }

.fa-pen-nib {
  --fa: "\f5ad"; }

.fa-tent-arrow-turn-left {
  --fa: "\e580"; }

.fa-tents {
  --fa: "\e582"; }

.fa-wand-magic {
  --fa: "\f0d0"; }

.fa-magic {
  --fa: "\f0d0"; }

.fa-dog {
  --fa: "\f6d3"; }

.fa-carrot {
  --fa: "\f787"; }

.fa-moon {
  --fa: "\f186"; }

.fa-wine-glass-empty {
  --fa: "\f5ce"; }

.fa-wine-glass-alt {
  --fa: "\f5ce"; }

.fa-cheese {
  --fa: "\f7ef"; }

.fa-yin-yang {
  --fa: "\f6ad"; }

.fa-music {
  --fa: "\f001"; }

.fa-code-commit {
  --fa: "\f386"; }

.fa-temperature-low {
  --fa: "\f76b"; }

.fa-person-biking {
  --fa: "\f84a"; }

.fa-biking {
  --fa: "\f84a"; }

.fa-broom {
  --fa: "\f51a"; }

.fa-shield-heart {
  --fa: "\e574"; }

.fa-gopuram {
  --fa: "\f664"; }

.fa-earth-oceania {
  --fa: "\e47b"; }

.fa-globe-oceania {
  --fa: "\e47b"; }

.fa-square-xmark {
  --fa: "\f2d3"; }

.fa-times-square {
  --fa: "\f2d3"; }

.fa-xmark-square {
  --fa: "\f2d3"; }

.fa-hashtag {
  --fa: "\23"; }

.fa-up-right-and-down-left-from-center {
  --fa: "\f424"; }

.fa-expand-alt {
  --fa: "\f424"; }

.fa-oil-can {
  --fa: "\f613"; }

.fa-t {
  --fa: "\54"; }

.fa-hippo {
  --fa: "\f6ed"; }

.fa-chart-column {
  --fa: "\e0e3"; }

.fa-infinity {
  --fa: "\f534"; }

.fa-vial-circle-check {
  --fa: "\e596"; }

.fa-person-arrow-down-to-line {
  --fa: "\e538"; }

.fa-voicemail {
  --fa: "\f897"; }

.fa-fan {
  --fa: "\f863"; }

.fa-person-walking-luggage {
  --fa: "\e554"; }

.fa-up-down {
  --fa: "\f338"; }

.fa-arrows-alt-v {
  --fa: "\f338"; }

.fa-cloud-moon-rain {
  --fa: "\f73c"; }

.fa-calendar {
  --fa: "\f133"; }

.fa-trailer {
  --fa: "\e041"; }

.fa-bahai {
  --fa: "\f666"; }

.fa-haykal {
  --fa: "\f666"; }

.fa-sd-card {
  --fa: "\f7c2"; }

.fa-dragon {
  --fa: "\f6d5"; }

.fa-shoe-prints {
  --fa: "\f54b"; }

.fa-circle-plus {
  --fa: "\f055"; }

.fa-plus-circle {
  --fa: "\f055"; }

.fa-face-grin-tongue-wink {
  --fa: "\f58b"; }

.fa-grin-tongue-wink {
  --fa: "\f58b"; }

.fa-hand-holding {
  --fa: "\f4bd"; }

.fa-plug-circle-exclamation {
  --fa: "\e55d"; }

.fa-link-slash {
  --fa: "\f127"; }

.fa-chain-broken {
  --fa: "\f127"; }

.fa-chain-slash {
  --fa: "\f127"; }

.fa-unlink {
  --fa: "\f127"; }

.fa-clone {
  --fa: "\f24d"; }

.fa-person-walking-arrow-loop-left {
  --fa: "\e551"; }

.fa-arrow-up-z-a {
  --fa: "\f882"; }

.fa-sort-alpha-up-alt {
  --fa: "\f882"; }

.fa-fire-flame-curved {
  --fa: "\f7e4"; }

.fa-fire-alt {
  --fa: "\f7e4"; }

.fa-tornado {
  --fa: "\f76f"; }

.fa-file-circle-plus {
  --fa: "\e494"; }

.fa-book-quran {
  --fa: "\f687"; }

.fa-quran {
  --fa: "\f687"; }

.fa-anchor {
  --fa: "\f13d"; }

.fa-border-all {
  --fa: "\f84c"; }

.fa-face-angry {
  --fa: "\f556"; }

.fa-angry {
  --fa: "\f556"; }

.fa-cookie-bite {
  --fa: "\f564"; }

.fa-arrow-trend-down {
  --fa: "\e097"; }

.fa-rss {
  --fa: "\f09e"; }

.fa-feed {
  --fa: "\f09e"; }

.fa-draw-polygon {
  --fa: "\f5ee"; }

.fa-scale-balanced {
  --fa: "\f24e"; }

.fa-balance-scale {
  --fa: "\f24e"; }

.fa-gauge-simple-high {
  --fa: "\f62a"; }

.fa-tachometer {
  --fa: "\f62a"; }

.fa-tachometer-fast {
  --fa: "\f62a"; }

.fa-shower {
  --fa: "\f2cc"; }

.fa-desktop {
  --fa: "\f390"; }

.fa-desktop-alt {
  --fa: "\f390"; }

.fa-m {
  --fa: "\4d"; }

.fa-table-list {
  --fa: "\f00b"; }

.fa-th-list {
  --fa: "\f00b"; }

.fa-comment-sms {
  --fa: "\f7cd"; }

.fa-sms {
  --fa: "\f7cd"; }

.fa-book {
  --fa: "\f02d"; }

.fa-user-plus {
  --fa: "\f234"; }

.fa-check {
  --fa: "\f00c"; }

.fa-battery-three-quarters {
  --fa: "\f241"; }

.fa-battery-4 {
  --fa: "\f241"; }

.fa-house-circle-check {
  --fa: "\e509"; }

.fa-angle-left {
  --fa: "\f104"; }

.fa-diagram-successor {
  --fa: "\e47a"; }

.fa-truck-arrow-right {
  --fa: "\e58b"; }

.fa-arrows-split-up-and-left {
  --fa: "\e4bc"; }

.fa-hand-fist {
  --fa: "\f6de"; }

.fa-fist-raised {
  --fa: "\f6de"; }

.fa-cloud-moon {
  --fa: "\f6c3"; }

.fa-briefcase {
  --fa: "\f0b1"; }

.fa-person-falling {
  --fa: "\e546"; }

.fa-image-portrait {
  --fa: "\f3e0"; }

.fa-portrait {
  --fa: "\f3e0"; }

.fa-user-tag {
  --fa: "\f507"; }

.fa-rug {
  --fa: "\e569"; }

.fa-earth-europe {
  --fa: "\f7a2"; }

.fa-globe-europe {
  --fa: "\f7a2"; }

.fa-cart-flatbed-suitcase {
  --fa: "\f59d"; }

.fa-luggage-cart {
  --fa: "\f59d"; }

.fa-rectangle-xmark {
  --fa: "\f410"; }

.fa-rectangle-times {
  --fa: "\f410"; }

.fa-times-rectangle {
  --fa: "\f410"; }

.fa-window-close {
  --fa: "\f410"; }

.fa-baht-sign {
  --fa: "\e0ac"; }

.fa-book-open {
  --fa: "\f518"; }

.fa-book-journal-whills {
  --fa: "\f66a"; }

.fa-journal-whills {
  --fa: "\f66a"; }

.fa-handcuffs {
  --fa: "\e4f8"; }

.fa-triangle-exclamation {
  --fa: "\f071"; }

.fa-exclamation-triangle {
  --fa: "\f071"; }

.fa-warning {
  --fa: "\f071"; }

.fa-database {
  --fa: "\f1c0"; }

.fa-share {
  --fa: "\f064"; }

.fa-mail-forward {
  --fa: "\f064"; }

.fa-bottle-droplet {
  --fa: "\e4c4"; }

.fa-mask-face {
  --fa: "\e1d7"; }

.fa-hill-rockslide {
  --fa: "\e508"; }

.fa-right-left {
  --fa: "\f362"; }

.fa-exchange-alt {
  --fa: "\f362"; }

.fa-paper-plane {
  --fa: "\f1d8"; }

.fa-road-circle-exclamation {
  --fa: "\e565"; }

.fa-dungeon {
  --fa: "\f6d9"; }

.fa-align-right {
  --fa: "\f038"; }

.fa-money-bill-1-wave {
  --fa: "\f53b"; }

.fa-money-bill-wave-alt {
  --fa: "\f53b"; }

.fa-life-ring {
  --fa: "\f1cd"; }

.fa-hands {
  --fa: "\f2a7"; }

.fa-sign-language {
  --fa: "\f2a7"; }

.fa-signing {
  --fa: "\f2a7"; }

.fa-calendar-day {
  --fa: "\f783"; }

.fa-water-ladder {
  --fa: "\f5c5"; }

.fa-ladder-water {
  --fa: "\f5c5"; }

.fa-swimming-pool {
  --fa: "\f5c5"; }

.fa-arrows-up-down {
  --fa: "\f07d"; }

.fa-arrows-v {
  --fa: "\f07d"; }

.fa-face-grimace {
  --fa: "\f57f"; }

.fa-grimace {
  --fa: "\f57f"; }

.fa-wheelchair-move {
  --fa: "\e2ce"; }

.fa-wheelchair-alt {
  --fa: "\e2ce"; }

.fa-turn-down {
  --fa: "\f3be"; }

.fa-level-down-alt {
  --fa: "\f3be"; }

.fa-person-walking-arrow-right {
  --fa: "\e552"; }

.fa-square-envelope {
  --fa: "\f199"; }

.fa-envelope-square {
  --fa: "\f199"; }

.fa-dice {
  --fa: "\f522"; }

.fa-bowling-ball {
  --fa: "\f436"; }

.fa-brain {
  --fa: "\f5dc"; }

.fa-bandage {
  --fa: "\f462"; }

.fa-band-aid {
  --fa: "\f462"; }

.fa-calendar-minus {
  --fa: "\f272"; }

.fa-circle-xmark {
  --fa: "\f057"; }

.fa-times-circle {
  --fa: "\f057"; }

.fa-xmark-circle {
  --fa: "\f057"; }

.fa-gifts {
  --fa: "\f79c"; }

.fa-hotel {
  --fa: "\f594"; }

.fa-earth-asia {
  --fa: "\f57e"; }

.fa-globe-asia {
  --fa: "\f57e"; }

.fa-id-card-clip {
  --fa: "\f47f"; }

.fa-id-card-alt {
  --fa: "\f47f"; }

.fa-magnifying-glass-plus {
  --fa: "\f00e"; }

.fa-search-plus {
  --fa: "\f00e"; }

.fa-thumbs-up {
  --fa: "\f164"; }

.fa-user-clock {
  --fa: "\f4fd"; }

.fa-hand-dots {
  --fa: "\f461"; }

.fa-allergies {
  --fa: "\f461"; }

.fa-file-invoice {
  --fa: "\f570"; }

.fa-window-minimize {
  --fa: "\f2d1"; }

.fa-mug-saucer {
  --fa: "\f0f4"; }

.fa-coffee {
  --fa: "\f0f4"; }

.fa-brush {
  --fa: "\f55d"; }

.fa-file-half-dashed {
  --fa: "\e698"; }

.fa-mask {
  --fa: "\f6fa"; }

.fa-magnifying-glass-minus {
  --fa: "\f010"; }

.fa-search-minus {
  --fa: "\f010"; }

.fa-ruler-vertical {
  --fa: "\f548"; }

.fa-user-large {
  --fa: "\f406"; }

.fa-user-alt {
  --fa: "\f406"; }

.fa-train-tram {
  --fa: "\e5b4"; }

.fa-user-nurse {
  --fa: "\f82f"; }

.fa-syringe {
  --fa: "\f48e"; }

.fa-cloud-sun {
  --fa: "\f6c4"; }

.fa-stopwatch-20 {
  --fa: "\e06f"; }

.fa-square-full {
  --fa: "\f45c"; }

.fa-magnet {
  --fa: "\f076"; }

.fa-jar {
  --fa: "\e516"; }

.fa-note-sticky {
  --fa: "\f249"; }

.fa-sticky-note {
  --fa: "\f249"; }

.fa-bug-slash {
  --fa: "\e490"; }

.fa-arrow-up-from-water-pump {
  --fa: "\e4b6"; }

.fa-bone {
  --fa: "\f5d7"; }

.fa-table-cells-row-unlock {
  --fa: "\e691"; }

.fa-user-injured {
  --fa: "\f728"; }

.fa-face-sad-tear {
  --fa: "\f5b4"; }

.fa-sad-tear {
  --fa: "\f5b4"; }

.fa-plane {
  --fa: "\f072"; }

.fa-tent-arrows-down {
  --fa: "\e581"; }

.fa-exclamation {
  --fa: "\21"; }

.fa-arrows-spin {
  --fa: "\e4bb"; }

.fa-print {
  --fa: "\f02f"; }

.fa-turkish-lira-sign {
  --fa: "\e2bb"; }

.fa-try {
  --fa: "\e2bb"; }

.fa-turkish-lira {
  --fa: "\e2bb"; }

.fa-dollar-sign {
  --fa: "\24"; }

.fa-dollar {
  --fa: "\24"; }

.fa-usd {
  --fa: "\24"; }

.fa-x {
  --fa: "\58"; }

.fa-magnifying-glass-dollar {
  --fa: "\f688"; }

.fa-search-dollar {
  --fa: "\f688"; }

.fa-users-gear {
  --fa: "\f509"; }

.fa-users-cog {
  --fa: "\f509"; }

.fa-person-military-pointing {
  --fa: "\e54a"; }

.fa-building-columns {
  --fa: "\f19c"; }

.fa-bank {
  --fa: "\f19c"; }

.fa-institution {
  --fa: "\f19c"; }

.fa-museum {
  --fa: "\f19c"; }

.fa-university {
  --fa: "\f19c"; }

.fa-umbrella {
  --fa: "\f0e9"; }

.fa-trowel {
  --fa: "\e589"; }

.fa-d {
  --fa: "\44"; }

.fa-stapler {
  --fa: "\e5af"; }

.fa-masks-theater {
  --fa: "\f630"; }

.fa-theater-masks {
  --fa: "\f630"; }

.fa-kip-sign {
  --fa: "\e1c4"; }

.fa-hand-point-left {
  --fa: "\f0a5"; }

.fa-handshake-simple {
  --fa: "\f4c6"; }

.fa-handshake-alt {
  --fa: "\f4c6"; }

.fa-jet-fighter {
  --fa: "\f0fb"; }

.fa-fighter-jet {
  --fa: "\f0fb"; }

.fa-square-share-nodes {
  --fa: "\f1e1"; }

.fa-share-alt-square {
  --fa: "\f1e1"; }

.fa-barcode {
  --fa: "\f02a"; }

.fa-plus-minus {
  --fa: "\e43c"; }

.fa-video {
  --fa: "\f03d"; }

.fa-video-camera {
  --fa: "\f03d"; }

.fa-graduation-cap {
  --fa: "\f19d"; }

.fa-mortar-board {
  --fa: "\f19d"; }

.fa-hand-holding-medical {
  --fa: "\e05c"; }

.fa-person-circle-check {
  --fa: "\e53e"; }

.fa-turn-up {
  --fa: "\f3bf"; }

.fa-level-up-alt {
  --fa: "\f3bf"; }

.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }
:root, :host {
  --fa-style-family-brands: 'Font Awesome 6 Brands';
  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'; }

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./fa-brands-400-D_cYUPeE.woff2") format("woff2"), url("./fa-brands-400-D1LuMI3I.ttf") format("truetype"); }

.fab,
.fa-brands {
  font-weight: 400; }

.fa-monero {
  --fa: "\f3d0"; }

.fa-hooli {
  --fa: "\f427"; }

.fa-yelp {
  --fa: "\f1e9"; }

.fa-cc-visa {
  --fa: "\f1f0"; }

.fa-lastfm {
  --fa: "\f202"; }

.fa-shopware {
  --fa: "\f5b5"; }

.fa-creative-commons-nc {
  --fa: "\f4e8"; }

.fa-aws {
  --fa: "\f375"; }

.fa-redhat {
  --fa: "\f7bc"; }

.fa-yoast {
  --fa: "\f2b1"; }

.fa-cloudflare {
  --fa: "\e07d"; }

.fa-ups {
  --fa: "\f7e0"; }

.fa-pixiv {
  --fa: "\e640"; }

.fa-wpexplorer {
  --fa: "\f2de"; }

.fa-dyalog {
  --fa: "\f399"; }

.fa-bity {
  --fa: "\f37a"; }

.fa-stackpath {
  --fa: "\f842"; }

.fa-buysellads {
  --fa: "\f20d"; }

.fa-first-order {
  --fa: "\f2b0"; }

.fa-modx {
  --fa: "\f285"; }

.fa-guilded {
  --fa: "\e07e"; }

.fa-vnv {
  --fa: "\f40b"; }

.fa-square-js {
  --fa: "\f3b9"; }

.fa-js-square {
  --fa: "\f3b9"; }

.fa-microsoft {
  --fa: "\f3ca"; }

.fa-qq {
  --fa: "\f1d6"; }

.fa-orcid {
  --fa: "\f8d2"; }

.fa-java {
  --fa: "\f4e4"; }

.fa-invision {
  --fa: "\f7b0"; }

.fa-creative-commons-pd-alt {
  --fa: "\f4ed"; }

.fa-centercode {
  --fa: "\f380"; }

.fa-glide-g {
  --fa: "\f2a6"; }

.fa-drupal {
  --fa: "\f1a9"; }

.fa-jxl {
  --fa: "\e67b"; }

.fa-dart-lang {
  --fa: "\e693"; }

.fa-hire-a-helper {
  --fa: "\f3b0"; }

.fa-creative-commons-by {
  --fa: "\f4e7"; }

.fa-unity {
  --fa: "\e049"; }

.fa-whmcs {
  --fa: "\f40d"; }

.fa-rocketchat {
  --fa: "\f3e8"; }

.fa-vk {
  --fa: "\f189"; }

.fa-untappd {
  --fa: "\f405"; }

.fa-mailchimp {
  --fa: "\f59e"; }

.fa-css3-alt {
  --fa: "\f38b"; }

.fa-square-reddit {
  --fa: "\f1a2"; }

.fa-reddit-square {
  --fa: "\f1a2"; }

.fa-vimeo-v {
  --fa: "\f27d"; }

.fa-contao {
  --fa: "\f26d"; }

.fa-square-font-awesome {
  --fa: "\e5ad"; }

.fa-deskpro {
  --fa: "\f38f"; }

.fa-brave {
  --fa: "\e63c"; }

.fa-sistrix {
  --fa: "\f3ee"; }

.fa-square-instagram {
  --fa: "\e055"; }

.fa-instagram-square {
  --fa: "\e055"; }

.fa-battle-net {
  --fa: "\f835"; }

.fa-the-red-yeti {
  --fa: "\f69d"; }

.fa-square-hacker-news {
  --fa: "\f3af"; }

.fa-hacker-news-square {
  --fa: "\f3af"; }

.fa-edge {
  --fa: "\f282"; }

.fa-threads {
  --fa: "\e618"; }

.fa-napster {
  --fa: "\f3d2"; }

.fa-square-snapchat {
  --fa: "\f2ad"; }

.fa-snapchat-square {
  --fa: "\f2ad"; }

.fa-google-plus-g {
  --fa: "\f0d5"; }

.fa-artstation {
  --fa: "\f77a"; }

.fa-markdown {
  --fa: "\f60f"; }

.fa-sourcetree {
  --fa: "\f7d3"; }

.fa-google-plus {
  --fa: "\f2b3"; }

.fa-diaspora {
  --fa: "\f791"; }

.fa-foursquare {
  --fa: "\f180"; }

.fa-stack-overflow {
  --fa: "\f16c"; }

.fa-github-alt {
  --fa: "\f113"; }

.fa-phoenix-squadron {
  --fa: "\f511"; }

.fa-pagelines {
  --fa: "\f18c"; }

.fa-algolia {
  --fa: "\f36c"; }

.fa-red-river {
  --fa: "\f3e3"; }

.fa-creative-commons-sa {
  --fa: "\f4ef"; }

.fa-safari {
  --fa: "\f267"; }

.fa-google {
  --fa: "\f1a0"; }

.fa-square-font-awesome-stroke {
  --fa: "\f35c"; }

.fa-font-awesome-alt {
  --fa: "\f35c"; }

.fa-atlassian {
  --fa: "\f77b"; }

.fa-linkedin-in {
  --fa: "\f0e1"; }

.fa-digital-ocean {
  --fa: "\f391"; }

.fa-nimblr {
  --fa: "\f5a8"; }

.fa-chromecast {
  --fa: "\f838"; }

.fa-evernote {
  --fa: "\f839"; }

.fa-hacker-news {
  --fa: "\f1d4"; }

.fa-creative-commons-sampling {
  --fa: "\f4f0"; }

.fa-adversal {
  --fa: "\f36a"; }

.fa-creative-commons {
  --fa: "\f25e"; }

.fa-watchman-monitoring {
  --fa: "\e087"; }

.fa-fonticons {
  --fa: "\f280"; }

.fa-weixin {
  --fa: "\f1d7"; }

.fa-shirtsinbulk {
  --fa: "\f214"; }

.fa-codepen {
  --fa: "\f1cb"; }

.fa-git-alt {
  --fa: "\f841"; }

.fa-lyft {
  --fa: "\f3c3"; }

.fa-rev {
  --fa: "\f5b2"; }

.fa-windows {
  --fa: "\f17a"; }

.fa-wizards-of-the-coast {
  --fa: "\f730"; }

.fa-square-viadeo {
  --fa: "\f2aa"; }

.fa-viadeo-square {
  --fa: "\f2aa"; }

.fa-meetup {
  --fa: "\f2e0"; }

.fa-centos {
  --fa: "\f789"; }

.fa-adn {
  --fa: "\f170"; }

.fa-cloudsmith {
  --fa: "\f384"; }

.fa-opensuse {
  --fa: "\e62b"; }

.fa-pied-piper-alt {
  --fa: "\f1a8"; }

.fa-square-dribbble {
  --fa: "\f397"; }

.fa-dribbble-square {
  --fa: "\f397"; }

.fa-codiepie {
  --fa: "\f284"; }

.fa-node {
  --fa: "\f419"; }

.fa-mix {
  --fa: "\f3cb"; }

.fa-steam {
  --fa: "\f1b6"; }

.fa-cc-apple-pay {
  --fa: "\f416"; }

.fa-scribd {
  --fa: "\f28a"; }

.fa-debian {
  --fa: "\e60b"; }

.fa-openid {
  --fa: "\f19b"; }

.fa-instalod {
  --fa: "\e081"; }

.fa-files-pinwheel {
  --fa: "\e69f"; }

.fa-expeditedssl {
  --fa: "\f23e"; }

.fa-sellcast {
  --fa: "\f2da"; }

.fa-square-twitter {
  --fa: "\f081"; }

.fa-twitter-square {
  --fa: "\f081"; }

.fa-r-project {
  --fa: "\f4f7"; }

.fa-delicious {
  --fa: "\f1a5"; }

.fa-freebsd {
  --fa: "\f3a4"; }

.fa-vuejs {
  --fa: "\f41f"; }

.fa-accusoft {
  --fa: "\f369"; }

.fa-ioxhost {
  --fa: "\f208"; }

.fa-fonticons-fi {
  --fa: "\f3a2"; }

.fa-app-store {
  --fa: "\f36f"; }

.fa-cc-mastercard {
  --fa: "\f1f1"; }

.fa-itunes-note {
  --fa: "\f3b5"; }

.fa-golang {
  --fa: "\e40f"; }

.fa-kickstarter {
  --fa: "\f3bb"; }

.fa-square-kickstarter {
  --fa: "\f3bb"; }

.fa-grav {
  --fa: "\f2d6"; }

.fa-weibo {
  --fa: "\f18a"; }

.fa-uncharted {
  --fa: "\e084"; }

.fa-firstdraft {
  --fa: "\f3a1"; }

.fa-square-youtube {
  --fa: "\f431"; }

.fa-youtube-square {
  --fa: "\f431"; }

.fa-wikipedia-w {
  --fa: "\f266"; }

.fa-wpressr {
  --fa: "\f3e4"; }

.fa-rendact {
  --fa: "\f3e4"; }

.fa-angellist {
  --fa: "\f209"; }

.fa-galactic-republic {
  --fa: "\f50c"; }

.fa-nfc-directional {
  --fa: "\e530"; }

.fa-skype {
  --fa: "\f17e"; }

.fa-joget {
  --fa: "\f3b7"; }

.fa-fedora {
  --fa: "\f798"; }

.fa-stripe-s {
  --fa: "\f42a"; }

.fa-meta {
  --fa: "\e49b"; }

.fa-laravel {
  --fa: "\f3bd"; }

.fa-hotjar {
  --fa: "\f3b1"; }

.fa-bluetooth-b {
  --fa: "\f294"; }

.fa-square-letterboxd {
  --fa: "\e62e"; }

.fa-sticker-mule {
  --fa: "\f3f7"; }

.fa-creative-commons-zero {
  --fa: "\f4f3"; }

.fa-hips {
  --fa: "\f452"; }

.fa-css {
  --fa: "\e6a2"; }

.fa-behance {
  --fa: "\f1b4"; }

.fa-reddit {
  --fa: "\f1a1"; }

.fa-discord {
  --fa: "\f392"; }

.fa-chrome {
  --fa: "\f268"; }

.fa-app-store-ios {
  --fa: "\f370"; }

.fa-cc-discover {
  --fa: "\f1f2"; }

.fa-wpbeginner {
  --fa: "\f297"; }

.fa-confluence {
  --fa: "\f78d"; }

.fa-shoelace {
  --fa: "\e60c"; }

.fa-mdb {
  --fa: "\f8ca"; }

.fa-dochub {
  --fa: "\f394"; }

.fa-accessible-icon {
  --fa: "\f368"; }

.fa-ebay {
  --fa: "\f4f4"; }

.fa-amazon {
  --fa: "\f270"; }

.fa-unsplash {
  --fa: "\e07c"; }

.fa-yarn {
  --fa: "\f7e3"; }

.fa-square-steam {
  --fa: "\f1b7"; }

.fa-steam-square {
  --fa: "\f1b7"; }

.fa-500px {
  --fa: "\f26e"; }

.fa-square-vimeo {
  --fa: "\f194"; }

.fa-vimeo-square {
  --fa: "\f194"; }

.fa-asymmetrik {
  --fa: "\f372"; }

.fa-font-awesome {
  --fa: "\f2b4"; }

.fa-font-awesome-flag {
  --fa: "\f2b4"; }

.fa-font-awesome-logo-full {
  --fa: "\f2b4"; }

.fa-gratipay {
  --fa: "\f184"; }

.fa-apple {
  --fa: "\f179"; }

.fa-hive {
  --fa: "\e07f"; }

.fa-gitkraken {
  --fa: "\f3a6"; }

.fa-keybase {
  --fa: "\f4f5"; }

.fa-apple-pay {
  --fa: "\f415"; }

.fa-padlet {
  --fa: "\e4a0"; }

.fa-amazon-pay {
  --fa: "\f42c"; }

.fa-square-github {
  --fa: "\f092"; }

.fa-github-square {
  --fa: "\f092"; }

.fa-stumbleupon {
  --fa: "\f1a4"; }

.fa-fedex {
  --fa: "\f797"; }

.fa-phoenix-framework {
  --fa: "\f3dc"; }

.fa-shopify {
  --fa: "\e057"; }

.fa-neos {
  --fa: "\f612"; }

.fa-square-threads {
  --fa: "\e619"; }

.fa-hackerrank {
  --fa: "\f5f7"; }

.fa-researchgate {
  --fa: "\f4f8"; }

.fa-swift {
  --fa: "\f8e1"; }

.fa-angular {
  --fa: "\f420"; }

.fa-speakap {
  --fa: "\f3f3"; }

.fa-angrycreative {
  --fa: "\f36e"; }

.fa-y-combinator {
  --fa: "\f23b"; }

.fa-empire {
  --fa: "\f1d1"; }

.fa-envira {
  --fa: "\f299"; }

.fa-google-scholar {
  --fa: "\e63b"; }

.fa-square-gitlab {
  --fa: "\e5ae"; }

.fa-gitlab-square {
  --fa: "\e5ae"; }

.fa-studiovinari {
  --fa: "\f3f8"; }

.fa-pied-piper {
  --fa: "\f2ae"; }

.fa-wordpress {
  --fa: "\f19a"; }

.fa-product-hunt {
  --fa: "\f288"; }

.fa-firefox {
  --fa: "\f269"; }

.fa-linode {
  --fa: "\f2b8"; }

.fa-goodreads {
  --fa: "\f3a8"; }

.fa-square-odnoklassniki {
  --fa: "\f264"; }

.fa-odnoklassniki-square {
  --fa: "\f264"; }

.fa-jsfiddle {
  --fa: "\f1cc"; }

.fa-sith {
  --fa: "\f512"; }

.fa-themeisle {
  --fa: "\f2b2"; }

.fa-page4 {
  --fa: "\f3d7"; }

.fa-hashnode {
  --fa: "\e499"; }

.fa-react {
  --fa: "\f41b"; }

.fa-cc-paypal {
  --fa: "\f1f4"; }

.fa-squarespace {
  --fa: "\f5be"; }

.fa-cc-stripe {
  --fa: "\f1f5"; }

.fa-creative-commons-share {
  --fa: "\f4f2"; }

.fa-bitcoin {
  --fa: "\f379"; }

.fa-keycdn {
  --fa: "\f3ba"; }

.fa-opera {
  --fa: "\f26a"; }

.fa-itch-io {
  --fa: "\f83a"; }

.fa-umbraco {
  --fa: "\f8e8"; }

.fa-galactic-senate {
  --fa: "\f50d"; }

.fa-ubuntu {
  --fa: "\f7df"; }

.fa-draft2digital {
  --fa: "\f396"; }

.fa-stripe {
  --fa: "\f429"; }

.fa-houzz {
  --fa: "\f27c"; }

.fa-gg {
  --fa: "\f260"; }

.fa-dhl {
  --fa: "\f790"; }

.fa-square-pinterest {
  --fa: "\f0d3"; }

.fa-pinterest-square {
  --fa: "\f0d3"; }

.fa-xing {
  --fa: "\f168"; }

.fa-blackberry {
  --fa: "\f37b"; }

.fa-creative-commons-pd {
  --fa: "\f4ec"; }

.fa-playstation {
  --fa: "\f3df"; }

.fa-quinscape {
  --fa: "\f459"; }

.fa-less {
  --fa: "\f41d"; }

.fa-blogger-b {
  --fa: "\f37d"; }

.fa-opencart {
  --fa: "\f23d"; }

.fa-vine {
  --fa: "\f1ca"; }

.fa-signal-messenger {
  --fa: "\e663"; }

.fa-paypal {
  --fa: "\f1ed"; }

.fa-gitlab {
  --fa: "\f296"; }

.fa-typo3 {
  --fa: "\f42b"; }

.fa-reddit-alien {
  --fa: "\f281"; }

.fa-yahoo {
  --fa: "\f19e"; }

.fa-dailymotion {
  --fa: "\e052"; }

.fa-affiliatetheme {
  --fa: "\f36b"; }

.fa-pied-piper-pp {
  --fa: "\f1a7"; }

.fa-bootstrap {
  --fa: "\f836"; }

.fa-odnoklassniki {
  --fa: "\f263"; }

.fa-nfc-symbol {
  --fa: "\e531"; }

.fa-mintbit {
  --fa: "\e62f"; }

.fa-ethereum {
  --fa: "\f42e"; }

.fa-speaker-deck {
  --fa: "\f83c"; }

.fa-creative-commons-nc-eu {
  --fa: "\f4e9"; }

.fa-patreon {
  --fa: "\f3d9"; }

.fa-avianex {
  --fa: "\f374"; }

.fa-ello {
  --fa: "\f5f1"; }

.fa-gofore {
  --fa: "\f3a7"; }

.fa-bimobject {
  --fa: "\f378"; }

.fa-brave-reverse {
  --fa: "\e63d"; }

.fa-facebook-f {
  --fa: "\f39e"; }

.fa-square-google-plus {
  --fa: "\f0d4"; }

.fa-google-plus-square {
  --fa: "\f0d4"; }

.fa-web-awesome {
  --fa: "\e682"; }

.fa-mandalorian {
  --fa: "\f50f"; }

.fa-first-order-alt {
  --fa: "\f50a"; }

.fa-osi {
  --fa: "\f41a"; }

.fa-google-wallet {
  --fa: "\f1ee"; }

.fa-d-and-d-beyond {
  --fa: "\f6ca"; }

.fa-periscope {
  --fa: "\f3da"; }

.fa-fulcrum {
  --fa: "\f50b"; }

.fa-cloudscale {
  --fa: "\f383"; }

.fa-forumbee {
  --fa: "\f211"; }

.fa-mizuni {
  --fa: "\f3cc"; }

.fa-schlix {
  --fa: "\f3ea"; }

.fa-square-xing {
  --fa: "\f169"; }

.fa-xing-square {
  --fa: "\f169"; }

.fa-bandcamp {
  --fa: "\f2d5"; }

.fa-wpforms {
  --fa: "\f298"; }

.fa-cloudversify {
  --fa: "\f385"; }

.fa-usps {
  --fa: "\f7e1"; }

.fa-megaport {
  --fa: "\f5a3"; }

.fa-magento {
  --fa: "\f3c4"; }

.fa-spotify {
  --fa: "\f1bc"; }

.fa-optin-monster {
  --fa: "\f23c"; }

.fa-fly {
  --fa: "\f417"; }

.fa-square-bluesky {
  --fa: "\e6a3"; }

.fa-aviato {
  --fa: "\f421"; }

.fa-itunes {
  --fa: "\f3b4"; }

.fa-cuttlefish {
  --fa: "\f38c"; }

.fa-blogger {
  --fa: "\f37c"; }

.fa-flickr {
  --fa: "\f16e"; }

.fa-viber {
  --fa: "\f409"; }

.fa-soundcloud {
  --fa: "\f1be"; }

.fa-digg {
  --fa: "\f1a6"; }

.fa-tencent-weibo {
  --fa: "\f1d5"; }

.fa-letterboxd {
  --fa: "\e62d"; }

.fa-symfony {
  --fa: "\f83d"; }

.fa-maxcdn {
  --fa: "\f136"; }

.fa-etsy {
  --fa: "\f2d7"; }

.fa-facebook-messenger {
  --fa: "\f39f"; }

.fa-audible {
  --fa: "\f373"; }

.fa-think-peaks {
  --fa: "\f731"; }

.fa-bilibili {
  --fa: "\e3d9"; }

.fa-erlang {
  --fa: "\f39d"; }

.fa-x-twitter {
  --fa: "\e61b"; }

.fa-cotton-bureau {
  --fa: "\f89e"; }

.fa-dashcube {
  --fa: "\f210"; }

.fa-42-group {
  --fa: "\e080"; }

.fa-innosoft {
  --fa: "\e080"; }

.fa-stack-exchange {
  --fa: "\f18d"; }

.fa-elementor {
  --fa: "\f430"; }

.fa-square-pied-piper {
  --fa: "\e01e"; }

.fa-pied-piper-square {
  --fa: "\e01e"; }

.fa-creative-commons-nd {
  --fa: "\f4eb"; }

.fa-palfed {
  --fa: "\f3d8"; }

.fa-superpowers {
  --fa: "\f2dd"; }

.fa-resolving {
  --fa: "\f3e7"; }

.fa-xbox {
  --fa: "\f412"; }

.fa-square-web-awesome-stroke {
  --fa: "\e684"; }

.fa-searchengin {
  --fa: "\f3eb"; }

.fa-tiktok {
  --fa: "\e07b"; }

.fa-square-facebook {
  --fa: "\f082"; }

.fa-facebook-square {
  --fa: "\f082"; }

.fa-renren {
  --fa: "\f18b"; }

.fa-linux {
  --fa: "\f17c"; }

.fa-glide {
  --fa: "\f2a5"; }

.fa-linkedin {
  --fa: "\f08c"; }

.fa-hubspot {
  --fa: "\f3b2"; }

.fa-deploydog {
  --fa: "\f38e"; }

.fa-twitch {
  --fa: "\f1e8"; }

.fa-flutter {
  --fa: "\e694"; }

.fa-ravelry {
  --fa: "\f2d9"; }

.fa-mixer {
  --fa: "\e056"; }

.fa-square-lastfm {
  --fa: "\f203"; }

.fa-lastfm-square {
  --fa: "\f203"; }

.fa-vimeo {
  --fa: "\f40a"; }

.fa-mendeley {
  --fa: "\f7b3"; }

.fa-uniregistry {
  --fa: "\f404"; }

.fa-figma {
  --fa: "\f799"; }

.fa-creative-commons-remix {
  --fa: "\f4ee"; }

.fa-cc-amazon-pay {
  --fa: "\f42d"; }

.fa-dropbox {
  --fa: "\f16b"; }

.fa-instagram {
  --fa: "\f16d"; }

.fa-cmplid {
  --fa: "\e360"; }

.fa-upwork {
  --fa: "\e641"; }

.fa-facebook {
  --fa: "\f09a"; }

.fa-gripfire {
  --fa: "\f3ac"; }

.fa-jedi-order {
  --fa: "\f50e"; }

.fa-uikit {
  --fa: "\f403"; }

.fa-fort-awesome-alt {
  --fa: "\f3a3"; }

.fa-phabricator {
  --fa: "\f3db"; }

.fa-ussunnah {
  --fa: "\f407"; }

.fa-earlybirds {
  --fa: "\f39a"; }

.fa-trade-federation {
  --fa: "\f513"; }

.fa-autoprefixer {
  --fa: "\f41c"; }

.fa-whatsapp {
  --fa: "\f232"; }

.fa-square-upwork {
  --fa: "\e67c"; }

.fa-slideshare {
  --fa: "\f1e7"; }

.fa-google-play {
  --fa: "\f3ab"; }

.fa-viadeo {
  --fa: "\f2a9"; }

.fa-line {
  --fa: "\f3c0"; }

.fa-google-drive {
  --fa: "\f3aa"; }

.fa-servicestack {
  --fa: "\f3ec"; }

.fa-simplybuilt {
  --fa: "\f215"; }

.fa-bitbucket {
  --fa: "\f171"; }

.fa-imdb {
  --fa: "\f2d8"; }

.fa-deezer {
  --fa: "\e077"; }

.fa-raspberry-pi {
  --fa: "\f7bb"; }

.fa-jira {
  --fa: "\f7b1"; }

.fa-docker {
  --fa: "\f395"; }

.fa-screenpal {
  --fa: "\e570"; }

.fa-bluetooth {
  --fa: "\f293"; }

.fa-gitter {
  --fa: "\f426"; }

.fa-d-and-d {
  --fa: "\f38d"; }

.fa-microblog {
  --fa: "\e01a"; }

.fa-cc-diners-club {
  --fa: "\f24c"; }

.fa-gg-circle {
  --fa: "\f261"; }

.fa-pied-piper-hat {
  --fa: "\f4e5"; }

.fa-kickstarter-k {
  --fa: "\f3bc"; }

.fa-yandex {
  --fa: "\f413"; }

.fa-readme {
  --fa: "\f4d5"; }

.fa-html5 {
  --fa: "\f13b"; }

.fa-sellsy {
  --fa: "\f213"; }

.fa-square-web-awesome {
  --fa: "\e683"; }

.fa-sass {
  --fa: "\f41e"; }

.fa-wirsindhandwerk {
  --fa: "\e2d0"; }

.fa-wsh {
  --fa: "\e2d0"; }

.fa-buromobelexperte {
  --fa: "\f37f"; }

.fa-salesforce {
  --fa: "\f83b"; }

.fa-octopus-deploy {
  --fa: "\e082"; }

.fa-medapps {
  --fa: "\f3c6"; }

.fa-ns8 {
  --fa: "\f3d5"; }

.fa-pinterest-p {
  --fa: "\f231"; }

.fa-apper {
  --fa: "\f371"; }

.fa-fort-awesome {
  --fa: "\f286"; }

.fa-waze {
  --fa: "\f83f"; }

.fa-bluesky {
  --fa: "\e671"; }

.fa-cc-jcb {
  --fa: "\f24b"; }

.fa-snapchat {
  --fa: "\f2ab"; }

.fa-snapchat-ghost {
  --fa: "\f2ab"; }

.fa-fantasy-flight-games {
  --fa: "\f6dc"; }

.fa-rust {
  --fa: "\e07a"; }

.fa-wix {
  --fa: "\f5cf"; }

.fa-square-behance {
  --fa: "\f1b5"; }

.fa-behance-square {
  --fa: "\f1b5"; }

.fa-supple {
  --fa: "\f3f9"; }

.fa-webflow {
  --fa: "\e65c"; }

.fa-rebel {
  --fa: "\f1d0"; }

.fa-css3 {
  --fa: "\f13c"; }

.fa-staylinked {
  --fa: "\f3f5"; }

.fa-kaggle {
  --fa: "\f5fa"; }

.fa-space-awesome {
  --fa: "\e5ac"; }

.fa-deviantart {
  --fa: "\f1bd"; }

.fa-cpanel {
  --fa: "\f388"; }

.fa-goodreads-g {
  --fa: "\f3a9"; }

.fa-square-git {
  --fa: "\f1d2"; }

.fa-git-square {
  --fa: "\f1d2"; }

.fa-square-tumblr {
  --fa: "\f174"; }

.fa-tumblr-square {
  --fa: "\f174"; }

.fa-trello {
  --fa: "\f181"; }

.fa-creative-commons-nc-jp {
  --fa: "\f4ea"; }

.fa-get-pocket {
  --fa: "\f265"; }

.fa-perbyte {
  --fa: "\e083"; }

.fa-grunt {
  --fa: "\f3ad"; }

.fa-weebly {
  --fa: "\f5cc"; }

.fa-connectdevelop {
  --fa: "\f20e"; }

.fa-leanpub {
  --fa: "\f212"; }

.fa-black-tie {
  --fa: "\f27e"; }

.fa-themeco {
  --fa: "\f5c6"; }

.fa-python {
  --fa: "\f3e2"; }

.fa-android {
  --fa: "\f17b"; }

.fa-bots {
  --fa: "\e340"; }

.fa-free-code-camp {
  --fa: "\f2c5"; }

.fa-hornbill {
  --fa: "\f592"; }

.fa-js {
  --fa: "\f3b8"; }

.fa-ideal {
  --fa: "\e013"; }

.fa-git {
  --fa: "\f1d3"; }

.fa-dev {
  --fa: "\f6cc"; }

.fa-sketch {
  --fa: "\f7c6"; }

.fa-yandex-international {
  --fa: "\f414"; }

.fa-cc-amex {
  --fa: "\f1f3"; }

.fa-uber {
  --fa: "\f402"; }

.fa-github {
  --fa: "\f09b"; }

.fa-php {
  --fa: "\f457"; }

.fa-alipay {
  --fa: "\f642"; }

.fa-youtube {
  --fa: "\f167"; }

.fa-skyatlas {
  --fa: "\f216"; }

.fa-firefox-browser {
  --fa: "\e007"; }

.fa-replyd {
  --fa: "\f3e6"; }

.fa-suse {
  --fa: "\f7d6"; }

.fa-jenkins {
  --fa: "\f3b6"; }

.fa-twitter {
  --fa: "\f099"; }

.fa-rockrms {
  --fa: "\f3e9"; }

.fa-pinterest {
  --fa: "\f0d2"; }

.fa-buffer {
  --fa: "\f837"; }

.fa-npm {
  --fa: "\f3d4"; }

.fa-yammer {
  --fa: "\f840"; }

.fa-btc {
  --fa: "\f15a"; }

.fa-dribbble {
  --fa: "\f17d"; }

.fa-stumbleupon-circle {
  --fa: "\f1a3"; }

.fa-internet-explorer {
  --fa: "\f26b"; }

.fa-stubber {
  --fa: "\e5c7"; }

.fa-telegram {
  --fa: "\f2c6"; }

.fa-telegram-plane {
  --fa: "\f2c6"; }

.fa-old-republic {
  --fa: "\f510"; }

.fa-odysee {
  --fa: "\e5c6"; }

.fa-square-whatsapp {
  --fa: "\f40c"; }

.fa-whatsapp-square {
  --fa: "\f40c"; }

.fa-node-js {
  --fa: "\f3d3"; }

.fa-edge-legacy {
  --fa: "\e078"; }

.fa-slack {
  --fa: "\f198"; }

.fa-slack-hash {
  --fa: "\f198"; }

.fa-medrt {
  --fa: "\f3c8"; }

.fa-usb {
  --fa: "\f287"; }

.fa-tumblr {
  --fa: "\f173"; }

.fa-vaadin {
  --fa: "\f408"; }

.fa-quora {
  --fa: "\f2c4"; }

.fa-square-x-twitter {
  --fa: "\e61a"; }

.fa-reacteurope {
  --fa: "\f75d"; }

.fa-medium {
  --fa: "\f23a"; }

.fa-medium-m {
  --fa: "\f23a"; }

.fa-amilia {
  --fa: "\f36d"; }

.fa-mixcloud {
  --fa: "\f289"; }

.fa-flipboard {
  --fa: "\f44d"; }

.fa-viacoin {
  --fa: "\f237"; }

.fa-critical-role {
  --fa: "\f6c9"; }

.fa-sitrox {
  --fa: "\e44a"; }

.fa-discourse {
  --fa: "\f393"; }

.fa-joomla {
  --fa: "\f1aa"; }

.fa-mastodon {
  --fa: "\f4f6"; }

.fa-airbnb {
  --fa: "\f834"; }

.fa-wolf-pack-battalion {
  --fa: "\f514"; }

.fa-buy-n-large {
  --fa: "\f8a6"; }

.fa-gulp {
  --fa: "\f3ae"; }

.fa-creative-commons-sampling-plus {
  --fa: "\f4f1"; }

.fa-strava {
  --fa: "\f428"; }

.fa-ember {
  --fa: "\f423"; }

.fa-canadian-maple-leaf {
  --fa: "\f785"; }

.fa-teamspeak {
  --fa: "\f4f9"; }

.fa-pushed {
  --fa: "\f3e1"; }

.fa-wordpress-simple {
  --fa: "\f411"; }

.fa-nutritionix {
  --fa: "\f3d6"; }

.fa-wodu {
  --fa: "\e088"; }

.fa-google-pay {
  --fa: "\e079"; }

.fa-intercom {
  --fa: "\f7af"; }

.fa-zhihu {
  --fa: "\f63f"; }

.fa-korvue {
  --fa: "\f42f"; }

.fa-pix {
  --fa: "\e43a"; }

.fa-steam-symbol {
  --fa: "\f3f6"; }
:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free'; }

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./fa-regular-400-BjRzuEpd.woff2") format("woff2"), url("./fa-regular-400-DZaxPHgR.ttf") format("truetype"); }

.far,
.fa-regular {
  font-weight: 400; }
:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; }

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("./fa-solid-900-CTAAxXor.woff2") format("woff2"), url("./fa-solid-900-D0aA9rwL.ttf") format("truetype"); }

.fas,
.fa-solid {
  font-weight: 900; }
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-display: block;
  font-weight: 400;
  src: url("./fa-brands-400-D_cYUPeE.woff2") format("woff2"), url("./fa-brands-400-D1LuMI3I.ttf") format("truetype"); }

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-display: block;
  font-weight: 900;
  src: url("./fa-solid-900-CTAAxXor.woff2") format("woff2"), url("./fa-solid-900-D0aA9rwL.ttf") format("truetype"); }

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-display: block;
  font-weight: 400;
  src: url("./fa-regular-400-BjRzuEpd.woff2") format("woff2"), url("./fa-regular-400-DZaxPHgR.ttf") format("truetype"); }
@font-face {
  font-family: 'FontAwesome';
  font-display: block;
  src: url("./fa-solid-900-CTAAxXor.woff2") format("woff2"), url("./fa-solid-900-D0aA9rwL.ttf") format("truetype"); }

@font-face {
  font-family: 'FontAwesome';
  font-display: block;
  src: url("./fa-brands-400-D_cYUPeE.woff2") format("woff2"), url("./fa-brands-400-D1LuMI3I.ttf") format("truetype"); }

@font-face {
  font-family: 'FontAwesome';
  font-display: block;
  src: url("./fa-regular-400-BjRzuEpd.woff2") format("woff2"), url("./fa-regular-400-DZaxPHgR.ttf") format("truetype");
  unicode-range: U+F003,U+F006,U+F014,U+F016-F017,U+F01A-F01B,U+F01D,U+F022,U+F03E,U+F044,U+F046,U+F05C-F05D,U+F06E,U+F070,U+F087-F088,U+F08A,U+F094,U+F096-F097,U+F09D,U+F0A0,U+F0A2,U+F0A4-F0A7,U+F0C5,U+F0C7,U+F0E5-F0E6,U+F0EB,U+F0F6-F0F8,U+F10C,U+F114-F115,U+F118-F11A,U+F11C-F11D,U+F133,U+F147,U+F14E,U+F150-F152,U+F185-F186,U+F18E,U+F190-F192,U+F196,U+F1C1-F1C9,U+F1D9,U+F1DB,U+F1E3,U+F1EA,U+F1F7,U+F1F9,U+F20A,U+F247-F248,U+F24A,U+F24D,U+F255-F25B,U+F25D,U+F271-F274,U+F278,U+F27B,U+F28C,U+F28E,U+F29C,U+F2B5,U+F2B7,U+F2BA,U+F2BC,U+F2BE,U+F2C0-F2C1,U+F2C3,U+F2D0,U+F2D2,U+F2D4,U+F2DC; }

@font-face {
  font-family: 'FontAwesome';
  font-display: block;
  src: url("./fa-v4compatibility-C9RhG_FT.woff2") format("woff2"), url("./fa-v4compatibility-CCth-dXg.ttf") format("truetype");
  unicode-range: U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F27A; }
.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;
}
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
.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;
}

.logo {
    height: 70px;
    width: 240px;
    background-image: url(./dark-wide-2-CX0uURxT.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    position: relative;
}
.dark-theme .logo {
    background-image: url(./light-wide-2-CAKxsCf0.svg);
}
.logo_text {
    position: absolute;
    left: 80px;
    top: 49px;
    color: var(--text);
    font-size: 10px;
    display: flex;
    flex-direction: column;
}
.tab_container .logo {
    display: none;
}
@media all and (max-width: 575px) {
.logo {
        height: 24px;
        width: 150px;
        background-image: url(./dark-wide-2-compact-BzCLzEsx.svg);
        background-position: left center;
        order: 2;
        margin-top: 0;
}
.dark-theme .logo {
        background-image: url(./light-wide-2-compact-BGoAloqb.svg);
}
.logo_text {
        display: none !important;
}
.tab_container .logo {
        display: flex;
        background-image: url(./dark-wide-2-CX0uURxT.svg);
        background-repeat: no-repeat;
        background-position: center 20px;
        background-position-x: 12px;
        background-size: 80%;
        height: 120px;
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
        flex: 0 0 120px;
        margin-bottom: 20px;
}
.dark-theme .tab_container .logo {
        background-image: url(./light-wide-2-CAKxsCf0.svg);
}
.tab_container .logo .logo_text {
        display: flex !important;
        left: 82px;
        top: 62px;
}
}
@media all and (min-width: 1125px) {
.logo {
        width: 340px;
}
.logo_text {
        font-size: inherit;
        position: relative;
}
}

.version {
    margin: 0;
    padding: 0;
    border: 0;
    margin-left: auto;
}
/** Status bar **/
#status-bar[data-v-16b0ccd1] {
  display: flex;
  white-space: nowrap;
  gap: 0.5rem;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 0.5rem 1rem;
  background-color: var(--surface-300);
}
#status-bar .message[data-v-16b0ccd1] {
  margin-right: 0.25rem;
}
#status-bar[data-v-16b0ccd1] > * ~ * {
  padding-left: 10px;
  border-left: 1px solid var(--surface-400);
}
/** Status bar (phones) **/
@media all and (max-width: 575px) {
#status-bar[data-v-16b0ccd1] {
    display: none;
}
}

.quad-status-contents[data-v-3a52adb7] {
    display: inline-block;
    margin-top: 10px;
    margin-left: 14px;
    height: 10px;
    width: 31px;
}
.quad-status-contents progress[data-v-3a52adb7]::-webkit-progress-bar {
    height: 12px;
    background-color: var(--surface-300);
}
.quad-status-contents progress[data-v-3a52adb7]::-webkit-progress-value {
    background-color: #bcf;
}
.battery-icon[data-v-3a52adb7] {
    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-3a52adb7] {
    height: 11px;
}
@keyframes error-blinker-3a52adb7 {
0% {
        background-color: transparent;
}
50% {
        background-color: var(--error-500);
}
}
.battery-status.state-ok[data-v-3a52adb7] {
    background-color: #59aa29;
}
.battery-status.state-warning[data-v-3a52adb7] {
    background-color: var(--error-500);
}
.battery-status.state-empty[data-v-3a52adb7] {
    animation: error-blinker-3a52adb7 1s linear infinite;
}
#remote-code-option[data-v-59128f8c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#remote-code-option label[data-v-59128f8c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#remote-code-option input[data-v-59128f8c] {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  width: 10em;
}
#port-override-option label[data-v-527568d2] {
  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;
}
.remote-share[data-v-5a9b42ae] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.remote-share__btn[data-v-5a9b42ae] {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-500);
  border: 1px solid var(--primary-600);
  height: 50px;
  width: 50px;
  border-radius: 100px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  cursor: pointer;
  transition: none;
  color: #000;
  font-size: 23px;
}
.remote-share__btn[data-v-5a9b42ae]:hover {
  background-color: var(--primary-400);
}
.remote-share__btn--active[data-v-5a9b42ae] {
  background-color: var(--primary-action);
  border-color: var(--primary-action-border);
}
.remote-share__btn--active[data-v-5a9b42ae]:hover {
  background-color: var(--primary-action-hover);
}
.remote-share__label[data-v-5a9b42ae] {
  white-space: nowrap;
  font-size: 11px;
  margin-top: 2px;
}
.remote-share__code[data-v-5a9b42ae] {
  font-family: monospace;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1em;
  cursor: pointer;
  margin-top: 2px;
  color: var(--primary-action);
}
.remote-share__code[data-v-5a9b42ae]:hover {
  text-decoration: underline;
}
.remote-share__peer[data-v-5a9b42ae] {
  font-size: 10px;
  white-space: nowrap;
}
.remote-share__peer--copied[data-v-5a9b42ae] {
  color: var(--primary-500);
}
.remote-share__peer--connected[data-v-5a9b42ae] {
  color: var(--success-500);
}
.remote-share__peer--disconnected[data-v-5a9b42ae] {
  color: var(--error-500);
}
.remote-share__peer--reconnecting[data-v-5a9b42ae] {
  color: var(--primary-500);
}
.remote-join[data-v-3871ebda] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.remote-join__btn[data-v-3871ebda] {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--surface-500);
  border: 1px solid var(--surface-600);
  height: 50px;
  width: 50px;
  border-radius: 100px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  cursor: pointer;
  transition: none;
  color: var(--text-primary);
  font-size: 20px;
}
.remote-join__btn[data-v-3871ebda]:hover {
  background-color: var(--surface-400);
}
.remote-join__btn--ready[data-v-3871ebda] {
  background-color: var(--primary-500);
  border-color: var(--primary-600);
}
.remote-join__btn--ready[data-v-3871ebda]:hover {
  background-color: var(--primary-400);
}
.remote-join__btn--active[data-v-3871ebda] {
  background-color: var(--primary-action);
  border-color: var(--primary-action-border);
}
.remote-join__btn--active[data-v-3871ebda]:hover {
  background-color: var(--primary-action-hover);
}
.remote-join__label[data-v-3871ebda] {
  white-space: nowrap;
  font-size: 11px;
  margin-top: 2px;
}
.remote-join__error[data-v-3871ebda] {
  font-size: 10px;
  color: var(--error-500);
  text-align: center;
  max-width: 150px;
  word-wrap: break-word;
}

#user-session-container {
&[data-v-7f3521b0] {
    background-color: var(--surface-100);
    border-radius: 1rem;
    font-size: 13px;
    padding: 0;
    position: relative;
    margin-top: auto;
    margin-bottom: 1rem;

    /* Hide username on smaller screens */

    /* Show username when menu is revealed on mobile */
}
#open-login[data-v-7f3521b0],
    #user-menu-trigger[data-v-7f3521b0] {
        position: relative;
        height: 64px;
        width: 100%;
}
#user-logged-out {
#open-login {
&[data-v-7f3521b0] {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 8px;
            padding: 0.5rem;
            color: var(--text);
            text-decoration: none;
            cursor: pointer;
            transition: all 0.2s ease;
}
&[data-v-7f3521b0]:hover {
                background-color: var(--surface-200);
                border-radius: 0.5rem;
}
}
}
#user-logged-in {
#user-menu-trigger {
&[data-v-7f3521b0] {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 8px;
            padding: 0.5rem;
            color: var(--text);
            text-decoration: none;
            cursor: pointer;
            transition: all 0.2s ease;
            z-index: 0;
}
&[data-v-7f3521b0]:hover {
                background-color: var(--surface-200);
                border-radius: 0.5rem;
}
}
}
.user-avatar-icon[data-v-7f3521b0] {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        object-fit: cover;
        flex-shrink: 0;
}
.username[data-v-7f3521b0] {
        font-size: 11px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        flex: 1;
}
@media (max-width: 1055px) {
.username[data-v-7f3521b0] {
            display: none;
}
}
@media (max-width: 575px) {
.tab_container.reveal & .username[data-v-7f3521b0] {
            display: block;
}
}
}

/* 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;
    aspect-ratio: 16 / 9;
    padding: 20px;
    border: 1px solid var(--surface-600);
    border-radius: 8px;
}
.dialog-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.dialog-close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text);
}
.dialog-title {
    margin: 0 0 15px 0;
    text-align: center;
}
.dialog-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.dialog-input-group {
    margin-bottom: 15px;
}
.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-input {
    width: 100%;
    padding: 8px;
    border: 1px solid var(--surface-500);
    border-radius: 4px;
    background-color: var(--surface-100);
    color: var(--text);
    box-sizing: border-box;
}
.dialog-buttons {
    display: flex;
    justify-content: center;
}
.dialog-buttons-split {
    flex-direction: row;
    gap: 10px;
    align-items: center;
    text-align: center;
}
.dialog-passkey-button {
    padding: 6px 12px;
    text-decoration: none;
    font-size: 12px;
    width: 120px;
    margin-left: 10px;
}
.dialog-separator {
    font-size: 12px;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.dialog-submit-button {
    padding: 8px 24px;
    text-decoration: none;
}

.waiting-container[data-v-7f3521b0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    gap: 12px;
}
.waiting-spinner[data-v-7f3521b0] {
    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-7f3521b0 1s linear infinite;
}
.waiting-message[data-v-7f3521b0] {
    font-size: 14px;
    color: var(--text);
    margin: 0;
    text-align: center;
}
@keyframes spin-7f3521b0 {
0% {
        transform: rotate(0deg);
}
100% {
        transform: rotate(360deg);
}
}

.dialog-modal[data-v-6a198042] {
    border: none;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 0;
    max-width: 90vw;
    max-height: 90vh;
}
.dialog-modal[data-v-6a198042]::backdrop {
    background-color: rgba(0, 0, 0, 0.5);
}
.dialog-title-bar[data-v-6a198042] {
    display: flex;
    height: 47px;
    background: var(--surface-300);
    border-bottom: 1px solid var(--surface-950);
}
.dialog-title[data-v-6a198042] {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 15px;
}
.dialog-close[data-v-6a198042] {
    flex: 0 0 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
}
.dialog-close[data-v-6a198042]:hover {
    background: var(--surface-400);
}
.dialog-content[data-v-6a198042] {
    padding: 20px;
    overflow-y: auto;
    max-height: calc(90vh - 47px);
}
.tab-help .gui_box {
  min-height: 500px;
  margin-bottom: 0;
}
.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;
}
/** (phones) **/
@media all and (max-width: 575px) {
.tab-help .gui_box {
    min-height: auto;
    margin-bottom: 15px;
}
}

.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-09c07f21] {
  display: flex;
  flex-direction: column;
  padding: 0;
  height: unset;
  overflow-y: auto;
}
.content_top[data-v-09c07f21] {
  height: auto;
  padding: 20px;
  margin-bottom: 0;
}
.text1[data-v-09c07f21],
.text2[data-v-09c07f21],
.text3[data-v-09c07f21] {
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: normal;
  font-size: 12px;
}
.content_mid[data-v-09c07f21] {
  background-color: var(--surface-100);
  overflow: hidden;
  padding: 0 15px;
  margin-top: auto;
}
.content_mid .column .wrap2[data-v-09c07f21] {
  padding: 10px;
}
.content_mid h2[data-v-09c07f21] {
  margin-bottom: 5px;
  font-size: 13px;
}
.content_mid h3[data-v-09c07f21] {
  font-size: 12px;
  margin-bottom: 5px;
}
.content_mid[data-v-09c07f21] .list ul {
  margin-top: 2px;
  padding-left: 20px;
  list-style: inside;
}
.content_mid[data-v-09c07f21] .list li {
  padding: 2px 0;
  list-style-type: disc;
  margin-left: 0;
  display: list-item;
}
.content_mid .text3 .wrap2[data-v-09c07f21] {
  border: 3px solid var(--surface-300);
  border-radius: 5px;
  min-height: 187px;
  font-size: 11px;
}
.content_mid .text3 .donate[data-v-09c07f21] {
  margin-top: 10px;
  text-align: center;
}
.content_foot[data-v-09c07f21] {
  clear: both;
  padding: 10px 0 5px;
}
.logowrapper[data-v-09c07f21] {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  width: 800px;
  color: var(--text);
  font-size: 14px;
  font-weight: 300;
  text-align: center;
}
.logowrapper > div[data-v-09c07f21] {
  text-align: center;
}
.logowrapper img[data-v-09c07f21] {
  width: 600px;
  margin: 5px;
}
.logowrapper span[data-v-09c07f21] {
  font-size: 22px;
  font-weight: 300;
}
.bavovna-welcome-header[data-v-09c07f21] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin: 5px 0;
}
.bavovna-welcome-header__bf[data-v-09c07f21] {
  width: 500px !important;
}
.bavovna-welcome-header__logo[data-v-09c07f21] {
  height: 60px;
  width: auto !important;
}
.bavovna-welcome-header__text[data-v-09c07f21] {
  font-size: 22px;
  font-weight: bold;
  white-space: nowrap;
  color: var(--text);
}
.fork-warning[data-v-09c07f21] {
  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-09c07f21] {
  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-09c07f21] {
  margin: 0 0 8px;
  font-size: 14px;
}
.remote-tutorial[data-v-09c07f21] p {
  margin: 0 0 15px !important;
}
.remote-tutorial[data-v-09c07f21] ol {
  padding-left: 25px;
  margin: 5px 0 12px;
  list-style-type: decimal !important;
}
.remote-tutorial[data-v-09c07f21] li {
  padding: 3px 0;
  list-style-type: decimal !important;
  display: list-item !important;
}
.socialMediaParagraph[data-v-09c07f21] {
  margin-bottom: 15px;
}
.socialMediaParagraph .logoSocialMedia[data-v-09c07f21] {
  float: left;
  width: 30px;
}
.socialMediaParagraph .logoSocialMedia img[data-v-09c07f21] {
  height: 20px;
  width: 20px;
}
.socialMediaParagraph .socialMediaLogo[data-v-09c07f21] {
  padding-top: 3px;
}
.socialMediaParagraph .socialMediaText[data-v-09c07f21] {
  margin-top: 0;
  margin-left: 35px;
  display: block;
  font-weight: normal;
  font-size: 12px;
}
.languageSwitcher[data-v-09c07f21] {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.languageSwitcher .selected_language[data-v-09c07f21] {
  font-weight: bold;
}
.languageSwitcher .language-links[data-v-09c07f21] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.languageSwitcher a[data-v-09c07f21] {
  font-weight: normal;
  white-space: nowrap;
}
.languageSwitcher a[data-v-09c07f21]:not(:last-child):after {
  content: ", ";
  font-weight: normal;
}
@media all and (max-width: 575px) {
.logowrapper[data-v-09c07f21] {
    width: auto;
}
.logowrapper img[data-v-09c07f21] {
    width: auto;
}
}
.tab-options .freelabel {
  margin-left: 10px;
  position: relative;
}
.tab-options .switchery {
  float: left;
}
.tab-options .margin-bottom {
  margin-bottom: 10px;
  grid-template-columns: fit-content(300px) 1fr;
}
.tab-options select {
  background: var(--surface-200);
  color: var(--text);
  border: 1px solid var(--surface-500);
  border-radius: 3px;
  width: fit-content;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.tab-ports table {
  border-collapse: collapse;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
.tab-ports table td {
  padding: 0.25rem;
  text-align: center;
}
.tab-ports table td.functionsCell-configuration select,
.tab-ports table td.functionsCell-telemetry select,
.tab-ports table td.functionsCell-peripherals select,
.tab-ports table td.functionsCell-sensors select {
  margin-left: 0.5rem;
}
.tab-ports table tr td {
  padding: 0.5rem 0;
  background-color: var(--surface-200);
}
.tab-ports table tr td:first-child {
  text-align: left;
  padding-left: 1rem;
}
.tab-ports table tr:nth-child(even) select {
  background-color: var(--surface-300);
}
.tab-ports table td.functionsCell-peripherals > select:first-of-type {
  max-width: 12rem;
}
.tab-ports table td.functionsCell-telemetry > select:first-of-type {
  max-width: 10rem;
}
.tab-ports table thead th {
  padding: 0.5rem;
  background-color: var(--surface-300);
  color: var(--text);
}
.tab-ports table thead th:first-child {
  border-top-left-radius: 0.75rem;
}
.tab-ports table thead th:last-child {
  border-top-right-radius: 0.75rem;
}
.tab-ports table thead .helpicon {
  margin-top: 2px;
}
.tab-ports table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 0.75rem;
}
.tab-ports table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0.75rem;
}
.tab-ports table tbody td *:first-child {
  margin-bottom: 0.25rem;
}
#tab-ports-templates {
  display: none;
}
.tab-ports.supported .require-support {
  display: block;
}
.tab-ports.supported .require-upgrade {
  display: none;
}
@media only screen and (max-width: 1055px) {
.tab-ports table thead tr:first-child {
    font-size: 12px;
    height: 22px;
}
}
@media only screen and (max-device-width: 1055px) {
.tab-ports table thead tr:first-child {
    font-size: 12px;
    height: 22px;
}
}
@media all and (max-width: 575px) {
.tab-ports .config {
    text-align: left;
    border-top-left-radius: 5px;
    border-left: 0;
}
.tab-ports table td {
    padding: 0;
}
.tab-ports .ports select {
    margin: 0;
    width: 100%;
    border: none;
    height: 25px;
    border-radius: unset;
}
.tab-ports .ports td.functionsCell-peripherals > select:first-of-type {
    border-bottom: 1px solid var(--surface-500);
}
.tab-ports .ports td.functionsCell-telemetry > select:first-of-type {
    border-bottom: 1px solid var(--surface-500);
}
.tab-ports .ports td.functionsCell-sensors > select:first-of-type {
    border-bottom: 1px solid var(--surface-500);
}
.tab-ports .ports thead th {
    font-size: 10px;
    width: fit-content;
    padding: 0.5rem;
    word-break: break-word;
    white-space: unset;
}
.tab-ports .ports tbody td {
    padding: 0.25rem 0.5rem;
}
.tab-ports .ports tbody td .switchery-default {
    margin-bottom: 0.5rem;
}
.tab-ports .ports tbody td.functionsCell-configuration select,
  .tab-ports .ports tbody td.functionsCell-telemetry select,
  .tab-ports .ports tbody td.functionsCell-peripherals select,
  .tab-ports .ports tbody td.functionsCell-sensors select {
    margin-left: 0rem;
}
.tab-ports .ports tbody tr:nth-child(4n) td {
    background-color: var(--surface-300);
}
.tab-ports .ports tbody tr:nth-child(4n + 1) td {
    background-color: var(--surface-200);
}
.tab-ports .portIdentifier td {
    font-size: 12px;
    color: var(--text);
    font-weight: normal;
    background-color: var(--surface-300);
}
}
.bar-wrapper {
  display: flex;
  flex-direction: row;
}
.tab-servos {
  height: 100%;
  position: relative;
}
.tab-servos .title {
  margin-top: 0;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
  border: 1px solid var(--surface-500);
  border-bottom: 0;
  background-color: var(--surface-300);
  color: var(--text);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.tab-servos table {
  margin-bottom: 10px;
  width: 100%;
  border-collapse: collapse;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
.tab-servos table th {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: center;
  border: 1px solid var(--surface-500);
  line-height: 14px;
}
.tab-servos table td {
  border-top: 0;
  border-bottom: 1px solid var(--surface-500);
  border-left: 1px solid var(--surface-500);
  border-right: 1px solid var(--surface-500);
  padding: 6px 5px 7px 5px;
}
.tab-servos table td:nth-child(2) {
  width: 140px;
}
.tab-servos table td:nth-child(3) {
  width: 140px;
}
.tab-servos table td:nth-child(4) {
  width: 140px;
}
.tab-servos table td:nth-child(19) {
  width: 110px;
}
.tab-servos table tr:nth-child(even) {
  background-color: var(--surface-200);
}
.tab-servos table tr td:first-child {
  text-align: left;
  width: 55px;
}
.tab-servos table .main {
  font-weight: bold;
  text-align: center;
  background-color: var(--surface-400);
}
.tab-servos table .channel {
  width: 40px;
  text-align: center;
}
.tab-servos table .channel input {
  vertical-align: middle;
}
.tab-servos table input {
  border: 1px solid var(--surface-500);
  border-radius: 3px;
}
.tab-servos table select {
  border: 1px solid var(--surface-500);
  border-radius: 3px;
}
.tab-servos table input[type="number"] {
  display: block;
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: right;
}
.tab-servos table input[type="checkbox"] {
  width: 16px;
  height: 16px;
}
.tab-servos input[type="number"]::-webkit-inner-spin-button {
  border: 0;
}
.tab-servos .directions .direction select {
  height: 19px;
  line-height: 19px;
}
.tab-servos .direction .name {
  float: left;
  display: block;
  width: 60px;
}
.tab-servos .direction .alternate {
  float: left;
  display: block;
  width: 60px;
}
.tab-servos .direction .first {
  float: left;
  margin: 2px 10px 0 20px;
}
.tab-servos .direction .second {
  float: left;
  margin: 2px 10px 0 0;
}
.tab-servos .direction .rate {
  width: 110px;
  text-align: center;
}
.tab-servos .live {
  float: left;
  margin-top: 0;
}
.tab-servos .live span {
  float: left;
  margin-right: 10px;
}
.tab-servos .live input {
  float: left;
  margin: 0 0 0 5px;
}
.tab-servos .buttons {
  width: calc(100% - 20px);
  position: absolute;
  bottom: 10px;
}
.tab-servos .require-support {
  display: none;
}
.tab-servos .require-upgrade {
  display: block;
}
.tab-servos .wide {
  width: 120px;
}
.tab-servos .short {
  width: 40px;
}
.tab-servos .table_overflow {
  overflow: auto;
}
.tab-servos .spacer_box {
  padding-bottom: 10px;
  float: left;
  width: calc(100% - 20px);
}
.tab-servos .gui_box_titlebar {
  margin-bottom: 0;
}
.tab-servos .gui_box {
  margin-bottom: 10px;
  font-weight: bold;
}
.tab-servos .gui_box span {
  font-style: normal;
  font-weight: normal;
  line-height: 19px;
  color: var(--text);
  font-size: 11px;
}
.tab-servos .spacer {
  width: calc(100% - 34px);
  margin: 10px;
}
.tab-servos .servoblock {
  margin-bottom: 24px;
  background-color: var(--surface-400);
}
.tab-servos .title2 {
  padding-bottom: 2px;
  text-align: center;
  font-size: 12px;
  font-weight: 300;
}
.tab-servos .titles {
  height: 20px;
}
.tab-servos .titles li {
  float: left;
  width: calc((100% / 9) - 10px);
  margin-right: 10px;
  text-align: center;
}
.tab-servos .titles .active {
  color: green;
}
.tab-servos .servos .titles li {
  float: left;
  width: calc((100% / 8) - 10px);
  margin-right: 10px;
}
.tab-servos .servos .m-block {
  float: left;
  width: calc((100% / 8) - 10px);
  margin-right: 10px;
  border-radius: 3px;
}
.tab-servos .m-block {
  float: left;
  width: calc((100% / 9) - 10px);
  height: 100px;
  margin-right: 10px;
  text-align: center;
  background-color: var(--surface-300);
  border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}
.tab-servos .m-block .meter-bar {
  position: relative;
  width: 100%;
  height: 100px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background-color: var(--surface-300);
  border-radius: 3px;
  border: 1px solid var(--surface-500);
}
.tab-servos .m-block .label {
  position: absolute;
  width: 100%;
  bottom: 45px;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  color: var(--surface-950);
}
.tab-servos .m-block .label.rpm_info {
  bottom: 28px;
}
.tab-servos .m-block .indicator .label {
  color: white;
}
.tab-servos .indicator {
  position: absolute;
  overflow: hidden;
  width: 100%;
  text-align: center;
  border-radius: 2px;
}
.tab-servos.supported .require-support {
  display: block;
  overflow-x: auto;
}
.tab-servos.supported .require-upgrade {
  display: none;
}
@media all and (max-width: 575px) {
.tab-servos table th {
    min-width: 30px;
}
.tab-servos .min {
    min-width: 60px;
}
.tab-servos .max {
    min-width: 60px;
}
.tab-servos .middle {
    min-width: 60px;
}
.tab-servos .gui_box {
    min-height: auto;
}
.tab-servos .left.motors {
    width: 100%;
    order: 1;
}
.tab-servos .right.servos {
    width: 100%;
    order: 3;
    margin-top: 15px;
}
.tab-servos .titles li {
    width: calc((100% - 80px) / 9);
}
.tab-servos .titles li:last-child {
    margin-right: 0;
}
.tab-servos .m-block {
    width: calc((100% - 80px) / 9);
}
.tab-servos .servos .m-block {
    width: calc((100% - 70px) / 8);
}
.tab-servos .servo_testing .values li:last-child {
    margin-left: 4px;
}
}
@media only screen and (max-width: 1055px) {
.tab-servos .gui_box span {
    line-height: 17px;
}
}
@media only screen and (max-device-width: 1055px) {
.tab-servos .gui_box span {
    line-height: 17px;
}
}
.tab-configuration .alignicon {
  width: 15px;
  height: 15px;
  margin: 3px;
}
.tab-configuration .pitch {
  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%2085'%20style='enable-background:new%200%200%2085%2085;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23707173;}%20.st1{fill:%239C9E9F;}%20%3c/style%3e%3cpath%20class='st0'%20d='M35.8,82h21.4c9.4-6.7,16-22.1,16-39.9C73.2,24.8,67,9.8,58,2.8H35.6c9,7,15.2,22,15.2,39.3%20c0,17.5-6.4,32.6-15.5,39.5C35.4,81.8,35.6,81.9,35.8,82z'/%3e%3cg%3e%3cpath%20class='st1'%20d='M39.7,37.1c1.1-15.2,6.9-27.9,15-34.3H32.3c-8.1,6.3-14,19.1-15,34.3H39.7z'/%3e%3cpath%20class='st1'%20d='M42.4,61.6H19.9c2.8,9.1,7.5,16.3,13.2,20.4h21.4c0.2-0.1,0.4-0.2,0.5-0.4C49.6,77.5,45.1,70.4,42.4,61.6z'/%3e%3c/g%3e%3cpolygon%20class='st1'%20points='12.5,28.9%2029.8,58.3%2047.7,28.7%20'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
}
.tab-configuration .yaw {
  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%2085'%20style='enable-background:new%200%200%2085%2085;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23707173;}%20.st1{fill:%239C9E9F;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M82.4,48.7V26.9C75.6,17.3,60,10.6,41.9,10.6C24.3,10.6,9.1,16.9,2,26.1v22.8c7.1-9.2,22.3-15.5,39.9-15.5%20c17.8,0,33.1,6.5,40.1,15.8C82.2,49,82.3,48.8,82.4,48.7z'/%3e%3cg%3e%3cpath%20class='st1'%20d='M61.7,64.8c9.2-2.9,16.6-7.6,20.7-13.4V29.7c-0.1-0.2-0.2-0.4-0.4-0.5c-4.2,5.6-11.4,10.1-20.3,12.9V64.8z'/%3e%3cpath%20class='st1'%20d='M36.8,67.4V44.6C21.4,43.5,8.4,37.6,2,29.3v22.9C8.4,60.4,21.4,66.4,36.8,67.4z'/%3e%3c/g%3e%3cpolygon%20class='st1'%20points='28.4,72.3%2058.3,54.8%2028.3,36.6%20'/%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
}
.tab-configuration .roll {
  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%2085'%20style='enable-background:new%200%200%2085%2085;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23707173;}%20%3c/style%3e%3cpath%20class='st0'%20d='M44.8,5.1C25,5.1,8.7,20.6,7.5,40.1h14.4c1.2-11.6,11-20.7,22.9-20.7c12.7,0,23.1,10.3,23.1,23.1%20S57.5,65.5,44.8,65.5c-5,0-9.6-1.6-13.4-4.3v0l-11.3,9.2c6.6,5.8,15.2,9.4,24.7,9.4c20.6,0,37.4-16.8,37.4-37.4S65.4,5.1,44.8,5.1z'%20/%3e%3cpolygon%20class='st0'%20points='1.7,31%2012.8,58.2%2030.9,35.1%20'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
}
.tab-configuration .sensor_align_content {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.tab-configuration .sensor_align_content .sensor_align_inputs {
  display: flex;
  align-items: center;
}
.tab-configuration .sensor_align_content .sensor_align_inputs label {
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.tab-configuration table td {
  height: 1.75rem;
}
.tab-configuration table tbody.beeper-configuration tr td:nth-child(2) {
  font-weight: bold;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.tab-configuration .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.tab-configuration .beeper-controls {
  margin-bottom: 0.5rem;
  display: flex;
  gap: 0.25rem;
}
.tab-configuration .beeper-controls .btn {
  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: 10px;
  cursor: pointer;
  white-space: nowrap;
  height: 1.4rem;
  display: flex;
  align-items: center;
  transition: color 200ms, background-color 200ms;
}
.tab-configuration .beeper-controls .btn:hover {
  background-color: var(--primary-400);
  color: #000;
  transition: all ease 0.2s;
  text-decoration: none;
}
.tab-configuration .beeper-controls .btn:active {
  background-color: var(--primary-400);
  transition: all ease 0s;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.35);
}
@media all and (max-width: 575px) {
.tab-configuration .grid-box.col2 {
    grid-template-columns: 1fr !important;
}
}

.tab-user_profile[data-v-99f502d0] {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.profile[data-v-99f502d0] {
    margin-top: 20px;
}
.profile-table[data-v-99f502d0] {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.profile-table th[data-v-99f502d0] {
    padding: 8px;
    text-align: left;
    background-color: var(--surface-500);
    font-weight: bold;
    border-color: var(--surface-500);
}
.profile-table th[data-v-99f502d0]:first-child {
    border-top-left-radius: 5px;
}
.profile-table th[data-v-99f502d0]:last-child {
    border-top-right-radius: 5px;
}
.profile-table td[data-v-99f502d0] {
    padding: 8px;
    text-align: left;
}
.profile-table tr[data-v-99f502d0]:hover {
    background-color: var(--surface-600);
}
.profile-table a[data-v-99f502d0] {
    margin-right: 10px;
    text-decoration: none;
    color: var(--primary-500);
}
.profile-table a[data-v-99f502d0]:hover {
    text-decoration: underline;
}
.profile-content[data-v-99f502d0] {
    display: flex;
    align-items: flex-start;
}
.profile-photo[data-v-99f502d0] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--surface-500);
    margin-right: 20px;
}
.profile-info[data-v-99f502d0] {
    flex-grow: 1;
}
.profile-info p[data-v-99f502d0] {
    margin: 10px 0;
    font-size: 14px;
}
.profile-info h3[data-v-99f502d0],
.temp-password-form h3[data-v-99f502d0],
.create-passkey-form h3[data-v-99f502d0],
.signup-form h3[data-v-99f502d0],
.login-form h3[data-v-99f502d0] {
    padding-bottom: 5px;
    border-bottom-color: var(--surface-500);
    border-bottom-style: solid;
    border-width: 1px;
}
.profile-info input[data-v-99f502d0],
.temp-password-form input[data-v-99f502d0],
.create-passkey-form input[data-v-99f502d0],
.signup-form input[data-v-99f502d0],
.login-form input[data-v-99f502d0] {
    width: 220px;
}
.profile-info .title[data-v-99f502d0],
.temp-password-form .title[data-v-99f502d0],
.create-passkey-form .title[data-v-99f502d0],
.signup-form .title[data-v-99f502d0],
.login-form .title[data-v-99f502d0] {
    color: var(--primary-500);
    font-weight: 600;
    margin-right: 5px;
    min-width: 60px;
    display: inline-block;
}
.profile-info .space[data-v-99f502d0],
.temp-password-form .space[data-v-99f502d0],
.create-passkey-form .space[data-v-99f502d0],
.signup-form .space[data-v-99f502d0],
.login-form .space[data-v-99f502d0] {
    margin-top: 10px;
}
.profile-edit-modal[data-v-99f502d0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
.profile-edit-form[data-v-99f502d0] {
    position: relative;
    width: 90%;
    max-width: 600px;
    max-height: 90vh;
    overflow-y: auto;
    padding: 20px;
    border: 1px solid var(--surface-400);
    background-color: var(--surface-200);
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.profile-edit-form label[data-v-99f502d0] {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}
.profile-edit-form input[data-v-99f502d0] {
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid var(--surface-400);
    border-radius: 4px;
}
.profile-edit-error[data-v-99f502d0] {
    color: var(--error-500);
    font-size: 12px;
    margin: 10px 0;
    padding: 8px;
    background-color: rgba(255, 0, 0, 0.1);
    border-radius: 4px;
}
.profile-edit-close-button[data-v-99f502d0] {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text);
}
.profile-photo img[data-v-99f502d0] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.content_wrapper .data-loading {
&[data-v-99f502d0] {
    min-height: 150px;
    height: 50%;
    }
p[data-v-99f502d0] {
        text-align: center;
        margin-top: 100px;
}
}

/* Responsive design */
@media (max-width: 768px) {
.profile-content[data-v-99f502d0] {
        flex-direction: column;
        align-items: center;
}
.profile-photo[data-v-99f502d0] {
        margin-right: 0;
        margin-bottom: 20px;
}
.profile-info[data-v-99f502d0] {
        text-align: center;
}
}
/* Button styles (for consistency with the image) */
.secondary-button[data-v-99f502d0] {
    padding: 4px 10px;
    border-radius: 3px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    transition: background-color 0.3s;
    min-width: 135px;
    text-align: center;
    background-color: var(--primary-600);
    color: var(--text);
}
.button-container[data-v-99f502d0] {
    margin-top: 10px;
}
.button-container a[data-v-99f502d0] {
    margin-right: 10px;
}
.error-message[data-v-99f502d0] {
    color: var(--error-500);
    font-weight: bold;
    margin-bottom: 10px;
}
.create-passkey-link[data-v-99f502d0] {
    margin-top: 10px;
    text-align: center;
}
.create-passkey-link a[data-v-99f502d0] {
    color: var(--primary-500);
    text-decoration: none;
}
.create-passkey-link a[data-v-99f502d0]:hover {
    text-decoration: underline;
}
.create-passkey-form[data-v-99f502d0],
.temp-password-form[data-v-99f502d0] {
    margin-top: 20px;
}
.create-passkey-form h3[data-v-99f502d0],
.temp-password-form h3[data-v-99f502d0] {
    margin-bottom: 15px;
}
.create-passkey-form .number[data-v-99f502d0],
.temp-password-form .number[data-v-99f502d0] {
    margin-bottom: 15px;
}
.create-passkey-form label[data-v-99f502d0],
.temp-password-form label[data-v-99f502d0] {
    display: block;
    margin-bottom: 5px;
}
.create-passkey-form input[data-v-99f502d0],
.temp-password-form input[data-v-99f502d0] {
    width: 100%;
    padding: 5px;
    border: 1px solid var(--surface-400);
    border-radius: 4px;
}
.create-passkey-form .button-container[data-v-99f502d0],
.temp-password-form .button-container[data-v-99f502d0] {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
.create-passkey-form .button-container a[data-v-99f502d0],
.temp-password-form .button-container a[data-v-99f502d0] {
    flex: 1;
    margin: 0 5px;
}

.content_wrapper .data-loading {
&[data-v-f0cb1fb6] {
    min-height: 150px;
    height: 50%;
}
p[data-v-f0cb1fb6] {
        text-align: center;
        margin-top: 100px;
}
}
.backup-controls[data-v-f0cb1fb6] {
    margin-bottom: 15px;
}
.backup-table[data-v-f0cb1fb6] {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px;
}
.backup-table th[data-v-f0cb1fb6],
.backup-table td[data-v-f0cb1fb6] {
    padding: 8px;
    text-align: left;
}
.backup-table th[data-v-f0cb1fb6]:first-child {
    border-top-left-radius: 8px;
}
.backup-table th[data-v-f0cb1fb6]:last-child {
    border-top-right-radius: 8px;
}
.backup-table th[data-v-f0cb1fb6]:last-child,
.backup-table td[data-v-f0cb1fb6]:last-child {
    border-right: none;
}
.backup-table tr:last-child td[data-v-f0cb1fb6] {
    border-bottom: none;
}
.backup-table th[data-v-f0cb1fb6] {
    background-color: var(--surface-500);
    font-weight: bold;
}
.backup-table a[data-v-f0cb1fb6] {
    margin-right: 10px;
    text-decoration: none;
    color: var(--primary-500);
}
.backup-table a[data-v-f0cb1fb6]:hover {
    text-decoration: underline;
}
.backup-table .backup-row[data-v-f0cb1fb6]:hover {
    background-color: var(--surface-600);
}
.backup-table .title[data-v-f0cb1fb6] {
    font-weight: bold;
    color: var(--primary-500);
    width: 100%;
}
.backup-edit-modal[data-v-f0cb1fb6] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
.backup-edit-form[data-v-f0cb1fb6] {
    position: relative;
    width: 90%;
    max-width: 600px;
    max-height: 90vh;
    overflow-y: auto;
    padding: 20px;
    border: 1px solid var(--surface-400);
    background-color: var(--surface-200);
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.backup-edit-form label[data-v-f0cb1fb6] {
    display: block;
    margin-bottom: 5px;
}
.backup-edit-form input[type="text"][data-v-f0cb1fb6],
.backup-edit-form textarea[data-v-f0cb1fb6] {
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
}
.backup-edit-form textarea[data-v-f0cb1fb6] {
    height: 100px;
}
.backup-edit-close-button[data-v-f0cb1fb6] {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text);
}
.button-container[data-v-f0cb1fb6] {
    margin-top: 10px;
}
.button-container a[data-v-f0cb1fb6] {
    margin-right: 10px;
}
.tab-logging .properties {
  margin-top: 10px;
}
.tab-logging .properties dt {
  float: left;
  width: 120px;
  height: 20px;
  line-height: 20px;
  font-weight: bold;
}
.tab-logging .properties dt input {
  vertical-align: middle;
}
.tab-logging .properties dd {
  display: block;
  margin-left: 130px;
  height: 20px;
  line-height: 20px;
  color: var(--subtleText);
}
.tab-logging .speed {
  margin-top: 5px;
  width: 80px;
  border: 1px solid var(--surface-500);
  border-radius: 3px;
}
.tab-logging .info {
  margin-top: 10px;
}
.tab-logging .info dt {
  float: left;
  width: fit-content;
  height: 20px;
  line-height: 20px;
  font-weight: bold;
}
.tab-logging .info dd {
  display: block;
  margin-left: 130px;
  height: 20px;
  line-height: 20px;
}
.tab-logging .fixed_band {
  width: 100%;
  bottom: 0;
}
.tab-logging .save_btn .back {
  display: none;
}
.tab-logging .back_btn {
  display: none;
}
@media only screen and (max-width: 1055px) {
.tab-logging table thead tr:first-child {
    font-size: 12px;
    height: 22px;
}
}
@media only screen and (max-device-width: 1055px) {
.tab-logging table thead tr:first-child {
    font-size: 12px;
    height: 22px;
}
}
@media all and (max-width: 575px) {
.tab-logging .properties {
    width: auto;
}
.tab-logging .properties dd {
    width: 100%;
    height: auto;
}
}
/* Height of the map controls bar (used in fullscreen calculations) */
: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;
}
:root {
  --map-controls-bar-height: 33px;
}
#map {
  height: 100%;
  margin: 0px;
  padding: 0px;
}
.tab-gps .GPS_signal_strength table td {
  padding: 0.25rem;
}
.tab-gps .GPS_signal_strength table td:nth-child(2) {
  text-align: center;
}
.tab-gps .GPS_signal_strength table td:nth-child(3) {
  text-align: center;
}
.tab-gps .GPS_signal_strength table td:nth-child(4) {
  text-align: left;
  padding-left: 10px;
}
.tab-gps .GPS_signal_strength .head {
  display: block;
  text-align: center;
  line-height: 20px;
  font-weight: bold;
  border-bottom: 1px solid var(--surface-500);
  background-color: var(--surface-400);
}
.tab-gps meter {
  width: 100%;
  border-radius: 3px;
}
.tab-gps .GPS_info .head {
  display: block;
  text-align: center;
  line-height: 20px;
  font-weight: bold;
  border-bottom: 1px solid var(--surface-500);
  background-color: var(--surface-400);
}
.tab-gps .GPS_info tr td:nth-child(2n) {
  text-align: right;
}
.tab-gps .gps_map {
  height: 460px;
}
.tab-gps .gps_config {
  font-size: 11px;
}
.tab-gps .gps_config input {
  width: 90px;
  height: 20px;
  margin: 0 10px 5px 0;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid var(--surface-500);
  border-radius: 3px;
  background: var(--surface-200);
  color: var(--text);
}
.tab-gps .gps_config .select > div:first-child {
  height: 20px;
  margin-right: 15px;
  margin-left: 3px;
}
.tab-gps .gps_config span {
  line-height: 20px;
}
.tab-gps .gps_config .gui_box {
  margin-bottom: 10px;
}
.tab-gps .gps_config td:nth-child(2) {
  width: 38px;
}
.tab-gps .gps_config table {
  width: fit-content;
}
.tab-gps dl.features dt {
  width: 10px;
  height: 18px;
  line-height: 18px;
}
.tab-gps dl.features dt input {
  margin-top: 2px;
}
.tab-gps dl.features dd {
  margin: 0 0 0 20px;
  height: 18px;
  line-height: 18px;
}
.tab-gps .freelabel {
  margin-left: 10px;
  position: relative;
}
.tab-gps .spacer_box {
  padding-bottom: 10px;
  width: calc(100% - 20px);
}
.tab-gps .select {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--surface-500);
  width: 100%;
}
.tab-gps .select:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.tab-gps #connect {
  text-align: center;
  padding-top: 40%;
}
.tab-gps #connect a {
  font-weight: bold;
  margin-top: 10px;
}
.tab-gps #waiting {
  margin-top: 0px;
  text-align: center;
  padding-top: 0px;
  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%20transform='translate(2)'%20d='M0%2012%20V20%20H4%20V12z'%3e%3canimate%20attributeName='d'%20values='M0%2012%20V20%20H4%20V12z;%20M0%204%20V28%20H4%20V4z;%20M0%2012%20V20%20H4%20V12z;%20M0%2012%20V20%20H4%20V12z'%20dur='1.2s'%20repeatCount='indefinite'%20begin='0'%20keytimes='0;.2;.5;1'%20keySplines='0.2%200.2%200.4%200.8;0.2%200.6%200.4%200.8;0.2%200.8%200.4%200.8'%20calcMode='spline'%20/%3e%3c/path%3e%3cpath%20transform='translate(8)'%20d='M0%2012%20V20%20H4%20V12z'%3e%3canimate%20attributeName='d'%20values='M0%2012%20V20%20H4%20V12z;%20M0%204%20V28%20H4%20V4z;%20M0%2012%20V20%20H4%20V12z;%20M0%2012%20V20%20H4%20V12z'%20dur='1.2s'%20repeatCount='indefinite'%20begin='0.2'%20keytimes='0;.2;.5;1'%20keySplines='0.2%200.2%200.4%200.8;0.2%200.6%200.4%200.8;0.2%200.8%200.4%200.8'%20calcMode='spline'%20/%3e%3c/path%3e%3cpath%20transform='translate(14)'%20d='M0%2012%20V20%20H4%20V12z'%3e%3canimate%20attributeName='d'%20values='M0%2012%20V20%20H4%20V12z;%20M0%204%20V28%20H4%20V4z;%20M0%2012%20V20%20H4%20V12z;%20M0%2012%20V20%20H4%20V12z'%20dur='1.2s'%20repeatCount='indefinite'%20begin='0.4'%20keytimes='0;.2;.5;1'%20keySplines='0.2%200.2%200.4%200.8;0.2%200.6%200.4%200.8;0.2%200.8%200.4%200.8'%20calcMode='spline'%20/%3e%3c/path%3e%3cpath%20transform='translate(20)'%20d='M0%2012%20V20%20H4%20V12z'%3e%3canimate%20attributeName='d'%20values='M0%2012%20V20%20H4%20V12z;%20M0%204%20V28%20H4%20V4z;%20M0%2012%20V20%20H4%20V12z;%20M0%2012%20V20%20H4%20V12z'%20dur='1.2s'%20repeatCount='indefinite'%20begin='0.6'%20keytimes='0;.2;.5;1'%20keySplines='0.2%200.2%200.4%200.8;0.2%200.6%200.4%200.8;0.2%200.8%200.4%200.8'%20calcMode='spline'%20/%3e%3c/path%3e%3cpath%20transform='translate(26)'%20d='M0%2012%20V20%20H4%20V12z'%3e%3canimate%20attributeName='d'%20values='M0%2012%20V20%20H4%20V12z;%20M0%204%20V28%20H4%20V4z;%20M0%2012%20V20%20H4%20V12z;%20M0%2012%20V20%20H4%20V12z'%20dur='1.2s'%20repeatCount='indefinite'%20begin='0.8'%20keytimes='0;.2;.5;1'%20keySplines='0.2%200.2%200.4%200.8;0.2%200.6%200.4%200.8;0.2%200.8%200.4%200.8'%20calcMode='spline'%20/%3e%3c/path%3e%3c/svg%3e");
  background-position: center 40%;
  background-size: 15%;
  height: 100%;
  background-repeat: no-repeat;
  width: 100%;
}
.tab-gps #waiting .info {
  margin-top: 30%;
}
.tab-gps #loadmap {
  margin-top: 0px;
  height: 100%;
  width: 100%;
}
.tab-gps #loadmap .map {
  width: 100%;
  height: 400px;
}
.tab-gps #loadmap .controls {
  width: 100%;
  height: var(--map-controls-bar-height);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #d1d1d1;
  display: flex;
  justify-content: end;
  gap: 0.5rem;
}
.tab-gps #loadmap .controls button {
  background-color: var(--surface-700);
  border-radius: 4px;
  border: 1px var(--surface-500) solid;
  color: var(--surface-100);
  text-align: center;
  font-size: 12px;
  line-height: 10px;
  padding: 6px;
  margin-top: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.tab-gps #loadmap .controls button:hover {
  background-color: var(--surface-600);
}
.tab-gps #loadmap .controls button:active,
.tab-gps #loadmap .controls button.active {
  background-color: var(--primary-400);
  color: var(--primary-900);
}
.tab-gps #loadmap .controls button:active:hover,
.tab-gps #loadmap .controls button.active:hover {
  background-color: var(--primary-300);
}
.tab-gps #loadmap .controls button:first-child {
  margin-left: -1px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}
.tab-gps #loadmap .controls button:last-child {
  margin-right: 5px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
.tab-gps #loadmap:fullscreen {
  width: 100vw !important;
  height: 100vh !important;
  background-color: var(--surface-100);
}
.tab-gps #loadmap:fullscreen .map {
  /* Subtract controls bar height from total height */
  height: calc(100vh - var(--map-controls-bar-height)) !important;
  width: 100vw !important;
}
.tab-gps #loadmap:fullscreen .controls {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw !important;
  z-index: 1000;
}
.tab-gps #loadmap:-webkit-full-screen {
  width: 100vw !important;
  height: 100vh !important;
  background-color: var(--surface-100);
}
.tab-gps #loadmap:-webkit-full-screen .map {
  /* Subtract controls bar height from total height */
  height: calc(100vh - var(--map-controls-bar-height)) !important;
  width: 100vw !important;
}
.tab-gps #loadmap:-webkit-full-screen .controls {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw !important;
  z-index: 1000;
}
.tab-gps #loadmap:-ms-fullscreen {
  width: 100vw !important;
  height: 100vh !important;
  background-color: var(--surface-100);
}
.tab-gps #loadmap:-ms-fullscreen .map {
  /* Subtract controls bar height from total height */
  height: calc(100vh - var(--map-controls-bar-height)) !important;
  width: 100vw !important;
}
.tab-gps #loadmap:-ms-fullscreen .controls {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw !important;
  z-index: 1000;
}
.tab-gps iframe {
  height: 400px;
  width: 100%;
}
meter[value]::-webkit-meter-bar {
  background-color: #d2d2d2;
  border-radius: 2px;
  box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.95);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25) inset;
}
meter[value]::-webkit-meter-value {
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.15)), -webkit-linear-gradient(left, #ffbb00, #ffbb00);
  border-radius: 2px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25) inset;
}
@media only screen and (max-width: 1455px) {
.tab-gps #waiting .info {
    margin-top: 50%;
}
}
@media only screen and (max-width: 1055px) {
.tab-gps iframe {
    height: 347px;
    width: 100%;
}
.tab-gps .gps_map {
    height: 403px;
}
.tab-gps #loadmap .map {
    height: 343px;
}
}
@media only screen and (max-device-width: 1055px) {
.tab-gps {
    /* Make the grid a column on small devices */
}
.tab-gps iframe {
    height: 347px;
    width: 100%;
}
.tab-gps .gps_map {
    height: 403px;
}
.tab-gps .grid-row.grid-box {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.tab-gps #loadmap .map {
    height: 343px;
}
}
.tab-auxiliary {
  /* Slider UI component styles */
  /* Tab layout and mode styles */
  min-height: 100%;
}
.tab-auxiliary .slider-wrapper {
  position: relative;
  height: 40px;
  margin: 10px 0;
}
.tab-auxiliary .track-background {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  height: 8px;
  background: var(--surface-700);
  border-radius: 4px;
  z-index: 0;
  pointer-events: none;
}
.tab-auxiliary .track-fill {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 8px;
  background: var(--primary-500);
  border-radius: 4px;
  z-index: 1;
  cursor: grab;
}
.tab-auxiliary .track-fill:active {
  cursor: grabbing;
}
.tab-auxiliary .slider-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  pointer-events: auto;
  touch-action: none;
  -webkit-appearance: none;
  appearance: none;
  z-index: 3;
}
.tab-auxiliary .slider-input-min {
  z-index: 4;
}
.tab-auxiliary .slider-input-max {
  z-index: 3;
}
.tab-auxiliary .slider-input::-webkit-slider-thumb {
  pointer-events: auto;
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--surface-200);
  border: 3px solid var(--primary-500);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  cursor: grab;
}
.tab-auxiliary .slider-input::-webkit-slider-thumb:active {
  cursor: grabbing;
}
.tab-auxiliary .slider-input::-moz-range-thumb {
  pointer-events: auto;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--surface-200);
  border: 3px solid var(--primary-500);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  cursor: grab;
}
.tab-auxiliary .slider-input::-moz-range-thumb:active {
  cursor: grabbing;
}
.tab-auxiliary .slider-input::-webkit-slider-runnable-track {
  background: transparent;
  border: none;
}
.tab-auxiliary .slider-input::-moz-range-track {
  background: transparent;
  border: none;
}
.tab-auxiliary .slider-inputs {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 8px;
}
.tab-auxiliary .range-value {
  width: 80px;
  padding: 4px 8px;
  background: var(--surface-700);
  border: 1px solid var(--surface-600);
  border-radius: 4px;
  color: var(--text-primary);
  font-size: 12px;
}
.tab-auxiliary .range-handle {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--surface-200);
  border: 3px solid var(--primary-500);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  cursor: grab;
  z-index: 10;
}
.tab-auxiliary .range-handle:hover {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);
  transform: translate(-50%, -50%) scale(1.1);
}
.tab-auxiliary .range-handle:active {
  cursor: grabbing;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.tab-auxiliary .pips-channel-range {
  position: relative;
  height: 24px;
  margin-top: 8px;
}
.tab-auxiliary .pip {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  font-size: 11px;
  color: var(--text-muted);
  white-space: nowrap;
}
.tab-auxiliary .pip::before {
  content: "";
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 8px;
  background: var(--surface-600);
}
.tab-auxiliary .pip-marker {
  position: absolute;
  bottom: 12px;
  transform: translateX(-50%);
  width: 3px;
  height: 8px;
  background: var(--primary-500);
  box-shadow: 0 0 6px rgba(255, 187, 0, 0.9);
  pointer-events: none;
  z-index: 10;
}
.tab-auxiliary .help {
  padding: 10px;
  background-color: #ffcb18;
  margin-bottom: 10px;
}
.tab-auxiliary .toolbox {
  font-weight: bold;
  padding: 1rem 0;
}
.tab-auxiliary .toolbox form {
  display: flex;
  gap: 0.5rem;
}
.tab-auxiliary .range {
  position: relative;
  padding-top: 1rem;
  padding-left: 0;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--surface-500);
}
.tab-auxiliary .range .marker {
  background: var(--primary-500);
  border-radius: 3px;
  position: absolute;
  left: 50%;
  top: 2rem;
  height: 1rem;
  width: 6px;
  margin-left: -3px;
  z-index: 1000;
}
.tab-auxiliary .range:first-child {
  border-top: 0;
}
.tab-auxiliary .range:last-child {
  border-bottom: 0;
}
.tab-auxiliary .range > .buttons {
  position: absolute;
  top: 0;
  right: 0;
}
.tab-auxiliary .range > .buttons a {
  padding: 2px;
}
.tab-auxiliary .range .channel {
  border: 1px solid var(--surface-500);
  border-radius: 3px;
  margin-bottom: 3px;
}
.tab-auxiliary .range .channel-slider {
  width: 100%;
  margin-right: 1.5rem;
}
.tab-auxiliary .mode.on .info {
  background: var(--primary-500);
  color: black;
}
.tab-auxiliary .mode.on:nth-child(odd) .info {
  background: var(--primary-500);
}
.tab-auxiliary .mode.on .buttons a {
  background-color: var(--primary-300);
  color: black;
}
.tab-auxiliary .mode.on .buttons a:hover {
  background-color: var(--primary-200);
  color: black;
}
.tab-auxiliary .mode.off .info {
  background: var(--surface-300);
  color: var(--surface-950);
}
.tab-auxiliary .mode.off:nth-child(odd) .info {
  background: var(--surface-300);
}
.tab-auxiliary .mode.off .buttons a {
  background-color: var(--surface-400);
  color: var(--surface-950);
}
.tab-auxiliary .mode.off .buttons a:hover {
  background-color: var(--surface-500);
  color: var(--surface-950);
}
.tab-auxiliary .mode.disabled .info {
  background: var(--error-transparent-4);
  color: var(--text);
}
.tab-auxiliary .mode.disabled .info .buttons a {
  background-color: var(--error-500);
}
.tab-auxiliary .mode.disabled .info .buttons a:hover {
  background-color: var(--error-400);
}
.tab-auxiliary .modes {
  width: 100%;
}
.tab-auxiliary .mode {
  background-color: var(--surface-200);
  vertical-align: top;
  display: flex;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
  overflow: hidden;
  min-height: 6.5rem;
}
.tab-auxiliary .mode .name {
  padding: 0.5rem;
}
.tab-auxiliary .mode .info {
  text-align: center;
  width: fit-content;
  white-space: nowrap;
  position: relative;
  background-color: var(--surface-300);
  padding: 0.5rem;
}
.tab-auxiliary .mode .info .name {
  font-weight: bold;
  font-size: 1em;
}
.tab-auxiliary .mode .info .buttons a {
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
  margin: 3px;
  display: block;
}
.tab-auxiliary .mode .range {
  display: flex;
}
.tab-auxiliary .mode .range .channelInfo {
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tab-auxiliary .ranges {
  width: 100%;
}
.tab-auxiliary .link {
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--surface-500);
  background-color: var(--surface-200);
  display: flex;
  gap: 0.5rem;
}
.tab-auxiliary .link:first-child {
  border-top: 0;
}
.tab-auxiliary .link:last-child {
  border-bottom: 0;
}
.tab-auxiliary .link .delete a {
  margin-top: 0.35rem;
}
.tab-auxiliary .link .modeInfo {
  padding: 0 1.5rem;
}
.tab-auxiliary .link .linkLogic {
  margin-top: 0.25rem;
}
.tab-auxiliary .logic {
  border: 1px solid var(--surface-700);
  border-radius: 3px;
}
.tab-auxiliary .buttons a {
  text-align: center;
  font-weight: bold;
  background-color: var(--surface-400);
  color: var(--text);
  transition: all ease 0.3s;
}
.tab-auxiliary .buttons a:hover {
  background-color: var(--surface-500);
  opacity: 1;
  transition: all ease 0.3s;
}
.tab-auxiliary .delete a {
  height: 15px;
  width: 15px;
  transition: all ease 0.3s;
  opacity: 0.3;
  position: relative;
  margin-right: 5px;
  margin-top: -9px;
  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%20543.987%20543.987'%20style='enable-background:new%200%200%20543.987%20543.987;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23010002;'%20d='M85.265,74.203C-23.952,177.311-28.901,349.431,74.207,458.647c1.811,1.925,3.655,3.818,5.526,5.684%20c106.203,106.209,278.398,106.209,384.596,0c106.209-106.198,106.209-278.393,0-384.596C360.297-24.391,192.3-26.844,85.265,74.203%20z%20M137.431,191.268l53.841-53.841l80.765,80.765l80.765-80.765l53.847,53.841l-80.765,80.792l80.77,80.737l-53.847,53.847%20l-80.765-80.77l-80.765,80.77l-53.841-53.847l80.759-80.737L137.431,191.268z'/%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-repeat: no-repeat;
  background-position: center 100%;
  display: block;
}
.tab-auxiliary .delete a:hover {
  transition: all ease 0.3s;
  opacity: 0.6;
}
#tab-auxiliary-templates {
  display: none;
}
@media all and (max-width: 575px) {
.tab-auxiliary .mode {
    flex-wrap: wrap;
    height: fit-content;
}
.tab-auxiliary .mode .info {
    width: 100%;
    border-bottom: 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}
.tab-auxiliary .mode .info .name {
    text-align: left;
    min-height: auto;
    margin-right: auto;
}
.tab-auxiliary .mode .info .buttons {
    right: 0;
    width: auto;
    display: flex;
}
.tab-auxiliary .mode .info .helpicon {
    margin-top: 0;
}
.tab-auxiliary .mode:first-of-type .buttons {
    margin-left: 2.5rem;
}
.tab-auxiliary .mode .ranges {
    width: 100%;
    max-width: 100%;
}
.tab-auxiliary .mode .range .channelInfo {
    display: flex;
    margin: 0 10px;
    width: 100%;
    flex-wrap: wrap;
}
.tab-auxiliary .range {
    display: flex;
    height: auto;
    flex-wrap: wrap;
}
.tab-auxiliary .range .channel-slider {
    width: 100%;
    margin: 0.5rem 1rem 3.5rem 1rem;
}
.tab-auxiliary .limits {
    width: 100%;
    justify-content: space-between;
    display: flex;
}
.tab-auxiliary .delete a {
    margin-top: 15px;
    margin-right: 10px;
    position: absolute;
    top: 0;
    right: 0;
}
.tab-auxiliary .link {
    height: auto;
    display: flex;
    padding-bottom: 10px;
}
}
.tab-onboard_logging .blackboxDebugFieldsTable .debug-field-row {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.tab-onboard_logging .blackboxDebugFieldsTable .debug-field-row .switchery {
  margin-right: 15px;
}
.tab-onboard_logging .blackboxDebugFieldsTable .debug-field-row label {
  margin-left: 0;
}
.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 .save-flash .helpicon {
  margin: 4px 0 0 7px;
  display: inline-block;
}
.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;
}


  fieldset[disabled] .multiselect {
    pointer-events: none;
  }

  .multiselect__spinner {
    position: absolute;
    right: 1px;
    top: 1px;
  width: 40px;
  height: 38px;
    background: #fff;
    display: block;
  }

  .multiselect__spinner::before,
  .multiselect__spinner::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border-color: #41b883 transparent transparent;
    border-style: solid;
    border-width: 2px;
    box-shadow: 0 0 0 1px transparent;
  }

  .multiselect__spinner::before {
    animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
    animation-iteration-count: infinite;
  }

  .multiselect__spinner::after {
    animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
    animation-iteration-count: infinite;
  }

  .multiselect__loading-enter-active,
  .multiselect__loading-leave-active {
    transition: opacity 0.4s ease-in-out;
    opacity: 1;
  }

  .multiselect__loading-enter,
  .multiselect__loading-leave-active {
    opacity: 0;
  }

  .multiselect,
  .multiselect__input,
  .multiselect__single {
    font-family: inherit;
    font-size: 16px;
    touch-action: manipulation;
  }

  .multiselect {
    box-sizing: content-box;
    display: block;
    position: relative;
    width: 100%;
    min-height: 40px;
    text-align: left;
    color: #35495e;
  }

  .multiselect * {
    box-sizing: border-box;
  }

  .multiselect:focus {
    outline: none;
  }

  .multiselect--disabled {
    background: #ededed;
    pointer-events: none;
    opacity: 0.6;
  }

  .multiselect--active {
    z-index: 50;
  }

  .multiselect--active:not(.multiselect--above) .multiselect__current,
  .multiselect--active:not(.multiselect--above) .multiselect__input,
  .multiselect--active:not(.multiselect--above) .multiselect__tags {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .multiselect--active .multiselect__select {
    transform: rotateZ(180deg);
  }

  .multiselect--above.multiselect--active .multiselect__current,
  .multiselect--above.multiselect--active .multiselect__input,
  .multiselect--above.multiselect--active .multiselect__tags {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .multiselect__input,
  .multiselect__single {
    position: relative;
    display: inline-block;
    min-height: 20px;
    line-height: 20px;
    border: none;
    border-radius: 5px;
    background: #fff;
    padding: 0 0 0 5px;
    width: calc(100%);
    transition: border 0.1s ease;
    box-sizing: border-box;
    margin-bottom: 8px;
    vertical-align: top;
  }

  .multiselect__input::placeholder {
    color: #35495e;
  }

  .multiselect__tag ~ .multiselect__input,
  .multiselect__tag ~ .multiselect__single {
    width: auto;
  }

  .multiselect__input:hover,
  .multiselect__single:hover {
    border-color: #cfcfcf;
  }

  .multiselect__input:focus,
  .multiselect__single:focus {
    border-color: #a8a8a8;
    outline: none;
  }

  .multiselect__single {
    padding-left: 5px;
    margin-bottom: 8px;
  }

  .multiselect__tags-wrap {
    display: inline;
  }

  .multiselect__tags {
    min-height: 40px;
    display: block;
    padding: 8px 40px 0 8px;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 14px;
  }

  .multiselect__tag {
    position: relative;
    display: inline-block;
    padding: 4px 26px 4px 10px;
    border-radius: 5px;
    margin-right: 10px;
    color: #fff;
    line-height: 1;
    background: #41b883;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
  }

  .multiselect__tag-icon {
    cursor: pointer;
    margin-left: 7px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-weight: 700;
    font-style: initial;
    width: 22px;
    text-align: center;
    line-height: 22px;
    transition: all 0.2s ease;
    border-radius: 5px;
  }

  .multiselect__tag-icon::after {
    content: "×";
    color: #266d4d;
    font-size: 14px;
  }

  /* // Remove these lines to avoid green closing button
  //.multiselect__tag-icon:focus,
  //.multiselect__tag-icon:hover {
  //  background: #369a6e;
  //} */

  .multiselect__tag-icon:focus::after,
  .multiselect__tag-icon:hover::after {
    color: white;
  }

  .multiselect__current {
    line-height: 16px;
    min-height: 40px;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    padding: 8px 12px 0;
    padding-right: 30px;
    white-space: nowrap;
    margin: 0;
    text-decoration: none;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    cursor: pointer;
  }

  .multiselect__select {
    line-height: 16px;
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 40px;
    height: 38px;
    right: 1px;
    top: 1px;
    padding: 4px 8px;
    margin: 0;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: transform 0.2s ease;
  }

  .multiselect__select::before {
    position: relative;
    right: 0;
    top: 65%;
    color: #999;
    margin-top: 4px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #999 transparent transparent transparent;
    content: "";
  }

  .multiselect__placeholder {
    color: #adadad;
    display: inline-block;
    margin-bottom: 10px;
    padding-top: 2px;
  }

  .multiselect--active .multiselect__placeholder {
    display: none;
  }

  .multiselect__content-wrapper {
    position: absolute;
    display: block;
    background: #fff;
    width: 100%;
    max-height: 240px;
    overflow: auto;
    border: 1px solid #e8e8e8;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 50;
    -webkit-overflow-scrolling: touch;
  }

  .multiselect__content {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    min-width: 100%;
    vertical-align: top;
  }

  .multiselect--above .multiselect__content-wrapper {
    bottom: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
    border-top: 1px solid #e8e8e8;
  }

  .multiselect__content::-webkit-scrollbar {
    display: none;
  }

  .multiselect__element {
    display: block;
  }

  .multiselect__option {
    display: block;
    padding: 12px;
    min-height: 40px;
    line-height: 16px;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
  }

  .multiselect__option::after {
    top: 0;
    right: 0;
    position: absolute;
    line-height: 40px;
    padding-right: 12px;
    padding-left: 20px;
    font-size: 13px;
  }

  .multiselect__option--highlight {
    background: #41b883;
    outline: none;
    color: white;
  }

  .multiselect__option--highlight::after {
    content: attr(data-select);
    background: #41b883;
    color: white;
  }

  .multiselect__option--selected {
    background: #f3f3f3;
    color: #35495e;
    font-weight: bold;
  }

  .multiselect__option--selected::after {
    content: attr(data-selected);
    color: silver;
  background: inherit;
  }

  .multiselect__option--selected.multiselect__option--highlight {
    background: #ff6a6a;
    color: #fff;
  }

  .multiselect__option--selected.multiselect__option--highlight::after {
    background: #ff6a6a;
    content: attr(data-deselect);
    color: #fff;
  }

  .multiselect--disabled .multiselect__current,
  .multiselect--disabled .multiselect__select {
    background: #ededed;
    color: #a6a6a6;
  }

  .multiselect__option--disabled {
    background: #ededed !important;
    color: #a6a6a6 !important;
    cursor: text;
    pointer-events: none;
  }

  .multiselect__option--group {
    background: #ededed;
    color: #35495e;
  }

  .multiselect__option--group.multiselect__option--highlight {
    background: #35495e;
    color: #fff;
  }

  .multiselect__option--group.multiselect__option--highlight::after {
    background: #35495e;
  }

  .multiselect__option--disabled.multiselect__option--highlight {
    background: #dedede;
  }

  .multiselect__option--group-selected.multiselect__option--highlight {
    background: #ff6a6a;
    color: #fff;
  }

  .multiselect__option--group-selected.multiselect__option--highlight::after {
    background: #ff6a6a;
    content: attr(data-deselect);
    color: #fff;
  }

  .multiselect-enter-active,
  .multiselect-leave-active {
    transition: all 0.15s ease;
  }

  .multiselect-enter,
  .multiselect-leave-active {
    opacity: 0;
  }

  .multiselect__strong {
    margin-bottom: 8px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
  }

  *[dir="rtl"] .multiselect {
    text-align: right;
  }

  *[dir="rtl"] .multiselect__select {
    right: auto;
    left: 1px;
  }

  *[dir="rtl"] .multiselect__tags {
    padding: 8px 8px 0 40px;
  }

  *[dir="rtl"] .multiselect__content {
    text-align: right;
  }

  *[dir="rtl"] .multiselect__option::after {
    right: auto;
    left: 0;
  }

  *[dir="rtl"] .multiselect__clear {
    right: auto;
    left: 12px;
  }

  *[dir="rtl"] .multiselect__spinner {
    right: auto;
    left: 1px;
  }

  @keyframes spinning {
    from {
      transform: rotate(0);
    }

    to {
      transform: rotate(2turn);
    }
  }
.tab-firmware_flasher[data-v-0190af03] {
  min-height: 100%;
  /* Generic Vue-native switch styling (Switchery-like) */
  /* 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 .content_wrapper .data-loading[data-v-0190af03] {
  min-height: 150px;
  height: 50%;
}
.tab-firmware_flasher .content_wrapper .data-loading p[data-v-0190af03] {
  text-align: center;
  margin-top: 100px;
  padding-top: 1rem;
}
.tab-firmware_flasher .grid-box-spacer[data-v-0190af03] {
  height: 1rem;
}
.tab-firmware_flasher .build-options-wrapper .helpicon[data-v-0190af03] {
  margin-top: 8px;
}
.tab-firmware_flasher .build-options-wrapper[data-v-0190af03] .multiselect {
  width: calc(100% - 2rem) !important;
  min-height: 28px;
  font-size: 12px;
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  position: relative;
  z-index: 1001;
}
.tab-firmware_flasher .build-options-wrapper[data-v-0190af03] .multiselect .multiselect__tags {
  min-height: 28px;
  padding: 4px 40px 4px 4px;
  background: var(--surface-100);
  border: 1px solid var(--border);
  border-radius: 3px;
  font-size: 12px;
  z-index: 1001;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}
.tab-firmware_flasher .build-options-wrapper[data-v-0190af03] .multiselect .multiselect__single {
  font-size: 12px;
  margin-bottom: 4px;
  padding: 0 0 0 2px;
  background: transparent;
  color: var(--text);
}
.tab-firmware_flasher .build-options-wrapper[data-v-0190af03] .multiselect .multiselect__input {
  font-size: 12px;
  padding: 0 0 0 2px;
  background: transparent;
  color: var(--text);
}
.tab-firmware_flasher .build-options-wrapper[data-v-0190af03] .multiselect .multiselect__placeholder {
  font-size: 12px;
  color: var(--subtitle);
  margin-bottom: 4px;
  padding-left: 2px;
}
.tab-firmware_flasher .build-options-wrapper[data-v-0190af03] .multiselect .multiselect__select {
  height: 28px;
  width: 35px;
  z-index: 1002;
}
.tab-firmware_flasher .build-options-wrapper[data-v-0190af03] .multiselect .multiselect__select:before {
  border-color: var(--text) transparent transparent;
  top: 60%;
}
.tab-firmware_flasher .build-options-wrapper[data-v-0190af03] .multiselect .multiselect__content-wrapper {
  background: var(--surface-100);
  border: 1px solid var(--border);
  border-radius: 3px;
  max-height: 200px;
  z-index: 9999;
  position: absolute;
}
.tab-firmware_flasher .build-options-wrapper[data-v-0190af03] .multiselect .multiselect__content {
  background: var(--surface-100);
  z-index: 9999;
}
.tab-firmware_flasher .build-options-wrapper[data-v-0190af03] .multiselect .multiselect__option {
  font-size: 12px;
  padding: 6px 8px;
  min-height: 28px;
  color: var(--text);
  z-index: 1003;
}
.tab-firmware_flasher .build-options-wrapper[data-v-0190af03] .multiselect .multiselect__option--highlight {
  background: var(--primary-500);
  color: var(--surface-50);
}
.tab-firmware_flasher .build-options-wrapper[data-v-0190af03] .multiselect .multiselect__option--selected {
  background: var(--surface-400);
  color: var(--text);
  font-weight: normal;
}
.tab-firmware_flasher .build-options-wrapper[data-v-0190af03] .multiselect .multiselect__option--selected.multiselect__option--highlight {
  background: var(--surface-600);
  color: var(--surface-50);
}
.tab-firmware_flasher .build-options-wrapper[data-v-0190af03] .multiselect .multiselect__tag {
  background: var(--surface-500);
  color: var(--surface-50);
  font-size: 11px;
  padding: 3px 20px 3px 6px;
  border-radius: 3px;
  z-index: 1002;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.tab-firmware_flasher .build-options-wrapper[data-v-0190af03] .multiselect .multiselect__tag .multiselect__tag-icon:after {
  color: var(--surface-50);
}
.tab-firmware_flasher .build-options-wrapper[data-v-0190af03] .multiselect .multiselect__tag .multiselect__tag-icon:hover {
  background: var(--surface-600);
}
.tab-firmware_flasher .build-options-wrapper[data-v-0190af03] .multiselect.multiselect--disabled {
  opacity: 0.6;
}
.tab-firmware_flasher .build-options-wrapper[data-v-0190af03] .multiselect.multiselect--disabled .multiselect__tags {
  background: var(--surface-200);
}
.tab-firmware_flasher .buildProgress[data-v-0190af03] {
  border-radius: 4px;
  appearance: none;
  -webkit-appearance: none;
  overflow: hidden;
}
.tab-firmware_flasher .buildProgress[data-v-0190af03]::-webkit-progress-bar {
  background-color: var(--surface-500);
}
.tab-firmware_flasher .buildProgress[data-v-0190af03]::-webkit-progress-value {
  background-color: var(--primary-500);
  border-radius: 0 4px 4px 0;
}
.tab-firmware_flasher ul li[data-v-0190af03] {
  list-style: initial;
  list-style-type: circle;
  margin-left: 30px;
}
.tab-firmware_flasher .options[data-v-0190af03] {
  position: relative;
  line-height: 18px;
  text-align: left;
}
.tab-firmware_flasher .options label[data-v-0190af03] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.tab-firmware_flasher .options label input[data-v-0190af03] {
  margin-right: 0;
}
.tab-firmware_flasher .options label .helpicon[data-v-0190af03] {
  float: none;
  margin-left: 3px;
  margin-top: 0;
  display: inline-block;
  align-self: center;
}
.tab-firmware_flasher .options #flash_manual_baud_rate[data-v-0190af03] {
  margin-left: 0.5rem;
}
.tab-firmware_flasher .vue-switch-label[data-v-0190af03] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
.tab-firmware_flasher .vue-switch-input[data-v-0190af03] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.tab-firmware_flasher .vue-switch-slider[data-v-0190af03] {
  position: relative;
  width: 30px;
  /* Switchery small width */
  height: 14px;
  /* Switchery small height */
  background: var(--switcherysecond);
  border-radius: 20px;
  transition: background-color 200ms ease;
  box-sizing: content-box;
  background-clip: content-box;
}
.tab-firmware_flasher .vue-switch-slider[data-v-0190af03]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  transition: transform 200ms ease;
}
.tab-firmware_flasher .vue-switch-input:checked + .vue-switch-slider[data-v-0190af03] {
  background: var(--primary-500);
}
.tab-firmware_flasher .vue-switch-input:checked + .vue-switch-slider[data-v-0190af03]::before {
  transform: translateX(16px);
}
.tab-firmware_flasher .vue-switch-text[data-v-0190af03] {
  font-size: 12px;
  line-height: 14px;
}
.tab-firmware_flasher .board-selection-grid[data-v-0190af03] {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 0.5rem;
  align-items: start;
}
.tab-firmware_flasher .board-selection-grid .grid-row[data-v-0190af03] {
  display: contents;
}
.tab-firmware_flasher .board-selection-grid .grid-row.select-row[data-v-0190af03] {
  display: contents;
}
.tab-firmware_flasher .board-selection-grid .grid-row[data-v-0190af03]:not(.select-row) {
  display: grid;
  grid-column: 1 / -1;
}
.tab-firmware_flasher .board-selection-grid .build-select[data-v-0190af03],
.tab-firmware_flasher .board-selection-grid .board-select[data-v-0190af03],
.tab-firmware_flasher .board-selection-grid .firmware-version[data-v-0190af03] {
  grid-column: 1;
}
.tab-firmware_flasher .board-selection-grid .help-icon-cell[data-v-0190af03] {
  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-0190af03] {
  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-0190af03] {
  pointer-events: none;
  opacity: 0.5;
}
.tab-firmware_flasher .select-wrapper[data-v-0190af03] {
  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-0190af03] {
  pointer-events: none;
  opacity: 0.5;
}
.tab-firmware_flasher .detect-board[data-v-0190af03] {
  position: relative;
  top: auto;
  height: auto;
  right: auto;
  z-index: auto;
  pointer-events: all;
  display: flex;
}
.tab-firmware_flasher .detect-board .fa-search[data-v-0190af03]::before {
  font-size: 11px;
}
.tab-firmware_flasher .detect-board span[data-v-0190af03] {
  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-0190af03] {
  pointer-events: none;
  cursor: default;
}
.tab-firmware_flasher .detect-board.disabled span[data-v-0190af03] {
  background-color: var(--surface-500);
  color: var(--text);
  cursor: default;
}
.tab-firmware_flasher .select-group[data-v-0190af03] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.tab-firmware_flasher .select-group .select-wrapper[data-v-0190af03] {
  width: 100% !important;
  max-width: none !important;
}
.tab-firmware_flasher .select-group strong[data-v-0190af03] {
  font-size: 12px;
}
.tab-firmware_flasher .build_configuration .select-group[data-v-0190af03] {
  display: grid;
  grid-template-columns: 1fr auto;
  row-gap: 0.25rem;
  align-items: center;
}
.tab-firmware_flasher .build_configuration .select-group > strong[data-v-0190af03] {
  grid-column: 1 / -1;
}
.tab-firmware_flasher .build_configuration .select-group .select-wrapper[data-v-0190af03] {
  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-0190af03] {
  grid-column: 2;
  margin-top: 0;
  /* keep vertically centered */
}
.tab-firmware_flasher .build_configuration[data-v-0190af03] {
  /* Vue-native switch styling to mimic Switchery */
}
.tab-firmware_flasher .build_configuration .gui_box_titlebar[data-v-0190af03] {
  display: flex;
  flex-direction: row-reverse;
  gap: 1rem;
  flex-wrap: nowrap;
  align-items: center;
}
.tab-firmware_flasher .build_configuration .build_configuration_toggle_wrapper[data-v-0190af03] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
}
.tab-firmware_flasher .build_configuration .spacer_box_title[data-v-0190af03] {
  white-space: nowrap;
}
.tab-firmware_flasher .build_configuration #customDefines[data-v-0190af03] {
  width: calc(100% - 1.5rem) !important;
}
.tab-firmware_flasher .build_configuration #build_configuration_toggle_label.vue-switch-label[data-v-0190af03] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
.tab-firmware_flasher .build_configuration #build_configuration_toggle_label .vue-switch-input[data-v-0190af03] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.tab-firmware_flasher .build_configuration #build_configuration_toggle_label .vue-switch-slider[data-v-0190af03] {
  position: relative;
  width: 30px;
  /* Matches Switchery small width */
  height: 14px;
  /* Matches Switchery small height */
  background: var(--switcherysecond);
  border-radius: 20px;
  transition: background-color 200ms ease;
  box-sizing: content-box;
  background-clip: content-box;
}
.tab-firmware_flasher .build_configuration #build_configuration_toggle_label .vue-switch-slider[data-v-0190af03]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  transition: transform 200ms ease;
}
.tab-firmware_flasher .build_configuration #build_configuration_toggle_label .vue-switch-input:checked + .vue-switch-slider[data-v-0190af03] {
  background: var(--primary-500);
}
.tab-firmware_flasher .build_configuration #build_configuration_toggle_label .vue-switch-input:checked + .vue-switch-slider[data-v-0190af03]::before {
  transform: translateX(16px);
}
.tab-firmware_flasher .build_configuration #build_configuration_toggle_label .vue-switch-text[data-v-0190af03] {
  font-size: 12px;
  /* Align with base form font size */
  line-height: 14px;
}
.tab-firmware_flasher #optionsInfo[data-v-0190af03] .multiselect__tags {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px !important;
}
.tab-firmware_flasher #optionsInfo[data-v-0190af03] .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-0190af03] .multiselect__tag-icon:after {
  color: var(--text) !important;
}
.tab-firmware_flasher #optionsInfo[data-v-0190af03] .multiselect__tag-icon:hover {
  background: var(--surface-600) !important;
}
.tab-firmware_flasher .default_btn[data-v-0190af03] {
  width: fit-content;
  padding-top: 0.25rem;
  padding-right: 0.25rem;
}
.tab-firmware_flasher .default_btn a[data-v-0190af03] {
  padding: 0.15rem 0.5rem;
}
.tab-firmware_flasher .release_info_grid[data-v-0190af03] {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 1rem 2rem;
  align-items: center;
}
.tab-firmware_flasher .release_info_grid .info_row[data-v-0190af03] {
  display: contents;
}
.tab-firmware_flasher .release_info_grid strong[data-v-0190af03] {
  text-align: right;
  white-space: nowrap;
  padding-right: 1rem;
}
.tab-firmware_flasher .release_info_grid span[data-v-0190af03],
.tab-firmware_flasher .release_info_grid a[data-v-0190af03] {
  text-align: left;
}
.tab-firmware_flasher .release_info_grid .board_support[data-v-0190af03] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-self: start;
}
.tab-firmware_flasher .release_info_grid .board_support a#targetSupportInfoUrl[data-v-0190af03] {
  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-0190af03]:hover {
  background-color: var(--primary-400);
  transition: all ease 0.2s;
}
.tab-firmware_flasher .release_info_grid .board_support a#targetSupportInfoUrl[data-v-0190af03]: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-0190af03] {
  margin-top: 0;
  float: none;
  display: inline-block;
  align-self: center;
}
.tab-firmware_flasher .flashing-wait[data-v-0190af03] {
  text-align: center;
  padding: 2rem 1rem;
  font-size: 14px;
}
.tab-firmware_flasher .cloud_build_grid[data-v-0190af03] {
  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-0190af03] {
  display: contents;
}
.tab-firmware_flasher .cloud_build_grid strong[data-v-0190af03] {
  text-align: right;
  white-space: nowrap;
  padding-right: 1rem;
}
.tab-firmware_flasher .cloud_build_grid a[data-v-0190af03] {
  text-align: left;
}
.tab-firmware_flasher .cloud_build_grid .status_wrapper[data-v-0190af03] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tab-firmware_flasher #cloudTargetStatus[data-v-0190af03] {
  padding-left: 0.5rem;
}
.tab-firmware_flasher .release_info_grid .btn[data-v-0190af03] {
  justify-self: start;
}
.tab-firmware_flasher .release_info_grid .btn a.cloud_build_cancel[data-v-0190af03] {
  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-0190af03]: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-0190af03]: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-0190af03] {
  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-0190af03] {
    grid-template-columns: 1fr 1fr;
}
}
@media all and (max-width: 991px) {
.tab-firmware_flasher .grid-box.col2[data-v-0190af03] {
    grid-template-columns: 1fr;
}
}
.tab-firmware_flasher + .content_toolbar[data-v-0190af03] {
  width: calc(100% - 18rem) !important;
}
@media all and (max-width: 575px) {
.tab-firmware_flasher .grid-box.col2[data-v-0190af03] {
    grid-template-columns: 1fr;
}
.tab-firmware_flasher .detect-board span[data-v-0190af03] {
    height: 18px;
    padding: 0 1rem !important;
}
.tab-firmware_flasher .detect-board span > div[data-v-0190af03] {
    display: none;
}
}
[data-v-0190af03] .toolbar_fixed_bottom.content_toolbar {
  width: calc(100% - 18rem) !important;
}
[data-v-0190af03] .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-0190af03] .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-0190af03] .content_toolbar .info {
  flex: 100;
  position: relative;
}
[data-v-0190af03] .content_toolbar .info .progress {
  width: 100%;
  height: 30px;
  border-radius: 0.25rem;
  overflow: hidden;
}
[data-v-0190af03] .content_toolbar .info .progress::-webkit-progress-bar {
  background-color: var(--surface-400);
}
[data-v-0190af03] .content_toolbar .info .progressLabel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.75rem;
}
[data-v-0190af03] .content_toolbar .info .progressLabel.valid {
  background-color: var(--success-600);
  border-radius: 5px;
}
[data-v-0190af03] .content_toolbar .info .progressLabel.invalid {
  background-color: var(--error-500);
  border-radius: 5px;
}
[data-v-0190af03] .content_toolbar .info .progressLabel.actionRequired {
  background-color: var(--warning-500);
  border-radius: 5px;
}
[data-v-0190af03] .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-0190af03] .content_toolbar .btn a:hover {
  background-color: var(--primary-400);
  transition: all ease 0.2s;
}
[data-v-0190af03] .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-0190af03] .content_toolbar .btn a .helpicon {
  margin-left: 5px;
}
[data-v-0190af03] .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-0190af03] {
  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-0190af03]:hover {
  background-color: var(--primary-400);
  transition: all ease 0.2s;
}
.btn a[data-v-0190af03]: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-0190af03] {
  background-color: var(--surface-500);
  border: 1px solid var(--surface-400);
  color: var(--surface-900);
  cursor: default;
}
.osd-needs-attention[data-v-0190af03] .multiselect__single,
.osd-needs-attention[data-v-0190af03] .multiselect__placeholder {
  color: red !important;
}
/* Container management */
.select-wrapper.fixed-width[data-v-0190af03] {
  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-0190af03] .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-0190af03] .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-0190af03] .standard-select .multiselect__single,[data-v-0190af03] .standard-select .multiselect__input,[data-v-0190af03] .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-0190af03] .standard-select:not(.multiselect--active) .multiselect__input {
  opacity: 0 !important;
  position: absolute !important;
}
/* Dropdown list styling */
[data-v-0190af03] .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;
  /* Extremely high to clear all elements including switchery (1000) */
  max-height: 250px;
  overflow-y: auto;
  width: 100%;
  left: 0;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6);
}
[data-v-0190af03] .standard-select .multiselect__option {
  font-size: 12px !important;
  color: var(--text) !important;
  padding: 8px 12px;
  min-height: 30px;
}
[data-v-0190af03] .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-0190af03] .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-0190af03] .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-0190af03] .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-0190af03] .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-0190af03] .standard-select.multiselect--active {
  z-index: 1005 !important;
  /* Below board select active (100000) but above everything else */
}
.select-wrapper.fixed-width[data-v-0190af03] .standard-select .multiselect__content-wrapper {
  z-index: 1001 !important;
}
.select-wrapper[data-v-0190af03] {
  /* When multiselect is open, enable positioning and high z-index */
}
.select-wrapper[data-v-0190af03] .standard-select.multiselect--active {
  position: relative;
  z-index: 10000 !important;
}
.select-wrapper[data-v-0190af03] .standard-select.multiselect--active .multiselect__content-wrapper {
  z-index: 10001 !important;
}
.select-wrapper[data-v-0190af03] .standard-select.multiselect--active .multiselect__content {
  z-index: 10001 !important;
}
.select-wrapper-simple[data-v-0190af03] {
  /* When multiselect is open, enable positioning and high z-index */
}
.select-wrapper-simple[data-v-0190af03] .standard-select.multiselect--active {
  position: relative;
  z-index: 10000 !important;
}
.select-wrapper-simple[data-v-0190af03] .standard-select.multiselect--active .multiselect__content-wrapper {
  z-index: 10001 !important;
}
.select-wrapper-simple[data-v-0190af03] .standard-select.multiselect--active .multiselect__content {
  z-index: 10001 !important;
}
/* When multiselect is open, increase z-index to be above everything */
[data-v-0190af03] .standard-select.multiselect--active {
  position: relative;
  z-index: 10000 !important;
}
[data-v-0190af03] .standard-select.multiselect--active .multiselect__content-wrapper {
  z-index: 10001 !important;
}
[data-v-0190af03] .standard-select.multiselect--active .multiselect__content {
  z-index: 10001 !important;
}
[data-v-0190af03] .standard-select .multiselect__option--selected {
  background: var(--surface-300) !important;
  color: var(--text) !important;
  font-weight: normal;
}
[data-v-0190af03] .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-0190af03] .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-0190af03] .gui_note .spacer ul,[data-v-0190af03] .gui_warning .spacer 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-0190af03] .gui_note .spacer li,[data-v-0190af03] .gui_warning .spacer 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-0190af03] .gui_note .spacer li::before,[data-v-0190af03] .gui_warning .spacer li::before {
  content: "– " !important;
  margin-right: 0.5rem !important;
  color: var(--text) !important;
}
/* Unstable firmware dialog content styling */
#dialogUnstableFirmwareAcknowledgement .content[data-v-0190af03] {
  margin-bottom: 1rem;
}
#dialogUnstableFirmwareAcknowledgement .content ul[data-v-0190af03] {
  margin: 0.5rem 0;
  padding-left: 1.5rem;
  list-style-type: disc;
}
#dialogUnstableFirmwareAcknowledgement .content li[data-v-0190af03] {
  margin: 0.25rem 0;
  line-height: 1.5;
}
#dialogUnstableFirmwareAcknowledgement .content strong[data-v-0190af03] {
  font-weight: bold;
  color: var(--warning);
}
/* Unstable firmware dialog list styling */
#dialogUnstableFirmwareAcknowledgement[data-v-0190af03] ul {
  margin-left: 1.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
#dialogUnstableFirmwareAcknowledgement[data-v-0190af03] li {
  list-style: disc;
  margin-bottom: 0.25rem;
  margin-left: 0.5rem;
}

/* Adjustments container layout */
.adjustments-container[data-v-77d86093] {
    width: 100%;
    margin: 20px 0;
}
.adjustments-header[data-v-77d86093] {
    display: grid;
    grid-template-columns: 80px 80px 1fr 200px 80px 60px 60px;
    gap: 16px;
    padding: 12px 16px;
    background: var(--surface-700);
    border-bottom: 2px solid var(--surface-600);
    font-weight: 600;
    color: var(--text-primary);
}
.adjustments-header > div[data-v-77d86093] {
    text-align: left;
}
.adjustments-list[data-v-77d86093] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: var(--surface-600);
}
.adjustment[data-v-77d86093] {
    display: grid;
    grid-template-columns: 80px 80px 1fr 200px 80px 60px 60px;
    gap: 16px;
    padding: 16px;
    background: var(--surface-200);
    align-items: center;
}
.adjustment[data-v-77d86093]:hover {
    background: var(--surface-750);
}
.adjustment-enable[data-v-77d86093] {
    display: flex;
    justify-content: center;
    align-items: center;
}
.adjustment-channel[data-v-77d86093] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.adjustment-channel select[data-v-77d86093] {
    width: 100%;
}
.limits[data-v-77d86093] {
    display: flex;
    gap: 12px;
    font-size: 11px;
    color: var(--text-secondary);
}
.limits p[data-v-77d86093] {
    margin: 0;
}
.adjustment-range[data-v-77d86093] {
    min-width: 0;
}
.adjustment-function select[data-v-77d86093],
.adjustment-via select[data-v-77d86093] {
    width: 100%;
}
.adjustment-center[data-v-77d86093],
.adjustment-scale[data-v-77d86093] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.adjustment-center input[data-v-77d86093],
.adjustment-scale input[data-v-77d86093] {
    width: 100%;
    background: var(--surface-700);
    border: 1px solid var(--surface-600);
    color: var(--text-primary);
    padding: 6px 8px;
    border-radius: 4px;
}
.adjustment-center input[data-v-77d86093]:disabled,
.adjustment-scale input[data-v-77d86093]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
select[data-v-77d86093] {
    background: var(--surface-700);
    border: 1px solid var(--surface-600);
    color: var(--text-primary);
    padding: 6px 8px;
    border-radius: 4px;
}
select[data-v-77d86093]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

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

/* Custom Vue slider styling - replaces noUiSlider */
.channel-slider[data-v-77d86093] {
    position: relative;
    width: 100%;
}
.slider-wrapper[data-v-77d86093] {
    position: relative;
    height: 18px;
    cursor: pointer;
    user-select: none;
}
.track-background[data-v-77d86093] {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 8px;
    background: var(--surface-600);
    transform: translateY(-50%);
    border-radius: 4px;
    z-index: 0;
    pointer-events: none;
}
.track-fill[data-v-77d86093] {
    position: absolute;
    top: 50%;
    height: 8px;
    background: var(--primary-500);
    transform: translateY(-50%);
    border-radius: 4px;
    cursor: grab;
    z-index: 1;
}
.track-fill[data-v-77d86093]:active {
    cursor: grabbing;
}
.range-handle[data-v-77d86093] {
    position: absolute;
    top: 50%;
    width: 18px;
    height: 18px;
    background: var(--surface-200);
    border: 3px solid var(--primary-500);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    cursor: grab;
    z-index: 10;
}
.range-handle[data-v-77d86093]:hover {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);
    transform: translate(-50%, -50%) scale(1.1);
}
.range-handle[data-v-77d86093]:active {
    cursor: grabbing;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.marker[data-v-77d86093] {
    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-77d86093] {
    position: relative;
    height: 20px;
    margin-top: 8px;
}
.pip[data-v-77d86093] {
    position: absolute;
    transform: translateX(-50%);
    font-size: 10px;
    color: var(--text-tertiary);
    white-space: nowrap;
}

/* Disable pointer events when adjustment is disabled */
.adjustment:has(input.enable:not(:checked)) .slider-wrapper[data-v-77d86093],
.adjustment:has(input.enable:not(:checked)) .range-handle[data-v-77d86093],
.adjustment:has(input.enable:not(:checked)) .track-fill[data-v-77d86093] {
    pointer-events: none;
    opacity: 0.5;
}

.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;
}

.tab-cli[data-v-f7735a8a] {
    height: calc(100% - 6rem);
}
.content_wrapper[data-v-f7735a8a] {
    flex-direction: column;
    display: flex;
    overflow-x: hidden;
    overflow-y: hidden;
}
p[data-v-f7735a8a] {
    padding: 0;
    border: 0 dotted var(--surface-500);
}
.backdrop[data-v-f7735a8a] {
    border: 1px solid var(--surface-500);
    background-color: rgba(0, 0, 0, 0.75);
    margin-top: 0;
    flex-grow: 1;
    background-image: url("./light-wide-1-BlIkpgCc.svg");
    background-repeat: no-repeat;
    background-position: 50% 80%;
    background-size: 600px;
    border-radius: 5px;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8);
    width: 100%;
}
.window[data-v-f7735a8a] {
    height: 100%;
    width: 100%;
    padding: 5px;
    overflow-y: scroll;
    overflow-x: hidden;
    font-family: monospace;
    color: white;
    box-sizing: border-box;
    float: left;
}
.wrapper[data-v-f7735a8a] {
    user-select: text;
    white-space: pre-wrap;
    height: 0px;
}
.wrapper[data-v-f7735a8a] > * {
    user-select: text;
}
.window[data-v-f7735a8a] .error_message {
    color: red;
    font-weight: bold;
}

/* Syntax highlighting — one-dark-pro palette */
.window[data-v-f7735a8a] .cli-comment {
    color: #7f848e;
}
.window[data-v-f7735a8a] .cli-cmd,
.window[data-v-f7735a8a] .cli-label {
    color: #61afef;
}
.window[data-v-f7735a8a] .cli-num {
    color: #e5c07b;
}
.cli-input-wrapper[data-v-f7735a8a] {
    position: relative;
    margin-top: 8px;
}
textarea[name="commands"][data-v-f7735a8a] {
    box-sizing: border-box;
    width: 100%;
    height: 22px;
    line-height: 20px;
    padding-left: 5px;
    border: 1px solid var(--surface-500);
    resize: none;
    background-color: var(--surface-200);
    color: var(--surface-900);
}
textarea[name="supportWarningDialogInput"][data-v-f7735a8a] {
    -webkit-box-sizing: border-box;
    width: 100%;
    margin-top: 8px;
    height: 22px;
    line-height: 20px;
    padding-left: 5px;
    border: 1px solid var(--surface-500);
    resize: none;
    background-color: var(--surface-400);
    color: var(--text);
}
#content-watermark[data-v-f7735a8a] {
    z-index: 0;
}
.save[data-v-f7735a8a] {
    color: white;
}
textarea#preview[data-v-f7735a8a] {
    background-color: rgba(0, 0, 0, 0.75);
    width: 100%;
    resize: none;
    overflow-y: scroll;
    overflow-x: hidden;
    font-family: monospace;
    color: white;
    box-sizing: border-box;
    padding: 5px;
    margin-bottom: 5px;
}

/* Fixed toolbar positioning */
[data-v-f7735a8a] .toolbar_fixed_bottom.content_toolbar {
    width: calc(100% - 18rem) !important;
}
[data-v-f7735a8a] .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;
&::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;
}
}
@media only screen and (max-width: 1055px) {
.content_wrapper[data-v-f7735a8a] {
        height: calc(100% - 87px);
}
}
@media only screen and (max-device-width: 1055px) {
.content_wrapper[data-v-f7735a8a] {
        height: calc(100% - 87px);
}
}
@media all and (max-width: 575px) {
.backdrop[data-v-f7735a8a] {
        background-size: 100%;
}
}

.visually-hidden[data-v-69473be8] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
table.no-border[data-v-69473be8] {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}
table.no-border td[data-v-69473be8],
table.no-border th[data-v-69473be8] {
    padding: 0;
}
table.full-width[data-v-69473be8] {
    width: 100%;
}
.battery-state .configuration[data-v-69473be8] {
    border-bottom: 0;
}
.label[data-v-69473be8] {
    width: 25%;
}
.select[data-v-69473be8] {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--surface-500);
    width: 100%;
}
.select[data-v-69473be8]:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.select label span[data-v-69473be8] {
    padding-left: 1rem;
}
.require-support[data-v-69473be8] {
    display: none;
}
.require-upgrade[data-v-69473be8] {
    display: none;
}
@media all and (max-width: 575px) {
.grid-box.col2[data-v-69473be8] {
        grid-template-columns: 1fr !important;
}
}

.wrapper .gui_box[data-v-0e5748fc] {
    display: flex;
    flex-direction: row-reverse;
}
.graph-grid[data-v-0e5748fc] {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.debug-item[data-v-0e5748fc] {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.plot_control[data-v-0e5748fc] {
    width: fit-content;
    min-width: 200px;
    flex-shrink: 0;
}
.plot_control .title[data-v-0e5748fc] {
    font-weight: bold;
    margin-bottom: 0.75rem;
}
.plot_control .helpicon[data-v-0e5748fc] {
    margin: 2px 4px;
}
.plot_control dl[data-v-0e5748fc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.25rem;
}
.plot_control dt[data-v-0e5748fc],
.plot_control dd[data-v-0e5748fc] {
    display: flex;
    align-items: center;
}
.plot_control dt[data-v-0e5748fc] {
    font-weight: bold;
}
.plot_control select[data-v-0e5748fc] {
    min-width: 100%;
}
.plot_control .x[data-v-0e5748fc],
.plot_control .y[data-v-0e5748fc],
.plot_control .z[data-v-0e5748fc] {
    border-radius: 0.25rem;
    padding: 0.25rem;
    text-align: center;
}
.sensor-graph[data-v-0e5748fc] {
    width: 100%;
    height: 140px;
    flex: 1;
}
[data-v-0e5748fc] .grid .tick {
    stroke: silver;
    stroke-width: 1px;
    shape-rendering: crispEdges;
}
[data-v-0e5748fc] .grid path {
    stroke-width: 0;
}
[data-v-0e5748fc] .data .line {
    stroke-width: 2px;
    fill: none;
}
[data-v-0e5748fc] text {
    stroke: none;
    fill: var(--text);
    font-size: 10px;
}
[data-v-0e5748fc] .line:nth-child(1) {
    stroke: #00a8f0;
}
[data-v-0e5748fc] .line:nth-child(2) {
    stroke: #c0d800;
}
[data-v-0e5748fc] .line:nth-child(3) {
    stroke: #cb4b4b;
}
[data-v-0e5748fc] .line:nth-child(4) {
    stroke: #4da74d;
}

.info[data-v-c609a9d9] {
    margin-bottom: 10px;
    margin-top: 8px;
    margin-left: 10px;
}
.info input[data-v-c609a9d9] {
    vertical-align: middle;
    margin: 0 5px 0 15px;
    width: 18px;
    height: 18px;
}
.debug .graph-grid[data-v-c609a9d9] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    width: 100%;
}

/* 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-e8fd7615] {
    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-e8fd7615] .gPoint {
    position: relative;
    z-index: 2;
}
.led-grid-container.grid-wire[data-v-e8fd7615] {
    background: rgba(15, 171, 22, 0.5) !important;
}
.selection-box[data-v-e8fd7615] {
    position: absolute;
    background: rgba(52, 155, 255, 0.3);
    border: 2px solid var(--primary-500);
    border-radius: 4px;
    pointer-events: none;
    z-index: 1000;
}

.content_wrapper[data-v-dae3b48d] {
    position: relative;
    padding: 1rem;
}
.cf_column[data-v-dae3b48d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}
.note[data-v-dae3b48d] {
    margin-bottom: 1.5rem;
    padding: 0.75rem;
    background: var(--surface-100);
    border-left: 3px solid var(--primary-500);
}
.section[data-v-dae3b48d] {
    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-dae3b48d] {
    position: relative;
    float: left;
    margin-right: 30px;
    width: calc((24px + 7px) * 16);
    height: calc((24px + 7px) * 16);
}

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

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

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

/* Buttons */
button[data-v-dae3b48d] {
    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-dae3b48d] {
    padding: 7px 10px;
    margin: 3px 4px;
}
button[data-v-dae3b48d]:hover:not(:disabled) {
    background-color: var(--primary-600);
    border-color: var(--primary-700);
}
button[data-v-dae3b48d]:active:not(:disabled) {
    transform: scale(0.98);
}

/* Disabled button styles */
button[data-v-dae3b48d]:disabled,
button.disabled[data-v-dae3b48d] {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: var(--surface-300);
    border-color: var(--surface-500);
    color: white;
}
button[data-v-dae3b48d]:disabled:hover,
button.disabled[data-v-dae3b48d]:hover {
    background-color: var(--surface-300);
    border-color: var(--surface-500);
}
button[data-v-dae3b48d]:disabled:active,
button.disabled[data-v-dae3b48d]:active {
    transform: none;
}

/* Save button specific styling */
.save[data-v-dae3b48d] {
    display: inline-block;
    min-width: 64px;
    text-align: center;
    color: black;
}
.funcWire.btnOn[data-v-dae3b48d] {
    background: rgb(15, 171, 22);
    border-color: rgb(15, 171, 22);
}
.w100[data-v-dae3b48d] {
    width: 100%;
}
.w50[data-v-dae3b48d] {
    width: 49%;
}

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

/* Select Dropdowns */
.select span[data-v-dae3b48d] {
    display: block;
    margin-bottom: 5px;
    margin-left: 3px;
}
.functionSelect[data-v-dae3b48d],
.modeSelect[data-v-dae3b48d],
.auxSelect[data-v-dae3b48d] {
    border: 1px solid var(--surface-500);
    border-radius: 3px;
    background: var(--surface-200);
    color: var(--text);
    width: 100%;
    padding: 5px;
}

/* Function-specific select backgrounds */
.select .functionSelect.function-c[data-v-dae3b48d] {
    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-dae3b48d] {
    background: rgb(50, 205, 50);
}
.select .functionSelect.function-a[data-v-dae3b48d] {
    background: rgb(52, 155, 255);
}
.select .functionSelect.function-u[data-v-dae3b48d] {
    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-dae3b48d] {
    background: magenta;
}
.select .functionSelect.function-s[data-v-dae3b48d] {
    background: brown;
}
.select .functionSelect.function-g[data-v-dae3b48d] {
    background: green;
}
.select .functionSelect.function-r[data-v-dae3b48d] {
    background: var(--surface-500);
}

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

/* Modifiers */
.modifiers[data-v-dae3b48d] {
    display: block;
    margin-top: 5px;
}
.modifiers .checkbox[data-v-dae3b48d] {
    margin: 5px 0;
}
.checkbox label span[data-v-dae3b48d] {
    margin-left: 3px;
}
.modifiers .auxSelect[data-v-dae3b48d] {
    margin-left: 5px;
    width: auto;
}
.modifiers .labelSelect[data-v-dae3b48d] {
    margin-left: 5px;
}
.modifiers .rainbowOverlay[data-v-dae3b48d] {
    margin-top: 1px;
}
.modifiers .sliders-group[data-v-dae3b48d] {
    margin-top: 5px;
    margin-left: 20px;
}

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

/* Unified Slider Styles */
.slider-container[data-v-dae3b48d] {
    margin-top: 10px;
}
.slider-control[data-v-dae3b48d] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 5px 0;
}

/* Vue3Slider wrapper styling */
.slider-control[data-v-dae3b48d] .vue3-slider {
    flex-shrink: 0;
    position: relative;
    display: inline-block;
}

/* Vue3Slider track styling */
.slider-control[data-v-dae3b48d] .vue3-slider-track {
    position: relative;
    border-radius: 3px;
    cursor: pointer;
}

/* Vue3Slider handle styling */
.slider-control[data-v-dae3b48d] .vue3-slider-handle {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: white;
    border: 2px solid var(--primary-500);
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: transform 0.1s ease;
}
.slider-control[data-v-dae3b48d] .vue3-slider-handle:hover {
    transform: translate(-50%, -50%) scale(1.1);
}
.slider-control[data-v-dae3b48d] .vue3-slider-handle:active {
    transform: translate(-50%, -50%) scale(0.95);
}

/* Style the tooltip to match theme */
.slider-control[data-v-dae3b48d] .vue3-slider-tooltip {
    background: var(--primary-500) !important;
    color: white !important;
    font-weight: 600;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 11px;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

/* Color Define Sliders */
.colorDefineSliders[data-v-dae3b48d] {
    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-dae3b48d] {
    display: flex;
    align-items: center;
    margin: 5px 0;
}
.colorDefineSliderLabel[data-v-dae3b48d] {
    width: 15px;
    display: inline-block;
    margin-right: 5px;
}
.colorDefineSliderContainer input[data-v-dae3b48d] {
    flex: 1;
    margin: 0 5px;
}
.colorDefineSliderValue[data-v-dae3b48d] {
    width: 30px;
    display: inline-block;
    text-align: right;
}

/* Directions */
.directions[data-v-dae3b48d] {
    height: 130px;
    position: relative;
    display: inline-block;
    width: 49%;
}
.directions button[data-v-dae3b48d] {
    position: absolute;
    width: 30px;
    height: 30px;
}
.directions button.btnOn[data-v-dae3b48d] {
    background: var(--surface-50);
    color: var(--text);
    border-color: var(--text);
}
.directions .dir-n[data-v-dae3b48d] {
    top: 0;
    left: 32px;
}
.directions .dir-s[data-v-dae3b48d] {
    top: 64px;
    left: 32px;
}
.directions .dir-e[data-v-dae3b48d] {
    left: 64px;
    top: 32px;
}
.directions .dir-w[data-v-dae3b48d] {
    left: 0;
    top: 32px;
}
.directions .dir-u[data-v-dae3b48d] {
    right: 10px;
    top: 15px;
}
.directions .dir-d[data-v-dae3b48d] {
    right: 10px;
    top: 54px;
}

/* Colors */
.colors[data-v-dae3b48d] {
    height: 130px;
    position: relative;
    display: inline-block;
    width: 49%;
}
.colors button[data-v-dae3b48d] {
    width: 23%;
    color: white;
}
.colors button[data-v-dae3b48d]:hover {
    border-style: solid;
}
.colors button.btnOn[data-v-dae3b48d] {
    border: 2px solid var(--text);
}

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

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

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

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

/* Responsive */
@media all and (max-width: 575px) {
.controls[data-v-dae3b48d] {
        width: 100%;
}
}
.content_wrapper {
  padding-bottom: 60px;
  /* Space for fixed toolbar */
}
.numberspacer {
  margin-right: 10px;
}
.activechannellist .number {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.channelprimary,
.channelauxiliary {
  width: 200px;
  display: inline-block;
}
.channelname {
  font-weight: bold;
  margin-right: 5px;
}
.aux_set {
  width: 100px;
}
.proceduresettings.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.tab-failsafe {
  position: relative;
}
.tab-failsafe .modename {
  background-color: #636766;
  border-radius: 3px;
  border: 1px solid #535756;
  color: #fff !important;
  font-weight: 600 !important;
  padding-left: 3px;
  padding-right: 3px;
  margin-right: 3px;
}
.tab-failsafe .number label {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.5rem;
}
.tab-failsafe .number span {
  margin-left: 0;
}
.tab-failsafe .subline {
  width: 100%;
}
.tab-failsafe .radioarea {
  border-radius: 0.5rem;
  background-color: var(--surface-300);
  margin-bottom: 0;
  margin-top: 0.5rem;
  min-height: 5rem;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tab-failsafe .radiobuttons {
  width: fit-content;
  display: flex;
  align-items: center;
  margin-left: 1rem;
  height: 5rem;
}
.tab-failsafe .radiobuttons label {
  width: 8rem;
  margin-top: -2px;
}
.tab-failsafe .proceduresettings {
  padding: 0.5rem;
}
.tab-failsafe .pro1 {
  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='-9%2023.6%20264.9%2095.1'%20style='enable-background:new%20-9%2023.6%20264.9%2095.1;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFBB00;}%20.st1{fill:none;}%20.st2{enable-background:new%20;}%20.st3{fill:none;stroke:%231B171B;stroke-miterlimit:10;}%20.st4{fill:%231B171B;}%20.st5{fill:%23B8B8B9;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M6.8,90.9c-4.7,0-8.5,3.8-8.5,8.5S3.5,108,6.8,111c2.7-2.7,8.5-7,8.5-11.6C15.3,94.7,11.5,90.9,6.8,90.9z%20M10.1,102.5H8.2v-2.2H5.3v2.2H3.4v-6.2h1.9v2.2h2.9v-2.2h1.9V102.5z'/%3e%3cg%3e%3crect%20x='180.7'%20y='54.6'%20class='st1'%20width='67.5'%20height='13.5'/%3e%3cg%20class='st2'%3e%3cpath%20d='M190.1,60.1c0,1.6-0.4,2.9-1.3,3.8c-0.9,0.9-2.2,1.3-3.9,1.3h-2.8v-10h3.1c1.6,0,2.8,0.4,3.6,1.3S190.1,58.6,190.1,60.1z%20M188.9,60.2c0-1.3-0.3-2.3-1-2.9c-0.7-0.7-1.6-1-2.9-1h-1.7v8h1.4c1.4,0,2.4-0.3,3.1-1C188.5,62.5,188.9,61.5,188.9,60.2z'/%3e%3cpath%20d='M195.6,57.6c0.3,0,0.6,0,0.9,0.1l-0.2,1.1c-0.3-0.1-0.6-0.1-0.8-0.1c-0.6,0-1.1,0.2-1.6,0.7s-0.6,1.1-0.6,1.8v4h-1.1%20v-7.5h0.9l0.1,1.4h0.1c0.3-0.5,0.6-0.9,1-1.1C194.7,57.7,195.1,57.6,195.6,57.6z'/%3e%3cpath%20d='M204.3,61.5c0,1.2-0.3,2.2-0.9,2.9c-0.6,0.7-1.5,1-2.5,1c-0.7,0-1.3-0.2-1.8-0.5s-0.9-0.8-1.2-1.4%20c-0.3-0.6-0.4-1.3-0.4-2.1c0-1.2,0.3-2.2,0.9-2.9c0.6-0.7,1.5-1,2.5-1s1.9,0.3,2.5,1C204,59.3,204.3,60.3,204.3,61.5z%20M198.6,61.5c0,1,0.2,1.7,0.6,2.2c0.4,0.5,0.9,0.8,1.7,0.8c0.7,0,1.3-0.2,1.7-0.7c0.4-0.5,0.6-1.2,0.6-2.2s-0.2-1.7-0.6-2.2%20c-0.4-0.5-1-0.7-1.7-0.7c-0.7,0-1.3,0.2-1.7,0.7C198.8,59.8,198.6,60.5,198.6,61.5z'/%3e%3cpath%20d='M209.8,65.4c-0.5,0-0.9-0.1-1.3-0.3c-0.4-0.2-0.7-0.5-1-0.8h-0.1c0.1,0.4,0.1,0.9,0.1,1.2v3.1h-1.1V57.7h0.9l0.2,1h0.1%20c0.3-0.4,0.6-0.7,1-0.9c0.4-0.2,0.8-0.3,1.3-0.3c1,0,1.8,0.3,2.3,1s0.8,1.6,0.8,2.9c0,1.2-0.3,2.2-0.8,2.9%20C211.5,65,210.8,65.4,209.8,65.4z%20M209.6,58.6c-0.8,0-1.3,0.2-1.7,0.6c-0.4,0.4-0.5,1.1-0.5,2v0.3c0,1.1,0.2,1.8,0.5,2.3%20c0.4,0.5,0.9,0.7,1.7,0.7c0.6,0,1.2-0.3,1.5-0.8c0.4-0.5,0.5-1.2,0.5-2.2c0-0.9-0.2-1.7-0.5-2.1%20C210.8,58.8,210.3,58.6,209.6,58.6z'/%3e%3c/g%3e%3cline%20class='st3'%20x1='-3.8'%20y1='113.9'%20x2='251.2'%20y2='113.9'/%3e%3cpolygon%20points='242.7,105.2%20229.4,108.8%20238.7,83.8%20217.4,112.5%20187.4,107.8%20206.7,113.8%20234.1,113.8%20'/%3e%3cg%3e%3cg%3e%3cpath%20class='st0'%20d='M215.9,101.2c-2.5-0.9-5.1,0-6.7,1.9l-22.1-7.7l-1.3,3.8l22.1,7.7c0,2.5,1.5,4.8,4,5.6%20c3.1,1.1,6.6-0.6,7.6-3.7C220.5,105.7,219.1,102.3,215.9,101.2z'/%3e%3cpath%20class='st4'%20d='M176.9,80.1c-6.8-2.4-14.1-0.1-18.4,5.2l-20.7-7.2c0-2.5-1.6-4.8-4-5.6c-3.1-1.1-6.6,0.6-7.6,3.7%20c-1.1,3.1,0.6,6.6,3.7,7.6c2.5,0.9,5.1,0,6.7-1.9l19.8,6.9l30.1,10.5l1.2,0.4C189.5,91.5,185,83,176.9,80.1z'/%3e%3c/g%3e%3crect%20x='111.1'%20y='68.9'%20transform='matrix(-0.944%20-0.3299%200.3299%20-0.944%20237.5038%20181.0255)'%20class='st5'%20width='46'%20height='2.9'/%3e%3crect%20x='192.8'%20y='97.5'%20transform='matrix(-0.944%20-0.3299%200.3299%20-0.944%20386.8907%20263.5779)'%20class='st5'%20width='46'%20height='2.9'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-position: top right 10px;
  background-size: 200px;
  background-repeat: no-repeat;
}
.tab-failsafe .pro2 {
  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='-9%2023.6%20264.9%2095.1'%20style='enable-background:new%20-9%2023.6%20264.9%2095.1;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFBB00;}%20.st1{fill:%231B171B;}%20.st2{fill:%23B8B8B9;}%20.st3{fill:none;}%20.st4{enable-background:new%20;}%20.st5{fill:none;stroke:%23FFBB00;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:8,8;}%20.st6{fill:none;stroke:%231B171B;stroke-miterlimit:10;}%20%3c/style%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cpath%20class='st0'%20d='M226.8,48.2c-2.6,0-4.8,1.7-5.7,4h-23.4v4h23.4c0.8,2.3,3,4,5.7,4c3.3,0,6-2.7,6-6%20C232.8,50.9,230.1,48.2,226.8,48.2z'/%3e%3cpath%20class='st1'%20d='M182.9,41.2c-7.2,0-13.3,4.6-15.6,11h-21.9c-0.8-2.3-3-4-5.7-4c-3.3,0-6,2.7-6,6s2.7,6,6,6%20c2.6,0,4.8-1.7,5.7-4h21h31.8h1.2C198.7,47.7,191.6,41.2,182.9,41.2z'/%3e%3c/g%3e%3crect%20x='116.4'%20y='44.7'%20class='st2'%20width='46'%20height='2.9'/%3e%3crect%20x='202.9'%20y='44.7'%20class='st2'%20width='46'%20height='2.9'/%3e%3c/g%3e%3crect%20x='190.4'%20y='74.9'%20class='st3'%20width='67.5'%20height='13.5'/%3e%3cg%20class='st4'%3e%3cpath%20d='M191.8,85.5v-10h1.2v8.9h4.4v1.1H191.8z'/%3e%3cpath%20d='M203.5,85.5l-0.2-1.1h-0.1c-0.4,0.5-0.7,0.8-1.1,1c-0.4,0.2-0.8,0.2-1.4,0.2c-0.7,0-1.3-0.2-1.7-0.6%20c-0.4-0.4-0.6-0.9-0.6-1.6c0-1.5,1.2-2.3,3.6-2.4h1.3v-0.5c0-0.6-0.1-1-0.4-1.3s-0.7-0.4-1.2-0.4c-0.6,0-1.3,0.2-2.1,0.6%20l-0.3-0.9c0.4-0.2,0.8-0.4,1.2-0.5c0.4-0.1,0.9-0.2,1.3-0.2c0.9,0,1.6,0.2,2,0.6c0.4,0.4,0.6,1,0.6,1.9v5.1L203.5,85.5%20L203.5,85.5z%20M200.9,84.7c0.7,0,1.3-0.2,1.7-0.6c0.4-0.4,0.6-0.9,0.6-1.6v-0.7h-1.1c-0.9,0-1.6,0.2-2,0.4%20c-0.4,0.2-0.6,0.6-0.6,1.2c0,0.4,0.1,0.7,0.4,0.9C200.2,84.6,200.5,84.7,200.9,84.7z'/%3e%3cpath%20d='M211.8,85.5v-4.8c0-0.6-0.1-1.1-0.4-1.4s-0.7-0.5-1.3-0.5c-0.8,0-1.4,0.2-1.7,0.6c-0.4,0.4-0.5,1.1-0.5,2.1v3.9h-1.2%20v-7.5h0.9l0.2,1h0.1c0.2-0.4,0.6-0.7,1-0.9c0.4-0.2,0.9-0.3,1.4-0.3c0.9,0,1.6,0.2,2,0.7c0.5,0.4,0.7,1.1,0.7,2.1v4.9L211.8,85.5%20L211.8,85.5z'/%3e%3cpath%20d='M220.4,84.5L220.4,84.5c-0.6,0.8-1.4,1.1-2.4,1.1s-1.7-0.3-2.3-1c-0.5-0.7-0.8-1.6-0.8-2.9s0.3-2.2,0.8-2.9s1.3-1,2.3-1%20s1.8,0.4,2.3,1.1h0.1v-0.5v-0.5v-3h1.1v10.6h-0.9L220.4,84.5z%20M218.1,84.7c0.8,0,1.3-0.2,1.7-0.6c0.3-0.4,0.5-1.1,0.5-2v-0.2%20c0-1.1-0.2-1.8-0.5-2.3c-0.4-0.5-0.9-0.7-1.7-0.7c-0.7,0-1.2,0.3-1.5,0.8c-0.4,0.5-0.5,1.2-0.5,2.2s0.2,1.7,0.5,2.2%20C216.9,84.5,217.4,84.7,218.1,84.7z'/%3e%3c/g%3e%3cg%3e%3cpath%20class='st0'%20d='M186.8,106L186.8,106c0.2-0.2,0.3-0.4,0.3-0.7c0-0.6-0.5-1-1-1c-0.3,0-0.6,0.1-0.7,0.3l0,0l-3,3.3l-3-3.3%20l0,0c-0.2-0.2-0.5-0.3-0.7-0.3c-0.6,0-1,0.5-1,1c0,0.3,0.1,0.5,0.3,0.7l0,0l3.7,4.1c0.2,0.2,0.5,0.3,0.8,0.3%20c0.3,0,0.6-0.1,0.8-0.3L186.8,106z'/%3e%3cline%20class='st5'%20x1='182.3'%20y1='65.4'%20x2='182.3'%20y2='103.4'/%3e%3c/g%3e%3cline%20class='st6'%20x1='-4.1'%20y1='114.7'%20x2='250.9'%20y2='114.7'/%3e%3c/g%3e%3cpath%20class='st0'%20d='M6.5,93.5C1.8,93.5-2,97.3-2,102s5.2,8.6,8.5,11.6c2.7-2.7,8.5-7,8.5-11.6C15,97.3,11.2,93.5,6.5,93.5z%20M9.8,105.1H7.9v-2.2H5v2.2H3.1v-6.2H5v2.2h2.9v-2.2h1.9V105.1z'/%3e%3c/g%3e%3c/svg%3e");
  background-position: top right 10px;
  background-size: 200px;
  background-repeat: no-repeat;
}
.tab-failsafe .pro3 {
  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='-9%2023.6%20264.9%2095.1'%20style='enable-background:new%20-9%2023.6%20264.9%2095.1;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFBB00;}%20.st1{fill:%231B171B;}%20.st2{fill:%23B8B8B9;}%20.st3{fill:none;}%20.st4{enable-background:new%20;}%20.st5{fill:none;stroke:%23FFBB00;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}%20.st6{fill:none;stroke:%231B171B;stroke-miterlimit:10;}%20%3c/style%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cpath%20class='st0'%20d='M226.8,47.3c-2.6,0-4.8,1.7-5.7,4h-23.4v4h23.4c0.8,2.3,3,4,5.7,4c3.3,0,6-2.7,6-6%20C232.8,50,230.1,47.3,226.8,47.3z'/%3e%3cpath%20class='st1'%20d='M182.9,40.3c-7.2,0-13.3,4.6-15.6,11h-21.9c-0.8-2.3-3-4-5.7-4c-3.3,0-6,2.7-6,6s2.7,6,6,6%20c2.6,0,4.8-1.7,5.7-4h21h31.8h1.2C198.7,46.9,191.6,40.3,182.9,40.3z'/%3e%3c/g%3e%3crect%20x='116.4'%20y='43.8'%20class='st2'%20width='46'%20height='2.9'/%3e%3crect%20x='202.9'%20y='43.8'%20class='st2'%20width='46'%20height='2.9'/%3e%3c/g%3e%3crect%20x='190.4'%20y='74.1'%20class='st3'%20width='67.5'%20height='13.5'/%3e%3cg%20class='st4'%3e%3cpath%20d='M199.4,84.7h-1.2V80h-5.3v4.7h-1.2v-10h1.2V79h5.3v-4.3h1.2V84.7z'/%3e%3cpath%20d='M208.4,80.9c0,1.2-0.3,2.2-0.9,2.9c-0.6,0.7-1.5,1-2.5,1c-0.7,0-1.3-0.2-1.8-0.5s-0.9-0.8-1.2-1.4%20c-0.3-0.6-0.4-1.3-0.4-2.1c0-1.2,0.3-2.2,0.9-2.9c0.6-0.7,1.5-1,2.5-1s1.9,0.3,2.5,1C208.1,78.8,208.4,79.8,208.4,80.9z%20M202.7,80.9c0,1,0.2,1.7,0.6,2.2c0.4,0.5,0.9,0.8,1.7,0.8c0.7,0,1.3-0.2,1.7-0.8c0.4-0.5,0.6-1.2,0.6-2.2s-0.2-1.7-0.6-2.2%20c-0.4-0.5-1-0.7-1.7-0.7c-0.7,0-1.3,0.2-1.7,0.7C202.9,79.3,202.7,80,202.7,80.9z'/%3e%3cpath%20d='M212.1,84.7l-2.8-7.5h1.2l1.6,4.4c0.4,1,0.6,1.7,0.6,2l0,0c0.1-0.2,0.2-0.7,0.5-1.5s0.9-2.4,1.8-5h1.2l-2.8,7.5h-1.3%20V84.7z'/%3e%3cpath%20d='M220.6,84.8c-1.1,0-2-0.3-2.6-1s-1-1.6-1-2.8c0-1.2,0.3-2.2,0.9-2.9c0.6-0.7,1.4-1.1,2.4-1.1c0.9,0,1.7,0.3,2.2,0.9%20s0.8,1.4,0.8,2.4V81h-5.2c0,0.9,0.2,1.5,0.7,2c0.4,0.5,1,0.7,1.8,0.7c0.8,0,1.6-0.2,2.4-0.5v1c-0.4,0.2-0.8,0.3-1.1,0.4%20C221.5,84.8,221.1,84.8,220.6,84.8z%20M220.3,78c-0.6,0-1.1,0.2-1.4,0.6c-0.4,0.4-0.6,0.9-0.6,1.6h3.9c0-0.7-0.2-1.3-0.5-1.6%20C221.3,78.2,220.9,78,220.3,78z'/%3e%3cpath%20d='M228.7,77.1c0.3,0,0.6,0,0.9,0.1l-0.2,1.1c-0.3-0.1-0.6-0.1-0.8-0.1c-0.6,0-1.1,0.2-1.6,0.7s-0.6,1.1-0.6,1.8v4h-1.1%20v-7.5h0.9l0.1,1.4h0.1c0.3-0.5,0.6-0.9,1-1.1C227.8,77.2,228.2,77.1,228.7,77.1z'/%3e%3c/g%3e%3cg%3e%3cpath%20class='st0'%20d='M186.8,105.1L186.8,105.1c0.2-0.2,0.3-0.4,0.3-0.7c0-0.6-0.5-1-1-1c-0.3,0-0.6,0.1-0.7,0.3l0,0l-3,3.3%20l-3-3.3l0,0c-0.2-0.2-0.5-0.3-0.7-0.3c-0.6,0-1,0.5-1,1c0,0.3,0.1,0.5,0.3,0.7l0,0l3.7,4.1c0.2,0.2,0.5,0.3,0.8,0.3%20c0.3,0,0.6-0.1,0.8-0.3L186.8,105.1z'/%3e%3cpath%20class='st0'%20d='M177.9,61.8L177.9,61.8c-0.2,0.2-0.3,0.4-0.3,0.7c0,0.6,0.5,1,1,1c0.3,0,0.6-0.1,0.7-0.3l0,0l3-3.3l3,3.3%20l0,0c0.2,0.2,0.5,0.3,0.7,0.3c0.6,0,1-0.5,1-1c0-0.3-0.1-0.5-0.3-0.7l0,0l-3.7-4.1c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3%20L177.9,61.8z'/%3e%3cline%20class='st5'%20x1='182.3'%20y1='64.6'%20x2='182.3'%20y2='102.6'/%3e%3c/g%3e%3cline%20class='st6'%20x1='-4.1'%20y1='113.8'%20x2='250.9'%20y2='113.8'/%3e%3c/g%3e%3cpath%20class='st0'%20d='M6.5,92.4c-4.7,0-8.5,3.8-8.5,8.5s5.2,8.6,8.5,11.6c2.7-2.7,8.5-7,8.5-11.6C15,96.2,11.2,92.4,6.5,92.4z%20M9.8,104.1H7.9v-2.2H5v2.2H3.1v-6.2H5v2.2h2.9v-2.2h1.9V104.1z'/%3e%3c/g%3e%3c/svg%3e");
  background-position: top right 10px;
  background-size: 200px;
  background-repeat: no-repeat;
}
.tab-failsafe .pro4 {
  background-image: url(./cf_failsafe_procedure4-yZHd7qXg.svg);
  background-position: top right 10px;
  background-size: 200px;
  background-repeat: no-repeat;
}
.tab-failsafe .channelprimary {
  width: 60%;
}
.tab-failsafe .channelauxiliary {
  width: 60%;
}
.tab-failsafe .cf_tooltiptext {
  display: none;
}
.tab-failsafe table {
  width: 100%;
}
@media all and (max-width: 575px) {
.tab-failsafe .grid-box.col2 {
    grid-template-columns: 1fr !important;
}
}
.tab-motors {
  position: relative;
}
.tab-motors .tab_title {
  margin-bottom: 10px;
  font-size: 20px;
}
.tab-motors .spacer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.tab-motors .motorstop .spacer_box {
  gap: 0;
}
.tab-motors .configuration {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.tab-motors .danger {
  color: var(--text);
}
.tab-motors .danger .switchery {
  margin-right: 0.1rem;
}
.tab-motors .ui-grid-col {
  margin-bottom: 0;
}
.tab-motors .groupTitle {
  padding: 0 0 5px 0;
  margin: 0 0 10px 0;
  font-size: 16px;
  border-bottom: 1px solid var(--surface-500);
}
.tab-motors .mixerPreview {
  display: flex;
  justify-content: center;
  padding: 10px;
}
.tab-motors .mixerPreview svg {
  width: 150px;
  height: 150px;
  margin-left: 15px;
}
.tab-motors dl.features dt {
  width: 10px;
  height: 18px;
  line-height: 18px;
}
.tab-motors dl.features dd {
  margin: 0 0 0 20px;
  height: 18px;
  line-height: 18px;
}
.tab-motors table.featuresMultiple {
  border-collapse: collapse;
  margin-bottom: 0.5rem;
}
.tab-motors table.featuresMultiple tbody {
  border-bottom: 1px solid var(--surface-500);
}
.tab-motors table.featuresMultiple tbody tr td {
  padding: 0 0 0.5rem 0;
}
.tab-motors .number input {
  width: 55px;
  padding-left: 3px;
  height: 20px;
  line-height: 20px;
  text-align: left;
  border-radius: 3px;
  margin-right: 11px;
  font-size: 12px;
  font-weight: normal;
}
.tab-motors .number .disabled {
  width: 48px;
  padding: 0 5px;
  background-color: var(--surface-400);
}
.tab-motors .number input[readonly] {
  background-color: #afafaf;
  border: none;
  pointer-events: none;
  opacity: 0.5;
}
.tab-motors .number span {
  margin-left: 0;
}
.tab-motors .number:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.tab-motors .disarm {
  margin-bottom: 5px;
  border-bottom: 1px solid var(--surface-500);
  width: 100%;
}
.tab-motors .disarm .checkbox {
  padding-left: 0;
  margin-top: -5px;
  margin-right: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--surface-500);
  width: 100%;
}
.tab-motors .freelabel {
  margin-left: 10px;
  position: relative;
}
.tab-motors span {
  margin: 0;
}
.tab-motors .spacer_box.mixer_settings {
  padding-bottom: 0px;
}
.tab-motors .motor_direction_reversed {
  padding-top: 10px;
}
.tab-motors .motor_tool_buttons {
  padding-left: 10px;
  margin-top: 10px;
  display: flex;
  gap: 10px;
}
.tab-motors .disarmdelay {
  width: 100%;
  border-bottom: 1px solid var(--surface-500);
}
.tab-motors .select {
  margin-bottom: 5px;
  clear: left;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--surface-500);
  width: 100%;
}
.tab-motors .select:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.tab-motors .selectProtocol {
  padding: 0.5rem 0;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid var(--surface-500);
  width: 100%;
}
.tab-motors thead {
  display: none;
}
.tab-motors .alignicon {
  width: 15px;
  height: 15px;
  margin: 3px;
}
.tab-motors ._3dSettings {
  width: 100%;
}
.tab-motors .modelAndGraph {
  width: 100%;
}
.tab-motors #dialogMotorOutputReorder-closebtn {
  margin-right: 0px;
  margin-bottom: 0px;
}
.tab-motors dialog {
  width: 400px;
  height: 440px;
}
.tab-motors #dialogMotorOutputReorderContentWrapper {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 100%;
}
.tab-motors #dialogMotorOutputReorderContent {
  flex-grow: 1;
}
.tab-motors #escDshotDirectionDialog-closebtn {
  margin-right: 0px;
  margin-bottom: 0px;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.tab-motors #escDshotDirectionDialog-ContentWrapper {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 100%;
  position: relative;
}
.tab-motors #escDshotDirectionDialog-Content {
  flex-grow: 1;
}
.tab-motors #dialog-mixer-reset {
  width: 400px;
  height: fit-content;
}
.tab-motors #dialog-settings-changed {
  height: 120px;
}
.tab-motors #dialog-settings-reset-confirmbtn {
  margin-bottom: 12px;
  position: relative;
}
.tab-motors #dialog-settings-changed-confirmbtn {
  margin-right: 0px;
  margin-bottom: 0px;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.tab-motors #dialog-settings-changed-content-wrapper {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 100%;
  position: relative;
}
.tab-motors #dialog-settings-changed-content {
  flex-grow: 1;
}
.tab-motors .plot_control {
  margin: 0;
  background-color: transparent;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.tab-motors .plot_control .table {
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 5px;
  box-sizing: border-box;
}
.tab-motors .plot_control .row-container {
  display: table-row-group;
}
.tab-motors .plot_control .motor-button a {
  background-color: var(--primary-500);
  border-radius: 3px;
  border: 1px solid #e8b423;
  color: #000;
  font-size: 10px;
  line-height: 17px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  display: block;
  text-align: center;
}
.tab-motors .plot_control .row {
  display: table-row;
}
.tab-motors .plot_control .left-cell {
  display: table-cell;
  vertical-align: middle;
}
.tab-motors .plot_control .right-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  width: 95px;
  font-size: smaller;
}
.tab-motors .plot_control select {
  width: 100%;
  border: 1px solid var(--surface-500);
  border-radius: 3px;
}
.tab-motors .plot_control .value {
  padding: 3px;
  color: black;
  border-radius: 3px;
}
.tab-motors .plot_control .rms {
  background-color: #00d800;
}
.tab-motors .power_info {
  margin-left: 1em;
}
.tab-motors .power_info .power_text {
  font-weight: bold;
}
.tab-motors .power_info .power_value {
  margin-right: 2em;
  margin-left: 1em;
  display: inline-block;
  text-align: left;
  width: 50px;
}
.tab-motors .stop {
  background-color: var(--error-500);
  border: 1px solid var(--error-600);
  color: #fff;
}
.tab-motors .stop.disabled {
  background-color: var(--surface-300);
  border: 1px solid var(--surface-400);
  color: var(--text);
  cursor: default;
}
.tab-motors svg {
  width: 100%;
  height: 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 text {
  stroke: none;
  fill: var(--text);
  font-size: 10px;
}
.tab-motors .motorblock {
  margin-bottom: 0;
  background-color: var(--surface-200);
}
.tab-motors .title {
  padding-bottom: 2px;
  text-align: center;
  font-weight: bold;
}
.tab-motors .title2 {
  padding-bottom: 2px;
  text-align: center;
  font-size: 12px;
  font-weight: 300;
}
.tab-motors .titles {
  height: 20px;
}
.tab-motors .titles li {
  text-align: center;
}
.tab-motors .titles .active {
  color: green;
}
.tab-motors .m-block {
  height: 100px;
  width: 100%;
  text-align: center;
  background-color: var(--surface-300);
  border-radius: 0.5rem;
}
.tab-motors .m-block .meter-bar {
  position: relative;
  width: 100%;
  height: 100px;
  background-color: var(--surface-300);
  border-radius: 0.5rem;
  border: 1px solid var(--surface-500);
}
.tab-motors .m-block .label {
  position: absolute;
  width: 100%;
  bottom: 45px;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  color: var(--surface-950);
}
.tab-motors .m-block .label.rpm_info {
  bottom: 28px;
}
.tab-motors .m-block .indicator .label {
  color: white;
}
.tab-motors .indicator {
  position: absolute;
  overflow: hidden;
  width: 100%;
  text-align: center;
  border-radius: 2px;
}
.tab-motors .motor_testing {
  margin-bottom: 0;
  padding: 0;
  border: 0;
  list-style: none;
  outline: none;
}
.tab-motors .motor_testing .sliders ul li {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.tab-motors .motor_testing .sliders input {
  cursor: ns-resize;
  writing-mode: vertical-lr;
  direction: rtl;
  height: 6rem !important;
  padding: 0 !important;
}
.tab-motors .motor_testing .values li {
  text-align: center;
  font-size: 10px;
}
.tab-motors .motor_testing .telemetry {
  margin-bottom: 0.5rem;
}
.tab-motors .motor_testing .telemetry .warning {
  color: var(--error-500);
}
.tab-motors .motor_testing .telemetry li {
  text-align: center;
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
}
@media all and (max-width: 1055px) {
.tab-motors .grid-box.col2 {
    grid-template-columns: 1fr !important;
}
}
.content_wrapper[data-v-91936466] {
  padding-bottom: 60px;
}
.bars[data-v-91936466] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-weight: bold;
}
.bars ul[data-v-91936466] {
  display: flex;
  gap: 0.5rem;
}
.bars ul:nth-of-type(1) .fill[data-v-91936466] {
  background-color: #f1453d;
}
.bars ul:nth-of-type(2) .fill[data-v-91936466] {
  background-color: #673fb4;
}
.bars ul:nth-of-type(3) .fill[data-v-91936466] {
  background-color: #2b98f0;
}
.bars ul:nth-of-type(4) .fill[data-v-91936466] {
  background-color: #1fbcd2;
}
.bars ul:nth-of-type(5) .fill[data-v-91936466] {
  background-color: #159588;
}
.bars ul:nth-of-type(6) .fill[data-v-91936466] {
  background-color: #50ae55;
}
.bars ul:nth-of-type(7) .fill[data-v-91936466] {
  background-color: #cdda49;
}
.bars ul:nth-of-type(8) .fill[data-v-91936466] {
  background-color: #fdc02f;
}
.bars ul:nth-of-type(9) .fill[data-v-91936466] {
  background-color: #fc5830;
}
.bars ul:nth-of-type(10) .fill[data-v-91936466] {
  background-color: #785549;
}
.bars ul:nth-of-type(11) .fill[data-v-91936466] {
  background-color: #9e9e9e;
}
.bars ul:nth-of-type(12) .fill[data-v-91936466] {
  background-color: #617d8a;
}
.bars ul:nth-of-type(13) .fill[data-v-91936466] {
  background-color: #cf267d;
}
.bars ul:nth-of-type(14) .fill[data-v-91936466] {
  background-color: #7a1464;
}
.bars ul:nth-of-type(15) .fill[data-v-91936466] {
  background-color: #3a7a14;
}
.bars ul:nth-of-type(16) .fill[data-v-91936466] {
  background-color: #14407a;
}
.bars .name[data-v-91936466] {
  width: 5rem;
  text-align: right;
}
.bars .meter[data-v-91936466] {
  width: 100%;
}
.bars .meter-bar[data-v-91936466] {
  position: relative;
  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-91936466] {
  position: absolute;
  width: 50px;
  text-align: center;
  color: var(--text);
}
.bars .meter-bar .fill[data-v-91936466] {
  position: relative;
  overflow: hidden;
  border-radius: 0.3rem;
  width: 50%;
  height: 1rem;
  background-color: var(--primary-500);
}
.bars .meter-bar .fill .label[data-v-91936466] {
  color: white;
}
.sticks th[data-v-91936466] {
  width: 33%;
}
.deadband th[data-v-91936466] {
  width: 33%;
}
.hybrid_element[data-v-91936466] {
  position: relative;
  width: 11rem;
}
.hybrid_element select[data-v-91936466] {
  z-index: 3;
  position: absolute;
  border: none !important;
  height: 1.45rem;
  min-width: 0 !important;
  width: 1rem;
  inset: 0;
  left: calc(100% - 1.25rem);
  top: 1px;
}
.hybrid_element input[data-v-91936466] {
  z-index: 2;
}
.rcSmoothing table select[data-v-91936466] {
  width: 90%;
}
.rcSmoothing table input[data-v-91936466] {
  width: 90%;
}
.rcSmoothing table .helpicon[data-v-91936466] {
  margin-top: 0;
}
.rcSmoothing td[data-v-91936466]:first-child {
  width: 120px;
  padding: 0.5rem 0;
}
.rcSmoothing td[data-v-91936466]:last-child {
  width: calc(100% - 78px);
}
.rcInterpolation .slider input[data-v-91936466] {
  appearance: slider-horizontal;
}
.graphAndLabel[data-v-91936466] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
}
[data-v-91936466] svg {
  width: 100%;
  height: 100%;
}
.plot_control[data-v-91936466] {
  width: 14rem;
  margin: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.plot_control .table[data-v-91936466] {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 5px;
  box-sizing: border-box;
  padding: 5px 5px 5px 3px;
}
.plot_control .row-container[data-v-91936466] {
  display: table-row-group;
}
.plot_control .receiver-button a[data-v-91936466] {
  background-color: var(--primary-500);
  border-radius: 0.5rem;
  color: #000;
  font-size: 10px;
  line-height: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  display: block;
  text-align: center;
}
.plot_control .row[data-v-91936466] {
  display: table-row;
}
.plot_control .left-cell[data-v-91936466] {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
}
.plot_control .right-cell[data-v-91936466] {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  font-size: smaller;
}
.plot_control .value[data-v-91936466] {
  padding: 4px;
  color: #fff;
  border-radius: 3px;
}
.plot_control .ch1[data-v-91936466] {
  background-color: #f1453d;
}
.plot_control .ch2[data-v-91936466] {
  background-color: #673fb4;
}
.plot_control .ch3[data-v-91936466] {
  background-color: #2b98f0;
}
.plot_control .ch4[data-v-91936466] {
  background-color: #1fbcd2;
}
[data-v-91936466] #RX_plot {
  height: 208px;
  color: var(--text);
}
[data-v-91936466] #RX_plot .line:nth-child(1) {
  stroke: #f1453d;
}
[data-v-91936466] #RX_plot .line:nth-child(2) {
  stroke: #673fb4;
}
[data-v-91936466] #RX_plot .line:nth-child(3) {
  stroke: #2b98f0;
}
[data-v-91936466] #RX_plot .line:nth-child(4) {
  stroke: #1fbcd2;
}
[data-v-91936466] #RX_plot .line:nth-child(5) {
  stroke: #159588;
}
[data-v-91936466] #RX_plot .line:nth-child(6) {
  stroke: #50ae55;
}
[data-v-91936466] #RX_plot .line:nth-child(7) {
  stroke: #cdda49;
}
[data-v-91936466] #RX_plot .line:nth-child(8) {
  stroke: #fdc02f;
}
[data-v-91936466] #RX_plot .line:nth-child(9) {
  stroke: #fc5830;
}
[data-v-91936466] #RX_plot .line:nth-child(10) {
  stroke: #785549;
}
[data-v-91936466] #RX_plot .line:nth-child(11) {
  stroke: #9e9e9e;
}
[data-v-91936466] #RX_plot .line:nth-child(12) {
  stroke: #7a6614;
}
[data-v-91936466] #RX_plot .line:nth-child(13) {
  stroke: #cf267d;
}
[data-v-91936466] #RX_plot .line:nth-child(14) {
  stroke: #7a1464;
}
[data-v-91936466] #RX_plot .line:nth-child(15) {
  stroke: #3a7a14;
}
[data-v-91936466] #RX_plot .line:nth-child(16) {
  stroke: #14407a;
}
[data-v-91936466] .grid .tick {
  stroke: silver;
  stroke-width: 1px;
  shape-rendering: crispEdges;
}
[data-v-91936466] .grid path {
  stroke-width: 0;
}
[data-v-91936466] .line {
  stroke-width: 2px;
  fill: none;
}
[data-v-91936466] text {
  stroke: none;
  fill: var(--text);
  font-size: 10px;
}
.model_preview_cell[data-v-91936466] {
  position: relative;
  width: 100%;
  height: 11rem;
}
.model_preview[data-v-91936466] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.receiver select[data-v-91936466] {
  width: fit-content;
}
table[data-v-91936466] {
  width: 100%;
  padding: 0;
}
table th[data-v-91936466] {
  border-bottom: 1px solid var(--surface-500);
}
table td[data-v-91936466] {
  border-bottom: 1px solid var(--surface-500);
}
@media all and (max-width: 575px) {
[data-v-91936466] .grid-box.col5 {
    grid-template-columns: 1fr !important;
}
[data-v-91936466] .grid-box.col6 {
    column-gap: 0.5rem;
}
}

.content_wrapper[data-v-e1a860ce] {
    padding-bottom: 60px;
}

/* Base styles */
[data-v-e1a860ce] input[type="checkbox"] {
    width: 18px;
    height: 18px;
}
[data-v-e1a860ce] select {
    background: var(--surface-200);
    color: var(--text);
    border: 1px solid var(--surface-500);
    border-radius: 3px;
    padding: 2px;
}
[data-v-e1a860ce] input {
    background: var(--surface-200);
    color: var(--text);
    border: 1px solid var(--surface-500);
    border-radius: 3px;
}

/* Info Progress Bars */
.info[data-v-e1a860ce] {
    display: grid;
    grid-template-areas: "area";
    width: 100%;
    margin-bottom: 10px;
}
.info .progressLabel[data-v-e1a860ce] {
    grid-area: area;
    width: 100%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: white;
    font-weight: bold;
}
.info .progressLabel a[data-v-e1a860ce] {
    color: white;
}
.info .progressLabel a[data-v-e1a860ce]:hover {
    text-decoration: underline;
}
.info .progress[data-v-e1a860ce] {
    grid-area: area;
    width: 100%;
    height: 26px;
    border-radius: 5px;
    border: 1px solid var(--surface-500);
    -webkit-appearance: none;
    appearance: none;
}
.info .progress[data-v-e1a860ce]::-webkit-progress-bar {
    background-color: var(--text);
    border-radius: 4px;
    box-shadow: inset 0 0 5px #2f2f2f;
}
.info .progress[data-v-e1a860ce]::-webkit-progress-value {
    background-color: #f86008;
    border-radius: 4px;
}
.info .progress.valid[data-v-e1a860ce]::-webkit-progress-bar,
.info .progress.valid[data-v-e1a860ce]::-webkit-progress-value {
    background-color: #56ac1d;
    border-radius: 4px;
}
.info .progress.invalid[data-v-e1a860ce]::-webkit-progress-bar,
.info .progress.invalid[data-v-e1a860ce]::-webkit-progress-value {
    background-color: #a62e32;
    border-radius: 4px;
}

/* Options */
.options[data-v-e1a860ce] {
    position: relative;
    margin-bottom: 10px;
    line-height: 18px;
    text-align: left;
}
.options label input[data-v-e1a860ce] {
    margin-top: 2px;
}
.options label span[data-v-e1a860ce] {
    font-weight: bold;
    margin-left: 6px;
}
.options select[data-v-e1a860ce] {
    width: 300px;
    height: 20px;
    border: 1px solid var(--surface-500);
}
.options .releases select[data-v-e1a860ce] {
    width: 280px;
}
.options .description[data-v-e1a860ce] {
    position: relative;
    left: 0;
    font-style: italic;
    color: #818181;
}
.options .flash_on_connect_wrapper[data-v-e1a860ce] {
    display: none;
}
.options .manual_baud_rate select[data-v-e1a860ce] {
    width: 75px;
    margin-left: 19px;
}
.option.releases[data-v-e1a860ce] {
    margin: 0 0 2px 0;
    line-height: 20px;
}

/* Display Layout / Elements */
.display-layout[data-v-e1a860ce] {
    height: 100%;
}
.display-layout label[data-v-e1a860ce] {
    margin: 0.25em 0.1em;
    display: inline-block;
}
.display-layout input[data-v-e1a860ce] {
    margin: 0.1em 1em;
}
.display-layout input.position[data-v-e1a860ce] {
    width: 5em;
    border-bottom: 1px solid var(--surface-500);
}
.video-type-option.disabled span[data-v-e1a860ce] {
    color: #afafaf;
}

/* Switchable Fields (Core Element List) */
.switchable-fields[data-v-e1a860ce] {
    margin-top: 5px;
    margin-bottom: 8px;
    width: 100%;
    /* Removed overflow/height constraints to allow absolute position popups to overflow */
}
.switchable-fields .elements-search-field[data-v-e1a860ce],
.element-search[data-v-e1a860ce] {
    margin: 0 0 5px 0.5rem;
}
.switchable-field[data-v-e1a860ce],
.display-field[data-v-e1a860ce] {
    /* Keep compatibility with template class */
    flex: 1;
    display: flex; /* Added for alignment */
    align-items: center; /* Added for alignment */
    padding: 3px;
    border: 1px solid transparent;
    border-bottom: 1px solid var(--surface-500);
}
.switchable-field input[data-v-e1a860ce],
.display-field input[data-v-e1a860ce] {
    border-radius: 3px;
    border: 1px solid var(--surface-500);
    padding: 2px;
}
.switchable-field label[data-v-e1a860ce],
.display-field .field-label[data-v-e1a860ce] {
    margin-left: 5px;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.switchable-field[data-v-e1a860ce]:last-child,
.display-field[data-v-e1a860ce]:last-child {
    border-bottom: 0;
}
.switchable-field.mouseover[data-v-e1a860ce],
.switchable-field.highlighted[data-v-e1a860ce],
.display-field.mouseover[data-v-e1a860ce],
.display-field.highlighted[data-v-e1a860ce] {
    background: var(--surface-200);
    /* border: 1px solid var(--surface-500); Removed per user request */
    /* font-weight: 800; Removed per user request */
}

/* Profile Checkboxes */
.profile-checkboxes[data-v-e1a860ce] {
    display: flex;
    gap: 4px;
}
.profile-checkbox[data-v-e1a860ce] {
    width: 16px;
    height: 16px;
}
.profile-label[data-v-e1a860ce] {
    display: inline-block;
    width: 20px;
    text-align: center;
    font-weight: bold;
}

/* Variant Selector */
.variant-selector[data-v-e1a860ce] {
    width: 100px;
}

/* Preview Area */
.preview-parent[data-v-e1a860ce] {
    position: sticky;
    top: 1.5rem;
}
.preview-container[data-v-e1a860ce] {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.ruler-overlay[data-v-e1a860ce] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    pointer-events: none;
}
.preview[data-v-e1a860ce] {
    background: url(./osd-bg-1-D-hAF0Rf.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 20px;
    margin-left: 20px;
}
.gui_box_titlebar label[data-v-e1a860ce] {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    vertical-align: text-bottom;
}
.gui_box_bottombar[data-v-e1a860ce] {
    text-align: center;
    margin-top: 30px;
}
.preview-parent .row[data-v-e1a860ce] {
    display: flex;
}
.char[data-v-e1a860ce] {
    display: flex;
    padding: 0;
    margin: 0;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    border: 1px solid transparent;
}
.char[draggable="true"][data-v-e1a860ce] {
    cursor: move;
}
.char img[data-v-e1a860ce] {
    flex: 1 1 auto;
    max-width: 100%;
    height: auto;
    image-rendering: pixelated;
}
.char.mouseover[data-v-e1a860ce] {
    background: rgba(255, 255, 255, 0.4);
}
.char.highlighted[data-v-e1a860ce] {
    background: rgba(255, 255, 255, 0.4);
}
.char.dragging[data-v-e1a860ce] {
    background: rgba(255, 255, 255, 0.4);
}

/* Crosshair and grid lines on mouse-down (legacy :active behavior) */
.preview-parent[data-v-e1a860ce]:active::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 40%;
    border-top: 0.3em dashed var(--gimbalCrosshair);
    width: 20%;
    transform: translateY(-50%);
    pointer-events: none;
}
.preview-parent[data-v-e1a860ce]: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;
}
.preview-parent:active .char[data-v-e1a860ce] {
    border: 1px dashed rgba(55, 55, 55, 0.5);
}
.osd-feature .gui_box_titlebar[data-v-e1a860ce] {
    left: 0;
}

/* Preview Controls Bar */
.preview-controls-bar[data-v-e1a860ce] {
    background-color: var(--primary-500) !important;
    border-radius: 20px;
    padding: 5px 15px !important;
    margin-bottom: 10px;
    height: auto !important;
    border: none !important;
    display: flex;
    align-items: center;
}
.preview-controls-bar .spacer_box_title[data-v-e1a860ce] {
    width: 100%;
}
.preview-controls-wrapper[data-v-e1a860ce] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    width: 100%;
    color: #141414;
    font-weight: 700;
}
.preview-controls-wrapper label[data-v-e1a860ce] {
    color: #141414;
    margin-right: 0;
    white-space: nowrap;
    max-width: none;
    overflow: visible;
    text-overflow: clip;
}
.preview-controls-wrapper select[data-v-e1a860ce],
.preview-controls-wrapper select.dark-select[data-v-e1a860ce] {
    background-color: #262626 !important;
    color: #f8f8f8 !important;
    border: 1px solid #1b1b1b !important;
    border-radius: 4px;
    padding: 2px 5px;
    margin-right: 0;
    height: 24px;
    font-weight: 600;
}
.preview-controls-wrapper select option[data-v-e1a860ce] {
    background-color: #262626;
    color: #f8f8f8;
}
.osd-preview-rulers-group[data-v-e1a860ce] {
    margin-left: auto; /* Push to right */
    display: flex;
    align-items: center;
    gap: 6px;
}
.osd-preview-rulers-group input[data-v-e1a860ce] {
    margin-right: 0;
}

/* Fix specificity for legacy overrides */
.gui_box_titlebar.image.preview-controls-bar[data-v-e1a860ce] {
    line-height: normal;
}

/* Preset Button - Explicitly Legacy */
.preset-pos-btn[data-v-e1a860ce] {
    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;
}
.preset-pos-btn[data-v-e1a860ce]:hover {
    background-color: var(--surface-700, #666);
    transform: scale(1.1);
}
.preset-pos-btn[data-v-e1a860ce]:active {
    transform: scale(0.9);
}

/* Position Controls Container - Anchor for absolute menu */
.position-controls[data-v-e1a860ce] {
    position: relative;
    display: flex; /* Ensure button aligns */
    align-items: center;
    justify-content: center;
    margin-left: auto; /* Push to right of flex container */
    flex-shrink: 0;
}

/* Context Menu Structure (Matches Legacy osd.less) */
.context-menu[data-v-e1a860ce] {
    position: absolute;
    display: inline-block;
    min-width: 140px; /* Legacy width */
    top: -5px; /* Slight offset up to align nicely with button center */
    left: 100%; /* Align to right of button container */
    margin-left: 5px; /* Space from button */
    padding: 2px;
    background-color: var(--surface-50); /* Legacy background */
    border: 1px solid var(--surface-500);
    border-radius: 3px;
    z-index: 10001; /* Legacy z-index */
    transition: opacity 0.2s;
    opacity: 1;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.context-menu-item[data-v-e1a860ce] {
    position: relative;
}

/* The list "item" */
.context-menu-item-display[data-v-e1a860ce] {
    position: relative;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    font-size: 11px; /* Legacy font size match */
    transition: all 0.15s;
    border-radius: 2px;
    color: var(--text);
    white-space: nowrap;
}
.context-menu-item-display[data-v-e1a860ce]:hover {
    background-color: var(--surface-700);
    color: #fff;
}

/* Submenu Content (The Grid) */
.context-menu-item-content[data-v-e1a860ce] {
    position: absolute;
    /* Position relative to the .context-menu-item-display (parent of this tree) */
    /* Since it's nested deep in spans, we need to ensure it breaks out correctly */
    left: 100%;
    top: -5px;
    margin-left: 5px;
    display: none;
    opacity: 0;
    /* pointer-events handled by show class */
    z-index: 10002;
}
.context-menu-item-content.show[data-v-e1a860ce] {
    display: block;
    opacity: 1;
    pointer-events: all;
}

/* Preset Button - Explicitly Legacy */

/* Preset Popover Grid Container */
#preset-pos-grid-wrapper[data-v-e1a860ce] {
    background-color: var(--surface-50);
    border-radius: 5px;
    padding: 10px;
    gap: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.preset-popover-title[data-v-e1a860ce] {
    font-weight: 600;
    text-align: center;
    margin-bottom: 6px;
    color: var(--text);
    /* Legacy didn't have specific title class in this context but keeping for structure */
}
.preset-grid[data-v-e1a860ce] {
    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);
}
.preset-grid-cell[data-v-e1a860ce] {
    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);
}

/* Hover transform removed per user request */

/* Tooltip for cell */
.preset-grid-cell .preset-pos-cell-tooltip[data-v-e1a860ce] {
    position: absolute;
    top: -25px;
    font-size: 8px;
    white-space: nowrap;
    color: var(--text);
    background-color: color-mix(in srgb, var(--surface-300) 70%, var(--primary-500) 30%);
    opacity: 0;
    transition: opacity 0.25s;
    pointer-events: none;
    padding: 5px;
    border-radius: 5px;
}
.preset-grid-cell:hover .preset-pos-cell-tooltip[data-v-e1a860ce] {
    opacity: 1;
}
.preset-cell-dot[data-v-e1a860ce] {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background: currentColor;
    border-radius: 50%;
    opacity: 0.8;
}

/* Timers */
.timer-config[data-v-e1a860ce] {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--surface-500);
}
.timer-config[data-v-e1a860ce]:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.timer-row[data-v-e1a860ce] {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.timer-row label[data-v-e1a860ce] {
    flex: 1;
}
.timer-row select[data-v-e1a860ce],
.timer-row input[data-v-e1a860ce] {
    width: 140px;
}

/* Alarms */
.alarms label[data-v-e1a860ce] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    border-bottom: 1px solid var(--surface-500);
    margin-top: 0;
    padding: 5px 0;
}
.alarms label[data-v-e1a860ce]:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.alarms input[data-v-e1a860ce] {
    width: 55px;
    padding-left: 3px;
    height: 18px;
    line-height: 20px;
    text-align: left;
    border-radius: 3px;
    margin-right: 0;
    font-size: 11px;
    font-weight: normal;
}
.warning-field[data-v-e1a860ce],
.stat-field[data-v-e1a860ce] {
    margin-bottom: 4px;
}

/* Font Manager */
.font-picker[data-v-e1a860ce] {
    padding: 20px;
}
.fontpresets_wrapper[data-v-e1a860ce] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 16px 0;
    padding: 1rem 0;
}
.font-format-hint[data-v-e1a860ce] {
    font-size: 0.85em;
    opacity: 0.6;
}
.fontpresets[data-v-e1a860ce] {
    background: var(--surface-200);
    color: var(--text);
    border: 1px solid var(--surface-500);
    border-radius: 3px;
}
#font-logo[data-v-e1a860ce] {
    display: flex;
    margin-bottom: 2em;
}
#font-logo-preview-container[data-v-e1a860ce] {
    background: rgba(0, 255, 0, 0.4);
    margin-bottom: 10px;
    padding: 10px;
}
#font-logo-preview[data-v-e1a860ce] {
    background: rgba(0, 255, 0, 1);
    line-height: 0;
    margin: auto;
}
#font-logo-info[data-v-e1a860ce] {
    flex: 1;
    margin-left: 2em;
    line-height: 150%;
}
#font-logo-info h3[data-v-e1a860ce] {
    margin-bottom: 0.2em;
}
#font-logo-info ul li[data-v-e1a860ce]:before {
    content: "\2022\20";
}
#font-logo-info ul li.valid[data-v-e1a860ce] {
    color: #00a011;
}
#font-logo-info ul li.valid[data-v-e1a860ce]:before {
    content: "\2714\20";
}
#font-logo-info ul li.invalid[data-v-e1a860ce] {
    color: #a01100;
}
#font-logo-info ul li.invalid[data-v-e1a860ce]:before {
    content: "\2715\20";
}
button[data-v-e1a860ce] {
    padding: 4px 10px !important;
    font-weight: 600;
    font-size: 9pt !important;
    cursor: pointer;
}

/* Spacers */
.spacer_box div label[data-v-e1a860ce] {
    display: inline-flex;
    gap: 3px;
    margin-right: 10px;
}

/* Timers */
.timer-option[data-v-e1a860ce] {
    padding: 2px;
    display: inline !important;
}
.timers-container .timer-detail[data-v-e1a860ce] {
    padding-left: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.timers-container label[data-v-e1a860ce] {
    margin-right: 5px !important;
    display: inline-block;
    width: 80px;
}
.timers-container input[data-v-e1a860ce],
.timers-container select[data-v-e1a860ce] {
    width: 150px;
}

/* Media Queries */
@media all and (max-width: 1455px) {
.grid-box .col-span-2[data-v-e1a860ce] {
        grid-column: span 4;
        grid-row-start: 1;
        grid-row-end: 1;
}
.grid-box .col-span-1[data-v-e1a860ce] {
        grid-column: span 2;
}
}
@media all and (max-width: 575px) {
.grid-box.col4[data-v-e1a860ce] {
        grid-template-columns: 1fr;
}
.grid-box.col4 .col-span-2[data-v-e1a860ce] {
        grid-column: span 1;
}
.grid-box.col4 .col-span-1[data-v-e1a860ce] {
        grid-column: span 1;
}
}
#font-logo-info-upload-hint[data-v-e1a860ce] {
    margin-top: 1em;
    display: none;
}
.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-b7c2c7ea] {
  position: relative;
  background-color: var(--surface-200);
  border-radius: 1rem;
  border: 2px solid var(--surface-400);
}
.tab-setup #interactive_block a.reset[data-v-b7c2c7ea] {
  position: absolute;
  display: block;
  top: 1rem;
  right: 1rem;
  border-radius: 0.5rem;
  bottom: 10px;
  height: 28px;
  line-height: 28px;
  padding: 0 15px 0 15px;
  text-align: center;
  font-weight: bold;
  background-color: var(--surface-400);
  z-index: 100;
}
.tab-setup #interactive_block a.reset[data-v-b7c2c7ea]:hover {
  background-color: var(--surface-500);
}
.tab-setup .model-and-info[data-v-b7c2c7ea] {
  margin-top: 0.75rem;
}
.tab-setup .model-and-info #canvas_wrapper[data-v-b7c2c7ea] {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 32rem;
  top: 0;
  left: 0;
  border-radius: 1rem;
}
@media only screen and (max-width: 1055px) {
.tab-setup .grid-box[data-v-b7c2c7ea] {
    grid-template-columns: 1fr !important;
}
.tab-setup .col-span-3[data-v-b7c2c7ea] {
    display: grid !important;
    grid-column: span 1 !important;
}
.tab-setup .col-span-1[data-v-b7c2c7ea] {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
}
.tab-setup #canvas_wrapper[data-v-b7c2c7ea] {
    max-height: 20rem !important;
}
}
@media all and (max-width: 575px) {
.tab-setup .grid-box[data-v-b7c2c7ea] {
    grid-template-columns: 1fr !important;
}
}
.tab-setup .instrumentsbox[data-v-b7c2c7ea] {
  flex-direction: row;
  justify-content: center;
}
.tab-setup .system_info td[data-v-b7c2c7ea] {
  width: 50%;
  vertical-align: baseline;
}
#accel_calib_running[data-v-b7c2c7ea] {
  width: 100%;
  position: relative;
  padding: 5px 0 5px 0;
  text-align: center;
  background-color: var(--surface-300);
  border-radius: 0.5rem;
  border: 1px solid var(--primary-500);
  color: var(--primary-500);
  font-weight: bold;
  font-size: 12px;
  line-height: 13px;
  transition: all ease 0.2s;
  text-decoration: none;
}
#mag_calib_running[data-v-b7c2c7ea] {
  width: 100%;
  position: relative;
  padding: 5px 0 5px 0;
  text-align: center;
  background-color: var(--surface-300);
  border-radius: 0.5rem;
  border: 1px solid var(--primary-500);
  color: var(--primary-500);
  font-weight: bold;
  font-size: 12px;
  line-height: 13px;
  transition: all ease 0.2s;
  text-decoration: none;
}
#canvas[data-v-b7c2c7ea] {
  width: 100% !important;
  height: 100% !important;
}
.attitude_info[data-v-b7c2c7ea] {
  position: absolute;
  top: 1rem;
  left: 1rem;
  margin: 0;
  font-weight: normal;
  color: var(--surface-950);
}
.attitude_info dl[data-v-b7c2c7ea] {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.attitude_info dd[data-v-b7c2c7ea] {
  white-space: pre;
}
.dialogBuildInfo[data-v-b7c2c7ea] {
  transition: all 0.2s;
  overflow-x: hidden;
  overflow-y: auto;
  width: min-content;
  height: min-content;
}
.dialogBuildInfoGrid-container[data-v-b7c2c7ea] {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 5px;
}
.dialogBuildInfoGrid-item[data-v-b7c2c7ea] {
  padding: 5px 5px 3px 5px;
  user-select: text;
}
.block.info .fields[data-v-b7c2c7ea] {
  padding: 5px 5px 3px 5px;
}
.block.info dt[data-v-b7c2c7ea] {
  width: 99px;
  height: 20px;
  line-height: 20px;
}
.block.info dd[data-v-b7c2c7ea] {
  width: 76px;
  height: 20px;
  line-height: 20px;
  margin-left: 99px;
}
.block.gps[data-v-b7c2c7ea] {
  width: 185px;
  margin-bottom: 10px;
}
.block.gps .fields[data-v-b7c2c7ea] {
  padding: 5px 5px 3px 5px;
}
.block.gps dt[data-v-b7c2c7ea] {
  width: 85px;
  height: 20px;
  margin-bottom: 2px;
  line-height: 20px;
}
.block.instruments[data-v-b7c2c7ea] {
  width: 285px;
  align-content: center;
  text-align: center;
}
.buttons[data-v-b7c2c7ea] {
  bottom: 20px;
}
.disarm-flag[data-v-b7c2c7ea] {
  padding-right: 5px;
  display: inline-block;
}
/* semantic label/value grid used to replace layout tables for accessibility */
.cf-info-grid[data-v-b7c2c7ea] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.25rem 1rem;
  align-items: baseline;
  width: 100%;
}
.cf-info-grid dt[data-v-b7c2c7ea] {
  font-weight: bold;
  margin: 0;
}
.cf-info-grid dd[data-v-b7c2c7ea] {
  margin: 0;
  min-width: 0;
  overflow-wrap: break-word;
}

/* Component-specific styles */
.disabledSliders[data-v-bdbe6dab] {
    opacity: 0.5;
}
.pid_roll[data-v-bdbe6dab],
.pid_pitch[data-v-bdbe6dab],
.pid_yaw[data-v-bdbe6dab] {
    font-weight: bold;
    color: white;
    text-align: center;
    padding: 5px;
}
.expertSettingsDetectedNote[data-v-bdbe6dab] {
    margin: 10px;
    padding: 10px;
    background-color: #ffe4b5;
    border: 1px solid #ff8c00;
    border-radius: 3px;
    color: #333;
}
.expertSettingsDetectedNote p[data-v-bdbe6dab] {
    margin: 0;
    color: #333;
}
.gui_box.grey[data-v-bdbe6dab] {
    margin-bottom: 10px;
}

/* Slider Header */
.slider-header[data-v-bdbe6dab] {
    display: grid;
    grid-template-columns: 20% 60px 1fr 30px;
    align-items: center;
    padding: 0.5rem 10px;
    background-color: var(--surface-300);
    color: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    gap: 10px;
}
.slider-mode-section[data-v-bdbe6dab] {
    display: flex;
    align-items: center;
    gap: 8px;
    grid-column: 1 / 3;
}
.slider-mode-section .sm-min[data-v-bdbe6dab] {
    white-space: nowrap;
    font-size: 12px;
}
.slider-range-labels[data-v-bdbe6dab] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    font-size: 12px;
}
.slider-range-labels span[data-v-bdbe6dab] {
    flex: 1;
}

/* Slider Rows */
.slider-row[data-v-bdbe6dab] {
    display: grid;
    grid-template-columns: 20% 60px 1fr 30px;
    align-items: center;
    padding: 8px 10px;
    border-bottom: 1px solid var(--surface-500);
    gap: 10px;
}
.slider-row[data-v-bdbe6dab]:last-child {
    border-bottom: none;
}
.slider-label[data-v-bdbe6dab] {
    text-align: right;
    font-size: 12px;
    line-height: 1.3;
    padding-right: 10px;
}
.slider-value[data-v-bdbe6dab] {
    text-align: center;
    font-weight: bold;
    font-size: 13px;
}
.slider-control[data-v-bdbe6dab] {
    display: flex;
    align-items: center;
}
.slider-control input[type="range"][data-v-bdbe6dab] {
    width: 100%;
}
.slider-row .helpicon[data-v-bdbe6dab] {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Divider */
.sliderDivider[data-v-bdbe6dab] {
    padding: 8px 0;
}
.sliderDivider hr[data-v-bdbe6dab] {
    border: none;
    border-top: 1px solid var(--surface-500);
    border-bottom: 1px solid var(--surface-500);
    height: 2px;
    margin: 0;
}

.subtab-rates[data-v-455e30a0] {
    display: flex;
    gap: 10px;
}
.cf_column[data-v-455e30a0] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.gui_box[data-v-455e30a0] {
    padding: 10px;
}
.background_paper[data-v-455e30a0] {
    background: var(--surface-50, #fff);
    border: 1px solid var(--surface-400, #ccc);
    padding: 5px;
}
.rate_curve[data-v-455e30a0] {
    position: relative;
}
.throttle_curve[data-v-455e30a0] {
    width: 100%;
}
.rates_preview[data-v-455e30a0] {
    width: 100%;
}
canvas[data-v-455e30a0] {
    display: block;
}
@media all and (max-width: 900px) {
.subtab-rates[data-v-455e30a0] {
        flex-direction: column;
}
}

.subtab-filter[data-v-c4af6d07] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.gui_box.grey[data-v-c4af6d07] {
    border: 1px solid var(--surface-300);
    border-radius: 4px;
    padding: 15px;
    background: var(--surface-50);
}
.gui_box.grey h3[data-v-c4af6d07] {
    margin-top: 0;
    margin-bottom: 15px;
    color: var(--text-primary);
    font-size: 16px;
}
.checkbox[data-v-c4af6d07] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}
.checkbox input[type="checkbox"][data-v-c4af6d07] {
    width: 16px;
    height: 16px;
}
.suboption[data-v-c4af6d07] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 24px;
}
.suboption label[data-v-c4af6d07] {
    font-weight: 500;
    color: var(--text-primary);
    margin-top: 8px;
}
.suboption input[type="number"][data-v-c4af6d07],
.suboption select[data-v-c4af6d07] {
    padding: 6px 10px;
    border: 1px solid var(--surface-300);
    border-radius: 4px;
    background: var(--surface-0);
    color: var(--text-primary);
    min-width: fit-content;
    width: auto;
    max-width: none;
}
.slider-container[data-v-c4af6d07] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}
.slider-container label[data-v-c4af6d07] {
    min-width: 200px;
    font-weight: 500;
}
.tuningSlider[data-v-c4af6d07] {
    width: 100%;
    max-width: none;
}
.slider-container span[data-v-c4af6d07] {
    min-width: 50px;
    font-weight: bold;
    color: var(--accent-color);
}
.notch-filter[data-v-c4af6d07] {
    border-left: 2px solid var(--surface-300);
    padding-left: 12px;
    margin-bottom: 12px;
}
.notch-filter[data-v-c4af6d07]:last-child {
    margin-bottom: 0;
}

/* ====================================================================
   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;
}

/* ── Inputs ───────────────────────────────────────────────────────── */
.tab-pid_tuning input[type="number"]::-webkit-inner-spin-button {
    border: 0;
}
.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;
    text-align: right;
    border: 1px solid var(--surface-500);
    border-radius: 3px;
}

/* ── gui_box ──────────────────────────────────────────────────────── */
.tab-pid_tuning .gui_box {
    padding: 0;
    overflow: hidden;
    gap: 0;
}
.tab-pid_tuning .gui_box span {
    font-style: normal;
    font-weight: normal;
    line-height: 19px;
    font-size: 11px;
}
.tab-pid_tuning .note,
.tab-pid_tuning .danger {
    margin-bottom: 0;
}

/* ── Filter sub-tab ───────────────────────────────────────────────── */
.tab-pid_tuning .subtab-filter .gui_box {
    float: none;
}
.tab-pid_tuning .subtab-filter table select {
    display: inline-block;
    margin-left: auto;
}
.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: 75px;
    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;
}

/* ── Tab container ────────────────────────────────────────────────── */
.tab-pid_tuning .tab-container {
    border-bottom: 3px solid var(--primary-500);
    border-right-width: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: start;
    width: 100%;
}
.tab-pid_tuning .tab-container > div {
    background-color: var(--surface-200);
    padding: 6px 12px;
    border-right: 1px solid var(--surface-500);
    box-sizing: border-box;
    text-align: center;
}
.tab-pid_tuning .tab-container > div:first-child {
    border-top-left-radius: 4px;
}
.tab-pid_tuning .tab-container > div:last-child {
    border-top-right-radius: 4px;
}
.tab-pid_tuning .tab-container > div a {
    display: block;
    color: var(--text);
}
.tab-pid_tuning .tab-container > div.active {
    background-color: var(--primary-500);
    color: #000;
    transition: none;
}
.tab-pid_tuning .tab-container > div.active a {
    background-color: var(--primary-500);
    color: #000;
    transition: none;
}

/* ── Single-field selectors ───────────────────────────────────────── */
.tab-pid_tuning .single-field {
    display: inline-table;
    margin-bottom: 10px;
    margin-right: 5px;
}
.tab-pid_tuning .single-field .head {
    text-align: left;
    border-radius: 4px;
    color: var(--text);
    font-weight: normal;
    padding-bottom: 0.5rem;
}

/* ── 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 .top-buttons {
    float: right;
}
.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 {
    width: 50px;
    padding-left: 3px;
    height: 20px;
    line-height: 20px;
    text-align: left;
    border: 1px solid var(--surface-500);
    border-radius: 3px;
    margin-right: 11px;
    font-weight: normal;
}
.tab-pid_tuning .gui_box_titlebar .helpicon {
    margin-top: 5px;
    margin-right: 5px;
}
.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 .resetbt {
    width: 200px;
    margin-right: 10px;
}
.tab-pid_tuning .copyprofilebtn {
    width: 150px;
    margin-right: 10px;
}
.tab-pid_tuning .copyrateprofilebtn {
    width: 150px;
    margin-right: 10px;
}
.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;
}

/* ── Profile / rate profile selectors ─────────────────────────────── */
.tab-pid_tuning .profile,
.tab-pid_tuning .rate_profile {
    min-width: 130px;
}
.tab-pid_tuning .profile select,
.tab-pid_tuning .rate_profile select {
    width: 100%;
}
.tab-pid_tuning .profile .helpicon,
.tab-pid_tuning .rate_profile .helpicon {
    margin: 0;
}
.tab-pid_tuning .controller {
    width: 150px;
}
.tab-pid_tuning .controller select,
.tab-pid_tuning .delta select {
    border: 1px solid var(--surface-500);
    margin-left: 5px;
    width: calc(100% - 10px);
}
.tab-pid_tuning .delta {
    width: 150px;
}

/* ── 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;
}

/* ── Content header ───────────────────────────────────────────────── */
.tab-pid_tuning .content_wrapper_header {
    display: flex;
}
.tab-pid_tuning .content_wrapper_header_btns {
    margin-left: auto;
}

/* ── 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: #97d800;
}
.pid_yaw {
    background-color: #1fb1f0;
}
.pid_roll,
.pid_pitch,
.pid_yaw {
    color: black;
}

/* ── Show all pids button ─────────────────────────────────────────── */
.show {
    width: 130px;
    margin-right: 3px;
}

/* ── 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;
}

/* ── 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: var(--surface-200);
}

/* ── Responsive: 575px ────────────────────────────────────────────── */
@media all and (max-width: 575px) {
.tab-pid_tuning dialog {
        width: calc(100% - 2em);
        border-radius: unset;
}
.tab-pid_tuning .content_wrapper_header {
        flex-wrap: wrap;
}
.tab-pid_tuning .profile {
        width: calc(50% - 5px);
}
.tab-pid_tuning .rate_profile {
        width: calc(50% - 5px);
        margin-left: 5px;
        margin-right: 0;
}
.tab-pid_tuning .copyprofilebtn {
        width: calc(50% - 5px);
}
.tab-pid_tuning .copyrateprofilebtn {
        width: calc(50% - 5px);
        margin-right: 0;
}
.tab-pid_tuning .resetbt {
        width: calc(50% - 5px);
}
.tab-pid_tuning .show {
        width: calc(50% - 5px);
        margin-right: 0;
}
.tab-pid_tuning .controller {
        margin-right: 0;
        width: 100%;
}
.tab-pid_tuning .content_wrapper_header_btns {
        display: flex;
        flex-wrap: wrap;
}
.tab-pid_tuning .tab-container > div {
        width: calc(100% / 3);
}
.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) */
  /* Hourly forecast table */
  /* 5-Day Forecast table */
  /* 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-location-select {
  min-width: 180px;
  max-width: 300px;
  padding: 4px 8px;
  font-size: 12px;
}
.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 .weather-grid .weather-details th[scope="row"],
.tab-preflight .weather-grid .weather-details td:first-child {
  font-weight: 500;
  width: 40%;
  color: var(--surface-700);
  text-align: left;
}
.tab-preflight .flight-window-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.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 .hourly-table {
  font-size: 12px;
  width: 100%;
}
.tab-preflight .hourly-table thead .titles th {
  font-weight: bold;
  text-align: center;
  padding: 4px;
  background: var(--surface-300);
  border-bottom: 1px solid var(--surface-500);
}
.tab-preflight .hourly-table tbody td {
  text-align: center;
  padding: 3px 4px;
}
.tab-preflight .hourly-table tbody td:first-child {
  text-align: left;
  font-weight: 500;
}
.tab-preflight .hourly-table tbody tr:nth-child(even) {
  background: var(--surface-200);
}
.tab-preflight .table-note {
  font-size: 11px;
  color: var(--surface-600);
  margin-top: 4px;
  text-align: right;
}
.tab-preflight .forecast-table {
  font-size: 12px;
  width: 100%;
}
.tab-preflight .forecast-table thead .titles th {
  font-weight: bold;
  text-align: center;
  padding: 4px;
  background: var(--surface-300);
  border-bottom: 1px solid var(--surface-500);
}
.tab-preflight .forecast-table tbody td {
  text-align: center;
  padding: 4px 6px;
}
.tab-preflight .forecast-table tbody td:first-child {
  text-align: left;
  font-weight: 500;
  white-space: nowrap;
}
.tab-preflight .forecast-table tbody td:nth-child(2) {
  text-align: left;
}
.tab-preflight .forecast-table tbody tr:nth-child(even) {
  background: var(--surface-200);
}
.tab-preflight .forecast-table .forecast-row-danger {
  background: rgba(192, 57, 43, 0.1) !important;
}
.tab-preflight .forecast-table .forecast-row-warning {
  background: rgba(163, 83, 9, 0.1) !important;
}
.tab-preflight .forecast-table .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 .storm-scales th[scope="row"],
.tab-preflight .solar-info .storm-scales td:first-child {
  font-weight: 500;
  color: var(--surface-700);
  text-align: left;
}
.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 .cf_table {
  margin-bottom: 8px;
}
.tab-preflight .gnss-info .cf_table th[scope="row"],
.tab-preflight .gnss-info .cf_table td:first-child {
  font-weight: 500;
  color: var(--surface-700);
  width: 50%;
  text-align: left;
}
.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 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 .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-indicator {
  color: var(--primary-500);
}
.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;
}
.tab-transponder .spacer_box {
  padding-bottom: 10px;
  float: left;
  width: calc(100% - 20px);
}
.tab-transponder .text {
  margin-bottom: 5px;
  clear: left;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--surface-500);
  width: 100%;
  float: left;
}
.tab-transponder .text input {
  width: 100px;
  padding-left: 3px;
  height: 20px;
  line-height: 20px;
  text-align: left;
  border: 1px solid var(--surface-500);
  border-radius: 3px;
  margin-right: 11px;
  font-size: 12px;
  font-weight: normal;
  background: var(--surface-200);
  color: var(--text);
}
.tab-transponder .text span {
  margin-left: 0px;
}
.tab-transponder .text:last-child {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.tab-transponder input {
  float: left;
}
.tab-transponder span {
  margin: 0px;
}
.tab-transponder .textspacer {
  float: left;
  width: 115px;
  height: 21px;
}
.tab-transponder .gui_box span {
  font-style: normal;
  line-height: 19px;
  color: var(--text);
  font-size: 11px;
}
.tab-transponder select {
  min-width: 100px;
  border: 1px solid var(--surface-500);
  border-radius: 3px;
  background: var(--surface-200);
  color: var(--text);
}
.require-transponder-supported {
  display: none;
}
.tab-transponder.transponder-supported .require-transponder-unsupported {
  display: none;
}
.tab-transponder.transponder-supported .require-transponder-supported {
  display: block;
}
.textspacer-small {
  margin-bottom: 15px;
}

.visually-hidden[data-v-a500b5aa] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.cf_table[data-v-a500b5aa] {
    -webkit-border-horizontal-spacing: 1px;
}
.select_mode .field[data-v-a500b5aa] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0 !important;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--surface-500);
}
.select_mode .field .helpicon[data-v-a500b5aa] {
    margin-top: 0;
    margin-right: 0;
}
.select_mode .field > span[data-v-a500b5aa] {
    display: inline-block;
    min-width: 9rem;
}
.select_mode .field > span + span[data-v-a500b5aa] {
    margin-right: auto;
}
.select_mode .field .label[data-v-a500b5aa] {
    width: 100%;
}
.select_mode .field .label > span[data-v-a500b5aa] {
    margin-right: auto;
}
.select_mode .field[data-v-a500b5aa]:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.select_mode .field .checkboxspacer[data-v-a500b5aa] {
    height: 1.5rem;
    display: flex;
    align-items: center;
}
input.one_digit_input[data-v-a500b5aa] {
    width: 28px;
}
input.frequency_input[data-v-a500b5aa] {
    width: 64px;
}
.vtx_table_box[data-v-a500b5aa] {
    min-width: 750px;
}
.VTX_info table td[data-v-a500b5aa] {
    padding: 0.25rem 0;
}
.VTX_info table td[data-v-a500b5aa]:first-child {
    padding-right: 1rem;
}
.table_vtx_bands tr:first-child td[data-v-a500b5aa] {
    text-align: center;
}
.table_vtx_bands td[data-v-a500b5aa] {
    padding: 0.25rem;
    text-align: center;
}
.table_vtx_bands input[data-v-a500b5aa] {
    min-width: 0;
    padding-right: 0.25rem;
}
.table_vtx_powerlevels tr:first-child td[data-v-a500b5aa] {
    text-align: center;
}
.table_vtx_powerlevels td[data-v-a500b5aa] {
    padding: 0.25rem;
    text-align: center;
}
.table_vtx_powerlevels input[data-v-a500b5aa] {
    display: block;
    min-width: 5rem;
}
@media all and (max-width: 575px) {
.x-scroll-wrapper[data-v-a500b5aa] {
        overflow-x: auto;
}
.x-scroll-wrapper .gui_box[data-v-a500b5aa] {
        min-width: fit-content;
}
.grid-box.col4[data-v-a500b5aa] {
        grid-template-columns: 1fr;
}
.grid-box.col4 .col-span-3[data-v-a500b5aa] {
        grid-column: span 1;
}
.grid-box.col4 .col-span-4[data-v-a500b5aa] {
        grid-column: span 1;
}
}
.presets_filter_table_header[data-v-34de5f2a] {
  color: var(--text);
  border-radius: 4px;
  font-weight: normal;
  text-align: left;
  padding: 0.25rem 0;
}
.presets_filter_table_value[data-v-34de5f2a] {
  width: 100%;
}
[data-v-34de5f2a] .presets_filter_select_nonempty .multiselect__tags {
  border-color: var(--primary-500);
  border-width: 2px;
}
.multiselect[data-v-34de5f2a] {
  width: 100%;
  min-height: 38px;
  color: var(--text);
  font-size: inherit;
}
.multiselect[data-v-34de5f2a] .multiselect__tags {
  min-height: 38px;
  display: flex;
  align-items: center;
  padding: 0 40px 0 10px;
  border-color: var(--surface-500);
  background: var(--surface-50);
}
.multiselect[data-v-34de5f2a] .multiselect__input,
.multiselect[data-v-34de5f2a] .multiselect__single {
  color: var(--text);
  min-height: 0;
  min-width: 0;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
  line-height: 22px;
}
.multiselect[data-v-34de5f2a] .multiselect__input:hover,
.multiselect[data-v-34de5f2a] .multiselect__input:focus,
.multiselect[data-v-34de5f2a] .multiselect__single:hover,
.multiselect[data-v-34de5f2a] .multiselect__single:focus {
  border: 0 !important;
  box-shadow: none;
}
.multiselect[data-v-34de5f2a] .multiselect__input::placeholder,
.multiselect[data-v-34de5f2a] .multiselect__placeholder {
  color: var(--text);
  opacity: 0.72;
}
.multiselect[data-v-34de5f2a] .multiselect__placeholder {
  padding: 0;
  margin: 0;
  line-height: 22px;
}
.multiselect[data-v-34de5f2a] .multiselect__select {
  height: 36px;
}
.multiselect[data-v-34de5f2a] .multiselect__select::before {
  color: var(--text);
  opacity: 0.65;
  border-color: var(--text) transparent transparent transparent;
}
.multiselect[data-v-34de5f2a] .multiselect__content {
  background: var(--surface-50);
}
.multiselect[data-v-34de5f2a] .multiselect__option {
  color: var(--text);
}
.multiselect[data-v-34de5f2a] .multiselect__option::after {
  background: transparent;
}
.multiselect[data-v-34de5f2a] .multiselect__option--selected::after {
  color: var(--text);
}
.multiselect[data-v-34de5f2a] .multiselect__single {
  margin-bottom: 0;
}
.multiselect[data-v-34de5f2a] .multiselect__content-wrapper {
  border-color: var(--surface-500);
}
.multiselect[data-v-34de5f2a] .multiselect__option--selected {
  background: var(--primary-100);
  color: var(--text);
}
.multiselect[data-v-34de5f2a] .multiselect__option--highlight {
  background: var(--primary-500);
}
@media all and (max-width: 575px) {
.presets_filter_row[data-v-34de5f2a] {
    display: table-row;
}
.presets_filter_table_header[data-v-34de5f2a] {
    display: table-cell;
    background-color: unset;
    border-right: unset;
}
.presets_filter_table_value[data-v-34de5f2a] {
    display: table-cell;
}
}
.preset_title_panel_wrapper {
  border-radius: 4px;
}
.preset_title_panel {
  color: var(--text);
  position: relative;
}
.preset_title_panel_border {
  padding: 1.5ex;
  box-shadow: 2px 2px 5px rgba(92, 92, 92, 0.25);
  border-radius: 4px;
}
.preset_title_panel_clickable {
  cursor: pointer;
}
.preset_title_panel_clickable:focus-visible {
  outline: 2px solid var(--primary-500);
  outline-offset: -2px;
}
.preset_title_panel_title {
  font-size: 1.5em;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 1ex;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 60px);
}
.preset_title_panel_star {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  padding: 5px;
  position: absolute;
  cursor: pointer;
  right: -6px;
  top: -5px;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preset_title_panel_star:focus-visible {
  outline: 2px solid var(--primary-500);
  outline-offset: 1px;
}
.preset_title_panel_star_img {
  width: 25px;
  height: 25px;
  pointer-events: none;
}
.preset_title_panel_betaflight_official {
  width: 25px;
  height: 25px;
  background-size: cover;
  border-radius: 5px;
  padding: 5px;
  background-origin: content-box;
  background-repeat: no-repeat;
  position: absolute;
  right: 26px;
  top: -5px;
}
.preset_title_panel_category {
  color: var(--surface-950);
  font-weight: bold;
}
.preset_title_panel_official {
  padding: 3px;
  display: inline-block;
  color: white;
  font-weight: 700;
  border-radius: 4px;
}
.preset_title_panel_status_official {
  background-color: var(--success-500);
}
.preset_title_panel_status_community {
  background-color: var(--primary-500);
}
.preset_title_panel_status_experimental {
  background-color: var(--error-500);
}
.preset_title_panel_versions_text {
  font-weight: bold;
}
.preset_title_panel_keywords_text,
.preset_title_panel_repository_text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.presets_title_panel_meta {
  display: grid;
  gap: 0;
}
.presets_title_panel_row {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  align-items: center;
  min-height: 24px;
}
.presets_title_panel_key,
.presets_title_panel_value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.preset_title_panel_label {
  color: var(--surface-800);
}
#presets_detailed_dialog {
  width: 600px;
  height: 520px;
  padding: 12px 12px 0 12px;
  flex-direction: column;
}
#presets_detailed_dialog .content_toolbar {
  width: auto;
  margin-top: auto;
  margin-left: -12px;
  margin-right: -12px;
  justify-content: space-between;
}
#presets_detailed_dialog .content_toolbar .btn {
  display: contents;
}
#presets_detailed_dialog[open] {
  display: flex;
}
#presets_detailed_dialog_content_wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
#presets_detailed_dialog_content_wrapper .preset_title_panel_title {
  padding-bottom: 0.5ex;
  border-bottom: 1px solid var(--primary-500);
  margin-bottom: 2ex;
}
#presets_detailed_dialog_content_wrapper .left-panel {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  padding-left: 20px;
}
#presets_detailed_dialog_content_wrapper .left-panel .regular-button {
  margin-top: 0;
  margin-bottom: 0;
}
#presets_detailed_dialog_content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
#presets_detailed_dialog_properties {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
#presets_detailed_dialog_loading {
  height: 300px;
}
#presets_detailed_dialog_error {
  padding: 20px 10px;
  color: var(--error-500);
}
#presets_options_panel {
  position: relative;
  min-height: 26px;
  margin-top: 6px;
  height: 26px;
  overflow: visible;
}
#presets_options_panel summary {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 12px;
  min-height: 38px;
  padding: 0 12px;
  border: 2px solid var(--primary-500);
  border-radius: 4px;
  background: var(--surface-50);
  cursor: pointer;
  list-style: none;
}
#presets_options_panel summary::-webkit-details-marker {
  display: none;
}
.preset-options-summary-value {
  min-width: 0;
  color: var(--text);
  opacity: 0.8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#presets_options_panel summary::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid var(--text);
  justify-self: end;
  opacity: 0.65;
  transition: transform 0.2s ease;
}
#presets_options_panel[open] summary {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#presets_options_panel[open] summary::after {
  transform: rotate(180deg);
}
.preset-options-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 30;
  display: grid;
  gap: 10px;
  max-height: 240px;
  margin-top: 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid var(--surface-500);
  border-top: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background: var(--surface-50);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}
.preset-options-group {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
.preset-options-group legend {
  margin-bottom: 6px;
  font-weight: 700;
}
.preset-option-label {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 6px;
  padding-left: 4px;
}
.preset-option-label:last-child {
  margin-bottom: 0;
}
#preset_options_label {
  width: 100px;
  display: inline-block;
}
.presets_detailed_dialog_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;
}
#presets_detailed_dialog_html_description {
  white-space: normal;
}
#presets_detailed_dialog_html_description h1,
#presets_detailed_dialog_html_description h2 {
  padding-top: 10px;
  padding-bottom: 3px;
}
#presets_detailed_dialog_html_description h3 {
  padding-top: 5px;
  padding-bottom: 0;
}
#presets_detailed_dialog_html_description h4,
#presets_detailed_dialog_html_description h5,
#presets_detailed_dialog_html_description h6 {
  padding-top: 0;
  padding-bottom: 0;
}
#presets_detailed_dialog_html_description ul,
#presets_detailed_dialog_html_description ol {
  padding-left: 25px;
}
#presets_detailed_dialog_html_description ul li {
  padding-left: 12px;
  list-style-type: disclosure-closed;
}
#presets_detailed_dialog_html_description ol li {
  padding-left: 12px;
  list-style-type: decimal;
}
#presets_detailed_dialog_html_description img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}
@media all and (max-width: 575px) {
.presets_detailed_dialog_text {
    height: unset;
    padding-bottom: 100px;
}
#presets_detailed_dialog .content_toolbar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: auto;
    min-height: 80px;
    padding: 10px;
    box-sizing: border-box;
    border-top: 1px solid var(--primary-500);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
#presets_detailed_dialog .btn {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}
#presets_detailed_dialog .btn .left-panel {
    position: relative;
    left: unset;
    padding-left: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
}
#presets_detailed_dialog .mainButton {
    margin-top: 5px;
    display: inline-block;
}
#presets_options_panel {
    margin-top: 6px;
    grid-template-columns: 100px 1fr;
    display: grid;
}
#presets_options_panel summary {
    grid-template-columns: 100px minmax(0, 1fr) 16px;
}
}
.presets_source_panel {
  background-color: var(--surface-200);
  border: 1px solid var(--surface-500);
  padding: 1.5ex;
  box-shadow: 2px 2px 5px rgba(92, 92, 92, 0.25);
  border-radius: 4px;
  margin-bottom: 6px;
}
.presets_source_panel_not_selected {
  cursor: pointer;
}
.presets_source_panel_not_selected:hover {
  background-color: var(--surface-500);
  box-shadow: 2px 2px 5px rgba(92, 92, 92, 0.5);
}
.presets_source_panel_editing_table {
  display: table;
  width: 100%;
  border-spacing: 6px;
}
.presets_source_panel_editing_row {
  display: table-row;
}
.presets_source_panel_editing_field_label {
  display: table-cell;
  white-space: pre;
  padding-right: 10px;
  min-width: 100px;
}
.presets_source_panel_editing_field_edit {
  display: table-cell;
  width: 100%;
  padding-right: 10px;
}
.presets_source_panel_editing_row .standard_input {
  width: 100%;
  margin-right: 12px;
}
.presets_source_panel_no_editing_name {
  font-size: 130%;
  display: inline-block;
  vertical-align: middle;
}
.presets_source_panel_no_editing_selected {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20viewBox='0%200%20500%20500'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M%20498.25%20249.524%20C%20498.25%20386.831%20386.941%20498.14%20249.634%20498.14%20C%20112.327%20498.14%201.018%20386.831%201.018%20249.524%20C%201.018%20112.217%20112.327%200.908%20249.634%200.908%20C%20322.597%200.908%20388.219%2032.339%20433.7%2082.399%20C%20334.451%20142.436%20269.55%20216.455%20213.055%20312.593%20L%20127.757%20151.63%20L%2054.042%20218.642%20L%20216.387%20447.914%20C%20305.243%20286.114%20350.541%20188.665%20450.938%20103.594%20C%20480.699%20144.577%20498.25%20195.001%20498.25%20249.524%20Z'%20style='fill:%20rgb(255,%20187,%200);%20fill-rule:%20nonzero;%20paint-order:%20fill;'/%3e%3cpath%20d='M%20498.75%20249.524%20C%20498.75%20318.28%20470.839%20380.622%20425.786%20425.676%20C%20380.732%20470.729%20318.39%20498.64%20249.634%20498.64%20C%20180.878%20498.64%20118.536%20470.729%2073.482%20425.676%20C%2028.429%20380.622%200.518%20318.28%200.518%20249.524%20C%200.518%20180.768%2028.429%20118.426%2073.482%2073.372%20C%20118.536%2028.319%20180.878%200.408%20249.634%200.408%20C%20318.39%200.408%20380.732%2028.319%20425.786%2073.372%20C%20470.839%20118.426%20498.75%20180.768%20498.75%20249.524%20Z%20M%20425.079%2074.079%20C%20380.151%2029.152%20318.185%201.408%20249.634%201.408%20C%20181.083%201.408%20119.117%2029.152%2074.189%2074.079%20C%2029.262%20119.007%201.518%20180.973%201.518%20249.524%20C%201.518%20318.075%2029.262%20380.041%2074.189%20424.969%20C%20119.117%20469.896%20181.083%20497.64%20249.634%20497.64%20C%20318.185%20497.64%20380.151%20469.896%20425.079%20424.969%20C%20470.006%20380.041%20497.75%20318.075%20497.75%20249.524%20C%20497.75%20180.973%20470.006%20119.007%20425.079%2074.079%20Z'%20style='fill:%20none;'/%3e%3cpath%20d='M%20498.75%20249.524%20C%20498.75%20318.28%20470.839%20380.622%20425.786%20425.676%20C%20380.732%20470.729%20318.39%20498.64%20249.634%20498.64%20C%20180.878%20498.64%20118.536%20470.729%2073.482%20425.676%20C%2028.429%20380.622%200.518%20318.28%200.518%20249.524%20C%200.518%20180.768%2028.429%20118.426%2073.482%2073.372%20C%20118.536%2028.319%20180.878%200.408%20249.634%200.408%20C%20318.39%200.408%20380.732%2028.319%20425.786%2073.372%20C%20470.839%20118.426%20498.75%20180.768%20498.75%20249.524%20Z%20M%20425.079%2074.079%20C%20380.151%2029.152%20318.185%201.408%20249.634%201.408%20C%20181.083%201.408%20119.117%2029.152%2074.189%2074.079%20C%2029.262%20119.007%201.518%20180.973%201.518%20249.524%20C%201.518%20318.075%2029.262%20380.041%2074.189%20424.969%20C%20119.117%20469.896%20181.083%20497.64%20249.634%20497.64%20C%20318.185%20497.64%20380.151%20469.896%20425.079%20424.969%20C%20470.006%20380.041%20497.75%20318.075%20497.75%20249.524%20C%20497.75%20180.973%20470.006%20119.007%20425.079%2074.079%20Z'%20style='fill:%20none;'/%3e%3c/svg%3e");
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 5px;
  vertical-align: middle;
}
.presets_source_panel_reset,
.presets_source_panel_save,
.presets_source_panel_delete {
  float: right;
}
#presets_sources_dialog {
  width: 600px;
  height: 520px;
  padding: 12px;
}
.presets_sources_dialog_title_panel {
  padding-bottom: 0.5ex;
  border-bottom: 1px solid var(--primary-500);
  margin-bottom: 2ex;
  font-size: 1.5em;
  font-weight: bold;
}
.presets_sources_dialog_scrollable {
  height: 430px;
  overflow-y: auto;
  overflow-x: hidden;
}
@media all and (max-width: 575px) {
#presets_sources_dialog_content_wrapper .content_toolbar {
    position: fixed;
}
.presets_sources_dialog_scrollable {
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 51px;
    height: unset;
}
}
.tab-presets {
  height: 100%;
}
.tab-presets .content_wrapper {
  height: calc(100% - 30px - 3ex);
  overflow-y: scroll;
  overflow-x: hidden;
}
.tab-presets p {
  padding: 0;
  border: 0 dotted var(--surface-500);
}
.tab-presets .presets_warnings {
  padding-left: 20px;
  padding-right: 20px;
}
.tab-presets .top_panel_spacer {
  width: 0;
  display: inline;
  border: 1px var(--surface-500);
  border-style: none none none solid;
  height: 60%;
  margin-right: 10px;
  float: right;
}
.tab-presets .tab_title {
  padding: 20px 20px 0 20px;
}
.tab-presets .tab_title .presets_top_bar_button_pannel .regular-button {
  margin-bottom: 0;
  margin-top: 0;
  line-height: 17px;
  font-size: 10px;
  border-radius: 3px;
}
.tab-presets .window {
  height: 100%;
  width: 100%;
  padding: 5px;
  overflow-y: auto;
  overflow-x: hidden;
  font-family: monospace;
  color: white;
  box-sizing: border-box;
  -webkit-user-select: text;
  user-select: text;
  float: left;
}
.tab-presets .window .wrapper {
  white-space: pre-wrap;
  user-select: text;
}
.tab-presets .window .error_message {
  color: red;
  font-weight: bold;
}
.tab-presets textarea[name="commands"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-top: 6px;
  padding: 4px 8px;
  color: white;
  border: 1px solid var(--surface-500);
  background-color: #404040;
  resize: none;
}
.tab-presets .presets_cli_errors_dialog_warning {
  font-size: 1.2em;
  margin-bottom: 8px;
}
.tab-presets .presets_apply_progress_dialog_progress_bar {
  width: 100%;
  height: 20px;
  margin-top: 12px;
  border-radius: 4px;
  appearance: none;
  -webkit-appearance: none;
  overflow: hidden;
}
.tab-presets .presets_apply_progress_dialog_progress_bar::-webkit-progress-bar {
  background-color: var(--surface-500);
}
.tab-presets .presets_apply_progress_dialog_progress_bar::-webkit-progress-value {
  background-color: var(--primary-500);
  border-radius: 0 4px 4px 0;
}
#presets_content_wrapper {
  padding: 0;
  position: relative;
}
.presets_title_text {
  display: inline-block;
}
.presets_top_bar_button_pannel {
  display: inline;
}
.presets_warning_backup {
  display: grid;
  grid-template-columns: 1fr fit-content(300px);
}
.presets_warning_backup_text {
  padding-right: 24px;
}
.presets_warning_backup_button_hide {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  line-height: 17px;
  font-size: 10px;
  height: 17px;
}
.presetsWikiButton {
  margin-right: 0;
}
#preset_list_wrapper {
  padding-left: 20px;
  padding-right: 20px;
}
#presets_list {
  padding: 0 0 20px 0;
  height: calc(100% - 180px);
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
}
#presets_global_loading {
  padding: 0 20px 20px 20px;
  width: 50%;
  height: 50%;
  margin: auto;
}
#presets_global_loading_error {
  padding: 0 20px 20px 20px;
}
.presets_visible_block {
  display: block !important;
}
.presets_search_settings {
  position: sticky;
  top: 0;
  background-color: var(--surface-100);
  z-index: 10;
}
.presets_text_input {
  border: 1px solid var(--surface-500);
  border-radius: 3px;
  background-color: var(--surface-200);
  color: var(--text);
}
#presets_filter_text {
  height: 26px;
  flex: 1;
  padding-left: 5px;
}
#presets_search_hint {
  float: left;
  width: 28px;
  height: 28px;
  margin-right: 12px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20viewBox='0%200%20500%20500'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M%20499.204%20185.669%20C%20499.204%20287.561%20416.604%20370.161%20314.712%20370.161%20C%20212.82%20370.161%20130.22%20287.561%20130.22%20185.669%20C%20130.22%2083.777%20212.82%201.177%20314.712%201.177%20C%20416.604%201.177%20499.204%2083.777%20499.204%20185.669%20Z%20M%20314.712%2048.304%20C%20238.662%2048.304%20177.012%20109.954%20177.012%20186.004%20C%20177.012%20262.054%20238.662%20323.704%20314.712%20323.704%20C%20390.762%20323.704%20452.412%20262.054%20452.412%20186.004%20C%20452.412%20109.954%20390.762%2048.304%20314.712%2048.304%20Z'%20style='stroke-width:%2050px;%20fill:%20rgb(255,%20187,%200);'/%3e%3cpath%20d='M%204.046%20435.582%20L%20146.371%20297.269%20C%20161.05%20321.35%20181.091%20341.803%20204.835%20356.971%20L%2063.129%20494.665%20L%204.046%20435.582%20Z'%20style='fill:%20rgb(255,%20187,%200);'/%3e%3c/svg%3e");
}
#presets_search_bar_wrapper {
  display: flex;
  padding: 2ex 20px 2ex 20px;
}
#presets_cli {
  width: 100%;
}
#presets_cli_background {
  border: 1px solid var(--surface-500);
  background-color: #404040;
  margin-top: 0;
  height: 300px;
  border-radius: 5px;
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8);
}
#presets_cli_errors_dialog {
  width: 600px;
  padding: 24px;
}
#presets_cli_errors_dialog .regular-button {
  margin-bottom: 0;
  margin-left: 12px;
  margin-right: 0;
  float: right;
}
#presets_apply_progress_dialog {
  width: 300px;
  padding: 24px;
}
.presets_filter_table_wrapper {
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  padding: 0 20px 0 20px;
}
#presets_list_no_found,
#presets_list_too_many_found {
  font-size: 1.5em;
}
@media only screen and (max-width: 1055px), only screen and (max-device-width: 1055px) {
.tab-presets .content_wrapper {
    height: calc(100% - 87px);
}
.tab-presets .content_toolbar {
    margin-top: 5px;
}
.presets_search_settings {
    position: static;
    top: unset;
}
}
@media all and (max-width: 575px) {
.tab-presets .content_wrapper {
    height: calc(100% - 51px);
}
.tab-presets .tab_title {
    padding: 20px 10px 10px 10px;
}
.tab-presets .presets_warnings {
    padding-left: 8px;
    padding-right: 8px;
}
#presets_list {
    grid-template-columns: 100%;
}
#preset_list_wrapper {
    padding-left: 8px;
    padding-right: 8px;
}
.presets_search_settings {
    padding-left: 8px;
    padding-right: 8px;
}
.presets_filter_table_wrapper {
    display: table;
    border-spacing: 6px;
    margin-right: -6px;
    margin-left: -6px;
    padding-left: 0;
    padding-right: 0;
}
#presets_search_bar_wrapper {
    padding-left: 0;
    padding-right: 0;
    padding-top: 1ex;
}
#presets_cli_errors_dialog {
    padding: 12px;
}
#presets_cli_errors_dialog .btn {
    position: fixed;
    right: 12px;
    bottom: 12px;
}
#presets_apply_progress_dialog {
    padding: 12px;
}
#presets_cli {
    height: calc(100% - 121px);
}
#presets_cli_background {
    height: 100%;
}
.presets_warning_backup {
    display: block;
}
.presets_warning_backup_text {
    padding-right: 24px;
    margin-bottom: 6px;
}
}

/* Scoped styles mainly for the backdrop, reusing existing global dialog styles for the dialog itself */
.dialog-backdrop[data-v-b214e777] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999; /* Below dialog, above content */
}

/* Ensure our Vue dialog sits above everything */
.dialogYesNo[data-v-b214e777] {
    display: block; /* Override default hidden dialog behavior since we control it with v-if in parent */
    z-index: 1000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

.dialogInformation[data-v-cbe16fb9] {
    display: block;
    z-index: 1000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    border: none;
    padding: 0;
    /* Reset default dialog styles if needed, though scoped styles usually suffice */
}

/* Native backdrop styling */
.dialogInformation[data-v-cbe16fb9]::backdrop {
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

/* Hide the dialog when not open (native behavior handles this, but explicit hiding avoids FOUC in some cases if polyfilled, though native doesn't need it. 
   However, Vue might render it initially. Native <dialog> is hidden by default unless 'open' is present. 
   We removed 'open', so it should be hidden. 
   BUT: The previous CSS had `display: block`. We need to ensure that doesn't force it to show when closed. 
   Native dialogs have `display: none` by default. 
   The scoped style `.dialogInformation { display: block; ... }` overrides the user agent stylesheet.
   We need to fix this.
*/
.dialogInformation[data-v-cbe16fb9]:not([open]) {
    display: none;
}

.dialog-backdrop[data-v-bf6e6e1a] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}
.dialogWait[data-v-bf6e6e1a] {
    display: block;
    z-index: 1000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

.dialog-backdrop[data-v-75012058] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}
.dialogReboot[data-v-75012058] {
    display: block;
    z-index: 1000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;

    border: 1px solid var(--subtleAccent);
    border-radius: 5px;
    background-color: var(--surface-100);
    color: var(--text);
    padding: 20px;
    max-width: 400px;
    width: 100%;
}
.reboot-progress-container[data-v-75012058] {
    width: 100%;
    background-color: var(--surface-0);
    border-radius: 3px;
    margin: 15px 0 5px;
    height: 10px;
    overflow: hidden;
}
.reboot-progress-bar[data-v-75012058] {
    height: 100%;
    background-color: var(--primary-500);
    transition: width 0.1s linear;
}
.reboot-status[data-v-75012058] {
    text-align: center;
    margin: 10px 0;
}
.escDshotDirection-Component[data-v-1319f36e] {
    display: flex;
    height: 100%;
    flex-flow: column;
}
.escDshotDirection-Component .regular-button[data-v-1319f36e] {
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline-style: none;
}
.escDshotDirection-ComponentHeader[data-v-1319f36e] {
    padding-bottom: 12px;
}
#escDshotDirectionDialog-MainContent[data-v-1319f36e] {
    display: flex;
    height: 100%;
    flex-flow: column;
}
#escDshotDirectionDialog-Warning[data-v-1319f36e] {
    display: flex;
    height: 100%;
    flex-flow: column;
    border-top: 1px solid var(--superSubtleAccent);
    padding-top: 16px;
}
.escDshotDirectionToggleParentContainer[data-v-1319f36e] {
    display: flex;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}
.escDshotDirectionToggleNarrow[data-v-1319f36e] {
    margin-right: 12px;
    display: flex;
    align-items: center;
}
.escDshotDirectionDialog-ToggleWide[data-v-1319f36e] {
    flex: 1;
}
.escDshotDirectionDialog-RiskNoticeText[data-v-1319f36e] {
    font-size: 1.2em;
}
.escDshotDirectionDialogInformationNotice[data-v-1319f36e] {
    font-size: 1em;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}
#escDshotDirectionDialog-MixerPreview[data-v-1319f36e] {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 9px;
    margin-bottom: 8px;
}
#escDshotDirectionDialog-MixerPreviewImg[data-v-1319f36e] {
    display: block;
    width: 160px;
    height: 160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
}
#escDshotDirectionDialog-MainContent h4[data-v-1319f36e] {
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
}
#escDshotDirectionDialog-MainContent .red-text[data-v-1319f36e] {
    color: var(--error-500);
}
#escDshotDirectionDialog-ActionHint[data-v-1319f36e],
#escDshotDirectionDialog-SecondHint[data-v-1319f36e],
#escDshotDirectionDialog-WizardActionHint[data-v-1319f36e] {
    margin-top: 10px;
}
#escDshotDirectionDialog-ActionHintSafety[data-v-1319f36e],
#escDshotDirectionDialog-SecondHintSafety[data-v-1319f36e] {
    margin-top: 0px;
}
#escDshotDirectionDialog-SelectMotorButtonsWrapper[data-v-1319f36e],
#escDshotDirectionDialog-WizardMotorButtons[data-v-1319f36e] {
    margin-left: auto;
    margin-right: auto;
}
#escDshotDirectionDialog-SelectMotorButtonsWrapper .regular-button[data-v-1319f36e],
#escDshotDirectionDialog-WizardMotorButtons .regular-button[data-v-1319f36e] {
    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-1319f36e]:hover {
        background-color: var(--primary-transparent-4);
}
#escDshotDirectionDialog-NormalDialog .regular-button[data-v-1319f36e]:hover {
        background-color: var(--primary-400);
}
}
#escDshotDirectionDialog-MainContent .regular-button.highlighted[data-v-1319f36e] {
    background-color: var(--primary-500);
}
#escDshotDirectionDialog-CommandsWrapper[data-v-1319f36e] {
    margin-left: auto;
    margin-right: auto;
}
#escDshotDirectionDialog-CommandSpin[data-v-1319f36e] {
    margin-left: auto;
    margin-right: auto;
    width: 224px;
    display: block;
    text-align: center;
}
#escDshotDirectionDialog-CommandsWrapper .regular-button[data-v-1319f36e] {
    width: 130px;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}
.escDshotDirectionErrorTextBlock[data-v-1319f36e] {
    margin-top: 12px;
    font-weight: 500;
}
.display-contents[data-v-1319f36e] {
    display: contents;
}
#escDshotDirectionDialog-SpinWizard[data-v-1319f36e],
#escDshotDirectionDialog-StopWizard[data-v-1319f36e] {
    margin-left: auto;
    margin-right: auto;
    width: 160px;
    text-align: center;
}
.escDshotDirectionDialog-InformationNotice[data-v-1319f36e] {
    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-1319f36e] {
    width: 80px;
    text-align: center;
    margin-left: 0px;
    margin-right: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.escDshotDirectionDialog-Buttons[data-v-1319f36e] {
    float: left;
    margin: 0px;
}
.escDshotDirectionDialog-StartBlock[data-v-1319f36e] {
    display: flex;
    margin-top: 16px;
}
.escDshotDirection-dialog[data-v-1319f36e] {
    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-1319f36e]::backdrop {
    background-color: rgba(0, 0, 0, 0.95); /* More opaque backdrop */
    backdrop-filter: blur(6px); /* Add blur for readability */
}
.display-contents[data-v-1319f36e] {
    display: contents;
}
.red-text[data-v-1319f36e] {
    color: var(--error-500);
}
.regular-button[data-v-1319f36e] {
    margin: 5px;
    cursor: pointer;
}
.regular-button.pushed[data-v-1319f36e] {
    opacity: 0.5;
}
.regular-button.highlighted[data-v-1319f36e] {
    background-color: rgba(255, 187, 0, 0.6);
}
.componentContent[data-v-1319f36e] {
    margin-top: 15px;
}
.escDshotDirectionErrorTextBlock[data-v-1319f36e] {
    color: var(--error-500);
    font-weight: bold;
    margin: 10px 0;
}
#escDshotDirectionDialog-SelectMotorButtonsWrapper[data-v-1319f36e],
#escDshotDirectionDialog-CommandsWrapper[data-v-1319f36e],
#escDshotDirectionDialog-WizardMotorButtons[data-v-1319f36e] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 15px 0;
}
#escDshotDirectionDialog-MixerPreview[data-v-1319f36e] {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 9px;
    margin-bottom: 8px;
}
#escDshotDirectionDialog-MixerPreviewImg[data-v-1319f36e] {
    display: block;
    width: 160px;
    height: 160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
}
.motorOutputReorderComponent[data-v-6e04ca5c] {
    display: flex;
    height: 100%;
    flex-flow: column;
}
.motorOutputReorderComponentHeader[data-v-6e04ca5c] {
    padding-bottom: 12px;
}
#dialogMotorOutputReorderMainContent[data-v-6e04ca5c] {
    display: flex;
    height: 100%;
    flex-flow: column;
}
#dialogMotorOutputReorderWarning[data-v-6e04ca5c] {
    display: flex;
    height: 100%;
    flex-flow: column;
}
#motorOutputReorderCanvas[data-v-6e04ca5c] {
    width: 100%;
    flex-grow: 1;
}
#motorOutputReorderActionPanel[data-v-6e04ca5c] {
    height: 46px;
}
#dialogMotorOutputReorderSave[data-v-6e04ca5c] {
    margin-right: 0px;
}
.motorsRemapToggleParentContainer[data-v-6e04ca5c] {
    display: flex;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}
#motorOutputReorderActionHint[data-v-6e04ca5c] {
    margin-top: 1em;
    display: inline-block;
}
.motorsRemapToggleNarrow[data-v-6e04ca5c] {
    margin-right: 12px;
    display: flex;
    align-items: center;
}
.motorsRemapToggleWide[data-v-6e04ca5c] {
    flex: 1;
}
.motorsRemapDialogRiskNoticeText[data-v-6e04ca5c] {
    font-size: 1.2em;
}
.motorsRemapDialogRExplanationText[data-v-6e04ca5c] {
    font-size: 1em;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}
#motorOutputReorderSaveStartOverButtonsPanel[data-v-6e04ca5c] {
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    padding: 0 10px;
    box-sizing: border-box;
}
#dialogMotorOutputReorderCloseButton[data-v-6e04ca5c] {
    margin-top: 50px;
    text-align: center;
}
.motorOutputReordering-dialog[data-v-6e04ca5c] {
    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-6e04ca5c]::backdrop {
    background-color: rgba(0, 0, 0, 0.9); /* More opaque backdrop */
}
.componentContent[data-v-6e04ca5c] {
    margin-top: 15px;
}
.buttons[data-v-6e04ca5c] {
    margin-top: 20px;
    text-align: center;
}
.regular-button[data-v-6e04ca5c] {
    margin: 5px;
    cursor: pointer;
}
.regular-button.left[data-v-6e04ca5c] {
    margin-right: 10px;
}

.dialogProfileSelection[data-v-c518cf2b] {
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    padding: 0;
    background: var(--boxBackground, #f5f5f5);
    color: var(--text, #000);
    max-width: 500px;
    width: 90vw;
}
.dialogProfileSelectionTitle[data-v-c518cf2b] {
    margin: 0;
    padding: 20px 20px 10px 20px;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid var(--subtleAccent, #ddd);
}
.dialogProfileSelectionContent[data-v-c518cf2b] {
    padding: 20px;
}
.dialogProfileSelectionContent p[data-v-c518cf2b] {
    margin: 0 0 15px 0;
    line-height: 1.4;
}
.profile-options[data-v-c518cf2b] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.profile-option[data-v-c518cf2b] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
}
.profile-option[data-v-c518cf2b]:hover {
    background: var(--hoverBackground, rgba(0, 0, 0, 0.05));
}
.profile-option input[type="radio"][data-v-c518cf2b] {
    margin: 0;
}
.buttons[data-v-c518cf2b] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 15px 20px 20px 20px;
    border-top: 1px solid var(--subtleAccent, #ddd);
}
.buttons button[data-v-c518cf2b] {
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.2s;
}
.dialogProfileSelection-cancelButton[data-v-c518cf2b] {
    background: var(--buttonBackground, #f0f0f0);
    color: var(--text, #000);
}
.dialogProfileSelection-cancelButton[data-v-c518cf2b]:hover {
    background: var(--buttonHoverBackground, #e0e0e0);
}
.dialogProfileSelection-confirmButton[data-v-c518cf2b] {
    background: var(--accent, #007bff);
    color: var(--buttonText, #fff);
}
.dialogProfileSelection-confirmButton[data-v-c518cf2b]:hover:not(:disabled) {
    background: var(--accentHover, #0056b3);
}
.dialogProfileSelection-confirmButton[data-v-c518cf2b]:disabled {
    background: var(--disabledBackground, #ccc);
    cursor: not-allowed;
    opacity: 0.6;
}

.dialogRatesType[data-v-85f9b088] {
    width: fit-content;
    max-width: 400px;
}
.dialogRatesTypeContent[data-v-85f9b088] {
    margin-bottom: 12px;
    margin-top: 12px;
    white-space: pre-line;
}
.dialogRatesType-confirmbtn[data-v-85f9b088] {
    margin: 0;
    margin-right: 12px;
}
.dialogRatesType-cancelbtn[data-v-85f9b088] {
    margin: 0;
}

/* Warning message styling (note uses v-html, so target message-negative) */
.dialogRatesTypeContent[data-v-85f9b088] .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;
}

.dialogCopyProfile[data-v-3997ae8e] {
    width: fit-content;
    max-width: 500px;
}
.dialogCopyProfile-note[data-v-3997ae8e] {
    margin-top: 10px;
}
.contentProfile[data-v-3997ae8e],
.contentRateProfile[data-v-3997ae8e] {
    margin-top: 20px;
}
.contentProfile select[data-v-3997ae8e],
.contentRateProfile select[data-v-3997ae8e] {
    margin-left: 8px;
}
.dialogCopyProfile-confirmbtn[data-v-3997ae8e] {
    margin: 0;
    margin-right: 12px;
}
.dialogCopyProfile-cancelbtn[data-v-3997ae8e] {
    margin: 0;
}