*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  --BrightBlue100Color: hsl(205 90% 100%);
  --BrightBlue200Color: hsl(205 88% 90%);
  --BrightBlue400Color: hsl(209 100% 79%);
  --BrightBlue450Color: hsl(209 100% 72%);
  --BrightBlue500Color: hsl(208 100% 65%);
  --BrightBlue600Color: hsl(209 61% 52%);
  --BrightBlue700Color: hsl(209 57% 39%);
  --BrightBlue750Color: hsl(209 54% 30%);
  --BrightBlue800Color: hsl(210 50% 20%);
  --BrightBlue850Color: hsl(211 45% 14%);
  --BrightBlue900Color: hsl(212 37% 10%);
  --BrightBlue950Color: hsl(212 25% 5%);
  --DarkBlue400Color: hsl(203 56% 42%);
  --DarkBlue500Color: hsl(202 100% 28%);
  --DarkBlue600Color: hsl(202 100% 22%);
  --DarkBlue700Color: hsl(208 54% 24%);
  --DarkBlue800Color: hsl(209 39% 17%);
  --DarkBlue850Color: hsl(209 39% 17%);
  --DarkBlue900Color: hsl(210 39% 15%);
  --DarkBlue950Color: hsl(213 36% 5%);
  --Grey100Color: hsl(225, 25%, 97%);
  --Grey200Color: hsl(216 31% 94%);
  --Grey300Color: hsl(213 12% 85%);
  --Grey400Color: hsl(214 11% 76%);
  --Grey500Color: hsl(217 11% 68%);
  --Grey600Color: hsl(219 6% 51%);
  --Grey700Color: hsl(216 6% 34%);
  --Grey800Color: hsl(220 5% 24.7%);
  --Grey900Color: hsl(225 5% 16.86%);
  --Grey950Color: hsl(225 5% 10%);
  --HotOrange600Color: hsl(20, 89%, 36%);
  --Neutral000Color: hsl(0 0% 100%);
  --Orange400Color: hsl(42, 100%, 67%);
  --Orange600Color: hsl(35 100% 62%);
  --Orange700Color: hsl(33 100% 50%);
  --Pink200Color: hsl(290, 61%, 76%);
  --Pink400Color: hsl(290, 61%, 51%);
  --Pink600Color: hsl(290 100% 30%);
  --Purple100Color: hsl(246, 54%, 93%);
  --Purple200Color: hsl(246, 54%, 83%);
  --Purple300Color: hsl(246, 54%, 73%);
  --Purple400Color: hsl(246, 54%, 63%);
  --Purple500Color: hsl(246, 54%, 53%);
  --Purple600Color: hsl(246, 54%, 43%);
  --Purple700Color: hsl(246, 54%, 33%);
  --Purple800Color: hsl(246, 54%, 23%);
  --Purple900Color: hsl(246, 54%, 13%);
  --Red700Color: hsl(350, 85%, 42%);
  --Green100Color: hsl(120, 100%, 90%);
  --Green200Color: hsl(120, 100%, 80%);
  --Green300Color: hsl(120, 100%, 70%);
  --Green400Color: hsl(120, 100%, 60%);
  --Green500Color: hsl(120, 100%, 50%);
  --Green600Color: hsl(120, 100%, 40%);
  --Green700Color: hsl(120, 100%, 25%);
  --Green800Color: hsl(120, 100%, 18%);
  --Green850Color: hsl(120, 100%, 14%);
  --Green900Color: hsl(120, 100%, 10%);
  --Teal600Color: hsl(181 100% 32%);
  --offTextColor: var(--color-text-inverse);
  --offDarkColor: hsl(217, 11%, 68%);
  --offLightColor: hsl(217, 11%, 64%);
  --standbyTextColor: var(--color-text-inverse);
  --standbyDarkColor: hsl(195, 100%, 59%);
  --standbyLightColor: hsl(195, 100%, 62%);
  --okTextColor: var(--color-text-inverse);
  --okDarkColor: hsl(99, 100%, 44%);
  --okLightColor: hsl(99, 100%, 47%);
  --cautionTextColor: var(--color-text-inverse);
  --cautionDarkColor: hsl(53, 94%, 46%);
  --cautionLightColor: hsl(51, 87%, 61%);
  --seriousTextColor: var(--color-text-inverse);
  --seriousDarkColor: hsl(33, 100%, 47%);
  --seriousLightColor: hsl(33, 100%, 50%);
  --criticalTextColor: var(--color-text-primary);
  --criticalDarkColor: hsl(0, 91%, 46%);
  --criticalLightColor: hsl(358, 80%, 52%);
  --classification-banner-color-text-unclassified: var(--colorWhite);
  --classification-banner-color-background-unclassified: #007a33;
  --classification-banner-color-text-topsecretsci: var(--colorBlack);
  --classification-banner-color-background-topsecretsci: #fce83a;
  --classification-banner-color-text-topsecret: var(--colorBlack);
  --classification-banner-color-background-topsecret: #ff8c00;
  --classification-banner-color-text-secret: var(--colorWhite);
  --classification-banner-color-background-secret: #c8102e;
  --classification-banner-color-text-cui: var(--colorWhite);
  --classification-banner-color-background-cui: #502b85;
  --classification-banner-color-text-controlled: var(--colorWhite);
  --classification-banner-color-background-controlled: #502b85;
  --classification-banner-color-text-confidential: var(--colorWhite);
  --classification-banner-color-background-confidential: #0033a0;
  --colorWhite: #fff;
  --colorBlack: #000;
}

html {
  --color-text-placeholder: var(--Grey600Color);
  --color-text-secondary: var(--Grey500Color);
  --color-text-primary: var(--Grey100Color);
  --color-button-background: var(--BrightBlue500Color);
  --color-button-background-hovered: var(--BrightBlue400Color);
  --color-button-border: rgb(8, 12, 17);
  --color-text-inverse: var(--Grey900Color);
  --font-control-body-1-line-height: calc(20 / 16);
  --font-control-body-1-font-weight: 400;
  --font-control-body-1-font-size: 1rem;
  --shadow-overlay: 0px 4px 4px 1px rgba(0, 0, 0, 0.45);
  font-family: "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

body {
  --scrollbar-width: 6px;
  /* Firefox doesn't really have any scrollbar customizations, just this one */
  /* Setting this customization on Chrome destroys all other customizations below... */
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
@-moz-document url-prefix() {
  body * {
    scrollbar-width: thin;
  }
}
body ::-webkit-scrollbar {
  width: var(--scrollbar-width);
}
body ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.6);
}
body ::-webkit-scrollbar-thumb {
  background: var(--BrightBlue600Color);
  border-radius: var(--scrollbar-width);
}
body ::-webkit-scrollbar-thumb:hover {
  background: var(--BrightBlue500Color);
}

html {
  color: var(--Neutral000Color);
  background-color: var(--DarkBlue800Color);
  font-size: 1rem;
}
html input {
  font-size: 1em;
}

.astro-css-component-label {
  font-size: 0.875em;
}
.astro-css-component-label.position-top {
  padding-bottom: 0.25em;
}
.astro-css-component-label.position-bottom {
  padding-top: 0.2em;
}
.astro-css-component-label.position-left {
  padding-right: 0.5em;
  align-self: center;
}
.astro-css-component-label.position-right {
  padding-left: 0.5em;
  align-self: center;
}

.astro-css-status-symbol.status-symbol-off svg,
.astro-css-status-icon.status-symbol-off svg {
  stroke: var(--offDarkColor);
  fill: var(--offDarkColor);
}
.astro-css-status-symbol.status-symbol-standby svg,
.astro-css-status-icon.status-symbol-standby svg {
  stroke: var(--standbyDarkColor);
  fill: var(--standbyDarkColor);
}
.astro-css-status-symbol.status-symbol-ok svg,
.astro-css-status-icon.status-symbol-ok svg {
  stroke: var(--okDarkColor);
  fill: var(--okDarkColor);
}
.astro-css-status-symbol.status-symbol-caution svg,
.astro-css-status-icon.status-symbol-caution svg {
  stroke: var(--cautionDarkColor);
  fill: var(--cautionDarkColor);
}
.astro-css-status-symbol.status-symbol-serious svg,
.astro-css-status-icon.status-symbol-serious svg {
  stroke: var(--seriousDarkColor);
  fill: var(--seriousDarkColor);
}
.astro-css-status-symbol.status-symbol-critical svg,
.astro-css-status-icon.status-symbol-critical svg {
  stroke: var(--criticalDarkColor);
  fill: var(--criticalDarkColor);
}

.disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
}
.disabled * {
  pointer-events: none !important;
}
.disabled input[type=range] {
  pointer-events: none !important;
}
.disabled input[type=range]::-webkit-slider-thumb {
  pointer-events: none !important;
}
.disabled input[type=range]::-moz-range-thumb {
  pointer-events: none !important;
}

.astro-css-validation-error-message {
  position: absolute;
  top: 100%;
  font-size: 0.875em;
  color: var(--criticalDarkColor);
  margin-top: 0.25em;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.astro-css-accordion.selected .astro-css-accordion-header {
  background-color: var(--BrightBlue700Color);
}
.astro-css-accordion.selected .astro-css-accordion-header.text-only {
  color: var(--color-text-primary);
}
.astro-css-accordion.selected .astro-css-accordion-header .astro-css-accordion-expander svg {
  fill: var(--color-text-primary);
  stroke: var(--color-text-primary);
}
.astro-css-accordion .astro-css-accordion-header {
  background-color: var(--BrightBlue800Color);
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 0.25em;
}
.astro-css-accordion .astro-css-accordion-header.text-only {
  color: var(--BrightBlue500Color);
}
.astro-css-accordion .astro-css-accordion-header.text-only .astro-css-accordion-header-content {
  padding: 0.5em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.astro-css-accordion .astro-css-accordion-header .astro-css-accordion-header-content {
  flex: 1 1 auto;
}
.astro-css-accordion .astro-css-accordion-header .astro-css-accordion-expander {
  height: 100%;
  transform-origin: center;
  transform: rotate(90deg);
  transition: transform 0.3s ease-in-out;
  flex-shrink: 0;
}
.astro-css-accordion .astro-css-accordion-header .astro-css-accordion-expander svg {
  fill: var(--BrightBlue500Color);
  stroke: var(--BrightBlue500Color);
}
.astro-css-accordion .astro-css-accordion-header .astro-css-accordion-expander.expanded {
  transform: rotate(90deg) scaleX(-1);
}

.astro-css-autocomplete {
  user-select: none;
  width: 100%;
  color: var(--color-text-primary);
}
.astro-css-autocomplete input {
  user-select: auto;
  border: none;
  background: none;
  box-shadow: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  -moz-appearance: textfield;
  width: 100%;
  padding-right: 2.625em;
  height: 1.125em;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.astro-css-autocomplete input::-webkit-outer-spin-button, .astro-css-autocomplete input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.astro-css-autocomplete input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
}
.astro-css-autocomplete input:invalid {
  box-shadow: var(--criticalDarkColor) 0 0 0 1px inset;
}
.astro-css-autocomplete .astro-css-autocomplete-wrapper {
  display: flex;
  position: relative;
}
.astro-css-autocomplete .astro-css-autocomplete-wrapper.flex-column {
  flex-direction: column;
}
.astro-css-autocomplete .astro-css-autocomplete-wrapper .astro-css-autocomplete-value {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  border-radius: 3px;
  box-shadow: var(--BrightBlue750Color) 0 0 0 1px inset;
  padding: 0.5em 0.5em;
  background-color: var(--BrightBlue950Color);
  overflow: hidden;
  z-index: 2;
}
.astro-css-autocomplete .astro-css-autocomplete-wrapper .astro-css-autocomplete-dropdown {
  position: absolute;
  top: 1px;
  right: 0;
  width: 2.125em;
  height: 2em;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6875 14.6375L14.925 17.875C15.4125 18.3625 16.2 18.3625 16.6875 17.875L19.925 14.6375C20.7125 13.85 20.15 12.5 19.0375 12.5H12.5625C11.45 12.5 10.9 13.85 11.6875 14.6375Z' fill='%234DACFF'/%3E%3C/svg%3E%0A"), linear-gradient(to left, var(--BrightBlue750Color) 2rem, var(--BrightBlue950Color) 2rem);
  background-position: center right var(--spacing-025, 0.0625rem), center left var(--spacing-0, 0rem);
  background-repeat: no-repeat;
  cursor: pointer;
}
.astro-css-autocomplete .astro-css-autocomplete-wrapper .astro-css-autocomplete-options {
  position: absolute;
  top: 100%;
  width: 100%;
  background-color: var(--BrightBlue900Color);
  border: 1px solid var(--BrightBlue700Color);
  box-shadow: 0 0 2px 0px black;
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
  overflow: auto;
  max-height: 20em;
  z-index: 100;
}
.astro-css-autocomplete .astro-css-autocomplete-wrapper .astro-css-autocomplete-options.hidden {
  border: none;
}
.astro-css-autocomplete .astro-css-autocomplete-wrapper .astro-css-autocomplete-options .astro-css-autocomplete-option {
  width: 100%;
  padding: 0 0.5em;
  cursor: pointer;
  border-bottom: 1px solid var(--BrightBlue800Color);
  height: 1.75em;
  display: flex;
  align-items: center;
}
.astro-css-autocomplete .astro-css-autocomplete-wrapper .astro-css-autocomplete-options .astro-css-autocomplete-option:hover {
  background-color: var(--BrightBlue850Color);
}
.astro-css-autocomplete .astro-css-autocomplete-wrapper .astro-css-autocomplete-options .astro-css-autocomplete-option div {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0;
}

.astro-css-badge {
  font-size: 0.875em;
  padding: 0.2em 0.5em;
  background-color: var(--BrightBlue900Color);
  border-radius: 0.5em;
  border: 1px solid var(--BrightBlue700Color);
  display: flex;
  align-items: baseline;
  width: min-content;
}
.astro-css-badge .astro-css-badge-units {
  color: var(--color-text-secondary);
  font-size: 0.75em;
  margin-left: 0.15em;
}

.astro-css-button .astro-css-button-button {
  position: relative;
  border-radius: 0.25em;
  background-color: var(--color-button-background);
  border: none;
  padding: 0.25em 1em;
  color: var(--color-text-inverse);
  margin: 0;
  line-height: var(--font-control-body-1-line-height);
  font-weight: var(--font-control-body-1-font-weight, 400);
  font-size: var(--font-control-body-1-font-size, 1em);
  border: 1px solid transparent;
  cursor: pointer;
  display: block;
}
.astro-css-button .astro-css-button-button.button-size-small {
  padding: 0.1em 0.75em;
}
.astro-css-button .astro-css-button-button.button-size-large {
  padding: 0.5em 1em;
}
.astro-css-button .astro-css-button-button.button-type-icon {
  padding: 0;
}
.astro-css-button .astro-css-button-button.button-type-icon:not([class*=outline]) .astro-css-icon {
  color: var(--colorBlack);
  fill: var(--colorBlack);
  stroke: var(--colorBlack);
}
.astro-css-button .astro-css-button-button.button-active {
  outline: 2px solid var(--BrightBlue200Color);
  outline-offset: 1px;
}
.astro-css-button .astro-css-button-button:hover {
  background-color: var(--color-button-background-hovered);
}
.astro-css-button .astro-css-button-button:active {
  background-color: var(--color-button-background);
}
.astro-css-button .astro-css-button-button.outline {
  background-color: transparent;
  color: var(--color-button-background);
  border: 1px solid var(--color-button-background);
}
.astro-css-button .astro-css-button-button.outline:hover {
  color: var(--color-button-background-hovered);
  border: 1px solid var(--color-button-background-hovered);
}
.astro-css-button .astro-css-button-button.outline:active {
  color: var(--color-button-background);
  border: 1px solid var(--color-button-background);
}
.astro-css-button .astro-css-button-button.borderless {
  border: none;
}
.astro-css-button .astro-css-button-button.borderless:hover {
  border: none;
}
.astro-css-button .astro-css-button-button.borderless:active {
  border: none;
}
.astro-css-button .astro-css-button-button:disabled {
  opacity: 0.4;
  pointer-events: none;
  user-select: none;
}
.astro-css-button .astro-css-button-button .astro-css-button-content {
  display: flex;
  justify-content: center;
}
.astro-css-button .astro-css-button-button .astro-css-button-content .astro-css-icon {
  margin: 0.1em;
}
.astro-css-button .astro-css-button-button.astro-css-button-loading .astro-css-button-content {
  opacity: 0;
}
.astro-css-button .astro-css-button-button .astro-css-button-loading-progress {
  position: absolute;
  display: flex;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.astro-css-button .astro-css-button-button .astro-css-button-loading-progress .astro-css-progress-spinner {
  height: 1em;
  width: 1em;
  border-top-color: var(--BrightBlue900Color);
}
.astro-css-button .astro-css-button-button.outline .astro-css-button-loading-progress .astro-css-progress-spinner, .astro-css-button .astro-css-button-button.borderless .astro-css-button-loading-progress .astro-css-progress-spinner {
  border-top-color: var(--BrightBlue100Color);
}

.astro-css-calendar {
  position: relative;
  width: 20em;
  color: var(--color-text-secondary);
  background-color: var(--BrightBlue900Color);
}
.astro-css-calendar .astro-css-calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5em;
  color: var(--BrightBlue500Color);
  border-bottom: 1px solid var(--BrightBlue700Color);
}
.astro-css-calendar .astro-css-calendar-nav-button {
  background-color: transparent;
  border: none;
  font-size: 1.25em;
  color: var(--color-text-primary);
  cursor: pointer;
}
.astro-css-calendar .astro-css-calendar-month-name {
  font-weight: bold;
}
.astro-css-calendar .astro-css-calendar-week-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0.25em;
  border-bottom: 1px solid var(--BrightBlue700Color);
  margin-bottom: 0.25em;
}
.astro-css-calendar .astro-css-calendar-day-of-week {
  text-align: center;
  padding: 0.5em 0;
  font-size: 14px;
}
.astro-css-calendar .astro-css-calendar-week-row {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  margin: 0 0.25em;
  margin-bottom: 0.25em;
  gap: 0.25em;
}
.astro-css-calendar .astro-css-calendar-day-cell {
  position: relative;
  text-align: center;
  padding: 10px;
  cursor: pointer;
}
.astro-css-calendar .astro-css-calendar-day-cell div {
  position: relative;
  pointer-events: none;
}
.astro-css-calendar .astro-css-calendar-day-cell.no-select {
  pointer-events: none;
}
.astro-css-calendar .astro-css-calendar-day-cell.selected-day {
  color: var(--color-text-inverse);
  font-weight: 700;
}
.astro-css-calendar .astro-css-calendar-day-cell.selected-day svg:hover .astro-css-calendar-day-outline {
  stroke: var(--BrightBlue500Color);
}
.astro-css-calendar .astro-css-calendar-day-cell.selected-day svg .astro-css-calendar-day-outline {
  stroke: var(--BrightBlue600Color);
}
.astro-css-calendar .astro-css-calendar-day-cell.selected-day svg .astro-css-calendar-day-background {
  fill: var(--BrightBlue500Color);
}
.astro-css-calendar .astro-css-calendar-day-cell svg {
  position: absolute;
  top: 0;
  left: 0;
}
.astro-css-calendar .astro-css-calendar-day-cell svg:hover .astro-css-calendar-day-outline {
  stroke: var(--Grey400Color);
}
.astro-css-calendar .astro-css-calendar-day-cell svg .astro-css-calendar-day-outline {
  stroke-width: 2;
  stroke: color-mix(in srgb, var(--Grey400Color) 50%, transparent);
  fill-opacity: 0;
}

.astro-css-card {
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  background-color: var(--BrightBlue900Color);
  border-radius: 0.25em;
  border: 1px solid var(--Grey700Color);
  min-width: 250px;
  min-height: 100px;
  padding: 0.5em;
  box-shadow: var(--shadow-overlay, 0px 4px 4px 1px rgba(0, 0, 0, 0.45));
}
.astro-css-card .astro-css-card-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.astro-css-card .astro-css-card-header {
  font-weight: 600;
  font-size: 1.1em;
  margin-bottom: 0.75em;
}
.astro-css-card .astro-css-card-content {
  position: relative;
  flex: 1 1 auto;
  max-height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.astro-css-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.astro-css-checkbox.flex-column {
  flex-direction: column;
}
.astro-css-checkbox input {
  position: absolute;
  width: 1.125rem;
  height: 1.125rem;
  margin: 0rem;
  opacity: 0;
  cursor: pointer;
}
.astro-css-checkbox .astro-css-checkbox-holder {
  position: relative;
}
.astro-css-checkbox .astro-css-checkbox-holder .astro-css-checkbox-control {
  width: 1.5em;
  height: 1.5em;
  padding: 0.125rem;
  pointer-events: none;
}
.astro-css-checkbox .astro-css-checkbox-holder:hover .astro-css-checkbox-control svg rect {
  stroke: var(--BrightBlue400Color);
}

.astro-css-classification-banner {
  font-weight: 700;
  width: 100%;
  height: 1.5em;
  line-height: 1.5em;
  letter-spacing: 0.005em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.astro-css-clock {
  display: flex;
}
.astro-css-clock .astro-css-clock-date {
  width: 3.75em;
}
.astro-css-clock .astro-css-clock-date.narrow {
  width: 3em;
}
.astro-css-clock .astro-css-clock-time {
  max-width: 15em;
}
.astro-css-clock .astro-css-clock-date,
.astro-css-clock .astro-css-clock-time {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--BrightBlue800Color);
}
.astro-css-clock .astro-css-clock-date .astro-css-clock-date-value,
.astro-css-clock .astro-css-clock-date .astro-css-clock-time-value,
.astro-css-clock .astro-css-clock-time .astro-css-clock-date-value,
.astro-css-clock .astro-css-clock-time .astro-css-clock-time-value {
  font-weight: 500;
  font-size: 1.1em;
  color: var(--colorWhite);
  background-color: var(--BrightBlue850Color);
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0.25em 0.5em;
  white-space: nowrap;
}
.astro-css-clock .astro-css-clock-date .astro-css-clock-date-value.astro-css-clock-time-value-select,
.astro-css-clock .astro-css-clock-date .astro-css-clock-time-value.astro-css-clock-time-value-select,
.astro-css-clock .astro-css-clock-time .astro-css-clock-date-value.astro-css-clock-time-value-select,
.astro-css-clock .astro-css-clock-time .astro-css-clock-time-value.astro-css-clock-time-value-select {
  cursor: pointer;
}
.astro-css-clock .astro-css-clock-date .astro-css-clock-date-value,
.astro-css-clock .astro-css-clock-time .astro-css-clock-date-value {
  border-right: 2px solid var(--BrightBlue800Color);
}
.astro-css-clock .astro-css-clock-date .astro-css-clock-date-label,
.astro-css-clock .astro-css-clock-date .astro-css-clock-time-label,
.astro-css-clock .astro-css-clock-time .astro-css-clock-date-label,
.astro-css-clock .astro-css-clock-time .astro-css-clock-time-label {
  font-weight: 400;
  font-size: 0.75em;
  color: var(--color-text-secondary);
  padding: 0.1em 0.1em;
}
.astro-css-clock.no-time-zone .astro-css-clock-time {
  width: 6.25em;
}

.astro-css-clock-timezone-popup .astro-css-popup-content-holder {
  display: flex;
  flex-direction: column;
}
.astro-css-clock-timezone-popup .astro-css-clock-time-timezone-header {
  margin: 0.5em;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid var(--BrightBlue700Color);
}
.astro-css-clock-timezone-popup .astro-css-clock-time-timezone-list {
  flex: 1 1 auto;
  overflow-y: auto;
}
.astro-css-clock-timezone-popup .astro-css-clock-time-timezone-option {
  padding: 0.2em 0.5em;
}
.astro-css-clock-timezone-popup .astro-css-clock-time-timezone-option:hover {
  background-color: color-mix(in srgb, var(--BrightBlue700Color) 20%, transparent);
  cursor: pointer;
}

.astro-css-copyable {
  position: relative;
  width: min-content;
  height: min-content;
}
.astro-css-copyable .astro-css-copyable-button {
  position: absolute;
  left: 100%;
  top: 0;
}
.astro-css-copyable .astro-css-copyable-button .astro-css-icon-button {
  margin: 0 0.325em;
}
.astro-css-copyable .astro-css-copyable-button.astro-css-copyable-button-active {
  stroke: var(--okDarkColor);
  fill: var(--okDarkColor);
}

.astro-css-date-picker {
  display: flex;
  align-items: center;
}
.astro-css-date-picker.flex-column {
  flex-direction: column;
  align-items: start;
}
.astro-css-date-picker input {
  -moz-appearance: textfield;
  border: none;
  background-color: transparent;
  color: var(--color-text-primary);
  font-family: monospace;
  text-align: center;
  font-size: 1.1em;
}
.astro-css-date-picker input:focus {
  outline: none;
}
.astro-css-date-picker input::-webkit-outer-spin-button, .astro-css-date-picker input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.astro-css-date-picker .astro-css-date-picker-year-input {
  width: 2.75em;
}
.astro-css-date-picker .astro-css-date-picker-input {
  width: 1.5em;
}
.astro-css-date-picker .astro-css-date-picker-input-spacer {
  height: 100%;
  width: 0.5em;
}
.astro-css-date-picker .astro-css-date-picker-icon {
  margin: 0;
  position: absolute;
  right: 0.5em;
  top: 50%;
  translate: 0 -50%;
}
.astro-css-date-picker .astro-css-date-picker-wrapper {
  display: flex;
  position: relative;
  box-shadow: var(--BrightBlue750Color) 0 0 0 1px inset;
  background-color: var(--BrightBlue950Color);
  color: var(--color-text-primary);
  padding: 0.5em 0.5em;
  font-family: monospace;
  line-height: 1.5em;
  width: fit-content;
  /* Firefox */
  appearance: textfield;
  -moz-appearance: textfield;
}
.astro-css-date-picker .astro-css-date-picker-wrapper.with-calendar-icon {
  padding-right: 2em;
}

.astro-css-dropdown {
  display: flex;
  position: relative;
}
.astro-css-dropdown:hover .astro-css-dropdown-button {
  box-shadow: inset 0 0 3px black;
}
.astro-css-dropdown.flex-column {
  flex-direction: column;
}
.astro-css-dropdown .astro-css-dropdown-content {
  position: relative;
  box-sizing: border-box;
  position: relative;
  background: var(--BrightBlue950Color);
  appearance: none;
  border: 1px solid var(--BrightBlue700Color);
  border-radius: 3px;
  color: var(--BrightBlue600Color);
  line-height: 1.25;
  letter-spacing: 0.005em;
  user-select: none;
  height: 2em;
  overflow: hidden;
}
.astro-css-dropdown .astro-css-dropdown-value {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
  padding-right: 2.5em;
  white-space: nowrap;
  overflow: hidden;
}
.astro-css-dropdown .astro-css-dropdown-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.125em;
  height: 100%;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6875 14.6375L14.925 17.875C15.4125 18.3625 16.2 18.3625 16.6875 17.875L19.925 14.6375C20.7125 13.85 20.15 12.5 19.0375 12.5H12.5625C11.45 12.5 10.9 13.85 11.6875 14.6375Z' fill='%234DACFF'/%3E%3C/svg%3E%0A"), linear-gradient(to left, var(--BrightBlue750Color) 2rem, var(--BrightBlue950Color) 2rem);
  background-position: center right var(--spacing-025, 0.0625rem), center left var(--spacing-0, 0rem);
  background-repeat: no-repeat;
  cursor: pointer;
}

.astro-css-dropdown-options {
  box-shadow: 0 0 4px 0px black;
  z-index: 10000;
}
.astro-css-dropdown-options.astro-css-popup .astro-css-popup-content-holder {
  min-width: 0;
  max-width: unset;
  min-height: 0;
  width: 100%;
}
.astro-css-dropdown-options.hidden {
  border: none;
}
.astro-css-dropdown-options .astro-css-dropdown-option {
  width: 100%;
  padding: 0 0.5em;
  cursor: pointer;
  border-bottom: 1px solid var(--BrightBlue800Color);
  height: 1.75em;
  display: flex;
  align-items: center;
}
.astro-css-dropdown-options .astro-css-dropdown-option:hover {
  background-color: var(--BrightBlue850Color);
}
.astro-css-dropdown-options .astro-css-dropdown-option.selected {
  background-color: var(--BrightBlue750Color);
}
.astro-css-dropdown-options .astro-css-dropdown-option.text-only div {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0;
}

.astro-css-icon {
  margin: 0.5em 0.5em;
  position: relative;
  display: flex;
  color: var(--BrightBlue200Color);
  fill: var(--BrightBlue200Color);
  stroke: var(--BrightBlue200Color);
}
.astro-css-icon.astro-css-icon-button {
  cursor: pointer;
}
.astro-css-icon.astro-css-icon-button:hover {
  opacity: 0.7;
}
.astro-css-icon.astro-css-icon-button:active {
  opacity: 1;
}
.astro-css-icon.astro-css-icon-button:disabled {
  opacity: 0.4;
  pointer-events: none;
  user-select: none;
}
.astro-css-icon.off {
  color: var(--offDarkColor);
  fill: var(--offDarkColor);
  stroke: var(--offDarkColor);
}
.astro-css-icon.standby {
  color: var(--standbyDarkColor);
  fill: var(--standbyDarkColor);
  stroke: var(--standbyDarkColor);
}
.astro-css-icon.ok {
  color: var(--okDarkColor);
  fill: var(--okDarkColor);
  stroke: var(--okDarkColor);
}
.astro-css-icon.caution {
  color: var(--cautionDarkColor);
  fill: var(--cautionDarkColor);
  stroke: var(--cautionDarkColor);
}
.astro-css-icon.serious {
  color: var(--seriousDarkColor);
  fill: var(--seriousDarkColor);
  stroke: var(--seriousDarkColor);
}
.astro-css-icon.critical {
  color: var(--criticalDarkColor);
  fill: var(--criticalDarkColor);
  stroke: var(--criticalDarkColor);
}

.astro-css-input {
  position: relative;
  user-select: none;
  width: 100%;
  color: var(--color-text-primary);
}
.astro-css-input.readonly {
  pointer-events: none;
}
.astro-css-input.readonly input {
  background-color: transparent !important;
  box-shadow: none !important;
  color: var(--color-text-secondary) !important;
}
.astro-css-input input {
  user-select: auto;
  border: none;
  background: none;
  box-shadow: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  width: 100%;
  height: 2em;
  border-radius: 3px;
  box-shadow: var(--BrightBlue750Color) 0 0 0 1px inset;
  padding: 0.5em 0.5em;
  background-color: var(--BrightBlue950Color);
  -moz-appearance: textfield;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.astro-css-input input::-webkit-outer-spin-button, .astro-css-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.astro-css-input input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
}
.astro-css-input input:invalid {
  box-shadow: var(--criticalDarkColor) 0 0 0 1px inset;
}
.astro-css-input .astro-css-input-units {
  font-size: 0.875em;
  color: var(--color-text-secondary);
  padding-left: 0.5em;
}
.astro-css-input .astro-css-input-value {
  display: flex;
  align-items: center;
}
.astro-css-input .astro-css-input-wrapper {
  display: flex;
}
.astro-css-input .astro-css-input-wrapper.flex-column {
  flex-direction: column;
}

.astro-css-modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.astro-css-modal .astro-css-modal-overlay {
  position: absolute;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  background-color: color-mix(in srgb, var(--colorBlack) 70%, transparent);
}
.astro-css-modal .astro-css-modal-content {
  min-height: 5em;
  max-height: 80%;
  min-width: 20em;
  max-width: 80%;
  background-color: var(--BrightBlue800Color);
  border-radius: 0.25em;
  overflow: hidden;
  z-index: 1;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 10px 6px black;
}
.astro-css-modal .astro-css-modal-content .astro-css-modal-header {
  background-color: var(--BrightBlue850Color);
  flex-shrink: 0;
}
.astro-css-modal .astro-css-modal-content .astro-css-modal-header.astro-css-modal-header-string {
  padding: 0.75em;
  font-size: 1.05em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.astro-css-modal .astro-css-modal-content .astro-css-modal-body {
  flex: 1 1 auto;
  min-height: 2em;
  overflow: auto;
}
.astro-css-modal .astro-css-modal-content .astro-css-modal-body.astro-css-modal-body-string {
  padding: 0.75em;
}
.astro-css-modal .astro-css-modal-content .astro-css-modal-footer-builtin {
  display: flex;
  flex-shrink: 0;
  gap: 0.75em;
  padding: 0.75em;
  justify-content: end;
  align-items: center;
}
.astro-css-modal .astro-css-modal-content .astro-css-modal-footer-builtin .astro-css-modal-footer-error-message {
  font-size: 0.875em;
  max-height: 2.4em;
  text-overflow: ellipsis;
  overflow: auto;
  --webkit-line-clamp: 2;
}
.astro-css-modal .astro-css-modal-content .astro-css-modal-footer-builtin .astro-css-modal-footer-error-message.error {
  color: var(--criticalDarkColor);
}
.astro-css-modal .astro-css-modal-content .astro-css-modal-footer-builtin .astro-css-modal-footer-error-message.warning {
  color: var(--cautionDarkColor);
}

.astro-css-notification {
  min-height: 1.5em;
  transition: opacity 1s ease-in-out;
}

.astro-css-popup {
  position: absolute;
  z-index: 9999;
  --parent-top: 0;
  --parent-bottom: 0;
  --parent-left: 0;
  --parent-right: 0;
  --arrow-spacing: 0.7em;
}
.astro-css-popup.no-arrow {
  --arrow-spacing: 0em;
}
.astro-css-popup .astro-css-popup-arrow {
  position: absolute;
  background: var(--BrightBlue600Color);
  width: 0.8em;
  height: 0.8em;
  transform: translateZ(-1px) rotate(45deg);
  z-index: -1;
}
.astro-css-popup .astro-css-popup-content-holder {
  border-radius: 0.25em;
  background-color: var(--BrightBlue900Color);
  border: 1px solid var(--BrightBlue600Color);
  min-width: 10em;
  max-width: 30em;
  min-height: 3em;
  max-height: 30em;
  overflow: auto;
}
.astro-css-popup.top-right, .astro-css-popup.top-left, .astro-css-popup.top-center {
  bottom: calc(100% - var(--parent-top) + var(--arrow-spacing));
}
.astro-css-popup.top-right .astro-css-popup-arrow, .astro-css-popup.top-left .astro-css-popup-arrow, .astro-css-popup.top-center .astro-css-popup-arrow {
  bottom: -0.4em;
}
.astro-css-popup.bottom-right, .astro-css-popup.bottom-left, .astro-css-popup.bottom-center {
  top: calc(var(--parent-bottom) + var(--arrow-spacing));
}
.astro-css-popup.bottom-right .astro-css-popup-arrow, .astro-css-popup.bottom-left .astro-css-popup-arrow, .astro-css-popup.bottom-center .astro-css-popup-arrow {
  top: -0.4em;
}
.astro-css-popup.top-left, .astro-css-popup.bottom-left {
  right: calc(100% - (var(--parent-left) + var(--parent-right)) / 2 - 1.5em);
}
.astro-css-popup.top-left .astro-css-popup-arrow, .astro-css-popup.bottom-left .astro-css-popup-arrow {
  right: 1em;
}
.astro-css-popup.top-left.astro-css-popup-mouse-location, .astro-css-popup.bottom-left.astro-css-popup-mouse-location {
  right: calc(100% - var(--mouse-x) - 1.5em);
}
.astro-css-popup.bottom-center, .astro-css-popup.top-center {
  left: calc((var(--parent-left) + var(--parent-right)) / 2);
  transform: translate(-50%, 0);
}
.astro-css-popup.bottom-center .astro-css-popup-arrow, .astro-css-popup.top-center .astro-css-popup-arrow {
  left: calc(50% - 0.5em);
}
.astro-css-popup.bottom-center.astro-css-popup-mouse-location, .astro-css-popup.top-center.astro-css-popup-mouse-location {
  left: var(--mouse-x);
}
.astro-css-popup.top-right, .astro-css-popup.bottom-right {
  left: calc((var(--parent-left) + var(--parent-right)) / 2 - 1.4em);
}
.astro-css-popup.top-right .astro-css-popup-arrow, .astro-css-popup.bottom-right .astro-css-popup-arrow {
  left: 1em;
}
.astro-css-popup.top-right.astro-css-popup-mouse-location, .astro-css-popup.bottom-right.astro-css-popup-mouse-location {
  left: calc(var(--mouse-x) - 1.5em);
}
.astro-css-popup.right-bottom, .astro-css-popup.right-top, .astro-css-popup.right-center {
  left: calc(var(--parent-right) + var(--arrow-spacing));
}
.astro-css-popup.right-bottom .astro-css-popup-arrow, .astro-css-popup.right-top .astro-css-popup-arrow, .astro-css-popup.right-center .astro-css-popup-arrow {
  left: -0.4em;
}
.astro-css-popup.left-bottom, .astro-css-popup.left-top, .astro-css-popup.left-center {
  right: calc(100% - var(--parent-left) + var(--arrow-spacing));
}
.astro-css-popup.left-bottom .astro-css-popup-arrow, .astro-css-popup.left-top .astro-css-popup-arrow, .astro-css-popup.left-center .astro-css-popup-arrow {
  right: -0.4em;
}
.astro-css-popup.left-top, .astro-css-popup.right-top {
  bottom: calc(100% - (var(--parent-top) + var(--parent-bottom)) / 2 - 1.2em);
}
.astro-css-popup.left-top .astro-css-popup-arrow, .astro-css-popup.right-top .astro-css-popup-arrow {
  bottom: 0.7em;
}
.astro-css-popup.left-top.astro-css-popup-mouse-location, .astro-css-popup.right-top.astro-css-popup-mouse-location {
  bottom: calc(100% - var(--mouse-y) - 1.2em);
}
.astro-css-popup.left-center, .astro-css-popup.right-center {
  top: calc((var(--parent-top) + var(--parent-bottom)) / 2);
  transform: translate(0, -50%);
}
.astro-css-popup.left-center .astro-css-popup-arrow, .astro-css-popup.right-center .astro-css-popup-arrow {
  top: calc(50% - 0.5em);
}
.astro-css-popup.left-center.astro-css-popup-mouse-location, .astro-css-popup.right-center.astro-css-popup-mouse-location {
  top: calc(var(--mouse-y));
}
.astro-css-popup.left-bottom, .astro-css-popup.right-bottom {
  top: calc((var(--parent-top) + var(--parent-bottom)) / 2 - 1.2em);
}
.astro-css-popup.left-bottom .astro-css-popup-arrow, .astro-css-popup.right-bottom .astro-css-popup-arrow {
  top: 0.7em;
}
.astro-css-popup.left-bottom.astro-css-popup-mouse-location, .astro-css-popup.right-bottom.astro-css-popup-mouse-location {
  top: calc(var(--mouse-y) - 1.2em);
}

.astro-css-progress-spinner {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  border-top: 4px solid var(--BrightBlue400Color);
  border-right: 3px solid transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.astro-css-progress-bar {
  display: flex;
  height: 1.2em;
}
.astro-css-progress-bar .astro-css-progress-bar-holder {
  width: 100%;
  display: flex;
  align-items: center;
}
.astro-css-progress-bar .astro-css-progress-bar-label {
  width: 50px;
  flex-shrink: 0;
  text-align: center;
}
.astro-css-progress-bar progress[value] {
  appearance: none;
  background-color: transparent;
  border: 1px solid var(--BrightBlue900Color);
  border-radius: var(--progress-radius-outer, 10px);
  box-shadow: 0 0 0 1px var(--BrightBlue500Color);
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  height: 1em;
}
.astro-css-progress-bar progress[value]::-webkit-progress-bar {
  background-color: transparent;
}
.astro-css-progress-bar progress[value]::-webkit-progress-value {
  background-color: var(--BrightBlue500Color);
  border-radius: 0 0.5em 0.5em 0;
}
.astro-css-progress-bar.astro-css-progress-bar-small {
  height: 1em;
}
.astro-css-progress-bar.astro-css-progress-bar-small progress[value] {
  height: 0.7em;
}
.astro-css-progress-bar.astro-css-progress-bar-small progress[value]::-webkit-progress-value {
  border-radius: 0 0.35em 0.35em 0;
}

.astro-css-radio-group {
  width: fit-content;
}
.astro-css-radio-group .astro-css-component-label {
  padding-bottom: 0.5em;
}
.astro-css-radio-group .astro-css-radio-group-wrapper {
  padding: 0.5em 1em;
  border-radius: 0.25em;
  border: 1px solid var(--BrightBlue600Color);
}

.astro-css-radio-option {
  display: flex;
  align-items: center;
  margin: 0.5em 0;
  cursor: pointer;
}
.astro-css-radio-option:hover .astro-css-radio-selector-outline {
  stroke: var(--BrightBlue400Color);
}
.astro-css-radio-option .astro-css-radio-selector {
  display: flex;
  margin-right: 0.5em;
}

.astro-css-segmented {
  display: flex;
  align-items: center;
}
.astro-css-segmented.flex-column {
  align-items: start;
  flex-direction: column;
}
.astro-css-segmented .astro-segmented-highlight {
  position: absolute;
  pointer-events: none;
  height: 100%;
  background-color: color-mix(in srgb, var(--BrightBlue500Color) 20%, transparent);
  border-left: 1px solid var(--BrightBlue500Color);
  border-right: 1px solid var(--BrightBlue500Color);
  transition: left 0.2s ease-out;
}
.astro-css-segmented .astro-css-segmented-buttons {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  border-radius: 0.25em;
  border: 1px solid var(--BrightBlue500Color);
  align-items: center;
}
.astro-css-segmented .astro-css-segmented-button {
  border-right: 1px solid var(--BrightBlue500Color);
}
.astro-css-segmented .astro-css-segmented-button:last-of-type {
  border-right: none;
}

.astro-css-segmented-button {
  display: table-cell;
  white-space: nowrap;
  padding: 0.25em 0.5em;
  color: var(--BrightBlue500Color);
  cursor: pointer;
  text-align: center;
  justify-items: center;
}
.astro-css-segmented-button.astro-css-segmented-button-active {
  color: var(--color-text-primary);
}

.astro-css-slider {
  position: relative;
}
.astro-css-slider.astro-css-slider-with-labels {
  margin-bottom: 1.5em;
}
.astro-css-slider.astro-css-slider-double .astro-css-slider-wrapper .astro-css-slider-overlay {
  left: calc(var(--lower-overlay-value) * (var(--length, 100%) - 1em));
  right: calc((1 - var(--upper-overlay-value)) * (var(--length, 100%) - 1em));
}
.astro-css-slider.astro-css-slider-double .astro-css-slider-wrapper .astro-css-slider-lower {
  width: calc(var(--length, 100%) - 1em);
}
.astro-css-slider.astro-css-slider-double .astro-css-slider-wrapper .astro-css-slider-upper {
  width: calc(var(--length, 100%) - 1em);
  margin-left: 1em;
}
.astro-css-slider.astro-css-slider-double input[type=range] {
  pointer-events: none !important;
}
.astro-css-slider.astro-css-slider-vertical {
  width: 1em;
  height: var(--length, 100%);
}
.astro-css-slider.astro-css-slider-vertical .astro-css-slider-wrapper {
  transform: translateY(var(--length, 100%)) rotate(-90deg);
  transform-origin: top left;
  width: var(--length, 100%);
  height: 1em;
}
.astro-css-slider.astro-css-slider-vertical.astro-css-slider-with-labels {
  margin-bottom: 0;
  margin-right: 2em;
}
.astro-css-slider input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  background: transparent;
  height: 1px;
  width: var(--length, 100%);
  z-index: 1;
  margin: 0;
  cursor: pointer;
  pointer-events: auto;
  /* These thumbs are intentionally duplicated, the browsers don't like combining them with a comma */
}
.astro-css-slider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  pointer-events: auto;
  /* creating a custom design */
  height: 1em;
  width: 1em;
  background-color: var(--colorBlack);
  border-radius: 50%;
  border: 2px solid var(--slider-color, var(--BrightBlue500Color));
}
.astro-css-slider input[type=range]::-webkit-slider-thumb:hover {
  border: 2px solid var(--slider-hover-color, var(--BrightBlue400Color));
}
.astro-css-slider input[type=range]::-webkit-slider-thumb:active {
  border: 2px solid var(--slider-color, var(--BrightBlue500Color));
}
.astro-css-slider input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  pointer-events: auto;
  /* creating a custom design */
  height: 0.8em;
  width: 0.8em;
  background-color: var(--colorBlack);
  border-radius: 50%;
  border: 2px solid var(--slider-color, var(--BrightBlue500Color));
}
.astro-css-slider input[type=range]::-moz-range-thumb:hover {
  border: 2px solid var(--slider-hover-color, var(--BrightBlue400Color));
}
.astro-css-slider input[type=range]::-moz-range-thumb:active {
  border: 2px solid var(--slider-color, var(--BrightBlue500Color));
}
.astro-css-slider .astro-css-slider-underlay {
  width: var(--length, 100%);
  height: 1px;
  position: absolute;
  background: var(--slider-color, var(--BrightBlue500Color));
}
.astro-css-slider .astro-css-slider-overlay {
  position: absolute;
  height: 3px;
  background: var(--slider-color, var(--BrightBlue500Color));
  left: calc(var(--lower-overlay-value) * var(--length, 100%));
  right: calc((1 - var(--upper-overlay-value)) * var(--length, 100%));
}
.astro-css-slider .astro-css-slider-basis {
  position: absolute;
  height: 7px;
  width: 2px;
  background: var(--slider-color, var(--BrightBlue500Color));
  left: calc(var(--basis-value) * var(--length, 100%) - 1px);
}
.astro-css-slider .astro-css-slider-basis.display-none {
  display: none;
}
.astro-css-slider .astro-css-slider-wrapper {
  position: relative;
  height: 1em;
  width: var(--length, 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  pointer-events: none;
}
.astro-css-slider .astro-css-slider-min-label,
.astro-css-slider .astro-css-slider-max-label,
.astro-css-slider .astro-css-slider-current-low-label,
.astro-css-slider .astro-css-slider-current-high-label {
  position: absolute;
  color: var(--color-text-secondary);
  border-radius: 0.25em;
  border: 1px solid var(--BrightBlue700Color);
  padding: 0.1em 0.3em;
  background-color: var(--BrightBlue900Color);
  top: calc(100% + 0.2em);
  transform: translate(-50%, 0);
}
.astro-css-slider .astro-css-slider-min-label div,
.astro-css-slider .astro-css-slider-max-label div,
.astro-css-slider .astro-css-slider-current-low-label div,
.astro-css-slider .astro-css-slider-current-high-label div {
  font-size: 0.875em;
}
.astro-css-slider .astro-css-slider-min-label {
  left: 0.5em;
}
.astro-css-slider .astro-css-slider-max-label {
  left: calc(100% - 0.5em);
}
.astro-css-slider.astro-css-slider-vertical .astro-css-slider-min-label,
.astro-css-slider.astro-css-slider-vertical .astro-css-slider-max-label {
  left: calc(100% + 0.2em);
  transform: translate(0, -50%);
}
.astro-css-slider.astro-css-slider-vertical .astro-css-slider-min-label {
  top: calc(100% - 0.5em);
}
.astro-css-slider.astro-css-slider-vertical .astro-css-slider-max-label {
  top: 0.5em;
}
.astro-css-slider .astro-css-slider-current-low-label,
.astro-css-slider .astro-css-slider-current-high-label {
  color: var(--color-text-primary);
  border: 1px solid var(--BrightBlue600Color);
  background-color: var(--BrightBlue900Color);
}
.astro-css-slider .astro-css-slider-current-low-label {
  left: calc(var(--lower-value) * (var(--length, 100%) - 1em) + 0.5em);
}
.astro-css-slider .astro-css-slider-current-high-label {
  left: calc(var(--upper-value) * (var(--length, 100%) - 1em) + 0.5em);
}
.astro-css-slider.astro-css-slider-vertical .astro-css-slider-current-low-label,
.astro-css-slider.astro-css-slider-vertical .astro-css-slider-current-high-label {
  left: calc(100% + 0.2em);
  transform: translate(0, -50%);
}
.astro-css-slider.astro-css-slider-vertical .astro-css-slider-current-low-label {
  top: calc((1 - var(--lower-value)) * (var(--length, 100%) - 1em) + 0.5em);
}
.astro-css-slider.astro-css-slider-vertical .astro-css-slider-current-high-label {
  top: calc((1 - var(--upper-value)) * (var(--length, 100%) - 1em) + 0.5em);
}

.astro-css-status-background {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
  background: linear-gradient(to right, transparent 0, transparent 50%, color-mix(in srgb, var(--background-gradient) 15%, transparent) 100%);
  --background-gradient: transparent;
}
.astro-css-status-background.critical {
  --background-gradient: var(--criticalDarkColor);
}
.astro-css-status-background.serious {
  --background-gradient: var(--seriousDarkColor);
}
.astro-css-status-background.caution {
  --background-gradient: var(--cautionDarkColor);
}
.astro-css-status-background.ok {
  --background-gradient: var(--okDarkColor);
}
.astro-css-status-background.standby {
  --background-gradient: var(--standbyDarkColor);
}
.astro-css-status-background .astro-css-status-symbol {
  align-self: right;
  margin: 0 1em;
}

.astro-css-status-icon {
  position: relative;
}
.astro-css-status-icon .astro-css-status-icon-icon {
  padding: 0.25em 0;
}
.astro-css-status-icon .astro-css-status-icon-icon .astro-css-status-symbol {
  position: absolute;
  top: 0;
  left: 0;
  translate: -100% -50%;
}

.astro-css-status-symbol {
  display: flex;
  width: 12px;
  height: 12px;
}

.astro-css-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.astro-css-switch .astro-css-switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--BrightBlue900Color);
  border: 1px solid var(--BrightBlue750Color);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 2em;
}
.astro-css-switch .astro-css-switch-slider:before {
  position: absolute;
  content: "";
  height: 1.25em;
  width: 1.25em;
  left: -0.25em;
  top: -0.4em;
  background-color: white;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 50%;
  background-color: var(--BrightBlue900Color);
  border: 1px solid var(--BrightBlue600Color);
}
.astro-css-switch input:checked + .astro-css-switch-slider {
  background-color: #2196f3;
}
.astro-css-switch input:focus + .astro-css-switch-slider {
  box-shadow: 0 0 1px #2196f3;
}
.astro-css-switch input:checked + .astro-css-switch-slider:before {
  -webkit-transform: translateX(1.25em);
  -ms-transform: translateX(1.25em);
  transform: translateX(1.25em);
}
.astro-css-switch .astro-css-switch-wrapper {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 0.625em;
}
.astro-css-switch .astro-css-switch-wrapper:hover .astro-css-switch-slider:before {
  border: 1px solid var(--BrightBlue400Color);
}

.astro-css-table {
  width: 100%;
  height: 100%;
  --animation-delay: 0;
  display: flex;
  flex-direction: column;
}
.astro-css-table .astro-css-table-header {
  flex-shrink: 0;
  padding-right: var(--scrollbar-width);
}
.astro-css-table .astro-css-table-content {
  flex: 1 1 auto;
  overflow: auto;
  overflow-y: scroll;
}
.astro-css-table .astro-css-table-empty-table {
  padding: 1em 0;
  display: flex;
  justify-content: center;
}
.astro-css-table .astro-css-table-footer {
  flex-shrink: 0;
}
.astro-css-table .astro-css-table-row-wrapper {
  border-bottom: 1px solid var(--BrightBlue700Color);
}
.astro-css-table .astro-css-table-row-wrapper:nth-child(even) {
  background-color: color-mix(in srgb, var(--BrightBlue700Color) 7%, transparent);
}
.astro-css-table .astro-css-table-row-wrapper:hover {
  background-color: color-mix(in srgb, var(--BrightBlue700Color) 25%, transparent);
}
.astro-css-table .astro-css-table-row-wrapper:last-of-type {
  border-bottom: none;
}
.astro-css-table .astro-css-table-loading-row {
  height: 4em;
  width: 100%;
  padding: 0.3em;
  animation-name: pulsing;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: var(--animation-delay);
}
@keyframes pulsing {
  0% {
    transform: scaleY(1);
  }
  30% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.8);
  }
  70% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}
.astro-css-table .astro-css-table-loading-row-content {
  border-radius: 1em;
  border: 2px solid color-mix(in srgb, var(--BrightBlue600Color) 40%, transparent);
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, color-mix(in srgb, var(--BrightBlue900Color) 40%, transparent) 15%, color-mix(in srgb, var(--BrightBlue900Color) 5%, transparent) 45%, color-mix(in srgb, var(--BrightBlue900Color) 5%, transparent) 55%, color-mix(in srgb, var(--BrightBlue900Color) 40%, transparent) 85%);
  background-size: 500px 100px;
  animation-name: moving-gradient;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
@keyframes moving-gradient {
  0% {
    background-position: -250px 0;
  }
  100% {
    background-position: 250px 0;
  }
}

.astro-css-table-paginator {
  position: relative;
  display: flex;
  justify-content: center;
  height: 2.5em;
  flex-shrink: 0;
}
.astro-css-table-paginator.astro-css-table-paginator-with-count {
  margin-bottom: 1em;
}
.astro-css-table-paginator .astro-css-icon {
  margin: 0.1em;
  z-index: 1;
}
.astro-css-table-paginator .astro-css-table-paginator-index {
  position: absolute;
  top: 0;
  width: 1.5em;
  height: 1.5em;
  border-radius: 0.25em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875em;
  color: var(--color-text-secondary);
}
.astro-css-table-paginator .astro-css-table-paginator-index div {
  width: 100%;
  text-align: center;
}
.astro-css-table-paginator .astro-css-table-paginator-index.interactable {
  cursor: pointer;
}
.astro-css-table-paginator .astro-css-table-paginator-index.interactable:hover {
  outline: 1px solid var(--BrightBlue600Color);
  background-color: color-mix(in srgb, var(--BrightBlue500Color) 30%, transparent);
  color: var(--color-text-primary);
}
.astro-css-table-paginator .astro-css-table-paginator-lower,
.astro-css-table-paginator .astro-css-table-paginator-higher,
.astro-css-table-paginator .astro-css-table-paginator-input {
  display: flex;
  align-items: center;
}
.astro-css-table-paginator .astro-css-table-paginator-numbers {
  position: relative;
  height: 1.5em;
  background-color: var(--BrightBlue850Color);
  border-top: 1px solid var(--BrightBlue700Color);
  border-bottom: 1px solid var(--BrightBlue700Color);
}
.astro-css-table-paginator .astro-css-table-paginator-lower .astro-css-table-paginator-numbers {
  mask-image: linear-gradient(to left, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
}
.astro-css-table-paginator .astro-css-table-paginator-higher .astro-css-table-paginator-numbers {
  mask-image: linear-gradient(to right, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
}
.astro-css-table-paginator .astro-css-table-paginator-input {
  width: 4em;
  z-index: 1;
}
.astro-css-table-paginator .astro-css-table-paginator-input input {
  text-align: center;
}
.astro-css-table-paginator .astro-css-table-paginator-page-count {
  position: absolute;
  top: 100%;
  padding: 0.25em 0.5em;
  padding-top: 0.35em;
  font-size: 0.875em;
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
  transform: translateY(-0.6em);
  background-color: var(--BrightBlue900Color);
  border: 1px solid var(--BrightBlue700Color);
  display: flex;
  color: var(--color-text-secondary);
}
.astro-css-table-paginator .astro-css-table-paginator-page-count-text {
  color: var(--color-text-placeholder);
  margin-right: 0.3em;
}

.astro-css-tabs {
  display: flex;
}
.astro-css-tabs .astro-css-tab {
  font-size: 1.2em;
  padding: 0.3em 0.5em;
  margin: 0 0.3em;
  color: var(--BrightBlue500Color);
  border-bottom: 3px solid transparent;
  cursor: pointer;
}
.astro-css-tabs .astro-css-tab:hover {
  color: var(--BrightBlue400Color);
}
.astro-css-tabs .astro-css-tab.selected {
  color: var(--color-text-primary);
  border-bottom: 3px solid var(--BrightBlue600Color);
}

.astro-css-tag {
  --TagColor: var(--offDarkColor);
  font-size: 0.875em;
  height: 1.75em;
  width: min-content;
  line-height: 1.75em;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  border: 1px solid var(--TagColor);
  border-radius: 0.3em;
  padding: 0 0.75em;
  color: var(--color-text-primary);
  background-color: color-mix(in srgb, var(--TagColor) 20%, transparent);
  box-shadow: inset 0 0 5px var(--TagColor);
}

.astro-css-textfield {
  user-select: none;
  width: 100%;
  overflow: hidden;
  color: var(--color-text-primary);
}
.astro-css-textfield .astro-css-textfield-wrapper {
  display: flex;
}
.astro-css-textfield .astro-css-textfield-wrapper.flex-column {
  flex-direction: column;
}
.astro-css-textfield textarea {
  user-select: auto;
  border: none;
  background: none;
  box-shadow: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  resize: none;
  width: 100%;
  border-radius: 3px;
  box-shadow: var(--BrightBlue750Color) 0 0 0 1px inset;
  padding: 0.5em 0.5em;
  background-color: var(--BrightBlue950Color);
  -moz-appearance: textfield;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.astro-css-textfield textarea::-webkit-outer-spin-button, .astro-css-textfield textarea::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.astro-css-textfield textarea[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
}
.astro-css-textfield textarea:invalid, .astro-css-textfield textarea.invalid {
  box-shadow: var(--criticalDarkColor) 0 0 0 1px inset;
}

.astro-css-toggle {
  position: relative;
  display: flex;
  background-color: var(--BrightBlue900Color);
  height: 2em;
  width: min-content;
  align-items: center;
  border-radius: 0.375em;
  border: 1px solid var(--BrightBlue700Color);
  box-shadow: inset 0 0 3px black;
}
.astro-css-toggle .false-option,
.astro-css-toggle .true-option {
  padding: 0 0.5em;
  color: var(--Grey700Color);
  z-index: 1;
  cursor: pointer;
}
.astro-css-toggle .false-option.selected,
.astro-css-toggle .true-option.selected {
  transition: color 0.2s ease-in;
  color: var(--color-text-primary);
}
.astro-css-toggle .toggle-handle {
  position: absolute;
  width: 3.5em;
  top: 2px;
  right: 2px;
  height: calc(100% - 4px);
  background-color: var(--BrightBlue600Color);
  border-radius: 0.25em;
  box-shadow: inset 0 0 4px var(--BrightBlue400Color);
  pointer-events: none;
  transition: left 0.2s ease-in-out, width 0.2s ease-in-out;
}

.astro-css-tree-table {
  --DefaultTreeTableWidth: 14em;
  height: 100%;
  width: var(--TreeTableWidth, --DefaultTreeTableWidth);
  background-color: var(--BrightBlue800Color);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 0.2em;
}
.astro-css-tree-table.vertical-size-small .astro-css-tree-table-branch .astro-css-tree-table-leaf {
  height: 2.5em;
}

.astro-css-tree-table-branch .astro-css-tree-table-leaf {
  background-color: var(--BrightBlue850Color);
  height: 3em;
  margin-left: calc(0.5em * var(--margin-multiplier));
  margin-bottom: 4px;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  border: 1px solid var(--BrightBlue800Color);
}
.astro-css-tree-table-branch .astro-css-tree-table-leaf .astro-css-tree-table-leaf-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.astro-css-tree-table-branch .astro-css-tree-table-leaf .astro-css-tree-table-leaf-content.active-leaf {
  background-color: color-mix(in srgb, var(--BrightBlue600Color) 30%, transparent);
  border: 1px solid var(--BrightBlue600Color);
}
.astro-css-tree-table-branch .astro-css-tree-table-leaf .astro-css-tree-table-leaf-title {
  margin-left: 1em;
}
.astro-css-tree-table-branch .astro-css-tree-table-leaf.leaf-clickable {
  cursor: pointer;
}

html {
  --TimelineBackgroundColor: hsl(210, 40%, 10%);
  --TimelineHeaderBackgroundColor: hsl(209, 50%, 14%);
  --TimelineTrackBackgroundColor: hsl(210, 38%, 18%);
  --TimelineTrackContentBackgroundColor: hsl(210, 38%, 14%);
  --TimelineTicksBackgroundColor: hsl(210, 38%, 8%);
  --TimelineCurrentTimeColor: hsl(210, 60%, 50%);
  --TimelineHeaderHeight: 2em;
  --TimelineTrackHeight: 3em;
  --TimelineTrackHeightSmall: 2em;
  --TimelineTicksHeight: 1.5em;
  --TimelineTicksHeightSmall: 1em;
  --TimelineTitleWidth: 10em;
  --TimelineTitlePadding: 0.5em;
  --TimelineElementMargin: 1px;
  --TimelineTrackTitleContentMargin: 2px;
}

.astro-css-timeline {
  width: 100%;
  background-color: var(--TimelineBackgroundColor);
  padding: 2px;
  --current-time-percentage: 0.5;
}
.astro-css-timeline .astro-css-timeline-header {
  background-color: var(--TimelineHeaderBackgroundColor);
  height: var(--TimelineHeaderHeight);
  margin: var(--TimelineElementMargin);
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}
.astro-css-timeline .astro-css-timeline-header .astro-css-timeline-header-title {
  display: flex;
  align-items: baseline;
  font-size: 1.1em;
  font-weight: 600;
  padding: 0 1em;
}
.astro-css-timeline .astro-css-timeline-header .astro-css-timeline-header-title .astro-css-icon {
  margin: 0;
  margin-left: 1.5em;
}
.astro-css-timeline .astro-css-timeline-header .astro-css-timeline-header-range-controls {
  display: flex;
  align-items: center;
}
.astro-css-timeline .astro-css-timeline-header .astro-css-timeline-header-range-controls .astro-css-timeline-header-range-slew {
  display: flex;
  align-items: center;
}
.astro-css-timeline .astro-css-timeline-header .astro-css-timeline-header-range-controls .astro-css-timeline-header-range-slider {
  display: flex;
  align-items: center;
}
.astro-css-timeline .astro-css-timeline-header .astro-css-timeline-header-range-controls .astro-css-timeline-header-range-slider .astro-css-timeline-header-range-slider-current {
  color: var(--color-text-secondary);
  font-size: 0.875em;
  padding-left: 0.5em;
  width: 5em;
}
.astro-css-timeline .astro-css-timeline-tracks {
  position: relative;
  overflow: hidden;
  min-height: var(--TimelineTrackHeight);
}
.astro-css-timeline .astro-css-timeline-tracks .astro-css-timeline-current-time {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  pointer-events: none;
  --time-region-start: calc(
    var(--TimelineTitleWidth) + var(--TimelineElementMargin) + var(--TimelineTrackTitleContentMargin)
  );
  --time-region-end: calc(100% - var(--TimelineElementMargin));
  clip-path: polygon(var(--time-region-start) 0, var(--time-region-end) 0, var(--time-region-end) 100%, var(--time-region-start) 100%);
}
.astro-css-timeline .astro-css-timeline-tracks .astro-css-timeline-current-time .astro-css-timeline-current-time-chevron-holder {
  position: absolute;
  z-index: 2;
  filter: drop-shadow(0 0 1px var(--colorBlack));
  left: round(up, var(--time-region-start) + (var(--time-region-end) - var(--time-region-start)) * var(--current-time-percentage), 1px);
  transform: translate(-50%, 0);
}
.astro-css-timeline .astro-css-timeline-tracks .astro-css-timeline-current-time .astro-css-timeline-current-time-chevron-holder .astro-css-timeline-current-time-chevron {
  height: 0;
  width: 0;
  border-top: 0.4em solid var(--TimelineCurrentTimeColor);
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
}
.astro-css-timeline .astro-css-timeline-tracks .astro-css-timeline-current-time .astro-css-timeline-current-time-line {
  background-color: var(--TimelineCurrentTimeColor);
  position: absolute;
  height: 100%;
  width: 2px;
  z-index: 1;
  box-shadow: 0 0 2px 1px var(--colorBlack);
  left: round(up, var(--time-region-start) + (var(--time-region-end) - var(--time-region-start)) * var(--current-time-percentage), 1px);
  transform: translate(-50%, 0);
}
.astro-css-timeline .astro-css-timeline-tracks .astro-css-timeline-current-time.time-slewed .astro-css-timeline-current-time-chevron {
  left: round(up, var(--time-region-start) + (var(--time-region-end) - var(--time-region-start)) * var(--slewed-time-percentage), 1px);
}
.astro-css-timeline .astro-css-timeline-tracks .astro-css-timeline-current-time.time-slewed .astro-css-timeline-current-time-line {
  left: round(up, var(--time-region-start) + (var(--time-region-end) - var(--time-region-start)) * var(--slewed-time-percentage), 1px);
  background: repeating-linear-gradient(0deg, var(--TimelineCurrentTimeColor), var(--TimelineCurrentTimeColor) 7px, transparent 7px, transparent 14px);
  box-shadow: 0 0 0px 0px var(--colorBlack);
}
.astro-css-timeline .astro-css-timeline-tracks .astro-css-timeline-current-time.time-slewed .astro-css-timeline-slewed-time-title {
  position: absolute;
  display: flex;
  opacity: 0.8;
  left: round(up, var(--time-region-start) + (var(--time-region-end) - var(--time-region-start)) * var(--slewed-time-percentage) + 0.3em, 1px);
  padding: 0 0.25em;
  bottom: 0.2em;
  background-color: var(--TimelineHeaderBackgroundColor);
  border-radius: 0.2em;
  border: 1px solid var(--TimelineCurrentTimeColor);
}
.astro-css-timeline .astro-css-timeline-tracks .astro-css-timeline-current-time.time-slewed .astro-css-timeline-slewed-time-title span {
  font-size: 0.75em;
}
.astro-css-timeline .astro-css-timeline-tracks .astro-css-timeline-track-tick-holder {
  position: absolute;
  height: 100%;
  width: calc(100% - var(--TimelineTitleWidth));
  margin-left: var(--TimelineTitleWidth);
  overflow: hidden;
  pointer-events: none;
}
.astro-css-timeline .astro-css-timeline-tracks .astro-css-timeline-track-tick-holder .astro-css-timeline-track-tick {
  position: absolute;
  z-index: 1;
  border-left: 1px dashed var(--TimelineCurrentTimeColor);
  opacity: 0.3;
  width: 1px;
  height: 100%;
  left: calc((var(--tick-position) - var(--timeline-start)) / (var(--timeline-end) - var(--timeline-start)) * 100%);
}
.astro-css-timeline .astro-css-timeline-tracks .astro-css-timeline-track {
  height: var(--TimelineTrackHeight);
  margin: var(--TimelineElementMargin);
  display: flex;
}
.astro-css-timeline .astro-css-timeline-tracks .astro-css-timeline-track .astro-css-timeline-track-title {
  background-color: var(--TimelineTrackBackgroundColor);
  width: var(--TimelineTitleWidth);
  margin-right: var(--TimelineTrackTitleContentMargin);
  white-space: nowrap;
  display: flex;
  align-items: center;
  padding: var(--TimelineTitlePadding);
}
.astro-css-timeline .astro-css-timeline-tracks .astro-css-timeline-track .astro-css-timeline-track-title span {
  display: inline-block;
  vertical-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.astro-css-timeline .astro-css-timeline-tracks .astro-css-timeline-track .astro-css-timeline-track-content {
  background-color: var(--TimelineTrackContentBackgroundColor);
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}
.astro-css-timeline .astro-css-timeline-tracks .astro-css-timeline-track .astro-css-timeline-track-content .astro-css-timeline-track-element {
  --element-start: 0;
  --element-end: 0;
  --element-left: round(
    up,
    ((var(--element-start) - var(--timeline-start)) / (var(--timeline-end) - var(--timeline-start))) * 100%,
    1px
  );
  --element-width: calc(
    ((var(--element-end) - var(--element-start)) / (var(--timeline-end) - var(--timeline-start))) * 100%
  );
  position: absolute;
  height: 100%;
  left: var(--element-left);
  width: var(--element-width);
  transform-origin: center;
}
.astro-css-timeline .astro-css-timeline-tracks .astro-css-timeline-track .astro-css-timeline-track-content .astro-css-timeline-track-element:hover {
  --transform-width: calc(var(--element-width) + 10px);
  width: var(--transform-width);
  transform: translateX(-5px);
}
.astro-css-timeline .astro-css-timeline-footer {
  height: var(--TimelineTicksHeight);
  margin: var(--TimelineElementMargin);
  display: flex;
}
.astro-css-timeline .astro-css-timeline-footer.no-height {
  height: 0 !important;
  margin: 0 !important;
}
.astro-css-timeline .astro-css-timeline-footer .astro-css-timeline-footer-title-spacer {
  background-color: var(--TimelineTicksBackgroundColor);
  width: var(--TimelineTitleWidth);
  margin-right: var(--TimelineTrackTitleContentMargin);
}
.astro-css-timeline .astro-css-timeline-footer .astro-css-timeline-footer-content {
  background-color: var(--TimelineTicksBackgroundColor);
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}
.astro-css-timeline .astro-css-timeline-footer .astro-css-timeline-footer-content .astro-css-timeline-footer-tick {
  position: absolute;
  /*transition: left 10s steps(100);*/
  left: calc((var(--tick-position) - var(--timeline-start)) / (var(--timeline-end) - var(--timeline-start)) * 100%);
}

.binary-editor .binary-entries {
  display: flex;
}
.binary-editor .binary-value {
  padding: 0.1em 0.25em;
  width: 1.25em;
  text-align: center;
  margin: 0 0.25em;
  border-radius: 0.25em;
  background-color: color-mix(in srgb, var(--BrightBlue600Color) 40%, transparent);
  cursor: pointer;
}
.binary-editor .binary-value:hover {
  background-color: color-mix(in srgb, var(--BrightBlue600Color) 70%, transparent);
}
.binary-editor .binary-bit-groupings {
  width: 100%;
  display: flex;
  height: 3px;
  position: relative;
  margin: 0.25em 0;
}
.binary-editor .binary-bit-groupings .group {
  position: absolute;
  flex-shrink: 0;
  height: 100%;
  opacity: 0.5;
}
.binary-editor .binary-bit-groupings .group:hover {
  opacity: 1;
}
.binary-editor .binary-editor-label {
  margin-top: 0.25em;
  font-size: 0.875em;
  color: var(--color-text-secondary);
  display: flex;
}
.binary-editor .binary-editor-label .border-holder {
  flex: 1 1 auto;
  border-top: 2px solid var(--color-text-secondary);
  margin: auto 4px;
}

.binary-display-popup .astro-css-popup-content-holder {
  padding: 0.5em;
  min-height: 1.5em;
  max-width: 20em;
  min-width: 5em;
  width: fit-content;
}

.hex-display {
  position: relative;
  display: flex;
  padding-bottom: 0.5em;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100%;
}
.hex-display .hex-row {
  display: flex;
  align-items: center;
  margin-top: 0.25em;
}
.hex-display .hex-string-representation {
  display: flex;
  align-items: center;
  margin-left: 2em;
  user-select: auto;
}
.hex-display .hex-row-index {
  width: 3em;
  height: 2em;
  display: flex;
  align-items: center;
  justify-content: right;
  margin-right: 2em;
  font-family: monospace;
  color: var(--color-text-secondary);
}
.hex-display .hex-row-values {
  position: relative;
  margin-bottom: 0.5em;
  height: fit-content;
}
.hex-display .hex-value {
  font-family: monospace;
}
.hex-display .hex-value input {
  width: 1.75em;
  height: 1.75em;
  padding: 0;
  margin: 0.125em;
  text-align: center;
  background-color: transparent;
  box-shadow: none;
}
.hex-display .hex-value input:hover {
  background-color: color-mix(in srgb, var(--BrightBlue750Color) 50%, transparent);
  box-shadow: var(--BrightBlue700Color) 0 0 0 1px inset;
}
.hex-display .hex-value input:focus {
  background-color: color-mix(in srgb, var(--BrightBlue700Color) 50%, transparent);
  box-shadow: var(--BrightBlue600Color) 0 0 0 1px inset;
}
.hex-display .hex-value input::selection {
  background-color: var(--BrightBlue600Color);
}
.hex-display .hex-value.modified .astro-css-input {
  color: var(--seriousDarkColor);
}
.hex-display .hex-value.highlighted {
  background-color: color-mix(in srgb, var(--BrightBlue600Color) 50%, transparent);
}
.hex-display .hex-value-dummy {
  width: 2em;
}
.hex-display .hex-ascii-value {
  font-family: monospace;
  width: 0.75em;
  color: var(--color-text-secondary);
  height: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: text;
}
.hex-display .hex-ascii-value.modified {
  background-color: color-mix(in srgb, var(--seriousDarkColor) 50%, transparent);
}
.hex-display .hex-ascii-value.selected {
  background-color: color-mix(in srgb, var(--BrightBlue600Color) 50%, transparent);
}
.hex-display .grouping-line-set {
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
  pointer-events: none;
  shape-rendering: crispEdges;
}
.hex-display .grouping-line-set line {
  pointer-events: auto;
}
.hex-display .grouping-line {
  opacity: 0.5;
}
.hex-display .grouping-line.hovered {
  opacity: 1;
}

.hex-display-popup .astro-css-popup-content-holder {
  padding: 0.5em;
  min-height: 1.5em;
  max-width: 20em;
  min-width: 5em;
  width: fit-content;
  background-color: var(--BrightBlue850Color);
}

.astro-css-layered-pie-chart {
  position: relative;
  width: 12em;
  height: 12em;
  stroke: var(--BrightBlue600Color);
  fill: var(--BrightBlue600Color);
}
.astro-css-layered-pie-chart svg {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  z-index: 1;
}
.astro-css-layered-pie-chart svg path {
  pointer-events: auto;
}
.astro-css-layered-pie-chart svg path:hover, .astro-css-layered-pie-chart svg path.selected {
  stroke: #fff;
}

.astro-css-histogram {
  width: 100%;
  height: 100%;
  stroke: var(--BrightBlue600Color);
  fill: var(--BrightBlue600Color);
}

.astro-css-threshold-bar {
  position: relative;
  width: 100%;
  height: 100%;
  --value: 0;
  display: flex;
}
.astro-css-threshold-bar .astro-css-threshold-bar-bar {
  position: relative;
  flex: 1 1 auto;
}
.astro-css-threshold-bar .astro-css-threshold-bar-bar .astro-css-threshold-bar-background {
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  top: 2px;
  left: 2px;
}
.astro-css-threshold-bar .astro-css-threshold-bar-bar .astro-css-threshold-bar-value-bar {
  position: absolute;
  height: 100%;
  width: 5px;
  box-shadow: 0 0 4px 3px black;
  border: 1px solid black;
  outline: 2px solid var(--colorWhite);
  border-radius: 2px;
  left: calc((100% - 6px) * var(--value));
}
.astro-css-threshold-bar .astro-css-threshold-bar-bar .astro-css-threshold-bar-indicator-wrap {
  position: absolute;
  left: calc((100% - 6px) * var(--value) - 0.5em);
  top: calc(100% + 4px);
  background-color: white;
  padding: 1px 2px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.astro-css-threshold-bar .astro-css-threshold-bar-bar .astro-css-threshold-bar-indicator-wrap .astro-css-threshold-bar-indicator-wrap2 {
  background-color: black;
  padding: 1px 2px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.astro-css-threshold-bar .astro-css-threshold-bar-bar .astro-css-threshold-bar-indicator-wrap .astro-css-threshold-bar-indicator-wrap2 .astro-css-threshold-bar-indicator {
  width: 0.8em;
  height: 0.4em;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.astro-css-threshold-bar .astro-css-threshold-bar-bar .astro-css-threshold-bar-status-indicator {
  position: absolute;
  left: calc((100% - 6px) * var(--value) - 3px);
  top: calc(100% + 4px);
  transform: translateX(-0.5px);
}
.astro-css-threshold-bar .astro-css-threshold-bar-value {
  display: flex;
  align-items: center;
  justify-content: end;
  position: absolute;
  height: 100%;
  left: 100%;
  margin-left: 0.5em;
  font-size: 0.875em;
}
.astro-css-threshold-bar .astro-css-threshold-bar-value .astro-css-threshold-bar-value-units {
  margin-top: 0.21em;
  font-size: 0.75em;
  color: var(--color-text-secondary);
  margin-left: 0.2em;
}

.astro-css-line-chart {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.astro-css-line-chart .astro-css-line-chart-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}
.astro-css-line-chart .astro-css-line-chart-header .astro-css-line-chart-title {
  padding: 0.4em 0;
  max-width: 50%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.astro-css-line-chart .astro-css-line-chart-legend {
  display: flex;
  flex-wrap: wrap;
  max-width: 50%;
  justify-content: end;
}
.astro-css-line-chart .astro-css-line-chart-legend .astro-css-line-chart-legend-item {
  font-size: 0.75em;
  display: flex;
  margin: 0.1em 0.3em;
  align-items: center;
}
.astro-css-line-chart .astro-css-line-chart-legend .astro-css-line-chart-legend-color {
  width: 1em;
  height: 1em;
  border: 1px solid black;
  margin-right: 0.3em;
  flex-shrink: 0;
}
.astro-css-line-chart .astro-css-line-chart-content {
  flex: 1 1 auto;
  min-height: 0;
  position: relative;
}
.astro-css-line-chart .astro-css-line-chart-content .astro-css-line-chart-svg {
  width: 100%;
  height: 100%;
}
.astro-css-line-chart .astro-css-line-chart-content .astro-css-line-chart-data-line {
  stroke-width: 2;
}
.astro-css-line-chart .astro-css-line-chart-border {
  stroke-width: 4;
  stroke: var(--color-text-primary);
}
.astro-css-line-chart .astro-css-line-chart-grid {
  stroke-width: 1;
  stroke: color-mix(in srgb, var(--color-text-primary) 30%, transparent);
}
.astro-css-line-chart .astro-css-line-chart-y-axis-content {
  flex: 1 1 auto;
  display: flex;
  height: 100%;
}
.astro-css-line-chart .astro-css-line-chart-y-axis-content .astro-css-line-chart-y-axis-labels {
  flex-shrink: 0;
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5em;
}
.astro-css-line-chart .astro-css-line-chart-y-axis-content .astro-css-line-chart-y-axis-labels .astro-css-line-chart-y-axis-label-set {
  position: relative;
}
.astro-css-line-chart .astro-css-line-chart-y-axis-content .astro-css-line-chart-y-axis-labels .axis-label-hidden,
.astro-css-line-chart .astro-css-line-chart-y-axis-content .astro-css-line-chart-y-axis-labels .axis-label {
  padding: 0 0.3em;
}
.astro-css-line-chart .astro-css-line-chart-y-axis-content .astro-css-line-chart-y-axis-labels .axis-label {
  right: 0;
  transform: translateY(-50%);
}
.astro-css-line-chart .astro-css-line-chart-y-axis-content .astro-css-line-chart-y-axis-labels .astro-css-line-chart-secondary-axis {
  position: absolute;
  top: 0;
  left: 100%;
  width: 5px;
  height: 100%;
}
.astro-css-line-chart .astro-css-line-chart-y-axis-content .astro-css-line-chart-x-axis-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.astro-css-line-chart .astro-css-line-chart-y-axis-content .astro-css-line-chart-x-axis-content .astro-css-line-chart-x-axis-labels {
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  display: flex;
}
.astro-css-line-chart .astro-css-line-chart-y-axis-content .astro-css-line-chart-x-axis-content .astro-css-line-chart-x-axis-labels .axis-label-hidden,
.astro-css-line-chart .astro-css-line-chart-y-axis-content .astro-css-line-chart-x-axis-content .astro-css-line-chart-x-axis-labels .axis-label {
  padding: 0.3em 0;
}
.astro-css-line-chart .astro-css-line-chart-y-axis-content .astro-css-line-chart-x-axis-content .astro-css-line-chart-x-axis-labels .axis-label {
  top: 0;
  transform: translateX(-50%);
}
.astro-css-line-chart .astro-css-line-chart-y-axis-content .astro-css-mouse-hover-details {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.astro-css-line-chart .astro-css-line-chart-y-axis-content .astro-css-mouse-hover-label {
  position: absolute;
  padding: 0.1em 0.2em;
  border-radius: 0.5em;
  border: 2px solid black;
  white-space: nowrap;
  font-size: 0.875em;
  display: flex;
  color: var(--color-text-inverse);
  z-index: 1;
}
.astro-css-line-chart .astro-css-line-chart-y-axis-content .astro-css-mouse-hover-label .astro-css-mouse-hover-label-name {
  font-weight: 700;
  margin-right: 0.3em;
}
.astro-css-line-chart .astro-css-line-chart-y-axis-content .astro-css-mouse-hover-line {
  font-size: 0.875em;
}
.astro-css-line-chart .astro-css-line-chart-y-axis-content .astro-css-line-chart-pan-x {
  position: absolute;
  height: 0.75em;
  width: 100%;
  bottom: -0.375em;
  pointer-events: auto;
  z-index: 10;
}
.astro-css-line-chart .astro-css-line-chart-y-axis-content .astro-css-line-chart-pan-x .astro-css-line-chart-pan-bar {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--BrightBlue600Color);
  background: linear-gradient(to bottom, var(--BrightBlue600Color) 0, var(--BrightBlue500Color) 100%);
  border: 1px solid var(--BrightBlue750Color);
  border-radius: 0.25em;
  overflow: hidden;
  cursor: grab;
}
.astro-css-line-chart .astro-css-line-chart-y-axis-content .astro-css-line-chart-pan-x .astro-css-line-chart-pan-bar:hover {
  background: linear-gradient(to bottom, var(--BrightBlue500Color) 0, var(--BrightBlue450Color) 100%);
}
.astro-css-line-chart .astro-css-line-chart-y-axis-content .astro-css-line-chart-pan-x .astro-css-line-chart-pan-bar:active {
  z-index: 9999;
  cursor: grabbing;
}
.astro-css-line-chart .astro-css-line-chart-y-axis-content .astro-css-line-chart-pan-x .astro-css-line-chart-pan-handle {
  position: absolute;
  width: 10px;
  height: 100%;
  top: 0;
  cursor: ew-resize;
}
.astro-css-line-chart .astro-css-line-chart-y-axis-content .astro-css-line-chart-pan-x .astro-css-line-chart-pan-handle svg {
  position: absolute;
  top: 0;
  left: 0;
}
.astro-css-line-chart .astro-css-line-chart-y-axis-content .astro-css-line-chart-pan-x .astro-css-line-chart-pan-handle.left {
  left: 0;
  transform: scaleX(-1);
}
.astro-css-line-chart .astro-css-line-chart-y-axis-content .astro-css-line-chart-pan-x .astro-css-line-chart-pan-handle.right {
  right: 0;
}
.astro-css-line-chart .axis-label-hidden,
.astro-css-line-chart .axis-label {
  max-width: 5em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.astro-css-line-chart .axis-label-hidden span,
.astro-css-line-chart .axis-label span {
  font-size: 0.75em;
  color: var(--color-text-secondary);
}
.astro-css-line-chart .axis-label-hidden {
  pointer-events: none;
  user-select: none;
  color: transparent !important;
}
.astro-css-line-chart .axis-label-hidden span {
  color: transparent !important;
}
.astro-css-line-chart .axis-label {
  position: absolute;
}

.astro-css-connected-web {
  width: 100%;
  height: 100%;
  stroke: var(--BrightBlue600Color);
}

html {
  --global-status-bar-height: 100px;
  color: var(--color-text-primary);
  background-color: var(--DarkBlue900Color);
}

body {
  margin: 0;
  padding: 0;
  user-select: none;
}
body div {
  box-sizing: border-box;
}

.App {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.App .app-content {
  flex: 1 1 auto;
  display: flex;
  overflow: hidden;
}

.whole-page {
  height: 100vh;
  width: 100vw;
}.cesium-world-holder {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.cesium-world-holder #cesiumContainer {
  position: relative;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
}
.cesium-world-holder #cesiumContainer .cesium-widget-credits {
  display: none !important;
}
.cesium-world-holder .ground-selector-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}.launch-clock {
  position: absolute;
  bottom: 1.5em;
  left: 0.5em;
  border: 1px solid white;
  border-radius: 0.25em;
  overflow: hidden;
  z-index: 99;
  transform: scale(1.5);
  transform-origin: 0 100%;
}
.launch-clock .time-values {
  display: flex;
  align-items: center;
  background-color: black;
  padding: 1px;
  gap: 2px;
  border-top: 2px solid var(--BrightBlue500Color);
}
.launch-clock .labels {
  display: flex;
  background-color: var(--BrightBlue500Color);
  padding: 0 1px;
}
.launch-clock .plus-spacer {
  width: 10px;
}
.launch-clock .colon-spacer {
  width: 6px;
}
.launch-clock .digits {
  display: flex;
  gap: 2px;
}
.launch-clock .label {
  --length: 2;
  width: calc(4px + var(--length) * 12px);
  height: 8px;
  font-size: 6px;
  text-align: center;
  color: white;
  padding: 1px 0;
}.t-minus-digit {
  fill: #ffffe0;
  stroke: none;
  background-color: color-mix(in srgb, rgb(184, 184, 184) 10%, transparent);
  padding: 1px;
}
.t-minus-digit .digit-line {
  opacity: 0.15;
}
.t-minus-digit.active {
  background-color: var(--BrightBlue700Color);
  border-radius: 0.125em;
}
.t-minus-digit.active .digit-line {
  opacity: 1;
  fill: #ffff83;
}
.t-minus-digit.val-0 .top,
.t-minus-digit.val-0 .bottom,
.t-minus-digit.val-0 .left-top,
.t-minus-digit.val-0 .left-bottom,
.t-minus-digit.val-0 .right-top,
.t-minus-digit.val-0 .right-bottom {
  opacity: 1;
  fill: #ffff83;
}
.t-minus-digit.val-1 .right-top,
.t-minus-digit.val-1 .right-bottom {
  opacity: 1;
  fill: #ffff83;
}
.t-minus-digit.val-2 .top,
.t-minus-digit.val-2 .bottom,
.t-minus-digit.val-2 .middle,
.t-minus-digit.val-2 .right-top,
.t-minus-digit.val-2 .left-bottom {
  opacity: 1;
  fill: #ffff83;
}
.t-minus-digit.val-3 .top,
.t-minus-digit.val-3 .bottom,
.t-minus-digit.val-3 .middle,
.t-minus-digit.val-3 .right-top,
.t-minus-digit.val-3 .right-bottom {
  opacity: 1;
  fill: #ffff83;
}
.t-minus-digit.val-4 .middle,
.t-minus-digit.val-4 .left-top,
.t-minus-digit.val-4 .right-top,
.t-minus-digit.val-4 .right-bottom {
  opacity: 1;
  fill: #ffff83;
}
.t-minus-digit.val-5 .top,
.t-minus-digit.val-5 .bottom,
.t-minus-digit.val-5 .middle,
.t-minus-digit.val-5 .left-top,
.t-minus-digit.val-5 .right-bottom {
  opacity: 1;
  fill: #ffff83;
}
.t-minus-digit.val-6 .top,
.t-minus-digit.val-6 .middle,
.t-minus-digit.val-6 .bottom,
.t-minus-digit.val-6 .left-top,
.t-minus-digit.val-6 .left-bottom,
.t-minus-digit.val-6 .right-bottom {
  opacity: 1;
  fill: #ffff83;
}
.t-minus-digit.val-7 .top,
.t-minus-digit.val-7 .right-top,
.t-minus-digit.val-7 .right-bottom {
  opacity: 1;
  fill: #ffff83;
}
.t-minus-digit.val-8 .top,
.t-minus-digit.val-8 .middle,
.t-minus-digit.val-8 .bottom,
.t-minus-digit.val-8 .right-top,
.t-minus-digit.val-8 .right-bottom,
.t-minus-digit.val-8 .left-top,
.t-minus-digit.val-8 .left-bottom {
  opacity: 1;
  fill: #ffff83;
}
.t-minus-digit.val-9 .top,
.t-minus-digit.val-9 .middle,
.t-minus-digit.val-9 .bottom,
.t-minus-digit.val-9 .right-top,
.t-minus-digit.val-9 .right-bottom,
.t-minus-digit.val-9 .left-top {
  opacity: 1;
  fill: #ffff83;
}
.t-minus-digit.val-plus .minus,
.t-minus-digit.val-plus .plus {
  opacity: 1;
  fill: #ffff83;
}
.t-minus-digit.val-minus .minus {
  opacity: 1;
  fill: #ffff83;
}
.t-minus-digit.val-colon .digit-line {
  opacity: 1;
  fill: #ffff83;
}.reset-button.active {
  cursor: pointer;
}
.reset-button:hover .digit-line {
  fill: var(--BrightBlue500Color);
}
.reset-button:active .digit-line {
  fill: #fff;
}.timeline {
  width: 100%;
  border: 2px solid var(--BrightBlue700Color);
  border-bottom: none;
  --track-title-width: 80px;
}
.timeline .timeline-tracks {
  position: relative;
}
.timeline .timeline-track {
  width: 100%;
  height: 12px;
  background-color: var(--BrightBlue800Color);
  border-bottom: 1px solid var(--BrightBlue600Color);
  display: flex;
}
.timeline .timeline-track:last-child {
  border-bottom: none;
  height: 9px;
}
.timeline .timeline-track .track-header {
  background-color: var(--BrightBlue900Color);
  width: var(--track-title-width);
  height: 100%;
  border-right: 1px solid var(--BrightBlue600Color);
  font-size: 0.625em;
  text-align: end;
  padding: 0 0.5em;
}
.timeline .timeline-track .track {
  flex: 1 1 auto;
  position: relative;
}
.timeline .timeline-track .track .track-event {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 100%;
  background-color: var(--BrightBlue700Color);
}
.timeline .ticks-and-such {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--track-title-width);
  right: 0;
  pointer-events: none;
}
.timeline .ticks-and-such .vertical-div {
  position: absolute;
  height: 100%;
  width: 1px;
  border-right: 1px dashed var(--BrightBlue700Color);
  left: var(--percent);
}
.timeline .ticks-and-such .current-indicator {
  position: absolute;
  height: 100%;
  width: 0px;
  left: var(--percent, 0);
  border-right: 3px solid var(--BrightBlue500Color);
  transform: translate(-1px, 0);
}
.timeline .ticks-and-such .current-indicator .current-slider-handle {
  pointer-events: auto;
  width: 30px;
  height: 30px;
  margin-left: 1px;
  transform: translate(-50%, -100%);
  cursor: grab;
}
.timeline .ticks-and-such .current-indicator .current-slider-handle:active {
  cursor: grabbing;
}
.timeline .ticks-and-such .now-indicator {
  position: absolute;
  height: 100%;
  width: 0px;
  left: var(--percent, 0);
  border-right: 1px dashed var(--okDarkColor);
}
.timeline .timeline-footer {
  position: relative;
  height: 12px;
  margin-left: var(--track-title-width);
  overflow: hidden;
}
.timeline .timeline-footer .tick-label {
  position: absolute;
  font-size: 0.625em;
  top: 0;
  left: var(--percent);
}.antenna-image-display {
  position: absolute;
  top: 0.5em;
  width: 100%;
  padding: 0 0.5em;
  height: 100px;
  display: flex;
  justify-content: space-around;
  z-index: 999;
}
.antenna-image-display .antenna {
  background-color: black;
  min-width: 10px;
  border: 1px solid var(--BrightBlue600Color);
  border-radius: 0.5em;
  height: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: height 0.15s ease-in-out, opacity 0.15s ease-in-out;
  opacity: 0.5;
}
.antenna-image-display .antenna:hover {
  height: 250%;
  opacity: 1;
}
.antenna-image-display .antenna:hover .antenna-details {
  display: block;
}
.antenna-image-display .antenna .antenna-title {
  width: 100%;
  flex-shrink: 0;
  text-align: center;
  font-size: 0.875em;
  background-color: var(--BrightBlue800Color);
}
.antenna-image-display .antenna .antenna-image {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.antenna-image-display .antenna .antenna-details {
  width: 100%;
  flex-shrink: 0;
  text-align: center;
  font-size: 0.875em;
  background-color: var(--BrightBlue900Color);
  color: var(--color-text-secondary);
  display: none;
}.sat-selector-view {
  position: absolute;
  bottom: 1.5em;
  right: 0.5em;
  backdrop-filter: blur(3px);
  background-color: color-mix(in srgb, var(--BrightBlue750Color) 40%, transparent);
  padding: 1em;
  border-radius: 1em;
  z-index: 999;
}
.sat-selector-view .sat-selector-border {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.sat-selector-view .object-list-modifier {
  min-height: 0;
  font-size: 0.875em;
}
.sat-selector-view .object-list-modifier .object-list-row {
  display: flex;
  align-items: center;
  gap: 0.5em;
  justify-content: space-between;
}
.sat-selector-view .object-list-modifier .object-list-row-title {
  margin-right: 1em;
}
.sat-selector-view .object-list-modifier .astro-css-card-content {
  min-height: 0;
  gap: 1em;
}
.sat-selector-view .object-list-modifier .astro-css-dropdown {
  width: 12em;
}
.sat-selector-view .selected-sat-title {
  font-weight: 900;
  color: var(--color-text-secondary);
  font-size: 1.1eem;
}
.sat-selector-view .sat-properties-area {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  padding: 0.5em;
}
.sat-selector-view .key-value-pair {
  display: flex;
}
.sat-selector-view .key-value-pair .key-value-key {
  width: 7em;
  font-size: 0.875em;
  color: var(--color-text-secondary);
}
.sat-selector-view .key-value-pair .key-value-value {
  height: 1.125em;
  min-width: 1px;
}
.sat-selector-view .lat-lon-display {
  display: flex;
  align-items: baseline;
}
.sat-selector-view .lat-lon-display .gps-position-units {
  color: var(--color-text-secondary);
}
.sat-selector-view .lat-lon-display .gps-position-direction {
  color: var(--color-text-secondary);
  font-size: 0.75em;
}
.sat-selector-view .lat-lon-display .gps-units-spacing {
  margin-right: 0.35em;
}
.sat-selector-view .alt-display {
  display: flex;
  align-items: baseline;
}
.sat-selector-view .alt-display .units {
  color: var(--color-text-secondary);
  font-size: 0.75em;
  margin-left: 0.35em;
}

.add-tle-modal .astro-css-modal-body {
  padding: 1em 0.5em;
}
.add-tle-modal textarea {
  font-size: 0.75em !important;
  font-family: monospace !important;
  height: 5em;
}
.add-tle-modal .buttons-row {
  display: flex;
  gap: 0.5em;
  justify-content: end;
  padding-top: 1em;
}.side-nav {
  --side-nav-min-width: 56px;
  --side-nav-exp-width: 200px;
  position: relative;
  height: 100%;
  width: var(--side-nav-min-width);
  background-color: var(--BrightBlue900Color);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  transition: width 0.3s ease-in-out;
  z-index: 1;
  flex-shrink: 0;
}
.side-nav .side-nav-icons {
  display: flex;
  flex-direction: column;
}
.side-nav.side-nav-expanded {
  width: var(--side-nav-exp-width);
}
.side-nav.side-nav-expanded .side-nav-expander svg {
  transform-origin: center;
  transform: rotate(180deg);
}
.side-nav .side-nav-background {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-right: 2px solid var(--BrightBlue600Color);
}.side-nav-option {
  display: flex;
  justify-content: start;
  position: relative;
  cursor: pointer;
}
.side-nav-option .side-nav-option-icon {
  width: var(--side-nav-min-width);
  height: 50px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.side-nav-option .side-nav-option-icon .side-nav-notification-icon {
  position: absolute;
  bottom: 0.375em;
  right: 0.375em;
}
.side-nav-option .side-nav-option-icon .side-nav-notification-icon .astro-css-icon {
  margin: 0;
  -webkit-filter: drop-shadow(0px 0px 1px rgb(0, 0, 0));
  filter: drop-shadow(0px 0px 1px rgb(0, 0, 0));
}
.side-nav-option .side-nav-option-detail {
  width: calc(var(--side-nav-exp-width) - var(--side-nav-min-width));
  white-space: nowrap;
  height: 100%;
  display: flex;
  align-items: center;
  margin-left: 0.5em;
  z-index: 1;
  font-weight: 600;
  font-size: 1.1em;
}
.side-nav-option .side-nav-current-option {
  position: absolute;
  width: calc(100% - 0.2em);
  height: calc(100% - 0.4em);
  left: 0.2em;
  top: 0.2em;
  background-color: var(--DarkBlue800Color);
  border-top-left-radius: 0.6em;
  border-bottom-left-radius: 0.6em;
  border: 2px solid var(--BrightBlue600Color);
  border-right: none;
}
.side-nav-option .astro-css-status-symbol {
  top: 4px !important;
  left: 8px !important;
}.full-page {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  display: flex;
}
.full-page .page-content {
  flex: 1 1 auto;
}body {
  margin: 0;
  font-family: 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}