/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-50: oklch(97.1% .013 17.38);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-orange-50: oklch(98% .016 73.684);
    --color-orange-600: oklch(64.6% .222 41.116);
    --color-amber-50: oklch(98.7% .022 95.277);
    --color-amber-600: oklch(66.6% .179 58.318);
    --color-yellow-500: oklch(79.5% .184 86.047);
    --color-green-50: oklch(98.2% .018 155.826);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-sky-50: oklch(97.7% .013 236.62);
    --color-sky-600: oklch(58.8% .158 241.966);
    --color-blue-50: oklch(97% .014 254.604);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-xs: .125rem;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-3xl: 64px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-1\/4 {
    top: 25%;
  }

  .top-2 {
    top: calc(var(--spacing) * 2);
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-16 {
    top: calc(var(--spacing) * 16);
  }

  .top-20 {
    top: calc(var(--spacing) * 20);
  }

  .top-\[15\%\] {
    top: 15%;
  }

  .top-\[30\%\] {
    top: 30%;
  }

  .top-\[50\%\] {
    top: 50%;
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-5 {
    right: calc(var(--spacing) * 5);
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }

  .bottom-2\.5 {
    bottom: calc(var(--spacing) * 2.5);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .bottom-\[35px\] {
    bottom: 35px;
  }

  .bottom-full {
    bottom: 100%;
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-\[50\%\] {
    left: 50%;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-\[1\] {
    z-index: 1;
  }

  .z-\[500\] {
    z-index: 500;
  }

  .z-\[1000\] {
    z-index: 1000;
  }

  .z-\[1002\] {
    z-index: 1002;
  }

  .z-\[1003\] {
    z-index: 1003;
  }

  .z-\[1004\] {
    z-index: 1004;
  }

  .z-\[1005\] {
    z-index: 1005;
  }

  .z-\[1006\] {
    z-index: 1006;
  }

  .z-\[10000\] {
    z-index: 10000;
  }

  .z-\[100000\] {
    z-index: 100000;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .float-right {
    float: right;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .-m-0\.5 {
    margin: calc(var(--spacing) * -.5);
  }

  .m-0\.5 {
    margin: calc(var(--spacing) * .5);
  }

  .m-1 {
    margin: calc(var(--spacing) * 1);
  }

  .m-\[2px\] {
    margin: 2px;
  }

  .m-auto {
    margin: auto;
  }

  .-mx-0\.5 {
    margin-inline: calc(var(--spacing) * -.5);
  }

  .-mx-0\.75 {
    margin-inline: calc(var(--spacing) * -.75);
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

  .-mx-1\.5 {
    margin-inline: calc(var(--spacing) * -1.5);
  }

  .-mx-1\.25 {
    margin-inline: calc(var(--spacing) * -1.25);
  }

  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }

  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }

  .mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-0\.5 {
    margin-block: calc(var(--spacing) * .5);
  }

  .my-0\.75 {
    margin-block: calc(var(--spacing) * .75);
  }

  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }

  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }

  .my-1\.25 {
    margin-block: calc(var(--spacing) * 1.25);
  }

  .my-1\.75 {
    margin-block: calc(var(--spacing) * 1.75);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .my-2\.5 {
    margin-block: calc(var(--spacing) * 2.5);
  }

  .my-2\.25 {
    margin-block: calc(var(--spacing) * 2.25);
  }

  .my-2\.75 {
    margin-block: calc(var(--spacing) * 2.75);
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }

  .-mt-\(--slide-out-size\) {
    margin-top: calc(var(--slide-out-size) * -1);
  }

  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .-mr-\(--slide-out-size\) {
    margin-right: calc(var(--slide-out-size) * -1);
  }

  .mr-0 {
    margin-right: calc(var(--spacing) * 0);
  }

  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }

  .-mb-\(--slide-out-size\) {
    margin-bottom: calc(var(--slide-out-size) * -1);
  }

  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .-ml-\(--slide-out-size\) {
    margin-left: calc(var(--slide-out-size) * -1);
  }

  .ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-\[auto\], .ml-auto {
    margin-left: auto;
  }

  .box-border {
    box-sizing: border-box;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .block\! {
    display: block !important;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .flex\! {
    display: flex !important;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .field-sizing-content {
    field-sizing: content;
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-3\! {
    width: calc(var(--spacing) * 3) !important;
    height: calc(var(--spacing) * 3) !important;
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-4\! {
    width: calc(var(--spacing) * 4) !important;
    height: calc(var(--spacing) * 4) !important;
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }

  .size-15 {
    width: calc(var(--spacing) * 15);
    height: calc(var(--spacing) * 15);
  }

  .size-\[1em\] {
    width: 1em;
    height: 1em;
  }

  .size-\[20px\] {
    width: 20px;
    height: 20px;
  }

  .size-\[calc\(calc\(var\(--spacing\)\*6\)-1px\)\] {
    width: calc(calc(var(--spacing) * 6)  - 1px);
    height: calc(calc(var(--spacing) * 6)  - 1px);
  }

  .size-\[calc\(calc\(var\(--spacing\)\*7\)-1px\)\] {
    width: calc(calc(var(--spacing) * 7)  - 1px);
    height: calc(calc(var(--spacing) * 7)  - 1px);
  }

  .size-\[calc\(calc\(var\(--spacing\)\*8\)-1px\)\] {
    width: calc(calc(var(--spacing) * 8)  - 1px);
    height: calc(calc(var(--spacing) * 8)  - 1px);
  }

  .size-\[calc\(calc\(var\(--spacing\)\*9\)-1px\)\] {
    width: calc(calc(var(--spacing) * 9)  - 1px);
    height: calc(calc(var(--spacing) * 9)  - 1px);
  }

  .size-\[calc\(calc\(var\(--spacing\)\*10\)-1px\)\] {
    width: calc(calc(var(--spacing) * 10)  - 1px);
    height: calc(calc(var(--spacing) * 10)  - 1px);
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .size-max {
    width: max-content;
    height: max-content;
  }

  .h-0\.5 {
    height: calc(var(--spacing) * .5);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-1\/2 {
    height: 50%;
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

  .h-3\/4\! {
    height: 75% !important;
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-13 {
    height: calc(var(--spacing) * 13);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-15 {
    height: calc(var(--spacing) * 15);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-64 {
    height: calc(var(--spacing) * 64);
  }

  .h-72 {
    height: calc(var(--spacing) * 72);
  }

  .h-\[10px\] {
    height: 10px;
  }

  .h-\[15px\] {
    height: 15px;
  }

  .h-\[24px\] {
    height: 24px;
  }

  .h-\[30px\] {
    height: 30px;
  }

  .h-\[35px\] {
    height: 35px;
  }

  .h-\[100px\] {
    height: 100px;
  }

  .h-\[200px\] {
    height: 200px;
  }

  .h-\[300px\] {
    height: 300px;
  }

  .h-\[400px\] {
    height: 400px;
  }

  .h-full {
    height: 100%;
  }

  .h-max {
    height: max-content;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

  .h-svh {
    height: 100svh;
  }

  .max-h-\(--overmap-menu-available-height\) {
    max-height: var(--overmap-menu-available-height);
  }

  .max-h-3\/4 {
    max-height: 75%;
  }

  .max-h-100 {
    max-height: calc(var(--spacing) * 100);
  }

  .max-h-\[51vh\] {
    max-height: 51vh;
  }

  .max-h-\[80vh\] {
    max-height: 80vh;
  }

  .max-h-\[300px\] {
    max-height: 300px;
  }

  .max-h-\[450px\] {
    max-height: 450px;
  }

  .max-h-\[500px\] {
    max-height: 500px;
  }

  .max-h-full {
    max-height: 100%;
  }

  .max-h-max {
    max-height: max-content;
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .min-h-5 {
    min-height: calc(var(--spacing) * 5);
  }

  .min-h-7\.5 {
    min-height: calc(var(--spacing) * 7.5);
  }

  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }

  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }

  .min-h-\[44px\] {
    min-height: 44px;
  }

  .min-h-\[80px\] {
    min-height: 80px;
  }

  .min-h-\[200px\] {
    min-height: 200px;
  }

  .w-0\.5 {
    width: calc(var(--spacing) * .5);
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-18 {
    width: calc(var(--spacing) * 18);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-60 {
    width: calc(var(--spacing) * 60);
  }

  .w-80 {
    width: calc(var(--spacing) * 80);
  }

  .w-\[10px\] {
    width: 10px;
  }

  .w-\[15px\] {
    width: 15px;
  }

  .w-\[20px\] {
    width: 20px;
  }

  .w-\[70\] {
    width: 70px;
  }

  .w-\[200px\] {
    width: 200px;
  }

  .w-\[300px\] {
    width: 300px;
  }

  .w-\[340px\] {
    width: 340px;
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .w-max\! {
    width: max-content !important;
  }

  .w-px {
    width: 1px;
  }

  .w-screen {
    width: 100vw;
  }

  .w-sm {
    width: var(--container-sm);
  }

  .w-svw {
    width: 100svw;
  }

  .w-xs {
    width: var(--container-xs);
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3\/4 {
    max-width: 75%;
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-7xl {
    max-width: var(--container-7xl);
  }

  .max-w-30 {
    max-width: calc(var(--spacing) * 30);
  }

  .max-w-\[280px\] {
    max-width: 280px;
  }

  .max-w-\[300px\] {
    max-width: 300px;
  }

  .max-w-\[350px\] {
    max-width: 350px;
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-30 {
    min-width: calc(var(--spacing) * 30);
  }

  .min-w-35 {
    min-width: calc(var(--spacing) * 35);
  }

  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }

  .min-w-45 {
    min-width: calc(var(--spacing) * 45);
  }

  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }

  .min-w-50 {
    min-width: calc(var(--spacing) * 50);
  }

  .min-w-\[120px\] {
    min-width: 120px;
  }

  .min-w-\[200px\] {
    min-width: 200px;
  }

  .min-w-\[300px\] {
    min-width: 300px;
  }

  .min-w-max {
    min-width: max-content;
  }

  .flex-1 {
    flex: 1;
  }

  .shrink\! {
    flex-shrink: 1 !important;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .shrink-1 {
    flex-shrink: 1;
  }

  .shrink-1\! {
    flex-shrink: 1 !important;
  }

  .grow {
    flex-grow: 1;
  }

  .grow-0 {
    flex-grow: 0;
  }

  .basis-0 {
    flex-basis: calc(var(--spacing) * 0);
  }

  .basis-1 {
    flex-basis: calc(var(--spacing) * 1);
  }

  .basis-2 {
    flex-basis: calc(var(--spacing) * 2);
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .origin-\[left_center\] {
    transform-origin: 0;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/4 {
    --tw-translate-y: calc(calc(1 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .transform-\[scaleX\(calc\(var\(--progress-value\)\/var\(--progress-max\)\)\)\] {
    transform: scaleX(calc(var(--progress-value) / var(--progress-max)));
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-auto\! {
    cursor: auto !important;
  }

  .cursor-ew-resize {
    cursor: ew-resize;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-nesw-resize {
    cursor: nesw-resize;
  }

  .cursor-nw-resize {
    cursor: nw-resize;
  }

  .cursor-nwse-resize {
    cursor: nwse-resize;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .touch-manipulation {
    touch-action: manipulation;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-x {
    resize: horizontal;
  }

  .resize-y {
    resize: vertical;
  }

  .scroll-px-4 {
    scroll-padding-inline: calc(var(--spacing) * 4);
  }

  .scroll-py-1\.75 {
    scroll-padding-block: calc(var(--spacing) * 1.75);
  }

  .scroll-py-2 {
    scroll-padding-block: calc(var(--spacing) * 2);
  }

  .scroll-py-2\.5 {
    scroll-padding-block: calc(var(--spacing) * 2.5);
  }

  .scroll-py-2\.25 {
    scroll-padding-block: calc(var(--spacing) * 2.25);
  }

  .scroll-py-2\.75 {
    scroll-padding-block: calc(var(--spacing) * 2.75);
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .columns-2 {
    columns: 2;
  }

  .columns-3 {
    columns: 3;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }

  .grid-cols-\[auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-nowrap {
    flex-wrap: nowrap;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .\!justify-between {
    justify-content: space-between !important;
  }

  .justify-around {
    justify-content: space-around;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-0\.75 {
    gap: calc(var(--spacing) * .75);
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-1\.25 {
    gap: calc(var(--spacing) * 1.25);
  }

  .gap-1\.75 {
    gap: calc(var(--spacing) * 1.75);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-2\.25 {
    gap: calc(var(--spacing) * 2.25);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-4\.5 {
    gap: calc(var(--spacing) * 4.5);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-5\.5 {
    gap: calc(var(--spacing) * 5.5);
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  :where(.-space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
  }

  .self-end {
    align-self: flex-end;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-x-scroll {
    overflow-x: scroll;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overflow-y-hidden {
    overflow-y: hidden;
  }

  .overflow-y-scroll {
    overflow-y: scroll;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-\[calc\(var\(--radius-lg\)-1px\)\] {
    border-radius: calc(var(--radius-lg)  - 1px);
  }

  .rounded-\[calc\(var\(--radius-md\)-1px\)\] {
    border-radius: calc(var(--radius-md)  - 1px);
  }

  .rounded-\[calc\(var\(--radius-sm\)-1px\)\] {
    border-radius: calc(var(--radius-sm)  - 1px);
  }

  .rounded-\[calc\(var\(--radius-xl\)-1px\)\] {
    border-radius: calc(var(--radius-xl)  - 1px);
  }

  .rounded-\[calc\(var\(--radius-xs\)-1px\)\] {
    border-radius: calc(var(--radius-xs)  - 1px);
  }

  .rounded-\[inherit\] {
    border-radius: inherit;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-xs {
    border-radius: var(--radius-xs);
  }

  .rounded-s-none {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }

  .rounded-e-none {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }

  .rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .rounded-b-lg {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }

  .rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .border, .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-\[2\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 2.5px;
  }

  .border-\[2\.25px\] {
    border-style: var(--tw-border-style);
    border-width: 2.25px;
  }

  .border-\[2\.75px\] {
    border-style: var(--tw-border-style);
    border-width: 2.75px;
  }

  .border-\[3px\] {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }

  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }

  .border-t-1 {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }

  .border-r-1 {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-b, .border-b-1 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-l-1 {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-\(--accent-9\) {
    border-color: var(--accent-9);
  }

  .border-\(--accent-a6\) {
    border-color: var(--accent-a6);
  }

  .border-\(--accent-a7\) {
    border-color: var(--accent-a7);
  }

  .border-\(--base-2\) {
    border-color: var(--base-2);
  }

  .border-\(--base-5\) {
    border-color: var(--base-5);
  }

  .border-\(--base-6\) {
    border-color: var(--base-6);
  }

  .border-\(--base-7\) {
    border-color: var(--base-7);
  }

  .border-\(--base-7\)\! {
    border-color: var(--base-7) !important;
  }

  .border-\(--base-a5\) {
    border-color: var(--base-a5);
  }

  .border-\(--base-a6\) {
    border-color: var(--base-a6);
  }

  .border-\(--base-a7\) {
    border-color: var(--base-a7);
  }

  .border-\(--base-a8\) {
    border-color: var(--base-a8);
  }

  .border-gray-200 {
    border-color: var(--color-gray-200);
  }

  .border-white {
    border-color: var(--color-white);
  }

  .border-b-transparent {
    border-bottom-color: #0000;
  }

  .\!bg-\(--base-2\) {
    background-color: var(--base-2) !important;
  }

  .\!bg-\(--base-a2\) {
    background-color: var(--base-a2) !important;
  }

  .\!bg-\(--color-background\) {
    background-color: var(--color-background) !important;
  }

  .bg-\(--accent-6\) {
    background-color: var(--accent-6);
  }

  .bg-\(--accent-8\) {
    background-color: var(--accent-8);
  }

  .bg-\(--accent-9\) {
    background-color: var(--accent-9);
  }

  .bg-\(--accent-a2\) {
    background-color: var(--accent-a2);
  }

  .bg-\(--accent-a3\) {
    background-color: var(--accent-a3);
  }

  .bg-\(--accent-a5\) {
    background-color: var(--accent-a5);
  }

  .bg-\(--accent-contrast\) {
    background-color: var(--accent-contrast);
  }

  .bg-\(--accent-surface\) {
    background-color: var(--accent-surface);
  }

  .bg-\(--accent-track\) {
    background-color: var(--accent-track);
  }

  .bg-\(--base-1\) {
    background-color: var(--base-1);
  }

  .bg-\(--base-2\) {
    background-color: var(--base-2);
  }

  .bg-\(--base-3\) {
    background-color: var(--base-3);
  }

  .bg-\(--base-3\)\! {
    background-color: var(--base-3) !important;
  }

  .bg-\(--base-4\) {
    background-color: var(--base-4);
  }

  .bg-\(--base-a2\) {
    background-color: var(--base-a2);
  }

  .bg-\(--base-a3\) {
    background-color: var(--base-a3);
  }

  .bg-\(--base-a4\) {
    background-color: var(--base-a4);
  }

  .bg-\(--base-a5\) {
    background-color: var(--base-a5);
  }

  .bg-\(--base-a6\) {
    background-color: var(--base-a6);
  }

  .bg-\(--base-a7\) {
    background-color: var(--base-a7);
  }

  .bg-\(--base-contrast\) {
    background-color: var(--base-contrast);
  }

  .bg-\(--base-surface\) {
    background-color: var(--base-surface);
  }

  .bg-\(--black-a6\) {
    background-color: var(--black-a6);
  }

  .bg-\(--black-a9\) {
    background-color: var(--black-a9);
  }

  .bg-\(--color-background\) {
    background-color: var(--color-background);
  }

  .bg-\(--primary-12\) {
    background-color: var(--primary-12);
  }

  .bg-\[\#4C8E48\] {
    background-color: #4c8e48;
  }

  .bg-\[\#16a34a\] {
    background-color: #16a34a;
  }

  .bg-\[\#2563eb\] {
    background-color: #2563eb;
  }

  .bg-\[\#D53434\] {
    background-color: #d53434;
  }

  .bg-\[\#FFA500FF\] {
    background-color: orange;
  }

  .bg-\[\#f97316\] {
    background-color: #f97316;
  }

  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }

  .bg-black\/95 {
    background-color: #000000f2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/95 {
      background-color: color-mix(in oklab, var(--color-black) 95%, transparent);
    }
  }

  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }

  .bg-green-50 {
    background-color: var(--color-green-50);
  }

  .bg-orange-50 {
    background-color: var(--color-orange-50);
  }

  .bg-red-50 {
    background-color: var(--color-red-50);
  }

  .bg-sky-50 {
    background-color: var(--color-sky-50);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-contain {
    background-size: contain;
  }

  .bg-clip-padding {
    background-clip: padding-box;
  }

  .bg-center {
    background-position: center;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .fill-\(--base-6\) {
    fill: var(--base-6);
  }

  .fill-\(--base-11\) {
    fill: var(--base-11);
  }

  .fill-\(--base-12\) {
    fill: var(--base-12);
  }

  .fill-current {
    fill: currentColor;
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-0\! {
    padding: calc(var(--spacing) * 0) !important;
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-0\.25 {
    padding: calc(var(--spacing) * .25);
  }

  .p-0\.75 {
    padding: calc(var(--spacing) * .75);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-1\! {
    padding: calc(var(--spacing) * 1) !important;
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-1\.25 {
    padding: calc(var(--spacing) * 1.25);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-4\.5 {
    padding: calc(var(--spacing) * 4.5);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .p-55 {
    padding: calc(var(--spacing) * 55);
  }

  .p-\[2px\] {
    padding: 2px;
  }

  .p-\[4px\] {
    padding: 4px;
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-1\.25 {
    padding-inline: calc(var(--spacing) * 1.25);
  }

  .px-1\.75 {
    padding-inline: calc(var(--spacing) * 1.75);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\! {
    padding-inline: calc(var(--spacing) * 2) !important;
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-2\.25 {
    padding-inline: calc(var(--spacing) * 2.25);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-4\! {
    padding-inline: calc(var(--spacing) * 4) !important;
  }

  .px-4\.5 {
    padding-inline: calc(var(--spacing) * 4.5);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-5\.25 {
    padding-inline: calc(var(--spacing) * 5.25);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-6\.75 {
    padding-inline: calc(var(--spacing) * 6.75);
  }

  .px-7\.5 {
    padding-inline: calc(var(--spacing) * 7.5);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-8\.5 {
    padding-inline: calc(var(--spacing) * 8.5);
  }

  .px-8\.25 {
    padding-inline: calc(var(--spacing) * 8.25);
  }

  .px-9\.25 {
    padding-inline: calc(var(--spacing) * 9.25);
  }

  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-0\.25 {
    padding-block: calc(var(--spacing) * .25);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-1\.25 {
    padding-block: calc(var(--spacing) * 1.25);
  }

  .py-1\.75 {
    padding-block: calc(var(--spacing) * 1.75);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-2\.25 {
    padding-block: calc(var(--spacing) * 2.25);
  }

  .py-2\.75 {
    padding-block: calc(var(--spacing) * 2.75);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-3\.25 {
    padding-block: calc(var(--spacing) * 3.25);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-4\.5 {
    padding-block: calc(var(--spacing) * 4.5);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-5\.5 {
    padding-block: calc(var(--spacing) * 5.5);
  }

  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-\[200px\] {
    padding-top: 200px;
  }

  .pr-3\.75 {
    padding-right: calc(var(--spacing) * 3.75);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .align-bottom {
    vertical-align: bottom;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-sub {
    vertical-align: sub;
  }

  .align-top {
    vertical-align: top;
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }

  .text-7xl {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
  }

  .text-8xl {
    font-size: var(--text-8xl);
    line-height: var(--tw-leading, var(--text-8xl--line-height));
  }

  .text-9xl {
    font-size: var(--text-9xl);
    line-height: var(--tw-leading, var(--text-9xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[font-size\:inherit\] {
    font-size: inherit;
  }

  .text-\[0\.625rem\] {
    font-size: .625rem;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .leading-\[inherit\] {
    --tw-leading: inherit;
    line-height: inherit;
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .text-nowrap {
    text-wrap: nowrap;
  }

  .text-wrap {
    text-wrap: wrap;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-\(--accent-12\) {
    color: var(--accent-12);
  }

  .text-\(--accent-a11\) {
    color: var(--accent-a11);
  }

  .text-\(--accent-a12\) {
    color: var(--accent-a12);
  }

  .text-\(--accent-contrast\) {
    color: var(--accent-contrast);
  }

  .text-\(--base-1\) {
    color: var(--base-1);
  }

  .text-\(--base-11\) {
    color: var(--base-11);
  }

  .text-\(--base-12\) {
    color: var(--base-12);
  }

  .text-\(--base-a10\) {
    color: var(--base-a10);
  }

  .text-\(--base-a11\) {
    color: var(--base-a11);
  }

  .text-amber-600 {
    color: var(--color-amber-600);
  }

  .text-black {
    color: var(--color-black);
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-gray-300 {
    color: var(--color-gray-300);
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-800 {
    color: var(--color-gray-800);
  }

  .text-green-500 {
    color: var(--color-green-500);
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-orange-600 {
    color: var(--color-orange-600);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-sky-600 {
    color: var(--color-sky-600);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-yellow-500 {
    color: var(--color-yellow-500);
  }

  .italic {
    font-style: italic;
  }

  .underline {
    text-decoration-line: underline;
  }

  .placeholder-\(--accent-12\)::placeholder {
    color: var(--accent-12);
  }

  .placeholder-\(--base-a9\)::placeholder {
    color: var(--base-a9);
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\(--base-5\) {
    --tw-shadow: var(--base-5);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xs {
    --tw-shadow: 0 1px var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[1px_1px_1px_var\(--base-7\)\)\], .shadow-\[1px_1px_1px_var\(--base-7\)\] {
    --tw-shadow: 1px 1px 1px var(--tw-shadow-color, var(--base-7));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring, .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .inset-shadow-\[0_-1px_0_0_var\(--base-a6\)\] {
    --tw-inset-shadow: inset 0 -1px 0 0 var(--tw-inset-shadow-color, var(--base-a6));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .inset-ring, .inset-ring-1 {
    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-\(--accent-9\) {
    --tw-ring-color: var(--accent-9);
  }

  .ring-\(--base-6\) {
    --tw-ring-color: var(--base-6);
  }

  .ring-\(--base-12\) {
    --tw-ring-color: var(--base-12);
  }

  .ring-\(--base-a6\) {
    --tw-ring-color: var(--base-a6);
  }

  .inset-ring-\(--accent-a3\) {
    --tw-inset-ring-color: var(--accent-a3);
  }

  .inset-ring-\(--accent-a4\) {
    --tw-inset-ring-color: var(--accent-a4);
  }

  .inset-ring-\(--accent-a6\) {
    --tw-inset-ring-color: var(--accent-a6);
  }

  .inset-ring-\(--accent-a7\) {
    --tw-inset-ring-color: var(--accent-a7);
  }

  .inset-ring-\(--base-a4\) {
    --tw-inset-ring-color: var(--base-a4);
  }

  .inset-ring-\(--base-a5\) {
    --tw-inset-ring-color: var(--base-a5);
  }

  .inset-ring-\(--base-a6\) {
    --tw-inset-ring-color: var(--base-a6);
  }

  .inset-ring-\(--base-a7\) {
    --tw-inset-ring-color: var(--base-a7);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }

  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .-outline-offset-1 {
    outline-offset: calc(1px * -1);
  }

  .outline-\(--primary-indicator\) {
    outline-color: var(--primary-indicator);
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur-3xl {
    --tw-backdrop-blur: blur(var(--blur-3xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background\,color\,box-shadow\] {
    transition-property: background, color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background\,color\] {
    transition-property: background, color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background\,opacity\] {
    transition-property: background, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background\,text\] {
    transition-property: background, text;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\] {
    transition-property: background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[box-shadow\] {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\] {
    transition-property: color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[margin-bottom\] {
    transition-property: margin-bottom;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[margin-left\] {
    transition-property: margin-left;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[margin-right\] {
    transition-property: margin-right;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[margin-top\] {
    transition-property: margin-top;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\] {
    transition-property: transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[overflow-anchor\:none\] {
    overflow-anchor: none;
  }

  .\[scrollbar-color\:var\(--base-6\)_transparent\] {
    scrollbar-color: var(--base-6) transparent;
  }

  .\[scrollbar-width\:thin\] {
    scrollbar-width: thin;
  }

  .duration-200 {
    animation-duration: .2s;
  }

  .duration-300 {
    animation-duration: .3s;
  }

  .ease-in-out {
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
  }

  .ease-linear {
    animation-timing-function: linear;
  }

  .paused {
    animation-play-state: paused;
  }

  .running {
    animation-play-state: running;
  }

  :is(.\*\:pointer-events-auto > *) {
    pointer-events: auto;
  }

  :is(.\*\:font-semibold > *) {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  :is(.\*\*\:\!fill-\(--base-a12\) *) {
    fill: var(--base-a12) !important;
  }

  @media (hover: hover) {
    .group-hover\:text-\(--base-a12\):is(:where(.group):hover *) {
      color: var(--base-a12);
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }

    .group-hover\:not-disabled\:flex:is(:where(.group):hover *):not(:disabled) {
      display: flex;
    }
  }

  .group-data-\[active\=true\]\:fill-current:is(:where(.group)[data-active="true"] *) {
    fill: currentColor;
  }

  .group-data-\[disabled\]\/day\:pointer-events-none:is(:where(.group\/day)[data-disabled] *) {
    pointer-events: none;
  }

  .group-data-\[disabled\]\/day\:text-\(--base-a9\):is(:where(.group\/day)[data-disabled] *) {
    color: var(--base-a9);
  }

  .group-data-\[disabled\]\/day\:opacity-70:is(:where(.group\/day)[data-disabled] *) {
    opacity: .7;
  }

  .group-data-\[outside\]\/day\:pointer-events-none:is(:where(.group\/day)[data-outside] *) {
    pointer-events: none;
  }

  .group-data-\[outside\]\/day\:\!bg-transparent:is(:where(.group\/day)[data-outside] *) {
    background-color: #0000 !important;
  }

  .group-data-\[outside\]\/day\:text-\(--base-a9\):is(:where(.group\/day)[data-outside] *) {
    color: var(--base-a9);
  }

  .group-data-\[outside\]\/day\:opacity-70:is(:where(.group\/day)[data-outside] *) {
    opacity: .7;
  }

  .group-data-\[state\=\'checked\'\]\:outline-2:is(:where(.group)[data-state="checked"] *) {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .group-data-\[state\=\'checked\'\]\:-outline-offset-1:is(:where(.group)[data-state="checked"] *) {
    outline-offset: calc(1px * -1);
  }

  .group-data-\[state\=\'checked\'\]\:outline-\(--primary-indicator\):is(:where(.group)[data-state="checked"] *) {
    outline-color: var(--primary-indicator);
  }

  .group-data-\[state\=\'open\'\]\:rotate-90:is(:where(.group)[data-state="open"] *) {
    rotate: 90deg;
  }

  .group-data-\[status\=active\]\:text-\(--base-a12\):is(:where(.group)[data-status="active"] *) {
    color: var(--base-a12);
  }

  .group-\[\.rdp-range-end\:not\(\.rdp-range-start\)\]\/day\:rounded-l-none:is(:where(.group\/day).rdp-range-end:not(.rdp-range-start) *) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .group-\[\.rdp-range-middle\]\/day\:rounded-none:is(:where(.group\/day).rdp-range-middle *) {
    border-radius: 0;
  }

  .group-\[\.rdp-range-middle\]\/day\:bg-\(--accent-a3\):is(:where(.group\/day).rdp-range-middle *) {
    background-color: var(--accent-a3);
  }

  .group-\[\.rdp-range-start\:not\(\.rdp-range-end\)\]\/day\:rounded-r-none:is(:where(.group\/day).rdp-range-start:not(.rdp-range-end) *) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .group-\[\[data-selected\=\'true\'\]\:not\(\.rdp-range-middle\)\]\/day\:bg-\(--accent-a6\):is(:where(.group\/day)[data-selected="true"]:not(.rdp-range-middle) *) {
    background-color: var(--accent-a6);
  }

  .group-\[\[data-selected\=\'true\'\]\:not\(\.rdp-range-middle\)\]\/day\:bg-\(--accent-indicator\):is(:where(.group\/day)[data-selected="true"]:not(.rdp-range-middle) *) {
    background-color: var(--accent-indicator);
  }

  .group-\[\[data-selected\=\'true\'\]\:not\(\.rdp-range-middle\)\]\/day\:text-\(--accent-contrast\):is(:where(.group\/day)[data-selected="true"]:not(.rdp-range-middle) *) {
    color: var(--accent-contrast);
  }

  .peer-\[\.slot\]\/slot\:px-0:is(:where(.peer\/slot).slot ~ *) {
    padding-inline: calc(var(--spacing) * 0);
  }

  .selection\:bg-\(--accent-a5\) ::selection {
    background-color: var(--accent-a5);
  }

  .selection\:bg-\(--accent-a5\)::selection {
    background-color: var(--accent-a5);
  }

  .placeholder\:opacity-60::placeholder {
    opacity: .6;
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:inset-x-1\.75:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 1.75);
  }

  .after\:inset-x-2:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 2);
  }

  .after\:inset-x-2\.5:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 2.5);
  }

  .after\:inset-x-2\.25:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 2.25);
  }

  .after\:inset-x-2\.75:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 2.75);
  }

  .after\:inset-y-0:after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }

  .after\:z-\[-1\]:after {
    content: var(--tw-content);
    z-index: -1;
  }

  .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  .after\:rounded-lg:after {
    content: var(--tw-content);
    border-radius: var(--radius-lg);
  }

  .after\:rounded-md:after {
    content: var(--tw-content);
    border-radius: var(--radius-md);
  }

  .after\:rounded-none:after {
    content: var(--tw-content);
    border-radius: 0;
  }

  .after\:rounded-sm:after {
    content: var(--tw-content);
    border-radius: var(--radius-sm);
  }

  .after\:rounded-xl:after {
    content: var(--tw-content);
    border-radius: var(--radius-xl);
  }

  .after\:rounded-xs:after {
    content: var(--tw-content);
    border-radius: var(--radius-xs);
  }

  .after\:bg-transparent:after {
    content: var(--tw-content);
    background-color: #0000;
  }

  :is(.\*\:after\:absolute > *):after {
    content: var(--tw-content);
    position: absolute;
  }

  :is(.\*\:after\:start-1\/2 > *):after {
    content: var(--tw-content);
    inset-inline-start: 50%;
  }

  :is(.\*\:after\:bottom-0\.5 > *):after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * .5);
  }

  :is(.\*\:after\:size-\[2px\] > *):after {
    content: var(--tw-content);
    width: 2px;
    height: 2px;
  }

  :is(.\*\:after\:size-\[3px\] > *):after {
    content: var(--tw-content);
    width: 3px;
    height: 3px;
  }

  :is(.\*\:after\:size-\[4px\] > *):after {
    content: var(--tw-content);
    width: 4px;
    height: 4px;
  }

  :is(.\*\:after\:-translate-x-1\/2 > *):after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  :is(.\*\:after\:rounded-full > *):after {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  :is(.\*\:after\:bg-\(--accent-a5\) > *):after {
    content: var(--tw-content);
    background-color: var(--accent-a5);
  }

  :is(.\*\:after\:bg-\(--base-12\) > *):after {
    content: var(--tw-content);
    background-color: var(--base-12);
  }

  :is(.\*\:group-data-\[disabled\]\/day\:after\:bg-\(--base-a9\) > *):is(:where(.group\/day)[data-disabled] *):after {
    content: var(--tw-content);
    background-color: var(--base-a9);
  }

  :is(.\*\:group-\[\[data-selected\=\'true\'\]\:not\(\.rdp-range-middle\)\]\/day\:after\:bg-\(--accent-contrast\) > *):is(:where(.group\/day)[data-selected="true"]:not(.rdp-range-middle) *):after {
    content: var(--tw-content);
    background-color: var(--accent-contrast);
  }

  .first\:border-t-2:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  @media (hover: hover) {
    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:bg-\(--accent-10\):hover {
      background-color: var(--accent-10);
    }

    .hover\:bg-\(--accent-a3\):hover {
      background-color: var(--accent-a3);
    }

    .hover\:bg-\(--accent-a4\):hover {
      background-color: var(--accent-a4);
    }

    .hover\:bg-\(--base-a3\):hover {
      background-color: var(--base-a3);
    }

    .hover\:bg-\(--base-indicator\):hover {
      background-color: var(--base-indicator);
    }

    .hover\:bg-\(--hover-color\):hover {
      background-color: var(--hover-color);
    }

    .hover\:text-\(--accent-a12\):hover {
      color: var(--accent-a12);
    }

    .hover\:text-\(--base-a12\):hover {
      color: var(--base-a12);
    }

    .hover\:inset-ring-0:hover {
      --tw-inset-ring-shadow: inset 0 0 0 0px var(--tw-inset-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:inset-ring-\(--accent-a8\):hover {
      --tw-inset-ring-color: var(--accent-a8);
    }

    .hover\:inset-ring-\(--base-a7\):hover {
      --tw-inset-ring-color: var(--base-a7);
    }

    .group-\[\:not\(\[data-selected\]\)\]\/day\:hover\:bg-\(--accent-a3\):is(:where(.group\/day):not([data-selected]) *):hover {
      background-color: var(--accent-a3);
    }
  }

  .focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus\:outline-hidden:focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus\:outline-2:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus\:-outline-offset-1:focus {
    outline-offset: calc(1px * -1);
  }

  .focus\:outline-\(--accent-a8\):focus {
    outline-color: var(--accent-a8);
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:bg-\(--accent-a3\):focus-visible {
    background-color: var(--accent-a3);
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:-outline-offset-1:focus-visible {
    outline-offset: calc(1px * -1);
  }

  .focus-visible\:outline-offset-1:focus-visible {
    outline-offset: 1px;
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }

  .focus-visible\:outline-\(--accent-8\):focus-visible {
    outline-color: var(--accent-8);
  }

  .focus-visible\:outline-\(--accent-a8\):focus-visible {
    outline-color: var(--accent-a8);
  }

  .focus-visible\:outline-\(--base-a8\):focus-visible {
    outline-color: var(--base-a8);
  }

  .focus-visible\:outline-\(--primary-a8\):focus-visible {
    outline-color: var(--primary-a8);
  }

  .active\:bg-\(--accent-a3\):active {
    background-color: var(--accent-a3);
  }

  .active\:bg-\(--accent-a4\):active {
    background-color: var(--accent-a4);
  }

  .active\:bg-\(--accent-a5\):active {
    background-color: var(--accent-a5);
  }

  .active\:bg-\(--base-a4\):active {
    background-color: var(--base-a4);
  }

  .active\:brightness-110:active {
    --tw-brightness: brightness(110%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .group-\[\:not\(\[data-selected\]\)\]\/day\:active\:bg-\(--accent-a4\):is(:where(.group\/day):not([data-selected]) *):active {
    background-color: var(--accent-a4);
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .has-\[\:disabled\]\:pointer-events-none:has(:disabled) {
    pointer-events: none;
  }

  .has-\[\:disabled\]\:opacity-50:has(:disabled) {
    opacity: .5;
  }

  .has-\[\:focus\]\:outline-2:has(:focus) {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .has-\[\:focus\]\:-outline-offset-1:has(:focus) {
    outline-offset: calc(1px * -1);
  }

  .has-\[\:focus\]\:outline-\(--accent-8\):has(:focus) {
    outline-color: var(--accent-8);
  }

  .data-active\:not-data-\[disabled\=true\]\:bg-\(--accent-a3\)[data-active]:not([data-disabled="true"]) {
    background-color: var(--accent-a3);
  }

  .data-active\:not-data-\[disabled\=true\]\:bg-\(--accent-a9\)[data-active]:not([data-disabled="true"]) {
    background-color: var(--accent-a9);
  }

  .data-active\:not-data-\[disabled\=true\]\:text-\(--accent-contrast\)[data-active]:not([data-disabled="true"]) {
    color: var(--accent-contrast);
  }

  .data-active\:not-data-\[disabled\=true\]\:active\:bg-\(--accent-a4\)[data-active]:not([data-disabled="true"]):active {
    background-color: var(--accent-a4);
  }

  .data-active\:not-data-\[disabled\=true\]\:active\:brightness-110[data-active]:not([data-disabled="true"]):active {
    --tw-brightness: brightness(110%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .data-disabled\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-highlighted\:not-data-\[disabled\=true\]\:bg-\(--accent-a3\)[data-highlighted]:not([data-disabled="true"]) {
    background-color: var(--accent-a3);
  }

  .data-highlighted\:not-data-\[disabled\=true\]\:bg-\(--accent-a9\)[data-highlighted]:not([data-disabled="true"]) {
    background-color: var(--accent-a9);
  }

  .data-highlighted\:not-data-\[disabled\=true\]\:text-\(--accent-contrast\)[data-highlighted]:not([data-disabled="true"]) {
    color: var(--accent-contrast);
  }

  .data-highlighted\:not-data-\[disabled\=true\]\:active\:bg-\(--accent-a4\)[data-highlighted]:not([data-disabled="true"]):active {
    background-color: var(--accent-a4);
  }

  .data-highlighted\:not-data-\[disabled\=true\]\:active\:brightness-110[data-highlighted]:not([data-disabled="true"]):active {
    --tw-brightness: brightness(110%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .data-\[active\=true\]\:not-\[data-\[disabled\=true\]\]\:bg-\(--accent-a3\)[data-active="true"]:not(:is(data-[disabled="true"])) {
    background-color: var(--accent-a3);
  }

  .data-\[active\=true\]\:not-\[data-\[disabled\=true\]\]\:bg-\(--accent-a9\)[data-active="true"]:not(:is(data-[disabled="true"])) {
    background-color: var(--accent-a9);
  }

  .data-\[active\=true\]\:not-\[data-\[disabled\=true\]\]\:text-\(--accent-contrast\)[data-active="true"]:not(:is(data-[disabled="true"])) {
    color: var(--accent-contrast);
  }

  .data-\[active\=true\]\:not-\[data-\[disabled\=true\]\]\:active\:bg-\(--accent-a4\)[data-active="true"]:not(:is(data-[disabled="true"])):active {
    background-color: var(--accent-a4);
  }

  .data-\[active\=true\]\:not-\[data-\[disabled\=true\]\]\:active\:brightness-110[data-active="true"]:not(:is(data-[disabled="true"])):active {
    --tw-brightness: brightness(110%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
    pointer-events: none;
  }

  .data-\[disabled\=true\]\:text-\(--base-a8\)[data-disabled="true"] {
    color: var(--base-a8);
  }

  .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
    opacity: .5;
  }

  .data-\[resizing\=true\]\:bg-\(--base-indicator\)[data-resizing="true"] {
    background-color: var(--base-indicator);
  }

  .data-\[selected\=true\]\:text-\(--accent-contrast\)[data-selected="true"] {
    color: var(--accent-contrast);
  }

  .data-\[selected\=true\]\:after\:bg-\(--accent-a3\)[data-selected="true"]:after {
    content: var(--tw-content);
    background-color: var(--accent-a3);
  }

  .data-\[selected\=true\]\:after\:bg-\(--accent-a9\)[data-selected="true"]:after {
    content: var(--tw-content);
    background-color: var(--accent-a9);
  }

  .data-\[selected\=true\]\:active\:after\:bg-\(--accent-a4\)[data-selected="true"]:active:after {
    content: var(--tw-content);
    background-color: var(--accent-a4);
  }

  .data-\[selected\=true\]\:active\:after\:brightness-110[data-selected="true"]:active:after {
    content: var(--tw-content);
    --tw-brightness: brightness(110%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .data-\[side\=bottom\]\:slide-in-from-top-1[data-side="bottom"] {
    --tw-enter-translate-y: -.25rem;
  }

  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
    --tw-enter-translate-y: -.5rem;
  }

  .data-\[side\=left\]\:slide-in-from-right-1[data-side="left"] {
    --tw-enter-translate-x: .25rem;
  }

  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
    --tw-enter-translate-x: .5rem;
  }

  .data-\[side\=right\]\:slide-in-from-left-1[data-side="right"] {
    --tw-enter-translate-x: -.25rem;
  }

  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
    --tw-enter-translate-x: -.5rem;
  }

  .data-\[side\=top\]\:slide-in-from-bottom-1[data-side="top"] {
    --tw-enter-translate-y: .25rem;
  }

  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
    --tw-enter-translate-y: .5rem;
  }

  .data-\[state\=\'checked\'\]\:translate-x-\[calc\(100\%\+1px\)\][data-state="checked"] {
    --tw-translate-x: calc(100% + 1px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[state\=\'checked\'\]\:bg-\(--accent-indicator\)[data-state="checked"] {
    background-color: var(--accent-indicator);
  }

  .data-\[state\=\'checked\'\]\:inset-ring-\(--accent-indicator\)[data-state="checked"] {
    --tw-inset-ring-color: var(--accent-indicator);
  }

  .data-\[state\=\'checked\'\]\:transition-\[background\,color\,box-shadow\][data-state="checked"] {
    transition-property: background, color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .data-\[state\=\'closed\'\]\:animate-out[data-state="closed"] {
    --tw-exit-opacity: initial;
    --tw-exit-scale: initial;
    --tw-exit-rotate: initial;
    --tw-exit-translate-x: initial;
    --tw-exit-translate-y: initial;
    animation-name: exit;
    animation-duration: .15s;
  }

  .data-\[state\=\'closed\'\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity: 0;
  }

  .data-\[state\=\'closed\'\]\:zoom-out-95[data-state="closed"] {
    --tw-exit-scale: .95;
  }

  .data-\[state\=\'open\'\]\:bg-\(--accent-10\)[data-state="open"] {
    background-color: var(--accent-10);
  }

  .data-\[state\=\'open\'\]\:bg-\(--accent-a3\)[data-state="open"] {
    background-color: var(--accent-a3);
  }

  .data-\[state\=\'open\'\]\:bg-\(--accent-a4\)[data-state="open"] {
    background-color: var(--accent-a4);
  }

  .data-\[state\=\'open\'\]\:inset-ring-0[data-state="open"] {
    --tw-inset-ring-shadow: inset 0 0 0 0px var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[state\=\'open\'\]\:inset-ring-\(--accent-a8\)[data-state="open"] {
    --tw-inset-ring-color: var(--accent-a8);
  }

  .data-\[state\=\'open\'\]\:animate-in[data-state="open"] {
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial;
    animation-name: enter;
    animation-duration: .15s;
  }

  .data-\[state\=\'open\'\]\:fade-in-0[data-state="open"] {
    --tw-enter-opacity: 0;
  }

  .data-\[state\=\'open\'\]\:zoom-in-95[data-state="open"] {
    --tw-enter-scale: .95;
  }

  .data-\[state\=\'unchecked\'\]\:translate-x-\[1px\][data-state="unchecked"] {
    --tw-translate-x: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[state\=active\]\:bg-\(--accent-a5\)[data-state="active"] {
    background-color: var(--accent-a5);
  }

  .data-\[state\=active\]\:text-\(--accent-a12\)[data-state="active"] {
    color: var(--accent-a12);
  }

  .data-\[state\=active\]\:text-\(--base-a12\)[data-state="active"] {
    color: var(--base-a12);
  }

  .data-\[state\=active\]\:before\:absolute[data-state="active"]:before {
    content: var(--tw-content);
    position: absolute;
  }

  .data-\[state\=active\]\:before\:inset-x-0[data-state="active"]:before {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 0);
  }

  .data-\[state\=active\]\:before\:bottom-0[data-state="active"]:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .data-\[state\=active\]\:before\:h-\[2px\][data-state="active"]:before {
    content: var(--tw-content);
    height: 2px;
  }

  .data-\[state\=active\]\:before\:bg-\(--accent-indicator\)[data-state="active"]:before {
    content: var(--tw-content);
    background-color: var(--accent-indicator);
  }

  .data-\[state\=checked\]\:bg-\(--accent-track\)[data-state="checked"] {
    background-color: var(--accent-track);
  }

  .data-\[state\=checked\]\:inset-ring-\(--accent-track\)[data-state="checked"] {
    --tw-inset-ring-color: var(--accent-track);
  }

  .data-\[state\=checked\]\:outline-2[data-state="checked"] {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .data-\[state\=checked\]\:-outline-offset-1[data-state="checked"] {
    outline-offset: calc(1px * -1);
  }

  .data-\[state\=checked\]\:outline-\(--accent-indicator\)[data-state="checked"] {
    outline-color: var(--accent-indicator);
  }

  .data-\[state\=closed\]\:animate-out[data-state="closed"] {
    --tw-exit-opacity: initial;
    --tw-exit-scale: initial;
    --tw-exit-rotate: initial;
    --tw-exit-translate-x: initial;
    --tw-exit-translate-y: initial;
    animation-name: exit;
    animation-duration: .15s;
  }

  .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity: 0;
  }

  .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
    --tw-exit-scale: .95;
  }

  .data-\[state\=delayed-open\]\:animate-in[data-state="delayed-open"] {
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial;
    animation-name: enter;
    animation-duration: .15s;
  }

  .data-\[state\=delayed-open\]\:fade-in-0[data-state="delayed-open"] {
    --tw-enter-opacity: 0;
  }

  .data-\[state\=delayed-open\]\:zoom-in-95[data-state="delayed-open"] {
    --tw-enter-scale: .95;
  }

  @media (hover: hover) {
    .data-\[state\=off\]\:hover\:bg-\(--accent-a3\)[data-state="off"]:hover {
      background-color: var(--accent-a3);
    }

    .data-\[state\=off\]\:hover\:bg-\(--accent-a4\)[data-state="off"]:hover {
      background-color: var(--accent-a4);
    }

    .data-\[state\=off\]\:hover\:inset-ring-transparent[data-state="off"]:hover {
      --tw-inset-ring-color: transparent;
    }
  }

  .data-\[state\=on\]\:bg-\(--accent-a4\)[data-state="on"] {
    background-color: var(--accent-a4);
  }

  .data-\[state\=on\]\:bg-\(--accent-a5\)[data-state="on"] {
    background-color: var(--accent-a5);
  }

  .data-\[state\=on\]\:bg-\(--active-color\)[data-state="on"] {
    background-color: var(--active-color);
  }

  .data-\[state\=on\]\:bg-\(--base-a3\)[data-state="on"] {
    background-color: var(--base-a3);
  }

  .data-\[state\=on\]\:text-\(--accent-a12\)[data-state="on"] {
    color: var(--accent-a12);
  }

  .data-\[state\=on\]\:inset-ring-transparent[data-state="on"] {
    --tw-inset-ring-color: transparent;
  }

  .data-\[state\=on\]\:outline-2[data-state="on"] {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .data-\[state\=open\]\:animate-in[data-state="open"] {
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial;
    animation-name: enter;
    animation-duration: .15s;
  }

  .data-\[state\=open\]\:fade-in-0[data-state="open"] {
    --tw-enter-opacity: 0;
  }

  .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
    --tw-enter-scale: .95;
  }

  .data-\[state\=unchecked\]\:inset-ring[data-state="unchecked"] {
    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[state\=unchecked\]\:inset-ring-\(--base-a7\)[data-state="unchecked"] {
    --tw-inset-ring-color: var(--base-a7);
  }

  @media (hover: hover) {
    .data-\[state\=unchecked\]\:hover\:inset-ring-\(--base-a8\)[data-state="unchecked"]:hover {
      --tw-inset-ring-color: var(--base-a8);
    }
  }

  .data-\[status\=active\]\:bg-\(--base-a4\)[data-status="active"] {
    background-color: var(--base-a4);
  }

  .data-\[status\=active\]\:text-\(--base-a12\)[data-status="active"] {
    color: var(--base-a12);
  }

  .data-\[status\=active\]\:inset-ring[data-status="active"] {
    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[status\=active\]\:inset-ring-\(--base-a7\)[data-status="active"] {
    --tw-inset-ring-color: var(--base-a7);
  }

  @media not all and (min-width: 40rem) {
    .max-sm\:fixed {
      position: fixed;
    }

    .max-sm\:bottom-0 {
      bottom: calc(var(--spacing) * 0);
    }

    .max-sm\:left-0 {
      left: calc(var(--spacing) * 0);
    }

    .max-sm\:h-\[300px\] {
      height: 300px;
    }

    .max-sm\:w-full {
      width: 100%;
    }
  }

  @media (min-width: 40rem) {
    .min-sm\:max-h-\[400px\] {
      max-height: 400px;
    }

    .min-sm\:w-\[300px\] {
      width: 300px;
    }

    .sm\:w-auto {
      width: auto;
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:justify-between {
      justify-content: space-between;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:flex-row {
      flex-direction: row;
    }

    .lg\:overflow-hidden {
      overflow: hidden;
    }

    .lg\:opacity-0 {
      opacity: 0;
    }
  }

  .dark\:bg-\(--base-2\):is(.dark *) {
    background-color: var(--base-2);
  }

  .dark\:bg-\(--black-a8\):is(.dark *) {
    background-color: var(--black-a8);
  }

  .dark\:text-white:is(.dark *) {
    color: var(--color-white);
  }

  .dark\:data-disabled\:brightness-50:is(.dark *)[data-disabled] {
    --tw-brightness: brightness(50%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .\[\&_\[cmdk-group-heading\]\]\:flex [cmdk-group-heading] {
    display: flex;
  }

  .\[\&_\[cmdk-group-heading\]\]\:items-center [cmdk-group-heading] {
    align-items: center;
  }

  .\[\&_\[cmdk-group-heading\]\]\:gap-2\.5 [cmdk-group-heading] {
    gap: calc(var(--spacing) * 2.5);
  }

  .\[\&_\[cmdk-group-heading\]\]\:gap-2\.75 [cmdk-group-heading] {
    gap: calc(var(--spacing) * 2.75);
  }

  .\[\&_\[cmdk-group-heading\]\]\:gap-3 [cmdk-group-heading] {
    gap: calc(var(--spacing) * 3);
  }

  .\[\&_\[cmdk-group-heading\]\]\:gap-3\.5 [cmdk-group-heading] {
    gap: calc(var(--spacing) * 3.5);
  }

  .\[\&_\[cmdk-group-heading\]\]\:gap-3\.25 [cmdk-group-heading] {
    gap: calc(var(--spacing) * 3.25);
  }

  .\[\&_\[cmdk-group-heading\]\]\:px-2\.5 [cmdk-group-heading] {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .\[\&_\[cmdk-group-heading\]\]\:px-2\.75 [cmdk-group-heading] {
    padding-inline: calc(var(--spacing) * 2.75);
  }

  .\[\&_\[cmdk-group-heading\]\]\:px-3 [cmdk-group-heading] {
    padding-inline: calc(var(--spacing) * 3);
  }

  .\[\&_\[cmdk-group-heading\]\]\:px-3\.5 [cmdk-group-heading] {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .\[\&_\[cmdk-group-heading\]\]\:px-3\.25 [cmdk-group-heading] {
    padding-inline: calc(var(--spacing) * 3.25);
  }

  .\[\&_\[cmdk-group-heading\]\]\:py-1 [cmdk-group-heading] {
    padding-block: calc(var(--spacing) * 1);
  }

  .\[\&_\[cmdk-group-heading\]\]\:py-1\.25 [cmdk-group-heading] {
    padding-block: calc(var(--spacing) * 1.25);
  }

  .\[\&_\[cmdk-group-heading\]\]\:text-base [cmdk-group-heading] {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .\[\&_\[cmdk-group-heading\]\]\:text-sm [cmdk-group-heading] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[\&_\[cmdk-group-heading\]\]\:text-\(--base-a10\) [cmdk-group-heading] {
    color: var(--base-a10);
  }

  .\[\&\>div\:first-child\]\:flex-1 > div:first-child {
    flex: 1;
  }

  .\[\&\>div\:first-child\]\:wrap-break-word > div:first-child {
    overflow-wrap: break-word;
  }
}

:root {
  --white-a1: #ffffff0d;
  --white-a2: #ffffff1a;
  --white-a3: #ffffff26;
  --white-a4: #fff3;
  --white-a5: #ffffff4d;
  --white-a6: #fff6;
  --white-a7: #ffffff80;
  --white-a8: #fff9;
  --white-a9: #ffffffb3;
  --white-a10: #fffc;
  --white-a11: #ffffffe6;
  --white-a12: #fffffff2;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --white-a1: color(display-p3 1 1 1 / .05);
      --white-a2: color(display-p3 1 1 1 / .1);
      --white-a3: color(display-p3 1 1 1 / .15);
      --white-a4: color(display-p3 1 1 1 / .2);
      --white-a5: color(display-p3 1 1 1 / .3);
      --white-a6: color(display-p3 1 1 1 / .4);
      --white-a7: color(display-p3 1 1 1 / .5);
      --white-a8: color(display-p3 1 1 1 / .6);
      --white-a9: color(display-p3 1 1 1 / .7);
      --white-a10: color(display-p3 1 1 1 / .8);
      --white-a11: color(display-p3 1 1 1 / .9);
      --white-a12: color(display-p3 1 1 1 / .95);
    }
  }
}

:root {
  --black-a1: #0000000d;
  --black-a2: #0000001a;
  --black-a3: #00000026;
  --black-a4: #0003;
  --black-a5: #0000004d;
  --black-a6: #0006;
  --black-a7: #00000080;
  --black-a8: #0009;
  --black-a9: #000000b3;
  --black-a10: #000c;
  --black-a11: #000000e6;
  --black-a12: #000000f2;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --black-a1: color(display-p3 0 0 0 / .05);
      --black-a2: color(display-p3 0 0 0 / .1);
      --black-a3: color(display-p3 0 0 0 / .15);
      --black-a4: color(display-p3 0 0 0 / .2);
      --black-a5: color(display-p3 0 0 0 / .3);
      --black-a6: color(display-p3 0 0 0 / .4);
      --black-a7: color(display-p3 0 0 0 / .5);
      --black-a8: color(display-p3 0 0 0 / .6);
      --black-a9: color(display-p3 0 0 0 / .7);
      --black-a10: color(display-p3 0 0 0 / .8);
      --black-a11: color(display-p3 0 0 0 / .9);
      --black-a12: color(display-p3 0 0 0 / .95);
    }
  }
}

:root, .light, .light-theme {
  --color-background: #fbfbfb;
}

.dark, .dark-theme, :is(.dark, .dark-theme) {
  --color-background: #14161d;
}

:root, .light, .light-theme {
  --base-1: #f8f8f8;
  --base-2: #f5f4f4;
  --base-3: #eceaea;
  --base-4: #e4e2e2;
  --base-5: #dddbda;
  --base-6: #d5d2d1;
  --base-7: #cac7c6;
  --base-8: #b8b4b2;
  --base-9: #8b8684;
  --base-10: #807b7a;
  --base-11: #615d5c;
  --base-12: #221f1e;
  --base-a1: #00000003;
  --base-a2: #3c1c1c08;
  --base-a3: #270b0b12;
  --base-a4: #1a06061a;
  --base-a5: #1a0b0322;
  --base-a6: #1a08022b;
  --base-a7: #14060136;
  --base-a8: #180a034b;
  --base-a9: #0f050179;
  --base-a10: #0e040284;
  --base-a11: #080200a2;
  --base-a12: #050100e1;
  --base-contrast: #fff;
  --base-surface: #fffc;
  --base-indicator: #8b8684;
  --base-track: #8b8684;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --base-1: oklch(97.9% .0007 39.39);
      --base-2: oklch(96.7% .0009 39.39);
      --base-3: oklch(93.9% .0014 39.39);
      --base-4: oklch(91.5% .0021 39.39);
      --base-5: oklch(89.2% .0024 39.39);
      --base-6: oklch(86.7% .0031 39.39);
      --base-7: oklch(83.3% .0039 39.39);
      --base-8: oklch(77.2% .0052 39.39);
      --base-9: oklch(62.3% .0064 39.39);
      --base-10: oklch(58.8% .006 39.39);
      --base-11: oklch(48.3% .0049 39.39);
      --base-12: oklch(24.3% .005 39.39);
      --base-a1: color(display-p3 0 0 0 / .012);
      --base-a2: color(display-p3 .1451 .0078 .0078 / .028);
      --base-a3: color(display-p3 .1216 .0078 .0078 / .068);
      --base-a4: color(display-p3 .0824 .0039 .0039 / .1);
      --base-a5: color(display-p3 .0941 .0353 .0078 / .132);
      --base-a6: color(display-p3 .0745 .0275 .0078 / .168);
      --base-a7: color(display-p3 .0627 .0235 .0039 / .212);
      --base-a8: color(display-p3 .0706 .0314 .0039 / .291);
      --base-a9: color(display-p3 .051 .0196 .0039 / .475);
      --base-a10: color(display-p3 .0392 .0078 0 / .514);
      --base-a11: color(display-p3 .0275 .0078 0 / .634);
      --base-a12: color(display-p3 .0118 .0039 0 / .881);
      --base-contrast: #fff;
      --base-surface: color(display-p3 1 1 1 / .8);
      --base-indicator: oklch(62.3% .0064 39.39);
      --base-track: oklch(62.3% .0064 39.39);
    }
  }
}

.dark, .dark-theme {
  --base-1: #181615;
  --base-2: #1f1d1c;
  --base-3: #282524;
  --base-4: #2e2b2a;
  --base-5: #35312f;
  --base-6: #3f3a38;
  --base-7: #4c4745;
  --base-8: #655f5d;
  --base-9: #716c6a;
  --base-10: #7f7977;
  --base-11: #b8b2b0;
  --base-12: #f0edec;
  --base-a1: #e1170005;
  --base-a2: #feab080c;
  --base-a3: #fcc46f16;
  --base-a4: #f9cf901d;
  --base-a5: #fed69d24;
  --base-a6: #fedab02f;
  --base-a7: #ffe3c53d;
  --base-a8: #ffead758;
  --base-a9: #fff0df65;
  --base-a10: #fdeee175;
  --base-a11: #fff5efb2;
  --base-a12: #fffcfaef;
  --base-contrast: #fff;
  --base-surface: #0000000d;
  --base-indicator: #716c6a;
  --base-track: #716c6a;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --base-1: oklch(20.1% .0036 39.39);
      --base-2: oklch(23.1% .0035 39.39);
      --base-3: oklch(26.6% .005 39.39);
      --base-4: oklch(29.1% .0057 39.39);
      --base-5: oklch(31.7% .0071 39.39);
      --base-6: oklch(35.1% .0074 39.39);
      --base-7: oklch(40.2% .0074 39.39);
      --base-8: oklch(49.1% .0074 39.39);
      --base-9: oklch(53.5% .0074 39.39);
      --base-10: oklch(58.1% .0074 39.39);
      --base-11: oklch(76.7% .0074 39.39);
      --base-12: oklch(94.8% .0042 39.39);
      --base-a1: color(display-p3 .9529 .0902 0 / .018);
      --base-a2: color(display-p3 1 .6706 .1137 / .047);
      --base-a3: color(display-p3 1 .8157 .498 / .081);
      --base-a4: color(display-p3 .9961 .8588 .6235 / .107);
      --base-a5: color(display-p3 .9961 .8627 .6549 / .137);
      --base-a6: color(display-p3 1 .8784 .7255 / .179);
      --base-a7: color(display-p3 1 .9059 .7961 / .235);
      --base-a8: color(display-p3 1 .9294 .8588 / .341);
      --base-a9: color(display-p3 1 .949 .8902 / .392);
      --base-a10: color(display-p3 1 .949 .902 / .452);
      --base-a11: color(display-p3 1 .9686 .9451 / .694);
      --base-a12: color(display-p3 1 .9922 .9843 / .932);
      --base-contrast: #fff;
      --base-surface: color(display-p3 0 0 0 / .05);
      --base-indicator: oklch(53.5% .0074 39.39);
      --base-track: oklch(53.5% .0074 39.39);
    }
  }
}

:root, .light, .light-theme {
  --primary-1: #f6f9fd;
  --primary-2: #eef4fe;
  --primary-3: #e0eeff;
  --primary-4: #d1e6ff;
  --primary-5: #bfdbff;
  --primary-6: #aacdff;
  --primary-7: #8fbbff;
  --primary-8: #67a1ff;
  --primary-9: #23457e;
  --primary-10: #335691;
  --primary-11: #2e64c0;
  --primary-12: #14366d;
  --primary-a1: #f2f8ff80;
  --primary-a2: #eaf2ffc0;
  --primary-a3: #e0eeff;
  --primary-a4: #d1e6ff;
  --primary-a5: #bfdbff;
  --primary-a6: #aacdff;
  --primary-a7: #8fbbff;
  --primary-a8: #67a1ff;
  --primary-a9: #01296bdc;
  --primary-a10: #012d77cc;
  --primary-a11: #0143b3d1;
  --primary-a12: #002561eb;
  --primary-contrast: #fff;
  --primary-surface: #ebf3ffcc;
  --primary-indicator: #23457e;
  --primary-track: #23457e;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --primary-1: oklch(98% .0066 260.1);
      --primary-2: oklch(96.7% .0143 260.1);
      --primary-3: oklch(94.5% .033 260.1);
      --primary-4: oklch(92% .0532 260.1);
      --primary-5: oklch(88.7% .0718 260.1);
      --primary-6: oklch(84.4% .0903 260.1);
      --primary-7: oklch(78.9% .1143 260.1);
      --primary-8: oklch(71.2% .1551 260.1);
      --primary-9: oklch(39.7% .1043 260.1);
      --primary-10: oklch(45.7% .1043 260.1);
      --primary-11: oklch(51.8% .1551 260.1);
      --primary-12: oklch(34.1% .1043 260.1);
      --primary-a1: color(display-p3 .9529 .9686 .9961 / .5);
      --primary-a2: color(display-p3 .8902 .9294 .9961 / .5);
      --primary-a3: color(display-p3 .7961 .8824 .9961 / .5);
      --primary-a4: color(display-p3 .6863 .8118 .9961 / .5);
      --primary-a5: color(display-p3 .1216 .4667 1 / .25);
      --primary-a6: color(display-p3 .0039 .3608 .9843 / .295);
      --primary-a7: color(display-p3 .0039 .3412 .9647 / .395);
      --primary-a8: color(display-p3 0 .3137 .9647 / .538);
      --primary-a9: color(display-p3 0 .1176 .3725 / .829);
      --primary-a10: color(display-p3 0 .1333 .4196 / .765);
      --primary-a11: color(display-p3 0 .2 .651 / .761);
      --primary-a12: color(display-p3 0 .1059 .3373 / .885);
      --primary-contrast: #fff;
      --primary-surface: color(display-p3 .9333 .9529 .9961 / .8);
      --primary-indicator: oklch(39.7% .1043 260.1);
      --primary-track: oklch(39.7% .1043 260.1);
    }
  }
}

.dark, .dark-theme {
  --primary-1: #101721;
  --primary-2: #121a26;
  --primary-3: #142747;
  --primary-4: #15315f;
  --primary-5: #1c3c71;
  --primary-6: #264881;
  --primary-7: #2f5695;
  --primary-8: #3865b0;
  --primary-9: #3c75d2;
  --primary-10: #3c69b5;
  --primary-11: #89b6ff;
  --primary-12: #d2e2fd;
  --primary-a1: #004aea05;
  --primary-a2: #0073ee0b;
  --primary-a3: #1571fc30;
  --primary-a4: #1871fe4b;
  --primary-a5: #297cff5f;
  --primary-a6: #3d87ff71;
  --primary-a7: #478efe88;
  --primary-a8: #4c8fffa6;
  --primary-a9: #468dfecd;
  --primary-a10: #4f92ffac;
  --primary-a11: #89b6ff;
  --primary-a12: #d4e4fffd;
  --primary-contrast: #fff;
  --primary-surface: #111e2f80;
  --primary-indicator: #3c75d2;
  --primary-track: #3c75d2;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --primary-1: oklch(20.1% .0234 260.1);
      --primary-2: oklch(21.5% .0282 260.1);
      --primary-3: oklch(27.5% .0647 260.1);
      --primary-4: oklch(31.9% .089 260.1);
      --primary-5: oklch(36.3% .099 260.1);
      --primary-6: oklch(40.7% .1043 260.1);
      --primary-7: oklch(45.7% .1132 260.1);
      --primary-8: oklch(51.3% .1296 260.1);
      --primary-9: oklch(57.1% .1565 260.1);
      --primary-10: oklch(52.7% .1296 260.1);
      --primary-11: oklch(77.5% .1174 260.1);
      --primary-12: oklch(91% .0412 260.1);
      --primary-a1: color(display-p3 0 .3059 .9843 / .018);
      --primary-a2: color(display-p3 .0824 .4824 .9961 / .04);
      --primary-a3: color(display-p3 .1686 .4549 1 / .181);
      --primary-a4: color(display-p3 .1922 .451 1 / .282);
      --primary-a5: color(display-p3 .2549 .4941 1 / .357);
      --primary-a6: color(display-p3 .3176 .5333 1 / .428);
      --primary-a7: color(display-p3 .3529 .5686 .9961 / .512);
      --primary-a8: color(display-p3 .3725 .5725 1 / .63);
      --primary-a9: color(display-p3 .3529 .5647 1 / .771);
      --primary-a10: color(display-p3 .3843 .5804 1 / .652);
      --primary-a11: color(display-p3 .5843 .7255 1 / .974);
      --primary-a12: color(display-p3 .851 .898 1 / .983);
      --primary-contrast: #fff;
      --primary-surface: color(display-p3 .0706 .1098 .1804 / .5);
      --primary-indicator: oklch(57.1% .1565 260.1);
      --primary-track: oklch(57.1% .1565 260.1);
    }
  }
}

:root, .light, .light-theme {
  --red-1: #fffcfc;
  --red-2: #fff7f7;
  --red-3: #feebec;
  --red-4: #ffdbdc;
  --red-5: #ffcdce;
  --red-6: #fdbdbe;
  --red-7: #f4a9aa;
  --red-8: #eb8e90;
  --red-9: #e5484d;
  --red-10: #dc3e42;
  --red-11: #ce2c31;
  --red-12: #641723;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --red-1: color(display-p3 .998 .989 .988);
      --red-2: color(display-p3 .995 .971 .971);
      --red-3: color(display-p3 .985 .925 .925);
      --red-4: color(display-p3 .999 .866 .866);
      --red-5: color(display-p3 .984 .812 .811);
      --red-6: color(display-p3 .955 .751 .749);
      --red-7: color(display-p3 .915 .675 .672);
      --red-8: color(display-p3 .872 .575 .572);
      --red-9: color(display-p3 .83 .329 .324);
      --red-10: color(display-p3 .798 .294 .285);
      --red-11: color(display-p3 .744 .234 .222);
      --red-12: color(display-p3 .36 .115 .143);
    }
  }
}

:root, .light, .light-theme {
  --red-a1: #ff000003;
  --red-a2: #ff000008;
  --red-a3: #f3000d14;
  --red-a4: #ff000824;
  --red-a5: #ff000632;
  --red-a6: #f8000442;
  --red-a7: #df000356;
  --red-a8: #d2000571;
  --red-a9: #db0007b7;
  --red-a10: #d10005c1;
  --red-a11: #c40006d3;
  --red-a12: #55000de8;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --red-a1: color(display-p3 .675 .024 .024 / .012);
      --red-a2: color(display-p3 .863 .024 .024 / .028);
      --red-a3: color(display-p3 .792 .008 .008 / .075);
      --red-a4: color(display-p3 1 .008 .008 / .134);
      --red-a5: color(display-p3 .918 .008 .008 / .189);
      --red-a6: color(display-p3 .831 .02 .004 / .251);
      --red-a7: color(display-p3 .741 .016 .004 / .33);
      --red-a8: color(display-p3 .698 .012 .004 / .428);
      --red-a9: color(display-p3 .749 .008 0 / .675);
      --red-a10: color(display-p3 .714 .012 0 / .714);
      --red-a11: color(display-p3 .744 .234 .222);
      --red-a12: color(display-p3 .36 .115 .143);
    }
  }
}

.dark, .dark-theme {
  --red-1: #191111;
  --red-2: #201314;
  --red-3: #3b1219;
  --red-4: #500f1c;
  --red-5: #611623;
  --red-6: #72232d;
  --red-7: #8c333a;
  --red-8: #b54548;
  --red-9: #e5484d;
  --red-10: #ec5d5e;
  --red-11: #ff9592;
  --red-12: #ffd1d9;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --red-1: color(display-p3 .093 .068 .067);
      --red-2: color(display-p3 .118 .077 .079);
      --red-3: color(display-p3 .211 .081 .099);
      --red-4: color(display-p3 .287 .079 .113);
      --red-5: color(display-p3 .348 .11 .142);
      --red-6: color(display-p3 .414 .16 .183);
      --red-7: color(display-p3 .508 .224 .236);
      --red-8: color(display-p3 .659 .298 .297);
      --red-9: color(display-p3 .83 .329 .324);
      --red-10: color(display-p3 .861 .403 .387);
      --red-11: color(display-p3 1 .57 .55);
      --red-12: color(display-p3 .971 .826 .852);
    }
  }
}

.dark, .dark-theme {
  --red-a1: #f4121209;
  --red-a2: #f22f3e11;
  --red-a3: #ff173f2d;
  --red-a4: #fe0a3b44;
  --red-a5: #ff204756;
  --red-a6: #ff3e5668;
  --red-a7: #ff536184;
  --red-a8: #ff5d61b0;
  --red-a9: #fe4e54e4;
  --red-a10: #ff6465eb;
  --red-a11: #ff9592;
  --red-a12: #ffd1d9;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --red-a1: color(display-p3 .984 .071 .071 / .03);
      --red-a2: color(display-p3 .996 .282 .282 / .055);
      --red-a3: color(display-p3 1 .169 .271 / .156);
      --red-a4: color(display-p3 1 .118 .267 / .236);
      --red-a5: color(display-p3 1 .212 .314 / .303);
      --red-a6: color(display-p3 1 .318 .38 / .374);
      --red-a7: color(display-p3 1 .4 .424 / .475);
      --red-a8: color(display-p3 1 .431 .431 / .635);
      --red-a9: color(display-p3 1 .388 .384 / .82);
      --red-a10: color(display-p3 1 .463 .447 / .853);
      --red-a11: color(display-p3 1 .57 .55);
      --red-a12: color(display-p3 .971 .826 .852);
    }
  }
}

:root {
  --red-contrast: white;
}

:root, .light, .light-theme {
  --red-surface: #fff5f5cc;
  --red-indicator: var(--red-9);
  --red-track: var(--red-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --red-surface: color(display-p3 .9961 .9647 .9647 / .8);
    }
  }
}

.dark, .dark-theme {
  --red-surface: #2f151780;
  --red-indicator: var(--red-9);
  --red-track: var(--red-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --red-surface: color(display-p3 .1647 .0863 .0863 / .5);
    }
  }
}

[data-accent-color="danger"] {
  --accent-1: var(--red-1);
  --accent-2: var(--red-2);
  --accent-3: var(--red-3);
  --accent-4: var(--red-4);
  --accent-5: var(--red-5);
  --accent-6: var(--red-6);
  --accent-7: var(--red-7);
  --accent-8: var(--red-8);
  --accent-9: var(--red-9);
  --accent-10: var(--red-10);
  --accent-11: var(--red-11);
  --accent-12: var(--red-12);
  --accent-a1: var(--red-a1);
  --accent-a2: var(--red-a2);
  --accent-a3: var(--red-a3);
  --accent-a4: var(--red-a4);
  --accent-a5: var(--red-a5);
  --accent-a6: var(--red-a6);
  --accent-a7: var(--red-a7);
  --accent-a8: var(--red-a8);
  --accent-a9: var(--red-a9);
  --accent-a10: var(--red-a10);
  --accent-a11: var(--red-a11);
  --accent-a12: var(--red-a12);
  --accent-contrast: var(--red-contrast);
  --accent-surface: var(--red-surface);
  --accent-indicator: var(--red-indicator);
  --accent-track: var(--red-track);
}

:root, .light, .light-theme {
  --green-1: #fbfefc;
  --green-2: #f4fbf6;
  --green-3: #e6f6eb;
  --green-4: #d6f1df;
  --green-5: #c4e8d1;
  --green-6: #adddc0;
  --green-7: #8eceaa;
  --green-8: #5bb98b;
  --green-9: #30a46c;
  --green-10: #2b9a66;
  --green-11: #218358;
  --green-12: #193b2d;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --green-1: color(display-p3 .986 .996 .989);
      --green-2: color(display-p3 .963 .983 .967);
      --green-3: color(display-p3 .913 .964 .925);
      --green-4: color(display-p3 .859 .94 .879);
      --green-5: color(display-p3 .796 .907 .826);
      --green-6: color(display-p3 .718 .863 .761);
      --green-7: color(display-p3 .61 .801 .675);
      --green-8: color(display-p3 .451 .715 .559);
      --green-9: color(display-p3 .332 .634 .442);
      --green-10: color(display-p3 .308 .595 .417);
      --green-11: color(display-p3 .19 .5 .32);
      --green-12: color(display-p3 .132 .228 .18);
    }
  }
}

:root, .light, .light-theme {
  --green-a1: #00c04004;
  --green-a2: #00a32f0b;
  --green-a3: #00a43319;
  --green-a4: #00a83829;
  --green-a5: #019c393b;
  --green-a6: #00963c52;
  --green-a7: #00914071;
  --green-a8: #00924ba4;
  --green-a9: #008f4acf;
  --green-a10: #008647d4;
  --green-a11: #00713fde;
  --green-a12: #002616e6;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --green-a1: color(display-p3 .024 .757 .267 / .016);
      --green-a2: color(display-p3 .024 .565 .129 / .036);
      --green-a3: color(display-p3 .012 .596 .145 / .087);
      --green-a4: color(display-p3 .008 .588 .145 / .142);
      --green-a5: color(display-p3 .004 .541 .157 / .204);
      --green-a6: color(display-p3 .004 .518 .157 / .283);
      --green-a7: color(display-p3 .004 .486 .165 / .389);
      --green-a8: color(display-p3 0 .478 .2 / .55);
      --green-a9: color(display-p3 0 .455 .165 / .667);
      --green-a10: color(display-p3 0 .416 .153 / .691);
      --green-a11: color(display-p3 .19 .5 .32);
      --green-a12: color(display-p3 .132 .228 .18);
    }
  }
}

.dark, .dark-theme {
  --green-1: #0e1512;
  --green-2: #121b17;
  --green-3: #132d21;
  --green-4: #113b29;
  --green-5: #174933;
  --green-6: #20573e;
  --green-7: #28684a;
  --green-8: #2f7c57;
  --green-9: #30a46c;
  --green-10: #33b074;
  --green-11: #3dd68c;
  --green-12: #b1f1cb;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --green-1: color(display-p3 .062 .083 .071);
      --green-2: color(display-p3 .079 .106 .09);
      --green-3: color(display-p3 .1 .173 .133);
      --green-4: color(display-p3 .115 .229 .166);
      --green-5: color(display-p3 .147 .282 .206);
      --green-6: color(display-p3 .185 .338 .25);
      --green-7: color(display-p3 .227 .403 .298);
      --green-8: color(display-p3 .27 .479 .351);
      --green-9: color(display-p3 .332 .634 .442);
      --green-10: color(display-p3 .357 .682 .474);
      --green-11: color(display-p3 .434 .828 .573);
      --green-12: color(display-p3 .747 .938 .807);
    }
  }
}

.dark, .dark-theme {
  --green-a1: #00de4505;
  --green-a2: #29f99d0b;
  --green-a3: #22ff991e;
  --green-a4: #11ff992d;
  --green-a5: #2bffa23c;
  --green-a6: #44ffaa4b;
  --green-a7: #50fdac5e;
  --green-a8: #54ffad73;
  --green-a9: #44ffa49e;
  --green-a10: #43fea4ab;
  --green-a11: #46fea5d4;
  --green-a12: #bbffd7f0;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --green-a1: color(display-p3 0 .992 .298 / .017);
      --green-a2: color(display-p3 .341 .98 .616 / .043);
      --green-a3: color(display-p3 .376 .996 .655 / .114);
      --green-a4: color(display-p3 .341 .996 .635 / .173);
      --green-a5: color(display-p3 .408 1 .678 / .232);
      --green-a6: color(display-p3 .475 1 .706 / .29);
      --green-a7: color(display-p3 .514 1 .706 / .362);
      --green-a8: color(display-p3 .529 1 .718 / .442);
      --green-a9: color(display-p3 .502 .996 .682 / .61);
      --green-a10: color(display-p3 .506 1 .682 / .66);
      --green-a11: color(display-p3 .434 .828 .573);
      --green-a12: color(display-p3 .747 .938 .807);
    }
  }
}

:root {
  --green-contrast: white;
}

:root, .light, .light-theme {
  --green-surface: #f1faf4cc;
  --green-indicator: var(--green-9);
  --green-track: var(--green-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --green-surface: color(display-p3 .9569 .9804 .9608 / .8);
    }
  }
}

.dark, .dark-theme {
  --green-surface: #15251d80;
  --green-indicator: var(--green-9);
  --green-track: var(--green-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --green-surface: color(display-p3 .0941 .1412 .1098 / .5);
    }
  }
}

[data-accent-color="success"] {
  --accent-1: var(--green-1);
  --accent-2: var(--green-2);
  --accent-3: var(--green-3);
  --accent-4: var(--green-4);
  --accent-5: var(--green-5);
  --accent-6: var(--green-6);
  --accent-7: var(--green-7);
  --accent-8: var(--green-8);
  --accent-9: var(--green-9);
  --accent-10: var(--green-10);
  --accent-11: var(--green-11);
  --accent-12: var(--green-12);
  --accent-a1: var(--green-a1);
  --accent-a2: var(--green-a2);
  --accent-a3: var(--green-a3);
  --accent-a4: var(--green-a4);
  --accent-a5: var(--green-a5);
  --accent-a6: var(--green-a6);
  --accent-a7: var(--green-a7);
  --accent-a8: var(--green-a8);
  --accent-a9: var(--green-a9);
  --accent-a10: var(--green-a10);
  --accent-a11: var(--green-a11);
  --accent-a12: var(--green-a12);
  --accent-contrast: var(--green-contrast);
  --accent-surface: var(--green-surface);
  --accent-indicator: var(--green-indicator);
  --accent-track: var(--green-track);
}

:root, .light, .light-theme {
  --amber-1: #fefdfb;
  --amber-2: #fefbe9;
  --amber-3: #fff7c2;
  --amber-4: #ffee9c;
  --amber-5: #fbe577;
  --amber-6: #f3d673;
  --amber-7: #e9c162;
  --amber-8: #e2a336;
  --amber-9: #ffc53d;
  --amber-10: #ffba18;
  --amber-11: #ab6400;
  --amber-12: #4f3422;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --amber-1: color(display-p3 .995 .992 .985);
      --amber-2: color(display-p3 .994 .986 .921);
      --amber-3: color(display-p3 .994 .969 .782);
      --amber-4: color(display-p3 .989 .937 .65);
      --amber-5: color(display-p3 .97 .902 .527);
      --amber-6: color(display-p3 .936 .844 .506);
      --amber-7: color(display-p3 .89 .762 .443);
      --amber-8: color(display-p3 .85 .65 .3);
      --amber-9: color(display-p3 1 .77 .26);
      --amber-10: color(display-p3 .959 .741 .274);
      --amber-11: color(display-p3 .64 .4 0);
      --amber-12: color(display-p3 .294 .208 .145);
    }
  }
}

:root, .light, .light-theme {
  --amber-a1: #c0800004;
  --amber-a2: #f4d10016;
  --amber-a3: #ffde003d;
  --amber-a4: #ffd40063;
  --amber-a5: #f8cf0088;
  --amber-a6: #eab5008c;
  --amber-a7: #dc9b009d;
  --amber-a8: #da8a00c9;
  --amber-a9: #ffb300c2;
  --amber-a10: #ffb300e7;
  --amber-a11: #ab6400;
  --amber-a12: #341500dd;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --amber-a1: color(display-p3 .757 .514 .024 / .016);
      --amber-a2: color(display-p3 .902 .804 .008 / .079);
      --amber-a3: color(display-p3 .965 .859 .004 / .22);
      --amber-a4: color(display-p3 .969 .82 .004 / .35);
      --amber-a5: color(display-p3 .933 .796 .004 / .475);
      --amber-a6: color(display-p3 .875 .682 .004 / .495);
      --amber-a7: color(display-p3 .804 .573 0 / .557);
      --amber-a8: color(display-p3 .788 .502 0 / .699);
      --amber-a9: color(display-p3 1 .686 0 / .742);
      --amber-a10: color(display-p3 .945 .643 0 / .726);
      --amber-a11: color(display-p3 .64 .4 0);
      --amber-a12: color(display-p3 .294 .208 .145);
    }
  }
}

.dark, .dark-theme {
  --amber-1: #16120c;
  --amber-2: #1d180f;
  --amber-3: #302008;
  --amber-4: #3f2700;
  --amber-5: #4d3000;
  --amber-6: #5c3d05;
  --amber-7: #714f19;
  --amber-8: #8f6424;
  --amber-9: #ffc53d;
  --amber-10: #ffd60a;
  --amber-11: #ffca16;
  --amber-12: #ffe7b3;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --amber-1: color(display-p3 .082 .07 .05);
      --amber-2: color(display-p3 .111 .094 .064);
      --amber-3: color(display-p3 .178 .128 .049);
      --amber-4: color(display-p3 .239 .156 0);
      --amber-5: color(display-p3 .29 .193 0);
      --amber-6: color(display-p3 .344 .245 .076);
      --amber-7: color(display-p3 .422 .314 .141);
      --amber-8: color(display-p3 .535 .399 .189);
      --amber-9: color(display-p3 1 .77 .26);
      --amber-10: color(display-p3 1 .87 .15);
      --amber-11: color(display-p3 1 .8 .29);
      --amber-12: color(display-p3 .984 .909 .726);
    }
  }
}

.dark, .dark-theme {
  --amber-a1: #e63c0006;
  --amber-a2: #fd9b000d;
  --amber-a3: #fa820022;
  --amber-a4: #fc820032;
  --amber-a5: #fd8b0041;
  --amber-a6: #fd9b0051;
  --amber-a7: #ffab2567;
  --amber-a8: #ffae3587;
  --amber-a9: #ffc53d;
  --amber-a10: #ffd60a;
  --amber-a11: #ffca16;
  --amber-a12: #ffe7b3;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --amber-a1: color(display-p3 .992 .298 0 / .017);
      --amber-a2: color(display-p3 .988 .651 0 / .047);
      --amber-a3: color(display-p3 1 .6 0 / .118);
      --amber-a4: color(display-p3 1 .557 0 / .185);
      --amber-a5: color(display-p3 1 .592 0 / .24);
      --amber-a6: color(display-p3 1 .659 .094 / .299);
      --amber-a7: color(display-p3 1 .714 .263 / .383);
      --amber-a8: color(display-p3 .996 .729 .306 / .5);
      --amber-a9: color(display-p3 1 .769 .259);
      --amber-a10: color(display-p3 1 .871 .149);
      --amber-a11: color(display-p3 1 .8 .29);
      --amber-a12: color(display-p3 .984 .909 .726);
    }
  }
}

:root {
  --amber-contrast: white;
}

:root, .light, .light-theme {
  --amber-surface: #fff5f5cc;
  --amber-indicator: var(--amber-9);
  --amber-track: var(--amber-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --amber-surface: color(display-p3 .9961 .9647 .9647 / .8);
    }
  }
}

.dark, .dark-theme {
  --amber-surface: #2f151780;
  --amber-indicator: var(--amber-9);
  --amber-track: var(--amber-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --amber-surface: color(display-p3 .1647 .0863 .0863 / .5);
    }
  }
}

[data-accent-color="warning"] {
  --accent-1: var(--amber-1);
  --accent-2: var(--amber-2);
  --accent-3: var(--amber-3);
  --accent-4: var(--amber-4);
  --accent-5: var(--amber-5);
  --accent-6: var(--amber-6);
  --accent-7: var(--amber-7);
  --accent-8: var(--amber-8);
  --accent-9: var(--amber-9);
  --accent-10: var(--amber-10);
  --accent-11: var(--amber-11);
  --accent-12: var(--amber-12);
  --accent-a1: var(--amber-a1);
  --accent-a2: var(--amber-a2);
  --accent-a3: var(--amber-a3);
  --accent-a4: var(--amber-a4);
  --accent-a5: var(--amber-a5);
  --accent-a6: var(--amber-a6);
  --accent-a7: var(--amber-a7);
  --accent-a8: var(--amber-a8);
  --accent-a9: var(--amber-a9);
  --accent-a10: var(--amber-a10);
  --accent-a11: var(--amber-a11);
  --accent-a12: var(--amber-a12);
}

:root, .light, .light-theme {
  --indigo-1: #fdfdfe;
  --indigo-2: #f7f9ff;
  --indigo-3: #edf2fe;
  --indigo-4: #e1e9ff;
  --indigo-5: #d2deff;
  --indigo-6: #c1d0ff;
  --indigo-7: #abbdf9;
  --indigo-8: #8da4ef;
  --indigo-9: #3e63dd;
  --indigo-10: #3358d4;
  --indigo-11: #3a5bc7;
  --indigo-12: #1f2d5c;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --indigo-1: color(display-p3 .992 .992 .996);
      --indigo-2: color(display-p3 .971 .977 .998);
      --indigo-3: color(display-p3 .933 .948 .992);
      --indigo-4: color(display-p3 .885 .914 1);
      --indigo-5: color(display-p3 .831 .87 1);
      --indigo-6: color(display-p3 .767 .814 .995);
      --indigo-7: color(display-p3 .685 .74 .957);
      --indigo-8: color(display-p3 .569 .639 .916);
      --indigo-9: color(display-p3 .276 .384 .837);
      --indigo-10: color(display-p3 .234 .343 .801);
      --indigo-11: color(display-p3 .256 .354 .755);
      --indigo-12: color(display-p3 .133 .175 .348);
    }
  }
}

:root, .light, .light-theme {
  --indigo-a1: #00008002;
  --indigo-a2: #0040ff08;
  --indigo-a3: #0047f112;
  --indigo-a4: #0044ff1e;
  --indigo-a5: #0044ff2d;
  --indigo-a6: #003eff3e;
  --indigo-a7: #0037ed54;
  --indigo-a8: #0034dc72;
  --indigo-a9: #0031d2c1;
  --indigo-a10: #002ec9cc;
  --indigo-a11: #002bb7c5;
  --indigo-a12: #001046e0;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --indigo-a1: color(display-p3 .02 .02 .51 / .008);
      --indigo-a2: color(display-p3 .024 .161 .863 / .028);
      --indigo-a3: color(display-p3 .008 .239 .886 / .067);
      --indigo-a4: color(display-p3 .004 .247 1 / .114);
      --indigo-a5: color(display-p3 .004 .235 1 / .169);
      --indigo-a6: color(display-p3 .004 .208 .984 / .232);
      --indigo-a7: color(display-p3 .004 .176 .863 / .314);
      --indigo-a8: color(display-p3 .004 .165 .812 / .432);
      --indigo-a9: color(display-p3 0 .153 .773 / .726);
      --indigo-a10: color(display-p3 0 .137 .737 / .765);
      --indigo-a11: color(display-p3 .256 .354 .755);
      --indigo-a12: color(display-p3 .133 .175 .348);
    }
  }
}

.dark, .dark-theme {
  --indigo-1: #11131f;
  --indigo-2: #141726;
  --indigo-3: #182449;
  --indigo-4: #1d2e62;
  --indigo-5: #253974;
  --indigo-6: #304384;
  --indigo-7: #3a4f97;
  --indigo-8: #435db1;
  --indigo-9: #3e63dd;
  --indigo-10: #5472e4;
  --indigo-11: #9eb1ff;
  --indigo-12: #d6e1ff;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --indigo-1: color(display-p3 .068 .074 .118);
      --indigo-2: color(display-p3 .081 .089 .144);
      --indigo-3: color(display-p3 .105 .141 .275);
      --indigo-4: color(display-p3 .129 .18 .369);
      --indigo-5: color(display-p3 .163 .22 .439);
      --indigo-6: color(display-p3 .203 .262 .5);
      --indigo-7: color(display-p3 .245 .309 .575);
      --indigo-8: color(display-p3 .285 .362 .674);
      --indigo-9: color(display-p3 .276 .384 .837);
      --indigo-10: color(display-p3 .354 .445 .866);
      --indigo-11: color(display-p3 .63 .69 1);
      --indigo-12: color(display-p3 .848 .881 .99);
    }
  }
}

.dark, .dark-theme {
  --indigo-a1: #1133ff0f;
  --indigo-a2: #3354fa17;
  --indigo-a3: #2f62ff3c;
  --indigo-a4: #3566ff57;
  --indigo-a5: #4171fd6b;
  --indigo-a6: #5178fd7c;
  --indigo-a7: #5a7fff90;
  --indigo-a8: #5b81feac;
  --indigo-a9: #4671ffdb;
  --indigo-a10: #5c7efee3;
  --indigo-a11: #9eb1ff;
  --indigo-a12: #d6e1ff;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --indigo-a1: color(display-p3 .071 .212 .996 / .055);
      --indigo-a2: color(display-p3 .251 .345 .988 / .085);
      --indigo-a3: color(display-p3 .243 .404 1 / .223);
      --indigo-a4: color(display-p3 .263 .42 1 / .324);
      --indigo-a5: color(display-p3 .314 .451 1 / .4);
      --indigo-a6: color(display-p3 .361 .49 1 / .467);
      --indigo-a7: color(display-p3 .388 .51 1 / .547);
      --indigo-a8: color(display-p3 .404 .518 1 / .652);
      --indigo-a9: color(display-p3 .318 .451 1 / .824);
      --indigo-a10: color(display-p3 .404 .506 1 / .858);
      --indigo-a11: color(display-p3 .63 .69 1);
      --indigo-a12: color(display-p3 .848 .881 .99);
    }
  }
}

:root {
  --indigo-contrast: white;
}

:root, .light, .light-theme {
  --indigo-surface: #f1faf4cc;
  --indigo-indicator: var(--indigo-9);
  --indigo-track: var(--indigo-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --indigo-surface: color(display-p3 .9569 .9804 .9608 / .8);
    }
  }
}

.dark, .dark-theme {
  --indigo-surface: #15251d80;
  --indigo-indicator: var(--indigo-9);
  --indigo-track: var(--indigo-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --indigo-surface: color(display-p3 .0941 .1412 .1098 / .5);
    }
  }
}

[data-accent-color="info"] {
  --accent-1: var(--indigo-1);
  --accent-2: var(--indigo-2);
  --accent-3: var(--indigo-3);
  --accent-4: var(--indigo-4);
  --accent-5: var(--indigo-5);
  --accent-6: var(--indigo-6);
  --accent-7: var(--indigo-7);
  --accent-8: var(--indigo-8);
  --accent-9: var(--indigo-9);
  --accent-10: var(--indigo-10);
  --accent-11: var(--indigo-11);
  --accent-12: var(--indigo-12);
  --accent-a1: var(--indigo-a1);
  --accent-a2: var(--indigo-a2);
  --accent-a3: var(--indigo-a3);
  --accent-a4: var(--indigo-a4);
  --accent-a5: var(--indigo-a5);
  --accent-a6: var(--indigo-a6);
  --accent-a7: var(--indigo-a7);
  --accent-a8: var(--indigo-a8);
  --accent-a9: var(--indigo-a9);
  --accent-a10: var(--indigo-a10);
  --accent-a11: var(--indigo-a11);
  --accent-a12: var(--indigo-a12);
  --accent-contrast: var(--indigo-contrast);
  --accent-surface: var(--indigo-surface);
  --accent-indicator: var(--indigo-indicator);
  --accent-track: var(--indigo-track);
}

[data-accent-color="primary"] {
  --accent-1: var(--primary-1);
  --accent-2: var(--primary-2);
  --accent-3: var(--primary-3);
  --accent-4: var(--primary-4);
  --accent-5: var(--primary-5);
  --accent-6: var(--primary-6);
  --accent-7: var(--primary-7);
  --accent-8: var(--primary-8);
  --accent-9: var(--primary-9);
  --accent-10: var(--primary-10);
  --accent-11: var(--primary-11);
  --accent-12: var(--primary-12);
  --accent-a1: var(--primary-a1);
  --accent-a2: var(--primary-a2);
  --accent-a3: var(--primary-a3);
  --accent-a4: var(--primary-a4);
  --accent-a5: var(--primary-a5);
  --accent-a6: var(--primary-a6);
  --accent-a7: var(--primary-a7);
  --accent-a8: var(--primary-a8);
  --accent-a9: var(--primary-a9);
  --accent-a10: var(--primary-a10);
  --accent-a11: var(--primary-a11);
  --accent-a12: var(--primary-a12);
  --accent-contrast: var(--primary-contrast);
  --accent-surface: var(--primary-surface);
  --accent-indicator: var(--primary-indicator);
  --accent-track: var(--primary-track);
}

[data-accent-color="base"] {
  --accent-1: var(--base-1);
  --accent-2: var(--base-2);
  --accent-3: var(--base-3);
  --accent-4: var(--base-4);
  --accent-5: var(--base-5);
  --accent-6: var(--base-6);
  --accent-7: var(--base-7);
  --accent-8: var(--base-8);
  --accent-9: var(--base-9);
  --accent-10: var(--base-10);
  --accent-11: var(--base-11);
  --accent-12: var(--base-12);
  --accent-a1: var(--base-a1);
  --accent-a2: var(--base-a2);
  --accent-a3: var(--base-a3);
  --accent-a4: var(--base-a4);
  --accent-a5: var(--base-a5);
  --accent-a6: var(--base-a6);
  --accent-a7: var(--base-a7);
  --accent-a8: var(--base-a8);
  --accent-a9: var(--base-a9);
  --accent-a10: var(--base-a10);
  --accent-a11: var(--base-a11);
  --accent-a12: var(--base-a12);
  --accent-contrast: var(--base-contrast);
  --accent-surface: var(--base-surface);
  --accent-indicator: var(--base-indicator);
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  src: local(""), url("/fonts/Inter-VariableFont_opsz,wght.ttf") format("truetype-variations");
  font-display: swap;
}

@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 100 900;
  src: local(""), url("/fonts/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype-variations");
  font-display: swap;
}

@font-face {
  font-family: DM Sans;
  font-style: normal;
  font-weight: 100 900;
  src: local(""), url("./theme/fonts/DMSans-VariableFont_opsz,wght.ttf") format("truetype-variations");
  font-display: swap;
}

@font-face {
  font-family: DM Sans;
  font-style: italic;
  font-weight: 100 900;
  src: local(""), url("./theme/fonts/DMSans-Italic-VariableFont_opsz,wght.ttf") format("truetype-variations");
  font-display: swap;
}

.mapboxgl-map {
  -webkit-tap-highlight-color: #0000;
  font: 12px / 20px Helvetica Neue, Arial, Helvetica, sans-serif;
  position: relative;
  overflow: hidden;
}

.mapboxgl-canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.mapboxgl-map:-webkit-full-screen {
  width: 100%;
  height: 100%;
}

.mapboxgl-canary {
  background-color: salmon;
}

.mapboxgl-canvas-container.mapboxgl-interactive, .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
}

.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
  cursor: pointer;
}

.mapboxgl-canvas-container.mapboxgl-interactive:active, .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
  cursor: grabbing;
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate, .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
  touch-action: pan-x pan-y;
}

.mapboxgl-canvas-container.mapboxgl-touch-drag-pan, .mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: pinch-zoom;
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan, .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: none;
}

.mapboxgl-ctrl-bottom, .mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right, .mapboxgl-ctrl-left, .mapboxgl-ctrl-right, .mapboxgl-ctrl-top, .mapboxgl-ctrl-top-left, .mapboxgl-ctrl-top-right {
  pointer-events: none;
  z-index: 2;
  position: absolute;
}

.mapboxgl-ctrl-top-left {
  top: 0;
  left: 0;
}

.mapboxgl-ctrl-top {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.mapboxgl-ctrl-top-right {
  top: 0;
  right: 0;
}

.mapboxgl-ctrl-right {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.mapboxgl-ctrl-bottom-right {
  bottom: 0;
  right: 0;
}

.mapboxgl-ctrl-bottom {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.mapboxgl-ctrl-bottom-left {
  bottom: 0;
  left: 0;
}

.mapboxgl-ctrl-left {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.mapboxgl-ctrl {
  clear: both;
  pointer-events: auto;
  transform: translate(0);
}

.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  float: left;
  margin: 10px 0 0 10px;
}

.mapboxgl-ctrl-top .mapboxgl-ctrl {
  float: left;
  margin: 10px 0;
}

.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
  float: right;
  margin: 10px 10px 0 0;
}

.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl, .mapboxgl-ctrl-right .mapboxgl-ctrl {
  float: right;
  margin: 0 10px 10px 0;
}

.mapboxgl-ctrl-bottom .mapboxgl-ctrl {
  float: left;
  margin: 10px 0;
}

.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl, .mapboxgl-ctrl-left .mapboxgl-ctrl {
  float: left;
  margin: 0 0 10px 10px;
}

.mapboxgl-ctrl-group {
  background: #fff;
  border-radius: 4px;
}

.mapboxgl-ctrl-group:not(:empty) {
  box-shadow: 0 0 0 2px #0000001a;
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-group:not(:empty) {
    box-shadow: 0 0 0 2px buttontext;
  }
}

.mapboxgl-ctrl-group button {
  background-color: initial;
  box-sizing: border-box;
  cursor: pointer;
  border: 0;
  outline: none;
  width: 29px;
  height: 29px;
  padding: 0;
  display: block;
  overflow: hidden;
}

.mapboxgl-ctrl-group button + button {
  border-top: 1px solid #ddd;
}

.mapboxgl-ctrl button .mapboxgl-ctrl-icon {
  background-position: 50%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: block;
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-icon {
    background-color: initial;
  }

  .mapboxgl-ctrl-group button + button {
    border-top: 1px solid buttontext;
  }
}

.mapboxgl-ctrl-attrib-button:focus, .mapboxgl-ctrl-group button:focus {
  box-shadow: 0 0 2px 2px #0096ff;
}

.mapboxgl-ctrl button:disabled {
  cursor: not-allowed;
}

.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
  opacity: .25;
}

.mapboxgl-ctrl-group button:first-child {
  border-radius: 4px 4px 0 0;
}

.mapboxgl-ctrl-group button:last-child {
  border-radius: 0 0 4px 4px;
}

.mapboxgl-ctrl-group button:only-child {
  border-radius: inherit;
}

.mapboxgl-ctrl button:not(:disabled):hover {
  background-color: #0000000d;
}

.mapboxgl-ctrl-group button:focus:focus-visible {
  box-shadow: 0 0 2px 2px #0096ff;
}

.mapboxgl-ctrl-group button:focus:not(:focus-visible) {
  box-shadow: none;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
  }
}

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
  }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
  }
}

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
  }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E");
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E");
  }
}

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E");
  }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-buildings-toggle .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M3.3335 11.6666C3.3335 12.5871 4.07969 13.3333 5.00016 13.3333C5.92064 13.3333 6.66683 12.5871 6.66683 11.6666L6.66683 6.66659L11.6668 6.66659C12.5873 6.66659 13.3335 5.92039 13.3335 4.99992C13.3335 4.07944 12.5873 3.33325 11.6668 3.33325H3.3335V11.6666Z' fill='currentColor'/%3E%3Cpath d='M26.6668 11.6666C26.6668 12.5871 25.9206 13.3333 25.0002 13.3333C24.0797 13.3333 23.3335 12.5871 23.3335 11.6666L23.3335 6.66659L18.3335 6.66659C17.413 6.66659 16.6668 5.92039 16.6668 4.99992C16.6668 4.07944 17.413 3.33325 18.3335 3.33325H26.6668L26.6668 11.6666Z' fill='currentColor'/%3E%3Cpath d='M13.3335 24.9999C13.3335 25.9204 12.5873 26.6666 11.6668 26.6666H3.3335V18.3333C3.3335 17.4128 4.07969 16.6666 5.00016 16.6666C5.92064 16.6666 6.66683 17.4128 6.66683 18.3333V23.3333H11.6668C12.5873 23.3333 13.3335 24.0794 13.3335 24.9999Z' fill='currentColor'/%3E%3Cpath d='M18.3335 26.6666C17.413 26.6666 16.6668 25.9204 16.6668 24.9999C16.6668 24.0794 17.413 23.3333 18.3335 23.3333H23.3335V18.3333C23.3335 17.4128 24.0797 16.6666 25.0002 16.6666C25.9206 16.6666 26.6668 17.4128 26.6668 18.3333V26.6666H18.3335Z' fill='currentColor'/%3E%3C/svg%3E");
  background-size: 26px 26px;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-buildings-toggle.mapboxgl-ctrl-level-button-selected .mapboxgl-ctrl-icon {
  filter: invert() brightness();
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon {
  animation: 2s linear infinite mapboxgl-spin;
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
}

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E");
  }
}

@keyframes mapboxgl-spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(1turn);
  }
}

a.mapboxgl-ctrl-logo {
  cursor: pointer;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 88px;
  height: 23px;
  margin: 0 0 -4px -4px;
  display: block;
  overflow: hidden;
}

a.mapboxgl-ctrl-logo.mapboxgl-compact {
  width: 23px;
}

@media (-ms-high-contrast: active) {
  a.mapboxgl-ctrl-logo {
    background-color: initial;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
  }
}

@media (-ms-high-contrast: black-on-white) {
  a.mapboxgl-ctrl-logo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
  }
}

.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
  background-color: #ffffff80;
  margin: 0;
  padding: 0 5px;
}

@media screen {
  .mapboxgl-ctrl-attrib.mapboxgl-compact {
    box-sizing: initial;
    background-color: #fff;
    border-radius: 12px;
    min-height: 20px;
    margin: 10px;
    padding: 2px 24px 2px 0;
    position: relative;
  }

  .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
    visibility: visible;
    padding: 2px 28px 2px 8px;
  }

  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show, .mapboxgl-ctrl-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show, .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
    border-radius: 12px;
    padding: 2px 8px 2px 28px;
  }

  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
    display: none;
  }

  .mapboxgl-ctrl-attrib-button {
    box-sizing: border-box;
    cursor: pointer;
    background-color: #ffffff80;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
    border: 0;
    border-radius: 12px;
    outline: none;
    width: 24px;
    height: 24px;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
  }

  .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button, .mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button, .mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button {
    left: 0;
  }

  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button, .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner {
    display: block;
  }

  .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button {
    background-color: #0000000d;
  }

  .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    right: 0;
  }

  .mapboxgl-ctrl-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    right: 0;
  }

  .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    top: 0;
    right: 0;
  }

  .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    top: 0;
    left: 0;
  }

  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    left: 0;
  }

  .mapboxgl-ctrl-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    left: 0;
  }
}

@media screen and (-ms-high-contrast: active) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
  }
}

@media screen and (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
  }
}

.mapboxgl-ctrl-attrib a {
  color: #000000bf;
  text-decoration: none;
}

.mapboxgl-ctrl-attrib a:hover {
  color: inherit;
  text-decoration: underline;
}

.mapboxgl-ctrl-attrib .mapbox-improve-map {
  margin-left: 2px;
  font-weight: 700;
}

.mapboxgl-attrib-empty {
  display: none;
}

.mapboxgl-ctrl-scale {
  box-sizing: border-box;
  color: #333;
  white-space: nowrap;
  background-color: #ffffffbf;
  border: 2px solid #333;
  border-top: #333;
  padding: 0 5px;
  font-size: 10px;
}

.mapboxgl-popup {
  pointer-events: none;
  will-change: transform;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.mapboxgl-popup-anchor-top, .mapboxgl-popup-anchor-top-left, .mapboxgl-popup-anchor-top-right {
  flex-direction: column;
}

.mapboxgl-popup-anchor-bottom, .mapboxgl-popup-anchor-bottom-left, .mapboxgl-popup-anchor-bottom-right {
  flex-direction: column-reverse;
}

.mapboxgl-popup-anchor-left {
  flex-direction: row;
}

.mapboxgl-popup-anchor-right {
  flex-direction: row-reverse;
}

.mapboxgl-popup-tip {
  z-index: 1;
  border: 10px solid #0000;
  width: 0;
  height: 0;
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
  border-top: none;
  border-bottom-color: #fff;
  align-self: center;
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
  border-top: none;
  border-bottom-color: #fff;
  border-left: none;
  align-self: flex-start;
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  border-top: none;
  border-bottom-color: #fff;
  border-right: none;
  align-self: flex-end;
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  border-top-color: #fff;
  border-bottom: none;
  align-self: center;
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
  border-top-color: #fff;
  border-bottom: none;
  border-left: none;
  align-self: flex-start;
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  border-top-color: #fff;
  border-bottom: none;
  border-right: none;
  align-self: flex-end;
}

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  border-left: none;
  border-right-color: #fff;
  align-self: center;
}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  border-left-color: #fff;
  border-right: none;
  align-self: center;
}

.mapboxgl-popup-close-button {
  background-color: initial;
  cursor: pointer;
  border: 0;
  border-radius: 0 3px 0 0;
  position: absolute;
  top: 0;
  right: 0;
}

.mapboxgl-popup-close-button:hover {
  background-color: #0000000d;
}

.mapboxgl-popup-content {
  pointer-events: auto;
  background: #fff;
  border-radius: 3px;
  padding: 10px 10px 15px;
  position: relative;
  box-shadow: 0 1px 2px #0000001a;
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
  border-top-left-radius: 0;
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
  border-top-right-radius: 0;
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
  border-bottom-left-radius: 0;
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
  border-bottom-right-radius: 0;
}

.mapboxgl-popup-track-pointer {
  display: none;
}

.mapboxgl-popup-track-pointer * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.mapboxgl-map:hover .mapboxgl-popup-track-pointer {
  display: flex;
}

.mapboxgl-map:active .mapboxgl-popup-track-pointer {
  display: none;
}

.mapboxgl-marker {
  opacity: 1;
  will-change: transform;
  transition: opacity .2s;
  position: absolute;
  top: 0;
  left: 0;
}

.mapboxgl-user-location-dot, .mapboxgl-user-location-dot:before {
  background-color: #1da1f2;
  border-radius: 50%;
  width: 15px;
  height: 15px;
}

.mapboxgl-user-location-dot:before {
  content: "";
  animation: 2s infinite mapboxgl-user-location-dot-pulse;
  position: absolute;
}

.mapboxgl-user-location-dot:after {
  box-sizing: border-box;
  content: "";
  border: 2px solid #fff;
  border-radius: 50%;
  width: 19px;
  height: 19px;
  position: absolute;
  top: -2px;
  left: -2px;
  box-shadow: 0 0 3px #00000059;
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading {
  width: 0;
  height: 0;
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after, .mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
  content: "";
  border-bottom: 7.5px solid #4aa1eb;
  position: absolute;
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
  border-left: 7.5px solid #0000;
  transform: translateY(-28px)skewY(-20deg);
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after {
  border-right: 7.5px solid #0000;
  transform: translate(7.5px, -28px)skewY(20deg);
}

@keyframes mapboxgl-user-location-dot-pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  70% {
    opacity: 0;
    transform: scale(3);
  }

  to {
    opacity: 0;
    transform: scale(1);
  }
}

.mapboxgl-user-location-dot-stale {
  background-color: #aaa;
}

.mapboxgl-user-location-dot-stale:after {
  display: none;
}

.mapboxgl-user-location-accuracy-circle {
  background-color: #1da1f233;
  border-radius: 100%;
  width: 1px;
  height: 1px;
}

.mapboxgl-crosshair, .mapboxgl-crosshair .mapboxgl-interactive, .mapboxgl-crosshair .mapboxgl-interactive:active {
  cursor: crosshair;
}

.mapboxgl-boxzoom {
  opacity: .5;
  background: #fff;
  border: 2px dotted #202020;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
}

@media print {
  .mapbox-improve-map {
    display: none;
  }
}

.mapboxgl-scroll-zoom-blocker, .mapboxgl-touch-pan-blocker {
  color: #fff;
  opacity: 0;
  pointer-events: none;
  text-align: center;
  background: #000000b3;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
  transition: opacity .75s ease-in-out 1s;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.mapboxgl-scroll-zoom-blocker-show, .mapboxgl-touch-pan-blocker-show {
  opacity: 1;
  transition: opacity .1s ease-in-out;
}

.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page, .mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas {
  touch-action: pan-x pan-y;
}

.mapboxgl-ctrl-separator {
  background-color: #e0e0e0;
  height: 1px;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-level-button {
  color: #333;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  display: flex;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:last-child {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:hover {
  background-color: #f5f5f5;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected {
  color: #fff;
  background-color: #4a5568;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected:hover {
  background-color: #2d3748;
}

.mapboxgl-map {
  --mapbox-attr-size: 15px;
  font: unset !important;
}

.mapboxgl-ctrl-group {
  display: none;
}

.mapboxgl-ctrl-attrib {
  font-size: 10px;
}

.mapboxgl-ctrl-attrib.mapboxgl-compact {
  height: var(--mapbox-attr-size);
  min-height: 0;
  padding: 0px var(--mapbox-attr-size) 0px 0;
  margin: 8px;
}

.mapboxgl-ctrl-attrib-button {
  height: var(--mapbox-attr-size);
  width: var(--mapbox-attr-size);
}

.mapboxgl-ctrl-attrib-button:focus {
  box-shadow: none;
}

.mapboxgl-ctrl-bottom-left {
  height: 15px !important;
}

.mapboxgl-ctrl-logo {
  width: 50px !important;
  height: var(--mapbox-attr-size) !important;
}

.mapboxgl-ctrl-bottom, .mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right, .mapboxgl-ctrl-left, .mapboxgl-ctrl-right, .mapboxgl-ctrl-top, .mapboxgl-ctrl-top-left, .mapboxgl-ctrl-top-right {
  z-index: 1000000;
}

:root {
  color: var(--base-12);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: DM Sans, Inter, SF Pro Display, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
  font-weight: 500;
}

* {
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background-color: var(--base-a3);
}

::-webkit-scrollbar-thumb {
  background-color: var(--base-a6);
  border: #0000;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--base-a8);
}

html {
  height: 100svh;
}

body {
  background: var(--color-background);
  margin: 0;
  -webkit-tap-highlight-color: #0000 !important;
  -webkit-tap-highlight-color: transparent !important;
}

body, #root {
  height: 100%;
}

.overmap-slide-out, .overamp-slide-out-overlay, .overmap-overlay-overlay, .overmap-overlay-content, .overmap-context-menu, .overmap-context-menu, .overmap-menu-overlay, .overmap-hover-card, [data-floating-content], [role="dialog"] {
  z-index: 5000;
}

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

* {
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: var(--base-a6) transparent;
}

input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

:focus:not(:focus-visible) {
  outline: none;
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}
/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React/Svelte Flow, they get used by base.css and style.css */
.react-flow {
  direction: ltr;

  --xy-edge-stroke-default: #b1b1b7;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #555;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(255, 255, 255, 0.5);

  --xy-minimap-background-color-default: #fff;
  --xy-minimap-mask-background-color-default: rgba(240, 240, 240, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #e2e2e2;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: transparent;
  --xy-background-pattern-dots-color-default: #91919a;
  --xy-background-pattern-lines-color-default: #eee;
  --xy-background-pattern-cross-color-default: #e2e2e2;
  background-color: var(--xy-background-color, var(--xy-background-color-default));
  --xy-node-color-default: inherit;
  --xy-node-border-default: 1px solid #1a192b;
  --xy-node-background-color-default: #fff;
  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #1a192b;
  --xy-node-border-radius-default: 3px;

  --xy-handle-background-color-default: #1a192b;
  --xy-handle-border-color-default: #fff;

  --xy-selection-background-color-default: rgba(0, 89, 220, 0.08);
  --xy-selection-border-default: 1px dotted rgba(0, 89, 220, 0.8);

  --xy-controls-button-background-color-default: #fefefe;
  --xy-controls-button-background-color-hover-default: #f4f4f4;
  --xy-controls-button-color-default: inherit;
  --xy-controls-button-color-hover-default: inherit;
  --xy-controls-button-border-color-default: #eee;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);

  --xy-edge-label-background-color-default: #ffffff;
  --xy-edge-label-color-default: inherit;
  --xy-resize-background-color-default: #3367d9;
}
.react-flow.dark {
  --xy-edge-stroke-default: #3e3e3e;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #727272;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(150, 150, 150, 0.25);

  --xy-minimap-background-color-default: #141414;
  --xy-minimap-mask-background-color-default: rgba(60, 60, 60, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #2b2b2b;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: #141414;
  --xy-background-pattern-dots-color-default: #777;
  --xy-background-pattern-lines-color-default: #777;
  --xy-background-pattern-cross-color-default: #777;
  --xy-node-color-default: #f8f8f8;
  --xy-node-border-default: 1px solid #3c3c3c;
  --xy-node-background-color-default: #1e1e1e;
  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, 0.08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #999;

  --xy-handle-background-color-default: #bebebe;
  --xy-handle-border-color-default: #1e1e1e;

  --xy-selection-background-color-default: rgba(200, 200, 220, 0.08);
  --xy-selection-border-default: 1px dotted rgba(200, 200, 220, 0.8);

  --xy-controls-button-background-color-default: #2b2b2b;
  --xy-controls-button-background-color-hover-default: #3e3e3e;
  --xy-controls-button-color-default: #f8f8f8;
  --xy-controls-button-color-hover-default: #fff;
  --xy-controls-button-border-color-default: #5b5b5b;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);

  --xy-edge-label-background-color-default: #141414;
  --xy-edge-label-color-default: #f8f8f8;
}
.react-flow__background {
  background-color: var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));
  pointer-events: none;
  z-index: -1;
}
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
}
.react-flow__pane.draggable {
    cursor: grab;
  }
.react-flow__pane.dragging {
    cursor: grabbing;
  }
.react-flow__pane.selection {
    cursor: pointer;
  }
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow__edge-path {
  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
  stroke-width: var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));
  fill: none;
}
.react-flow__connection-path {
  stroke: var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));
  stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));
  fill: none;
}
.react-flow .react-flow__edges {
  position: absolute;
}
.react-flow .react-flow__edges svg {
    overflow: visible;
    position: absolute;
    pointer-events: none;
  }
.react-flow__edge {
  pointer-events: visibleStroke;
}
.react-flow__edge.selectable {
    cursor: pointer;
  }
.react-flow__edge.animated path {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
.react-flow__edge.animated path.react-flow__edge-interaction {
    stroke-dasharray: none;
    animation: none;
  }
.react-flow__edge.inactive {
    pointer-events: none;
  }
.react-flow__edge.selected,
  .react-flow__edge:focus,
  .react-flow__edge:focus-visible {
    outline: none;
  }
.react-flow__edge.selected .react-flow__edge-path,
  .react-flow__edge.selectable:focus .react-flow__edge-path,
  .react-flow__edge.selectable:focus-visible .react-flow__edge-path {
    stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
  }
.react-flow__edge-textwrapper {
    pointer-events: all;
  }
.react-flow__edge .react-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
/* Arrowhead marker styles - use CSS custom properties as default */
.react-flow__arrowhead polyline {
  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
}
.react-flow__arrowhead polyline.arrowclosed {
  fill: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
}
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
svg.react-flow__connectionline {
  z-index: 1001;
  overflow: visible;
  position: absolute;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: default;
}
.react-flow__node.selectable {
    cursor: pointer;
  }
.react-flow__node.draggable {
    cursor: grab;
    pointer-events: all;
  }
.react-flow__node.draggable.dragging {
      cursor: grabbing;
    }
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: grab;
  }
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));
  border: 1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));
  border-radius: 100%;
}
.react-flow__handle.connectingfrom {
    pointer-events: all;
  }
.react-flow__handle.connectionindicator {
    pointer-events: all;
    cursor: crosshair;
  }
.react-flow__handle-bottom {
    top: auto;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
  }
.react-flow__handle-top {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
.react-flow__handle-left {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
  }
.react-flow__handle-right {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
  }
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__pane.selection .react-flow__panel {
  pointer-events: none;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
    top: 0;
  }
.react-flow__panel.bottom {
    bottom: 0;
  }
.react-flow__panel.top.center, .react-flow__panel.bottom.center {
      left: 50%;
      transform: translateX(-15px) translateX(-50%);
    }
.react-flow__panel.left {
    left: 0;
  }
.react-flow__panel.right {
    right: 0;
  }
.react-flow__panel.left.center, .react-flow__panel.right.center {
      top: 50%;
      transform: translateY(-15px) translateY(-50%);
    }
.react-flow__attribution {
  font-size: 10px;
  background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
    text-decoration: none;
    color: #999;
  }
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  left: 0;
  top: 0;
}
.react-flow__viewport-portal {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.react-flow__minimap {
  background: var(
    --xy-minimap-background-color-props,
    var(--xy-minimap-background-color, var(--xy-minimap-background-color-default))
  );
}
.react-flow__minimap-svg {
    display: block;
  }
.react-flow__minimap-mask {
    fill: var(
      --xy-minimap-mask-background-color-props,
      var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default))
    );
    stroke: var(
      --xy-minimap-mask-stroke-color-props,
      var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-mask-stroke-width-props,
      var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default))
    );
  }
.react-flow__minimap-node {
    fill: var(
      --xy-minimap-node-background-color-props,
      var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default))
    );
    stroke: var(
      --xy-minimap-node-stroke-color-props,
      var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-node-stroke-width-props,
      var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default))
    );
  }
.react-flow__background-pattern.dots {
    fill: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default))
    );
  }
.react-flow__background-pattern.lines {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default))
    );
  }
.react-flow__background-pattern.cross {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default))
    );
  }
.react-flow__controls {
  display: flex;
  flex-direction: column;
  box-shadow: var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default));
}
.react-flow__controls.horizontal {
    flex-direction: row;
  }
.react-flow__controls-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    width: 26px;
    padding: 4px;
    border: none;
    background: var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));
    border-bottom: 1px solid
      var(
        --xy-controls-button-border-color-props,
        var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))
      );
    color: var(
      --xy-controls-button-color-props,
      var(--xy-controls-button-color, var(--xy-controls-button-color-default))
    );
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.react-flow__controls-button svg {
      width: 100%;
      max-width: 12px;
      max-height: 12px;
      fill: currentColor;
    }
.react-flow__edge.updating .react-flow__edge-path {
      stroke: #777;
    }
.react-flow__edge-text {
    font-size: 10px;
  }
.react-flow__node.selectable:focus,
  .react-flow__node.selectable:focus-visible {
    outline: none;
  }
.react-flow__node-input,
.react-flow__node-default,
.react-flow__node-output,
.react-flow__node-group {
  padding: 10px;
  border-radius: var(--xy-node-border-radius, var(--xy-node-border-radius-default));
  width: 150px;
  font-size: 12px;
  color: var(--xy-node-color, var(--xy-node-color-default));
  text-align: center;
  border: var(--xy-node-border, var(--xy-node-border-default));
  background-color: var(--xy-node-background-color, var(--xy-node-background-color-default));
}
.react-flow__node-input.selectable:hover, .react-flow__node-default.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
      box-shadow: var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default));
    }
.react-flow__node-input.selectable.selected,
    .react-flow__node-input.selectable:focus,
    .react-flow__node-input.selectable:focus-visible,
    .react-flow__node-default.selectable.selected,
    .react-flow__node-default.selectable:focus,
    .react-flow__node-default.selectable:focus-visible,
    .react-flow__node-output.selectable.selected,
    .react-flow__node-output.selectable:focus,
    .react-flow__node-output.selectable:focus-visible,
    .react-flow__node-group.selectable.selected,
    .react-flow__node-group.selectable:focus,
    .react-flow__node-group.selectable:focus-visible {
      box-shadow: var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default));
    }
.react-flow__node-group {
  background-color: var(--xy-node-group-background-color, var(--xy-node-group-background-color-default));
}
.react-flow__nodesselection-rect,
.react-flow__selection {
  background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
  border: var(--xy-selection-border, var(--xy-selection-border-default));
}
.react-flow__nodesselection-rect:focus,
  .react-flow__nodesselection-rect:focus-visible,
  .react-flow__selection:focus,
  .react-flow__selection:focus-visible {
    outline: none;
  }
.react-flow__controls-button:hover {
      background: var(
        --xy-controls-button-background-color-hover-props,
        var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default))
      );
      color: var(
        --xy-controls-button-color-hover-props,
        var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default))
      );
    }
.react-flow__controls-button:disabled {
      pointer-events: none;
    }
.react-flow__controls-button:disabled svg {
        fill-opacity: 0.4;
      }
.react-flow__controls-button:last-child {
    border-bottom: none;
  }
.react-flow__controls.horizontal .react-flow__controls-button {
    border-bottom: none;
    border-right: 1px solid
      var(
        --xy-controls-button-border-color-props,
        var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))
      );
  }
.react-flow__controls.horizontal .react-flow__controls-button:last-child {
    border-right: none;
  }
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
/* handle styles */
.react-flow__resize-control.handle {
  width: 5px;
  height: 5px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  translate: -50% -50%;
}
.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
/* line styles */
.react-flow__resize-control.line {
  border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  border-width: 0;
  border-style: solid;
}
.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}
.react-flow__edge-textbg {
  fill: var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default));
}
.react-flow__edge-text {
  fill: var(--xy-edge-label-color, var(--xy-edge-label-color-default));
}
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-border-style: solid;
      --tw-font-weight: initial;
    }
  }
}

._Paragraph_8d8ac_11 {
  margin: calc(var(--spacing, .25rem) * 0);
  max-width: 100%;
}

._Paragraph_8d8ac_11[class~="is-empty"]:before {
  pointer-events: none;
  float: left;
  height: 0;
  color: var(--base-a10);
  content: attr(data-placeholder);
}

._Blockqoute_8d8ac_24 {
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
  border-color: var(--base-a6);
  background-color: var(--base-a2);
  margin-block: calc(var(--spacing, .25rem) * 4);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 2);
  box-sizing: border-box;
  border-start-end-radius: var(--radius-md, .375rem);
  border-end-end-radius: var(--radius-md, .375rem);
}

._Code_8d8ac_37 {
  border-radius: var(--radius-md, .375rem);
  background-color: var(--base-a2);
  padding-inline: calc(var(--spacing, .25rem) * 2);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--base-a6);
}

._CodeBlock_8d8ac_46 {
  margin-block: calc(var(--spacing, .25rem) * 4);
  border-radius: var(--radius-md, .375rem);
  padding: calc(var(--spacing, .25rem) * 2);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--base-a6);
}

._HorizontalRule_8d8ac_55 {
  margin-block: calc(var(--spacing, .25rem) * 4);
  box-sizing: border-box;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--base-a6);
}

._HorizontalRule_8d8ac_55[class~="ProseMirror-selectednode"] {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--primary-9);
}

._TaskList_8d8ac_69 {
  list-style-type: none;
}

._TaskItem_8d8ac_73 {
  margin-left: calc(var(--spacing, .25rem) * 2);
  align-items: flex-start;
  display: flex;
}

._TaskItem_8d8ac_73 > label {
  padding-right: calc(var(--spacing, .25rem) * 1);
  -webkit-user-select: none;
  user-select: none;
  flex: none;
}

._TaskItem_8d8ac_73 > div {
  padding-left: calc(var(--spacing, .25rem) * 2);
  flex: auto;
}

._TaskItem_8d8ac_73 input[type="checkbox"] {
  width: calc(var(--spacing, .25rem) * 3);
  height: calc(var(--spacing, .25rem) * 3);
  cursor: pointer;
  vertical-align: middle;
  accent-color: var(--primary-indicator);
}

._BulletList_8d8ac_99 {
  margin-left: calc(var(--spacing, .25rem) * 2);
  padding-left: calc(var(--spacing, .25rem) * 4);
  list-style-type: disc;
}

._BulletList_8d8ac_99 > li {
  padding-left: calc(var(--spacing, .25rem) * 2);
}

._OrderedList_8d8ac_109 {
  margin-left: calc(var(--spacing, .25rem) * 2);
  padding-left: calc(var(--spacing, .25rem) * 4);
  list-style-type: decimal;
}

._OrderedList_8d8ac_109 > li {
  padding-left: calc(var(--spacing, .25rem) * 2);
}

._Heading_8d8ac_119 {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
}

h1._Heading_8d8ac_119 {
  font-size: var(--text-3xl, 1.875rem);
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
}

h2._Heading_8d8ac_119 {
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
}

h3._Heading_8d8ac_119 {
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
}

h4._Heading_8d8ac_119 {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
}

h5._Heading_8d8ac_119 {
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
}

._Link_8d8ac_149 {
  color: var(--primary-a11);
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-font-weight: initial;
      --tw-border-style: solid;
    }
  }
}

._Markdown_1dpku_11 {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
}

._Markdown_1dpku_11 p {
  margin: 0 0 .5rem;
}

._Markdown_1dpku_11 ul {
  padding-left: calc(var(--spacing, .25rem) * 2);
  margin: .25rem 0 .5rem;
  list-style-type: disc;
}

._Markdown_1dpku_11 ol {
  padding-left: calc(var(--spacing, .25rem) * 2);
  margin: .25rem 0 .5rem;
  list-style-type: decimal;
}

._Markdown_1dpku_11 h1, ._Markdown_1dpku_11 h2, ._Markdown_1dpku_11 h3 {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  margin: .5rem 0 .25rem;
}

._Markdown_1dpku_11 h1 {
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
}

._Markdown_1dpku_11 h2 {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
}

._Markdown_1dpku_11 h3 {
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
}

._Markdown_1dpku_11 pre {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--base-a6);
  padding: .5rem;
  overflow: auto;
}

._Markdown_1dpku_11 code {
  background-color: var(--base-a3);
  padding: 0 .2rem;
}

._Markdown_1dpku_11 strong, ._Markdown_1dpku_11 b {
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
}

._Markdown_1dpku_11 em, ._Markdown_1dpku_11 i {
  font-style: italic;
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

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

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

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

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

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

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

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

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


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

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

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

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


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


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

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

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


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

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


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

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


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

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

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

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

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


/* div icon */

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


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

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

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}
._thinScrollbars_9n988_1::-webkit-scrollbar, ._dialogContent_9n988_1::-webkit-scrollbar, ._nodeListContainer_9n988_1::-webkit-scrollbar, ._nodeDetailsAlarmList_9n988_1::-webkit-scrollbar, ._activeFlags_9n988_1::-webkit-scrollbar {
  width: 3px !important;
  height: 3px !important;
}
._thinScrollbars_9n988_1::-webkit-scrollbar-track, ._dialogContent_9n988_1::-webkit-scrollbar-track, ._nodeListContainer_9n988_1::-webkit-scrollbar-track, ._nodeDetailsAlarmList_9n988_1::-webkit-scrollbar-track, ._activeFlags_9n988_1::-webkit-scrollbar-track {
  background: transparent !important;
}
._thinScrollbars_9n988_1::-webkit-scrollbar-thumb, ._dialogContent_9n988_1::-webkit-scrollbar-thumb, ._nodeListContainer_9n988_1::-webkit-scrollbar-thumb, ._nodeDetailsAlarmList_9n988_1::-webkit-scrollbar-thumb, ._activeFlags_9n988_1::-webkit-scrollbar-thumb {
  background-color: rgba(120, 120, 120, 0.9) !important;
  border-radius: 20px !important;
  border: transparent !important;
}

._removeScrollBars_9n988_14 {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
._removeScrollBars_9n988_14::-webkit-scrollbar {
  display: none !important;
}

._controlledAnimation_9n988_22 {
  background: linear-gradient(-45deg, #751d7a, #ec6df5, #ec6df5, #751d7a, #751d7a, #ec6df5);
  animation: _controlledAnimationGradient_9n988_1 3s ease infinite;
  background-size: 600%;
}

._selectedAnimation_9n988_28 {
  background: linear-gradient(-45deg, #20447e, #3983FF, #20447e, #3983FF);
  animation: _controlledAnimationGradient_9n988_1 3s ease infinite;
  background-size: 600%;
}

@keyframes _controlledAnimationGradient_9n988_1 {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
._featherIcon_9n988_42 {
  color: #20447e;
}

._totalNodesDiamond_9n988_46 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: 25px;
  width: 25px;
  padding: 5px;
  margin-block: 15px;
  position: relative;
}
._totalNodesDiamond_9n988_46 ._nodesDiamondAlert_9n988_57 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  width: 20px;
  height: 20px;
  margin-top: 10px;
  margin-left: 10px;
  background: #D53434;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  transform: rotate(-45deg);
  transform-origin: 0 100%;
}
._totalNodesDiamond_9n988_46 ._nodesDiamondAlert_9n988_57 p {
  transform: rotate(45deg);
}
._totalNodesDiamond_9n988_46 ._nodesDiamondAlert_9n988_57 {
  position: absolute;
  top: 0;
  left: 0;
  height: 28px;
  width: 28px;
  margin: 0;
  transform-origin: center;
  box-shadow: none;
}
._totalNodesDiamond_9n988_46 > p {
  z-index: 1;
}

._nodeDetailsUnavailable_9n988_89 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1;
  min-width: 220px;
  min-height: 200px;
}

._nodeDetailsParent_9n988_99 {
  font-weight: 600;
  max-width: 50vw;
  border-radius: 10px;
}
@media screen and (max-width: 520px) {
  ._nodeDetailsParent_9n988_99 {
    max-width: 80vw;
  }
}

._dialogContent_9n988_1 {
  padding: 3px !important;
}

._nodeListContainer_9n988_1 {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
}

._nodeDetailsContent_9n988_120 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 250px;
  background: #ffffff;
  border: solid thin rgba(73, 72, 72, 0.23);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  margin: 3px;
}

._nodeDetailsFullWidth_9n988_131 {
  max-width: unset;
  width: 100%;
}

._nodeDetailsHeader_9n988_136 {
  height: 30px;
  cursor: pointer;
  background: #D6D6D6;
}

._nodeDetailsName_9n988_142 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 100%;
  padding-bottom: 1px;
}

._nodeDetailsIcon_9n988_150 {
  height: 15px;
  width: 15px;
  margin: 5px;
  color: rgb(35, 31, 32);
}
._nodeDetailsIcon_9n988_150[aria-disabled=true], ._nodeDetailsIcon_9n988_150:active, ._nodeDetailsIcon_9n988_150:hover {
  opacity: 0.5;
}

._switchToHistoricalDataBtn_9n988_160 {
  margin: 10px;
  padding: 10px;
}

._nodeNameWrapper_9n988_165 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

._nodeDetailsAlarmList_9n988_1 {
  width: 100%;
  overflow-y: scroll;
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 20px;
  transition: height 0.5s, border-bottom-width 0.1s, opacity;
}
._nodeDetailsAlarmList_9n988_1 li {
  text-transform: capitalize;
  margin: 2px 0;
}
._nodeDetailsAlarmList_9n988_1 li div {
  display: flex;
  justify-content: center;
}

._nodeDetailsAlarmListHeight_9n988_190 {
  cursor: pointer;
}
._nodeDetailsAlarmListHeight_9n988_190:hover {
  border-image: linear-gradient(to right, #ffffff, #20447e, #20447e, #ffffff) 1;
  border-bottom: solid 4px;
  opacity: 0.9;
}

._nodeAlarmTopContainer_9n988_199 {
  height: 30px;
  display: flex;
  align-items: center;
}

._nodeAlarmBottomContainer_9n988_205 {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
._nodeAlarmBottomContainer_9n988_205 div {
  margin: 0 5px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

._nodeDetailsAlarmName_9n988_219 {
  background: #D53434;
  flex: 3;
  min-height: 20px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  padding: 3px;
  text-align: center;
}

._alarmDetailsUnavailable_9n988_229 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: 60px;
  padding: 10px;
}

._angleTargetContainer_9n988_238 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  background: #ffffff;
  padding: 10px;
}

._angleContainer_9n988_248, ._targetContainer_9n988_248 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

._nodeDetailsAngle_9n988_255, ._nodeDetailsTarget_9n988_255 {
  text-align: center;
  border-radius: 50%;
  padding: 10px;
  margin: 0 5px;
  min-width: 90px;
  height: 90px;
  box-shadow: 0 2px 10px #C0C0C0;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

._nodeDetailsAngle_9n988_255 {
  background: rgb(35, 31, 32);
}

._activeFlags_9n988_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin: 6px auto;
  height: 70px;
  overflow-y: scroll;
}
._activeFlags_9n988_1 ul {
  list-style: none;
  padding: 0 0 0 3px;
  margin: 0;
  width: 100%;
}
._activeFlags_9n988_1 ul li {
  padding: 3px;
  margin: 0 2px 0 3px;
  border-radius: 20px;
}
._activeFlags_9n988_1 ul :nth-child(even) {
  background-color: #D6D6D6;
  word-break: break-word;
  text-transform: capitalize;
}

._chargingStatus_9n988_301 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: nowrap;
  background: #D6D6D6;
  border-radius: 10px;
  padding-right: 6px;
  margin: 3px 5px;
}
._chargingStatus_9n988_301 div {
  flex: 1;
  margin: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
}

._summarySectionTopContainer_9n988_322, ._summarySectionBottomContainer_9n988_322 {
  min-height: 60px;
  margin: 2px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
}
._summarySectionTopContainer_9n988_322 div, ._summarySectionBottomContainer_9n988_322 div {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 70px;
  background: #D6D6D6;
  border-radius: 10px;
  margin: 3px;
  padding: 5px;
  text-align: center;
}

._warning_9n988_344 {
  background: #D53434 !important;
  color: #ffffff;
}._dataUnavailable_9ji7l_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 10px auto;
}

._dataUnavailableBtn_9ji7l_9 {
  width: auto;
  margin: 5px;
  padding: 5px;
}._thinScrollbars_x95x7_1::-webkit-scrollbar {
  width: 3px !important;
  height: 3px !important;
}
._thinScrollbars_x95x7_1::-webkit-scrollbar-track {
  background: transparent !important;
}
._thinScrollbars_x95x7_1::-webkit-scrollbar-thumb {
  background-color: rgba(120, 120, 120, 0.9) !important;
  border-radius: 20px !important;
  border: transparent !important;
}

._removeScrollBars_x95x7_14 {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
._removeScrollBars_x95x7_14::-webkit-scrollbar {
  display: none !important;
}

._controlledAnimation_x95x7_22 {
  background: linear-gradient(-45deg, #751d7a, #ec6df5, #ec6df5, #751d7a, #751d7a, #ec6df5);
  animation: _controlledAnimationGradient_x95x7_1 3s ease infinite;
  background-size: 600%;
}

._selectedAnimation_x95x7_28 {
  background: linear-gradient(-45deg, #20447e, #3983FF, #20447e, #3983FF);
  animation: _controlledAnimationGradient_x95x7_1 3s ease infinite;
  background-size: 600%;
}

@keyframes _controlledAnimationGradient_x95x7_1 {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
._featherIcon_x95x7_42 {
  color: #20447e;
}

._totalNodesDiamond_x95x7_46 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: 25px;
  width: 25px;
  padding: 5px;
  margin-block: 15px;
  position: relative;
}
._totalNodesDiamond_x95x7_46 ._nodesDiamondAlert_x95x7_57 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  width: 20px;
  height: 20px;
  margin-top: 10px;
  margin-left: 10px;
  background: #D53434;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  transform: rotate(-45deg);
  transform-origin: 0 100%;
}
._totalNodesDiamond_x95x7_46 ._nodesDiamondAlert_x95x7_57 p {
  transform: rotate(45deg);
}
._totalNodesDiamond_x95x7_46 ._nodesDiamondAlert_x95x7_57 {
  position: absolute;
  top: 0;
  left: 0;
  height: 28px;
  width: 28px;
  margin: 0;
  transform-origin: center;
  box-shadow: none;
}
._totalNodesDiamond_x95x7_46 > p {
  z-index: 1;
}

._container_x95x7_89 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 2 2 400px;
  height: 100%;
  padding: 6px;
  border-radius: 10px;
  overflow: hidden;
}

._mapWrapper_x95x7_101 {
  width: 100%;
  height: 100%;
  position: relative;
}

._mapContainer_x95x7_107 {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: transparent;
}

._layoutLoadAnimation_x95x7_114 {
  animation: _fadeIn_x95x7_1 1s ease-in;
}
@keyframes _fadeIn_x95x7_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

._masterMarker_x95x7_126 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  border: solid 2px #ffffff;
  border-radius: 5px;
  position: relative;
  width: 30px;
  height: 30px;
  transform: translate(-40%, -40%);
}
._masterMarker_x95x7_126 ._stowIconContainer_x95x7_139 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  padding-top: 2px;
  color: #ffffff;
}

._masterName_x95x7_150 {
  width: 60px;
  text-align: center;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.58);
  transform: translateX(-45px);
  border-radius: 15px;
}

._areaBorder_x95x7_159 {
  stroke-width: 1;
}
._areaBorder_x95x7_159:focus {
  outline: none;
}

._componentCounter_x95x7_166 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 10px;
  height: 40px;
}

._allComponentsScanned_x95x7_175 {
  background: #4C8E48;
}

._defaultComponentScanned_x95x7_179 {
  background: #ffffff;
}._thinScrollbars_1apni_1::-webkit-scrollbar {
  width: 3px !important;
  height: 3px !important;
}
._thinScrollbars_1apni_1::-webkit-scrollbar-track {
  background: transparent !important;
}
._thinScrollbars_1apni_1::-webkit-scrollbar-thumb {
  background-color: rgba(120, 120, 120, 0.9) !important;
  border-radius: 20px !important;
  border: transparent !important;
}

._removeScrollBars_1apni_14 {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
._removeScrollBars_1apni_14::-webkit-scrollbar {
  display: none !important;
}

._controlledAnimation_1apni_22 {
  background: linear-gradient(-45deg, #751d7a, #ec6df5, #ec6df5, #751d7a, #751d7a, #ec6df5);
  animation: _controlledAnimationGradient_1apni_1 3s ease infinite;
  background-size: 600%;
}

._selectedAnimation_1apni_28 {
  background: linear-gradient(-45deg, #20447e, #3983FF, #20447e, #3983FF);
  animation: _controlledAnimationGradient_1apni_1 3s ease infinite;
  background-size: 600%;
}

@keyframes _controlledAnimationGradient_1apni_1 {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
._featherIcon_1apni_42 {
  color: #20447e;
}

._totalNodesDiamond_1apni_46 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: 25px;
  width: 25px;
  padding: 5px;
  margin-block: 15px;
  position: relative;
}
._totalNodesDiamond_1apni_46 ._nodesDiamondAlert_1apni_57 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  width: 20px;
  height: 20px;
  margin-top: 10px;
  margin-left: 10px;
  background: #D53434;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  transform: rotate(-45deg);
  transform-origin: 0 100%;
}
._totalNodesDiamond_1apni_46 ._nodesDiamondAlert_1apni_57 p {
  transform: rotate(45deg);
}
._totalNodesDiamond_1apni_46 ._nodesDiamondAlert_1apni_57 {
  position: absolute;
  top: 0;
  left: 0;
  height: 28px;
  width: 28px;
  margin: 0;
  transform-origin: center;
  box-shadow: none;
}
._totalNodesDiamond_1apni_46 > p {
  z-index: 1;
}

._selectedListItem_1apni_89 {
  display: flex;
  align-items: center;
  height: 25px;
  margin: 2px;
  border: solid 2px #ffffff;
  border-radius: 10px;
  padding: 5px 2px;
}
._selectedListItem_1apni_89 div:nth-child(1) {
  flex: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 0 0 20px;
}
._selectedListItem_1apni_89 div:nth-child(2) {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex: 1;
  min-width: 25px;
}
._selectedListItem_1apni_89 ._closeBtnContainer_1apni_114 {
  border: none;
}

._notRemovablePadding_1apni_118 {
  padding-left: 0 !important;
}

._secondary_1apni_122 {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  border: solid 2px #ffffff;
  transform: translate(-30%, -30%) rotate(270deg);
  transform-origin: 35% 50%;
  border-radius: 20px;
  height: 20px;
}

._terciary_1apni_131 {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  border: solid 2px #ffffff;
  padding: 5px 10px;
}._polyline_1s2fw_1 {
  stroke-width: 2;
  stroke-dasharray: 20 10;
  stroke-dashoffset: 30;
  animation: _animation-name_1s2fw_1 1s linear infinite;
}

._summaryTableHeaderToggle_1s2fw_8 {
  margin-right: 10px;
}

@keyframes _animation-name_1s2fw_1 {
  to {
    stroke-dashoffset: 0;
  }
}._thinScrollbars_a9a69_1::-webkit-scrollbar, ._graphsParentContainer_a9a69_1::-webkit-scrollbar, ._graphsContainer_a9a69_1::-webkit-scrollbar {
  width: 3px !important;
  height: 3px !important;
}
._thinScrollbars_a9a69_1::-webkit-scrollbar-track, ._graphsParentContainer_a9a69_1::-webkit-scrollbar-track, ._graphsContainer_a9a69_1::-webkit-scrollbar-track {
  background: transparent !important;
}
._thinScrollbars_a9a69_1::-webkit-scrollbar-thumb, ._graphsParentContainer_a9a69_1::-webkit-scrollbar-thumb, ._graphsContainer_a9a69_1::-webkit-scrollbar-thumb {
  background-color: rgba(120, 120, 120, 0.9) !important;
  border-radius: 20px !important;
  border: transparent !important;
}

._removeScrollBars_a9a69_14, ._graphSelectorModal_a9a69_14 {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
._removeScrollBars_a9a69_14::-webkit-scrollbar, ._graphSelectorModal_a9a69_14::-webkit-scrollbar {
  display: none !important;
}

._controlledAnimation_a9a69_22 {
  background: linear-gradient(-45deg, #751d7a, #ec6df5, #ec6df5, #751d7a, #751d7a, #ec6df5);
  animation: _controlledAnimationGradient_a9a69_1 3s ease infinite;
  background-size: 600%;
}

._selectedAnimation_a9a69_28 {
  background: linear-gradient(-45deg, #20447e, #3983FF, #20447e, #3983FF);
  animation: _controlledAnimationGradient_a9a69_1 3s ease infinite;
  background-size: 600%;
}

@keyframes _controlledAnimationGradient_a9a69_1 {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
._featherIcon_a9a69_42 {
  color: #20447e;
}

._totalNodesDiamond_a9a69_46 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: 25px;
  width: 25px;
  padding: 5px;
  margin-block: 15px;
  position: relative;
}
._totalNodesDiamond_a9a69_46 ._nodesDiamondAlert_a9a69_57 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  width: 20px;
  height: 20px;
  margin-top: 10px;
  margin-left: 10px;
  background: #D53434;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  transform: rotate(-45deg);
  transform-origin: 0 100%;
}
._totalNodesDiamond_a9a69_46 ._nodesDiamondAlert_a9a69_57 p {
  transform: rotate(45deg);
}
._totalNodesDiamond_a9a69_46 ._nodesDiamondAlert_a9a69_57 {
  position: absolute;
  top: 0;
  left: 0;
  height: 28px;
  width: 28px;
  margin: 0;
  transform-origin: center;
  box-shadow: none;
}
._totalNodesDiamond_a9a69_46 > p {
  z-index: 1;
}

._graphsLoadingUnavailableContainer_a9a69_89 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

._graphsTopbarContainer_a9a69_98 {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 999;
  padding-top: 6px;
}

._graphsParentContainer_a9a69_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 2 2 400px;
  height: 100%;
  padding: 6px;
  border-radius: 10px;
  padding: 0 6px;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
@media screen and (max-width: 768px) {
  ._graphsParentContainer_a9a69_1 {
    flex: 1 1 50%;
    width: 100%;
    padding: 0;
  }
}

._graphsContainer_a9a69_1 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow-y: scroll;
}

._jsPlotlyPlotContainer_a9a69_135 {
  background-color: transparent;
  padding: 0 0 6px 0;
  margin: 0;
  width: 100%;
  border: none;
  overflow-x: visible;
}

._jsPlotlyPlot_a9a69_135 {
  width: 100%;
  padding-bottom: 1px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  position: relative;
}
._jsPlotlyPlot_a9a69_135 text {
  font-weight: bold !important;
}

._graphsNoDataSelected_a9a69_154 {
  font-weight: bold;
  color: #20447e;
}

._graphTopBar_a9a69_159 {
  width: 100%;
  height: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  z-index: 200;
  position: absolute;
  top: 0;
}

._graphTopbarSticky_a9a69_171 {
  position: sticky;
  top: 0;
  right: 0;
  height: 0;
}

._graphHeaderContainer_a9a69_178 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 10px;
}

._graphIconContainer_a9a69_186 {
  display: flex;
  color: #20447e;
  width: 50px;
}

._graphSelectorModal_a9a69_14 {
  display: block;
  overflow-y: scroll;
}

._graphSelectContainer_a9a69_197 {
  width: 500px;
  height: 100%;
  padding: 10px 0;
}
@media screen and (max-width: 820px) {
  ._graphSelectContainer_a9a69_197 {
    padding: 0;
    width: 300px;
  }
}
._graphSelectContainer_a9a69_197 ul {
  list-style: none;
}

._graphListItem_a9a69_212 {
  display: flex;
  flex-wrap: nowrap;
  padding: 5px;
}
@media screen and (max-width: 768px) {
  ._graphListItem_a9a69_212 {
    padding: 0;
  }
}
._graphListItem_a9a69_212 input[type=checkbox] {
  cursor: pointer;
  margin-right: 5px;
}

._graphFilterInput_a9a69_227 {
  background: transparent;
  border: solid thin #ffffff;
  border-radius: 5px;
  height: 40px;
  width: 200px;
  margin: 5px;
  padding: 10px;
  color: #ffffff;
}
@media screen and (max-width: 820px) {
  ._graphFilterInput_a9a69_227 {
    width: 100%;
  }
}
._graphFilterInput_a9a69_227::placeholder {
  color: #ffffff;
}

._graphBatchSelect_a9a69_246 {
  padding: 5px;
}

._graphSearchBarContainer_a9a69_250, ._graphFormSearchResults_a9a69_250 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 10px auto;
}
._graphSearchBarContainer_a9a69_250 ._clearGraphSearchBtn_a9a69_257, ._graphFormSearchResults_a9a69_250 ._clearGraphSearchBtn_a9a69_257 {
  margin: 10px;
  padding: 10px;
}

._graphDateSelector_a9a69_262 input {
  padding-top: 8px;
}

._graphDateSelector_a9a69_262, ._graphSearchBarSpan_a9a69_266 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

._graphSearchBarSpan_a9a69_266 {
  margin: 10px;
}
@media screen and (max-width: 820px) {
  ._graphSearchBarSpan_a9a69_266 {
    width: 100%;
  }
}

._calendar_a9a69_282 {
  height: 40px;
}
._calendar_a9a69_282 input, ._calendar_a9a69_282 input::placeholder {
  border: none;
  cursor: pointer;
  color: #ffffff;
  text-align: right;
}
._calendar_a9a69_282:hover {
  opacity: 0.5;
}

._graphDateSelector_a9a69_262 button {
  height: 40px;
  background: #20447e;
  color: #ffffff;
  font-size: 0.8rem;
  width: 60px;
  border: none;
  cursor: pointer;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

._contextMenuContainer_a9a69_307 {
  position: absolute;
  width: 50px;
  height: 50px;
}

._disabledLayer_a9a69_313 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 3px;
  width: 100%;
}

._emptyFolderImg_a9a69_325 {
  padding-bottom: 1rem;
}

._lazyGraphContainer_a9a69_329 {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}

._spinnerWrapper_a9a69_336 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  position: absolute;
  top: 5px;
  left: 25px;
  z-index: 9;
  color: #20447e;
}
@media screen and (max-width: 600px) {
  ._spinnerWrapper_a9a69_336 {
    display: none;
  }
}
._spinnerWrapper_a9a69_336 ._spinner_a9a69_336 {
  position: relative;
  top: 0;
  left: 10px;
  width: 12px;
  height: 12px;
}

._graphNameHeader_a9a69_360 {
  text-align: center;
  width: 100%;
  height: 30px;
  flex-grow: 0;
  flex-shrink: 1;
  background-color: #ffffff;
}

._innerGraphWrapper_a9a69_369 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-grow: 1;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  flex-direction: column;
  color: #20447e;
  font-weight: bold;
}

@keyframes _spinning_a9a69_1 {
  100% {
    transform: rotate(360deg);
  }
}
._tryAgainImg_a9a69_389 {
  padding-bottom: 1rem;
}

._spinner_a9a69_336 {
  width: 20px;
  height: 20px;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  border-radius: 50%;
  border-top: 2px solid #20447e;
  animation: _spinning_a9a69_1 1s linear infinite;
}

._baseNotice_a9a69_404 {
  width: 100%;
  display: block;
  text-align: center;
}

._timeoutNotice_a9a69_410 {
  color: #20447e;
  font-weight: bold;
}
._timeoutNotice_a9a69_410:hover {
  text-decoration: underline;
  cursor: pointer;
}
@media screen and (max-width: 425px) {
  ._timeoutNotice_a9a69_410 {
    padding: 0 1rem;
    font-size: 14px;
  }
}

._graphUl_a9a69_425 {
  display: flex;
  min-height: 100px;
}
._graphUl_a9a69_425 ul {
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0;
}
@media screen and (max-width: 820px) {
  ._graphUl_a9a69_425 ul {
    margin-block: 5px;
  }
}
._graphUl_a9a69_425 ._graphUlLi_a9a69_439 {
  padding-inline: 5px;
}
._graphUl_a9a69_425 p {
  margin: 5px 0;
}

._buttonsContainer_a9a69_446 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-wrap: wrap;
}
._buttonsContainer_a9a69_446 button {
  width: 150px;
}._logoContainer_yuv39_1 {
	position: relative;
	width: 100px;
	position: relative;
}

._logo_yuv39_1 {
	transform-style: preserve-3d;
}

._triangle_yuv39_11,
._outerCircle_yuv39_12,
._innerCircle_yuv39_13 {
	fill: none;
	stroke-width: 10;
	stroke-linecap: round;
	stroke-linejoin: round;
}

._triangle_yuv39_11 {
	stroke-dasharray: 2000;
	stroke-dashoffset: 2000;
	animation: _drawPath_yuv39_1 5s ease forwards;
}

._outerCircle_yuv39_12 {
	stroke-dasharray: 3770;
	stroke-dashoffset: 3770;
	animation: _drawPath_yuv39_1 3s ease forwards 0.5s;
}

._innerCircle_yuv39_13 {
	stroke-dasharray: 2830;
	stroke-dashoffset: 2830;
	animation: _drawPath_yuv39_1 3s ease forwards 1s;
}

@keyframes _drawPath_yuv39_1 {
	to {
		stroke-dashoffset: 0;
	}
}

._logo_yuv39_1::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	filter: blur(20px);
	opacity: 0;
	background: radial-gradient(circle, rgba(41, 163, 131, 0.8) 0%, rgba(41, 163, 131, 0) 70%);
	animation: _glow_yuv39_1 4s ease-in-out infinite;
}

@keyframes _glow_yuv39_1 {
	0%,
	100% {
		opacity: 0;
	}
	50% {
		opacity: 0.5;
	}
}
._thinScrollbars_1b5q7_1::-webkit-scrollbar, ._commandFeedbackTable_1b5q7_1 tbody::-webkit-scrollbar, ._controllerNameContainerScroll_1b5q7_1::-webkit-scrollbar {
  width: 3px !important;
  height: 3px !important;
}
._thinScrollbars_1b5q7_1::-webkit-scrollbar-track, ._commandFeedbackTable_1b5q7_1 tbody::-webkit-scrollbar-track, ._controllerNameContainerScroll_1b5q7_1::-webkit-scrollbar-track {
  background: transparent !important;
}
._thinScrollbars_1b5q7_1::-webkit-scrollbar-thumb, ._commandFeedbackTable_1b5q7_1 tbody::-webkit-scrollbar-thumb, ._controllerNameContainerScroll_1b5q7_1::-webkit-scrollbar-thumb {
  background-color: rgba(120, 120, 120, 0.9) !important;
  border-radius: 20px !important;
  border: transparent !important;
}

._removeScrollBars_1b5q7_14 {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
._removeScrollBars_1b5q7_14::-webkit-scrollbar {
  display: none !important;
}

._controlledAnimation_1b5q7_22 {
  background: linear-gradient(-45deg, #751d7a, #ec6df5, #ec6df5, #751d7a, #751d7a, #ec6df5);
  animation: _controlledAnimationGradient_1b5q7_1 3s ease infinite;
  background-size: 600%;
}

._selectedAnimation_1b5q7_28 {
  background: linear-gradient(-45deg, #20447e, #3983FF, #20447e, #3983FF);
  animation: _controlledAnimationGradient_1b5q7_1 3s ease infinite;
  background-size: 600%;
}

@keyframes _controlledAnimationGradient_1b5q7_1 {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
._featherIcon_1b5q7_42 {
  color: #20447e;
}

._totalNodesDiamond_1b5q7_46 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: 25px;
  width: 25px;
  padding: 5px;
  margin-block: 15px;
  position: relative;
}
._totalNodesDiamond_1b5q7_46 ._nodesDiamondAlert_1b5q7_57 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  width: 20px;
  height: 20px;
  margin-top: 10px;
  margin-left: 10px;
  background: #D53434;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  transform: rotate(-45deg);
  transform-origin: 0 100%;
}
._totalNodesDiamond_1b5q7_46 ._nodesDiamondAlert_1b5q7_57 p {
  transform: rotate(45deg);
}
._totalNodesDiamond_1b5q7_46 ._nodesDiamondAlert_1b5q7_57 {
  position: absolute;
  top: 0;
  left: 0;
  height: 28px;
  width: 28px;
  margin: 0;
  transform-origin: center;
  box-shadow: none;
}
._totalNodesDiamond_1b5q7_46 > p {
  z-index: 1;
}

._commandSummaryContainer_1b5q7_89 {
  max-height: 0;
  overflow: hidden;
  color: #ffffff;
  font-size: 0.8rem;
}

._commandSummaryContainerHeight_1b5q7_96 {
  max-height: 300px;
  transition: max-height 1s ease-in-out;
}

._commandSummaryHeader_1b5q7_101 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-bottom: solid 1px #ffffff;
  padding: 5px 0;
  letter-spacing: 1px;
}
._commandSummaryHeader_1b5q7_101 p {
  margin: 0;
}
._commandSummaryHeader_1b5q7_101 select {
  border: none;
  color: #ffffff;
  font-weight: bold;
  height: 30px;
  width: 160px;
  padding: 6px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.2705882353);
  border-radius: 10px;
}
._commandSummaryHeader_1b5q7_101 select option {
  color: black;
  border: solid thin silver;
}

._commandFeedbackTable_1b5q7_1 {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
._commandFeedbackTable_1b5q7_1 thead {
  height: 50px;
  position: sticky;
  top: 0;
  z-index: 1000;
}
._commandFeedbackTable_1b5q7_1 thead td {
  font-weight: 500;
}
._commandFeedbackTable_1b5q7_1 tbody {
  width: 100%;
  min-height: 50px;
  max-height: 150px;
  display: block;
  overflow-y: scroll;
}
._commandFeedbackTable_1b5q7_1 tr {
  width: 100%;
  height: 50px;
  border-bottom: solid thin #ffffff;
}
._commandFeedbackTable_1b5q7_1 td {
  padding: 10px 10px 10px 0;
  color: #ffffff;
}
._commandFeedbackTable_1b5q7_1 td > div {
  width: 100px;
  padding: 0 5px;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}

._commandFeedbackTable_1b5q7_1 thead, ._commandFeedbackTable_1b5q7_1 tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

._controllerNameContainer_1b5q7_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 3px 5px;
  max-height: 90px;
}

._controllerNameContainerScroll_1b5q7_1 {
  overflow-y: scroll;
  overflow-x: hidden;
}

._controllerCommandStatusError_1b5q7_188 {
  background: #D53434;
}

._controllerCommandStatusSuccessful_1b5q7_192 {
  background: #4C8E48;
}

._controllerCommandStatusError_1b5q7_188, ._controllerCommandStatusSuccessful_1b5q7_192 {
  max-height: 100px;
}

._childNode_1b5q7_200 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  background: silver;
  border: solid thin #ffffff;
  font-size: 0.6rem;
  color: rgb(35, 31, 32);
  padding: 2px;
}

._controllerCommandStatusSuccessful_1b5q7_192, ._controllerCommandStatusError_1b5q7_188, ._childNode_1b5q7_200 {
  min-width: 80px;
  margin: 2px 0;
  border-radius: 10px;
  border: solid thin #ffffff;
}
@media screen and (max-width: 369px) {
  ._controllerCommandStatusSuccessful_1b5q7_192, ._controllerCommandStatusError_1b5q7_188, ._childNode_1b5q7_200 {
    width: 60px;
  }
}

._branch_1b5q7_224 {
  width: 10px;
  height: 10px;
  margin: 0 4px;
}

._timestampContainer_1b5q7_230 {
  height: 20px;
  padding-top: 5px;
  letter-spacing: 1px;
}._thinScrollbars_1hswv_1::-webkit-scrollbar {
  width: 3px !important;
  height: 3px !important;
}
._thinScrollbars_1hswv_1::-webkit-scrollbar-track {
  background: transparent !important;
}
._thinScrollbars_1hswv_1::-webkit-scrollbar-thumb {
  background-color: rgba(120, 120, 120, 0.9) !important;
  border-radius: 20px !important;
  border: transparent !important;
}

._removeScrollBars_1hswv_14 {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
._removeScrollBars_1hswv_14::-webkit-scrollbar {
  display: none !important;
}

._controlledAnimation_1hswv_22 {
  background: linear-gradient(-45deg, #751d7a, #ec6df5, #ec6df5, #751d7a, #751d7a, #ec6df5);
  animation: _controlledAnimationGradient_1hswv_1 3s ease infinite;
  background-size: 600%;
}

._selectedAnimation_1hswv_28 {
  background: linear-gradient(-45deg, #20447e, #3983FF, #20447e, #3983FF);
  animation: _controlledAnimationGradient_1hswv_1 3s ease infinite;
  background-size: 600%;
}

@keyframes _controlledAnimationGradient_1hswv_1 {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
._featherIcon_1hswv_42 {
  color: #20447e;
}

._totalNodesDiamond_1hswv_46 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: 25px;
  width: 25px;
  padding: 5px;
  margin-block: 15px;
  position: relative;
}
._totalNodesDiamond_1hswv_46 ._nodesDiamondAlert_1hswv_57 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  width: 20px;
  height: 20px;
  margin-top: 10px;
  margin-left: 10px;
  background: #D53434;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  transform: rotate(-45deg);
  transform-origin: 0 100%;
}
._totalNodesDiamond_1hswv_46 ._nodesDiamondAlert_1hswv_57 p {
  transform: rotate(45deg);
}
._totalNodesDiamond_1hswv_46 ._nodesDiamondAlert_1hswv_57 {
  position: absolute;
  top: 0;
  left: 0;
  height: 28px;
  width: 28px;
  margin: 0;
  transform-origin: center;
  box-shadow: none;
}
._totalNodesDiamond_1hswv_46 > p {
  z-index: 1;
}

._header_1hswv_89 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
  z-index: 1000;
}
@media screen and (max-width: 325px) {
  ._header_1hswv_89 {
    flex-direction: column;
    margin: 5px;
  }
}
._header_1hswv_89 > div {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
._header_1hswv_89 ._quickControlHeader_1hswv_109 {
  flex: 2;
  display: flex;
  justify-content: flex-start;
}
@media screen and (max-width: 325px) {
  ._header_1hswv_89 ._quickControlHeader_1hswv_109 {
    margin: 5px;
  }
}
._header_1hswv_89 ._quickControlStatus_1hswv_119 {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  margin-right: 5px;
}
._header_1hswv_89 i {
  margin-right: 10px;
  font-weight: bold;
}

._buttonsRow_1hswv_130 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
  column-gap: 5px;
  row-gap: 5px;
  width: 100%;
  margin-bottom: 5px;
}

._flexPair_1hswv_141 {
  display: flex;
  column-gap: 5px;
  flex: 1 1 0;
}

._button_1hswv_130, ._inputAngleForm_1hswv_147 div button, ._bigButton_1hswv_147, ._smallButton_1hswv_147 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex: 1 1 120px;
  padding: 5px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  opacity: 1;
  transition: opacity 100ms ease-in-out;
}
._button_1hswv_130:disabled, ._inputAngleForm_1hswv_147 div button:disabled, ._bigButton_1hswv_147:disabled, ._smallButton_1hswv_147:disabled {
  cursor: default;
  opacity: 40%;
}

._bigButton_1hswv_147, ._smallButton_1hswv_147 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: 50px;
  padding: 5px;
}

._bigButton_1hswv_147:hover:enabled, ._smallButton_1hswv_147:hover:enabled {
  background-color: #ffffff;
  opacity: 0.8;
}
._bigButton_1hswv_147:focus:enabled, ._smallButton_1hswv_147:focus:enabled {
  outline: 2px solid #20447e;
}

._commandOptionWrapper_1hswv_183 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding-inline: 3px;
}
._commandOptionWrapper_1hswv_183 ._commandWrapper_1hswv_191 {
  height: 40px;
  width: 100%;
  position: relative;
  text-transform: capitalize;
}
._commandOptionWrapper_1hswv_183 ._commandWrapper_1hswv_191 ._commandListInputClickElement_1hswv_197 {
  z-index: 500;
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
._commandOptionWrapper_1hswv_183 ._commandWrapper_1hswv_191._commandDisabled_1hswv_205 ._commandListInput_1hswv_197, ._commandOptionWrapper_1hswv_183 ._commandWrapper_1hswv_191._commandDisabled_1hswv_205 ._commandListIndicator_1hswv_205 {
  cursor: default;
  opacity: 40%;
}
._commandOptionWrapper_1hswv_183 ._commandWrapper_1hswv_191 ._commandMenuWrapper_1hswv_209 {
  width: calc(100% + 80px);
  max-height: 180px;
  overflow: hidden;
}
._commandOptionWrapper_1hswv_183 ._commandWrapper_1hswv_191 ._commandMenuWrapper_1hswv_209._close_1hswv_214 {
  box-shadow: unset;
  max-height: 0;
}
._commandOptionWrapper_1hswv_183 ._commandWrapper_1hswv_191 ._commandMenuWrapper_1hswv_209._close_1hswv_214 ._commandListMenu_1hswv_218 {
  max-height: 0;
  padding: 0;
}
._commandOptionWrapper_1hswv_183 ._commandWrapper_1hswv_191 ._commandMenuWrapper_1hswv_209 ._commandMenuInputWrapper_1hswv_222 {
  padding: 8px 12px;
}
._commandOptionWrapper_1hswv_183 ._commandWrapper_1hswv_191 ._commandListInputWrapper_1hswv_225 {
  visibility: hidden;
}
._commandOptionWrapper_1hswv_183 ._sendButton_1hswv_228 {
  padding: 10px;
  margin: 3px 0;
  height: 40px;
  width: 65px;
  border-radius: 10px;
}

._selectSupportBox_1hswv_236 {
  height: 0;
  transition: height 500ms linear;
}
._selectSupportBox_1hswv_236._selectIsOpen_1hswv_240 {
  height: 180px;
}
._selectSupportBox_1hswv_236._selectIsOpen_1hswv_240._commandSummaryShowed_1hswv_243 {
  height: 150px;
}

._fullWidth_1hswv_247 {
  width: 100% !important;
  max-width: 100% !important;
}

._icon_1hswv_252 {
  text-align: center;
  font-size: 1.5em;
  color: #20447e;
}

._closeBtn_1hswv_258 {
  cursor: pointer;
}

._buttonName_1hswv_262 {
  text-align: center;
}

._stow_1hswv_266 {
  color: #A448A7 !important;
}

._progressBar_1hswv_270 {
  position: sticky;
  bottom: 0;
  height: 5px;
  margin-top: -5px !important;
  transition: width 1s ease-in-out, opacity 1s ease-in-out;
  background: linear-gradient(-45deg, #20447e, #3983FF, #20447e, #3983FF);
  background-size: min(100vw - 50px, 1000px);
}

._inputAngleForm_1hswv_147 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 90px;
}
._inputAngleForm_1hswv_147 label {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1rem;
  margin-bottom: 10px;
}
._inputAngleForm_1hswv_147 ._inputContainer_1hswv_295 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-wrap: wrap;
}
._inputAngleForm_1hswv_147 ._inputBackBtn_1hswv_302 {
  cursor: pointer;
}
._inputAngleForm_1hswv_147 input {
  margin: 5px;
  border-radius: 8px;
  color: #ffffff !important;
}
._inputAngleForm_1hswv_147 div {
  display: flex;
  column-gap: 5px;
}
._inputAngleForm_1hswv_147 div span {
  flex-grow: 1;
  flex-shrink: 0;
}
._inputAngleForm_1hswv_147 div button {
  flex-grow: 0;
  flex-shrink: 1;
  padding: 10px 20px;
  background-color: #ffffff;
  min-width: 100px;
}

._openCommandSummaryContainer_1hswv_326 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: 30px;
  cursor: pointer;
}

._messageContainerCenter_1hswv_336 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  padding: 5px;
}

._messageContainerCenterBtnsContainer_1hswv_345 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}

._messageContainerCenterBtn_1hswv_345 {
  width: 80px;
  padding: 5px;
  margin: 5px;
}

._masterDropDown_1hswv_359 {
  width: 100px !important;
  margin-left: 10px;
  opacity: 1;
}
._masterDropDownHide_1hswv_364 {
  transition: opacity 500ms ease-in-out;
  opacity: 0;
}
._masterDropDown_1hswv_359 ._masterOption_1hswv_368 {
  text-align: center;
  padding: 2px !important;
}
._masterDropDown_1hswv_359 ._masterControl_1hswv_372 {
  height: 25px;
  min-height: 25px;
}
._masterDropDown_1hswv_359 ._masterDropdownIndicator_1hswv_376, ._masterDropDown_1hswv_359 ._masterInput_1hswv_376 {
  padding: 0;
  margin: 1px;
}