/*! tailwindcss v4.1.17 | 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-yellow-500: oklch(79.5% .184 86.047);
    --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-bold: 700;
    --radius-xs: .125rem;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --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;
  }

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

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

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

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

  .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);
  }

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

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

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

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

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

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

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

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

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

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

  .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;
  }

  .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-1 {
    margin: calc(var(--spacing) * -1);
  }

  .-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-1\.75 {
    margin-inline: calc(var(--spacing) * -1.75);
  }

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

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

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

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

  .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-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-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .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-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .-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-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-\[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;
  }

  .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) !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-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }

  .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-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-16 {
    height: calc(var(--spacing) * 16);
  }

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

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

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

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

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

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

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

  .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-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-\[300px\] {
    max-height: 300px;
  }

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

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

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

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

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

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

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

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

  .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-1\/2 {
    width: 50%;
  }

  .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-\[10px\] {
    width: 10px;
  }

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

  .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-px {
    width: 1px;
  }

  .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-\[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-32 {
    min-width: calc(var(--spacing) * 32);
  }

  .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-\[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;
  }

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

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

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

  .grow {
    flex-grow: 1;
  }

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

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

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

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

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

  .-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-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-rotate-90 {
    rotate: -90deg;
  }

  .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-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);
  }

  .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-wrap {
    flex-wrap: wrap;
  }

  .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-start {
    justify-content: flex-start !important;
  }

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

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

  .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-4 {
    gap: calc(var(--spacing) * 4);
  }

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

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

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

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

  .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)));
  }

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

  .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-clip {
    overflow-x: clip;
  }

  .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-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .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-\[5px\] {
    border-style: var(--tw-border-style);
    border-width: 5px;
  }

  .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-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-\(--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-5\) {
    border-color: var(--base-5);
  }

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

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

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

  .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-white {
    border-color: var(--color-white);
  }

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

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

  .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-a6\) {
    background-color: var(--accent-a6);
  }

  .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-2\)\! {
    background-color: var(--base-2) !important;
  }

  .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-6\) {
    background-color: var(--base-6);
  }

  .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-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-\(--color-background\) {
    background-color: var(--color-background);
  }

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

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

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

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

  .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-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\.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-1\.75 {
    padding: calc(var(--spacing) * 1.75);
  }

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

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

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

  .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);
  }

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

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

  .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-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

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

  .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\.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-3 {
    padding-block: calc(var(--spacing) * 3);
  }

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

  .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-4 {
    padding-top: calc(var(--spacing) * 4);
  }

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

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

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

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

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

  .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;
  }

  .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);
  }

  .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-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-\[inherit\] {
    color: inherit;
  }

  .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-100 {
    opacity: 1;
  }

  .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-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-offset-4 {
    outline-offset: 4px;
  }

  .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, );
  }

  .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-\[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-\[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;
  }

  .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;
  }

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

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

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

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

  :is(.\*\*\:fill-\(--primary-contrast\) *) {
    fill: var(--primary-contrast);
  }

  @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;
  }

  :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);
  }

  @media (hover: hover) {
    .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\:underline:hover {
      text-decoration-line: underline;
    }

    .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\:scale-95:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .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-\[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 (min-width: 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }

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

  @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\:opacity-0 {
      opacity: 0;
    }
  }

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

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

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

  .dark\:bg-\(--black-a8\):is(.dark *) {
    background-color: var(--black-a8);
  }

  .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, );
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:invert-40::-webkit-calendar-picker-indicator {
    --tw-invert: invert(40%);
    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, );
  }

  .dark\:\[\&\:\:-webkit-calendar-picker-indicator\]\:invert-60:is(.dark *)::-webkit-calendar-picker-indicator {
    --tw-invert: invert(60%);
    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, );
  }

  .\[\&\:\:-webkit-datetime-edit\]\:opacity-60::-webkit-datetime-edit {
    opacity: .6;
  }
}

: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 {
  --overmap-color-background: #fbfbfb;
}

.dark, .dark-theme, :is(.dark, .dark-theme) {
  --overmap-color-background: #161616;
}

[data-theme="overmap"] {
  --color-background: var(--overmap-color-background);
}

:root, .light, .light-theme {
  --overmap-base-1: #f8f8f8;
  --overmap-base-2: #f4f4f4;
  --overmap-base-3: #ebebeb;
  --overmap-base-4: #e2e2e2;
  --overmap-base-5: #dbdbdb;
  --overmap-base-6: #d3d3d3;
  --overmap-base-7: #c8c8c8;
  --overmap-base-8: #b5b5b5;
  --overmap-base-9: #878787;
  --overmap-base-10: #7d7d7d;
  --overmap-base-11: #5f5f5f;
  --overmap-base-12: #202020;
  --overmap-base-a1: #00000003;
  --overmap-base-a2: #00000007;
  --overmap-base-a3: #00000010;
  --overmap-base-a4: #00000019;
  --overmap-base-a5: #00000021;
  --overmap-base-a6: #00000029;
  --overmap-base-a7: #00000034;
  --overmap-base-a8: #00000047;
  --overmap-base-a9: #00000076;
  --overmap-base-a10: #00000080;
  --overmap-base-a11: #0000009e;
  --overmap-base-a12: #000000de;
  --overmap-base-contrast: #fff;
  --overmap-base-surface: #fffc;
  --overmap-base-indicator: #878787;
  --overmap-base-track: #878787;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --overmap-base-1: oklch(97.8% 0 none);
      --overmap-base-2: oklch(96.7% 0 none);
      --overmap-base-3: oklch(93.9% 0 none);
      --overmap-base-4: oklch(91.4% 0 none);
      --overmap-base-5: oklch(89.1% 0 none);
      --overmap-base-6: oklch(86.7% 0 none);
      --overmap-base-7: oklch(83.3% 0 none);
      --overmap-base-8: oklch(77.2% 0 none);
      --overmap-base-9: oklch(62.4% 0 none);
      --overmap-base-10: oklch(58.9% 0 none);
      --overmap-base-11: oklch(48.4% 0 none);
      --overmap-base-12: oklch(24.3% 0 none);
      --overmap-base-a1: color(display-p3 0 0 0 / .012);
      --overmap-base-a2: color(display-p3 0 0 0 / .0279);
      --overmap-base-a3: color(display-p3 0 0 0 / .0637);
      --overmap-base-a4: color(display-p3 0 0 0 / .0996);
      --overmap-base-a5: color(display-p3 0 0 0 / .1275);
      --overmap-base-a6: color(display-p3 0 0 0 / .1594);
      --overmap-base-a7: color(display-p3 0 0 0 / .2032);
      --overmap-base-a8: color(display-p3 0 0 0 / .2789);
      --overmap-base-a9: color(display-p3 0 0 0 / .4622);
      --overmap-base-a10: color(display-p3 0 0 0 / .502);
      --overmap-base-a11: color(display-p3 0 0 0 / .6215);
      --overmap-base-a12: color(display-p3 0 0 0 / .8725);
      --overmap-base-contrast: #fff;
      --overmap-base-surface: color(display-p3 1 1 1 / .8);
      --overmap-base-indicator: oklch(62.4% 0 none);
      --overmap-base-track: oklch(62.4% 0 none);
    }
  }
}

.dark, .dark-theme {
  --overmap-base-1: #161616;
  --overmap-base-2: #1d1d1d;
  --overmap-base-3: #252525;
  --overmap-base-4: #2b2b2b;
  --overmap-base-5: #323232;
  --overmap-base-6: #3b3b3b;
  --overmap-base-7: #484848;
  --overmap-base-8: #616161;
  --overmap-base-9: #6f6f6f;
  --overmap-base-10: #7c7c7c;
  --overmap-base-11: #b4b4b4;
  --overmap-base-12: #eee;
  --overmap-base-a1: #0000;
  --overmap-base-a2: #ffffff08;
  --overmap-base-a3: #ffffff10;
  --overmap-base-a4: #ffffff17;
  --overmap-base-a5: #ffffff1f;
  --overmap-base-a6: #ffffff28;
  --overmap-base-a7: #ffffff37;
  --overmap-base-a8: #ffffff52;
  --overmap-base-a9: #ffffff61;
  --overmap-base-a10: #ffffff70;
  --overmap-base-a11: #ffffffad;
  --overmap-base-a12: #ffffffec;
  --overmap-base-contrast: #fff;
  --overmap-base-surface: #0000000d;
  --overmap-base-indicator: #6f6f6f;
  --overmap-base-track: #6f6f6f;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --overmap-base-1: oklch(20% 0 none);
      --overmap-base-2: oklch(23% 0 none);
      --overmap-base-3: oklch(26.5% 0 none);
      --overmap-base-4: oklch(29% 0 none);
      --overmap-base-5: oklch(31.7% 0 none);
      --overmap-base-6: oklch(35.1% 0 none);
      --overmap-base-7: oklch(40.2% 0 none);
      --overmap-base-8: oklch(49.2% 0 none);
      --overmap-base-9: oklch(54.1% 0 none);
      --overmap-base-10: oklch(58.6% 0 none);
      --overmap-base-11: oklch(77% 0 none);
      --overmap-base-12: oklch(94.9% 0 none);
      --overmap-base-a1: color(display-p3 0 0 0 / 0);
      --overmap-base-a2: color(display-p3 1 1 1 / .03);
      --overmap-base-a3: color(display-p3 1 1 1 / .0644);
      --overmap-base-a4: color(display-p3 1 1 1 / .0901);
      --overmap-base-a5: color(display-p3 1 1 1 / .1202);
      --overmap-base-a6: color(display-p3 1 1 1 / .1588);
      --overmap-base-a7: color(display-p3 1 1 1 / .2146);
      --overmap-base-a8: color(display-p3 1 1 1 / .3219);
      --overmap-base-a9: color(display-p3 1 1 1 / .382);
      --overmap-base-a10: color(display-p3 1 1 1 / .4378);
      --overmap-base-a11: color(display-p3 1 1 1 / .6781);
      --overmap-base-a12: color(display-p3 1 1 1 / .927);
      --overmap-base-contrast: #fff;
      --overmap-base-surface: color(display-p3 0 0 0 / .05);
      --overmap-base-indicator: oklch(54.1% 0 none);
      --overmap-base-track: oklch(54.1% 0 none);
    }
  }
}

[data-theme="overmap"] {
  --base-1: var(--overmap-base-1);
  --base-2: var(--overmap-base-2);
  --base-3: var(--overmap-base-3);
  --base-4: var(--overmap-base-4);
  --base-5: var(--overmap-base-5);
  --base-6: var(--overmap-base-6);
  --base-7: var(--overmap-base-7);
  --base-8: var(--overmap-base-8);
  --base-9: var(--overmap-base-9);
  --base-10: var(--overmap-base-10);
  --base-11: var(--overmap-base-11);
  --base-12: var(--overmap-base-12);
  --base-a1: var(--overmap-base-a1);
  --base-a2: var(--overmap-base-a2);
  --base-a3: var(--overmap-base-a3);
  --base-a4: var(--overmap-base-a4);
  --base-a5: var(--overmap-base-a5);
  --base-a6: var(--overmap-base-a6);
  --base-a7: var(--overmap-base-a7);
  --base-a8: var(--overmap-base-a8);
  --base-a9: var(--overmap-base-a9);
  --base-a10: var(--overmap-base-a10);
  --base-a11: var(--overmap-base-a11);
  --base-a12: var(--overmap-base-a12);
  --base-contrast: var(--overmap-base-contrast);
  --base-surface: var(--overmap-base-surface);
  --base-indicator: var(--overmap-base-indicator);
  --base-track: var(--overmap-base-track);
}

:root, .light, .light-theme {
  --overmap-primary-1: #f4faf8;
  --overmap-primary-2: #edf7f4;
  --overmap-primary-3: #d5f5ec;
  --overmap-primary-4: #bdf0e3;
  --overmap-primary-5: #a5e9d7;
  --overmap-primary-6: #8bddc9;
  --overmap-primary-7: #68ccb6;
  --overmap-primary-8: #19b89e;
  --overmap-primary-9: #33c6ab;
  --overmap-primary-10: #1ebba0;
  --overmap-primary-11: #007560;
  --overmap-primary-12: #0a443a;
  --overmap-primary-a1: #1cdc9c08;
  --overmap-primary-a2: #0eb8850f;
  --overmap-primary-a3: #03d49927;
  --overmap-primary-a4: #01cf9a3f;
  --overmap-primary-a5: #02c79358;
  --overmap-primary-a6: #01b88b72;
  --overmap-primary-a7: #02ac8696;
  --overmap-primary-a8: #00b094e6;
  --overmap-primary-a9: #01b997cc;
  --overmap-primary-a10: #00b293e1;
  --overmap-primary-a11: #007560;
  --overmap-primary-a12: #003c32f5;
  --overmap-primary-contrast: #fff;
  --overmap-primary-surface: #eaf6f3cc;
  --overmap-primary-indicator: #33c6ab;
  --overmap-primary-track: #33c6ab;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --overmap-primary-1: oklch(98% .0062 177.1);
      --overmap-primary-2: oklch(96.8% .0119 177.1);
      --overmap-primary-3: oklch(94.5% .0355 177.1);
      --overmap-primary-4: oklch(91.7% .0557 177.1);
      --overmap-primary-5: oklch(88.3% .0721 177.1);
      --overmap-primary-6: oklch(83.8% .0852 177.1);
      --overmap-primary-7: oklch(77.9% .1006 177.1);
      --overmap-primary-8: oklch(70.3% .1263 177.1);
      --overmap-primary-9: oklch(74.5% .1263 177.1);
      --overmap-primary-10: oklch(70.9% .1263 177.1);
      --overmap-primary-11: oklch(49.3% .1126 177.1);
      --overmap-primary-12: oklch(35% .0599 177.1);
      --overmap-primary-a1: color(display-p3 .0078 .8235 .498 / .024);
      --overmap-primary-a2: color(display-p3 .0078 .6588 .4157 / .048);
      --overmap-primary-a3: color(display-p3 .0078 .7725 .5255 / .128);
      --overmap-primary-a4: color(display-p3 .0039 .7608 .5333 / .208);
      --overmap-primary-a5: color(display-p3 .0039 .7098 .502 / .283);
      --overmap-primary-a6: color(display-p3 .0039 .6471 .4667 / .371);
      --overmap-primary-a7: color(display-p3 .0039 .5882 .4353 / .487);
      --overmap-primary-a8: color(display-p3 0 .5686 .4353 / .658);
      --overmap-primary-a9: color(display-p3 0 .6196 .4706 / .602);
      --overmap-primary-a10: color(display-p3 0 .5765 .4392 / .646);
      --overmap-primary-a11: color(display-p3 0 .3176 .2314 / .801);
      --overmap-primary-a12: color(display-p3 0 .1647 .1255 / .881);
      --overmap-primary-contrast: #fff;
      --overmap-primary-surface: color(display-p3 .9255 .9647 .9529 / .8);
      --overmap-primary-indicator: oklch(74.5% .1263 177.1);
      --overmap-primary-track: oklch(74.5% .1263 177.1);
    }
  }
}

.dark, .dark-theme {
  --overmap-primary-1: #0f1816;
  --overmap-primary-2: #111e1b;
  --overmap-primary-3: #0a2f27;
  --overmap-primary-4: #003c32;
  --overmap-primary-5: #00493d;
  --overmap-primary-6: #06584a;
  --overmap-primary-7: #0f6b5b;
  --overmap-primary-8: #0b816d;
  --overmap-primary-9: #33c6ab;
  --overmap-primary-10: #1ebba0;
  --overmap-primary-11: #48d5b9;
  --overmap-primary-12: #aaf3e1;
  --overmap-primary-a1: #00c01603;
  --overmap-primary-a2: #00f9a409;
  --overmap-primary-a3: #00fab11c;
  --overmap-primary-a4: #00fdc02a;
  --overmap-primary-a5: #00ffc838;
  --overmap-primary-a6: #00fdcc49;
  --overmap-primary-a7: #04fdd25e;
  --overmap-primary-a8: #00fdd276;
  --overmap-primary-a9: #3dffdbc1;
  --overmap-primary-a10: #22ffd9b5;
  --overmap-primary-a11: #53fedcd2;
  --overmap-primary-a12: #b2ffecf2;
  --overmap-primary-contrast: #fff;
  --overmap-primary-surface: #0d262080;
  --overmap-primary-indicator: #33c6ab;
  --overmap-primary-track: #33c6ab;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --overmap-primary-1: oklch(20% .0137 177.1);
      --overmap-primary-2: oklch(22.1% .0191 177.1);
      --overmap-primary-3: oklch(27.5% .0431 177.1);
      --overmap-primary-4: oklch(31.8% .0628 177.1);
      --overmap-primary-5: oklch(36.2% .0691 177.1);
      --overmap-primary-6: oklch(41.3% .0744 177.1);
      --overmap-primary-7: oklch(47.3% .0834 177.1);
      --overmap-primary-8: oklch(53.9% .0977 177.1);
      --overmap-primary-9: oklch(74.5% .1263 177.1);
      --overmap-primary-10: oklch(70.9% .1263 177.1);
      --overmap-primary-11: oklch(79.1% .1263 177.1);
      --overmap-primary-12: oklch(91.2% .077 177.1);
      --overmap-primary-a1: color(display-p3 0 .9608 .0902 / .009);
      --overmap-primary-a2: color(display-p3 0 .9843 .6471 / .035);
      --overmap-primary-a3: color(display-p3 .051 .9922 .7294 / .104);
      --overmap-primary-a4: color(display-p3 .0863 .9961 .7765 / .159);
      --overmap-primary-a5: color(display-p3 .1961 1 .8 / .215);
      --overmap-primary-a6: color(display-p3 .298 1 .8314 / .279);
      --overmap-primary-a7: color(display-p3 .3725 1 .8588 / .357);
      --overmap-primary-a8: color(display-p3 .4 1 .8549 / .451);
      --overmap-primary-a9: color(display-p3 .498 1 .8784 / .743);
      --overmap-primary-a10: color(display-p3 .4627 1 .8667 / .696);
      --overmap-primary-a11: color(display-p3 .5412 1 .8863 / .807);
      --overmap-primary-a12: color(display-p3 .7725 1 .9373 / .94);
      --overmap-primary-contrast: #fff;
      --overmap-primary-surface: color(display-p3 .0706 .1412 .1255 / .5);
      --overmap-primary-indicator: oklch(74.5% .1263 177.1);
      --overmap-primary-track: oklch(74.5% .1263 177.1);
    }
  }
}

[data-theme="overmap"] {
  --primary-1: var(--overmap-primary-1);
  --primary-2: var(--overmap-primary-2);
  --primary-3: var(--overmap-primary-3);
  --primary-4: var(--overmap-primary-4);
  --primary-5: var(--overmap-primary-5);
  --primary-6: var(--overmap-primary-6);
  --primary-7: var(--overmap-primary-7);
  --primary-8: var(--overmap-primary-8);
  --primary-9: var(--overmap-primary-9);
  --primary-10: var(--overmap-primary-10);
  --primary-11: var(--overmap-primary-11);
  --primary-12: var(--overmap-primary-12);
  --primary-a1: var(--overmap-primary-a1);
  --primary-a2: var(--overmap-primary-a2);
  --primary-a3: var(--overmap-primary-a3);
  --primary-a4: var(--overmap-primary-a4);
  --primary-a5: var(--overmap-primary-a5);
  --primary-a6: var(--overmap-primary-a6);
  --primary-a7: var(--overmap-primary-a7);
  --primary-a8: var(--overmap-primary-a8);
  --primary-a9: var(--overmap-primary-a9);
  --primary-a10: var(--overmap-primary-a10);
  --primary-a11: var(--overmap-primary-a11);
  --primary-a12: var(--overmap-primary-a12);
  --primary-contrast: var(--overmap-primary-contrast);
  --primary-surface: var(--overmap-primary-surface);
  --primary-indicator: var(--overmap-primary-indicator);
  --primary-track: var(--overmap-primary-track);
}

:root, .light, .light-theme {
  --solar-color-background: #fff;
}

.dark, .dark-theme, :is(.dark, .dark-theme) {
  --solar-color-background: #11171d;
}

[data-theme="solar"] {
  --color-background: var(--solar-color-background);
}

:root, .light, .light-theme {
  --solar-base-1: #fbfdff;
  --solar-base-2: #f6fafe;
  --solar-base-3: #eaf1f8;
  --solar-base-4: #e1eaf2;
  --solar-base-5: #d7e3ed;
  --solar-base-6: #cedbe8;
  --solar-base-7: #c1d1e0;
  --solar-base-8: #a9bfd3;
  --solar-base-9: #7c91a4;
  --solar-base-10: #728698;
  --solar-base-11: #576776;
  --solar-base-12: #16222c;
  --solar-base-a1: #0080ff04;
  --solar-base-a2: #0072e309;
  --solar-base-a3: #0055aa15;
  --solar-base-a4: #004d911e;
  --solar-base-a5: #004d8d28;
  --solar-base-a6: #00448831;
  --solar-base-a7: #0042803e;
  --solar-base-a8: #00427d56;
  --solar-base-a9: #00294e83;
  --solar-base-a10: #0025458d;
  --solar-base-a11: #00192fa8;
  --solar-base-a12: #000d18e9;
  --solar-base-contrast: #fff;
  --solar-base-surface: #fffc;
  --solar-base-indicator: #7c91a4;
  --solar-base-track: #7c91a4;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --solar-base-1: oklch(99.2% .0035 246.4);
      --solar-base-2: oklch(98.3% .0063 246.4);
      --solar-base-3: oklch(95.6% .0114 246.4);
      --solar-base-4: oklch(93.2% .015 246.4);
      --solar-base-5: oklch(90.9% .0194 246.4);
      --solar-base-6: oklch(88.6% .0222 246.4);
      --solar-base-7: oklch(85.4% .0274 246.4);
      --solar-base-8: oklch(79.4% .0371 246.4);
      --solar-base-9: oklch(64.6% .0374 246.4);
      --solar-base-10: oklch(61.1% .0355 246.4);
      --solar-base-11: oklch(50.5% .0307 246.4);
      --solar-base-12: oklch(24.5% .0257 246.4);
      --solar-base-a1: color(display-p3 .0235 .5137 1 / .016);
      --solar-base-a2: color(display-p3 .0196 .3882 .8784 / .032);
      --solar-base-a3: color(display-p3 .0078 .3059 .6039 / .079);
      --solar-base-a4: color(display-p3 .0039 .2549 .502 / .11);
      --solar-base-a5: color(display-p3 .0078 .2706 .5059 / .15);
      --solar-base-a6: color(display-p3 .0039 .2392 .4941 / .185);
      --solar-base-a7: color(display-p3 .0039 .2078 .4431 / .232);
      --solar-base-a8: color(display-p3 .0039 .2118 .4431 / .322);
      --solar-base-a9: color(display-p3 .0039 .1294 .2706 / .499);
      --solar-base-a10: color(display-p3 0 .1098 .2353 / .538);
      --solar-base-a11: color(display-p3 0 .0784 .1647 / .648);
      --solar-base-a12: color(display-p3 0 .0392 .0784 / .902);
      --solar-base-contrast: #fff;
      --solar-base-surface: color(display-p3 1 1 1 / .8);
      --solar-base-indicator: oklch(64.6% .0374 246.4);
      --solar-base-track: oklch(64.6% .0374 246.4);
    }
  }
}

.dark, .dark-theme {
  --solar-base-1: #12171c;
  --solar-base-2: #181e23;
  --solar-base-3: #1e262e;
  --solar-base-4: #222d36;
  --solar-base-5: #27333e;
  --solar-base-6: #2d3c49;
  --solar-base-7: #374a5b;
  --solar-base-8: #4f6376;
  --solar-base-9: #5c7083;
  --solar-base-10: #697e91;
  --solar-base-11: #a3b6c7;
  --solar-base-12: #e9eff4;
  --solar-base-a1: #91170002;
  --solar-base-a2: #f1f7dd08;
  --solar-base-a3: #b7d7f614;
  --solar-base-a4: #a7d9f91d;
  --solar-base-a5: #a5d3fb26;
  --solar-base-a6: #a0d4fe32;
  --solar-base-a7: #9cd1ff46;
  --solar-base-a8: #aed7fd65;
  --solar-base-a9: #b6dafd74;
  --solar-base-a10: #bde0ff83;
  --solar-base-a11: #d3eaffc0;
  --solar-base-a12: #f3fafff3;
  --solar-base-contrast: #fff;
  --solar-base-surface: #0000000d;
  --solar-base-indicator: #5c7083;
  --solar-base-track: #5c7083;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --solar-base-1: oklch(0% .0124 246.4);
      --solar-base-2: oklch(18.3% .0127 246.4);
      --solar-base-3: oklch(23.9% .0178 246.4);
      --solar-base-4: oklch(27.5% .0229 246.4);
      --solar-base-5: oklch(30.7% .0257 246.4);
      --solar-base-6: oklch(34.4% .031 246.4);
      --solar-base-7: oklch(39.7% .0376 246.4);
      --solar-base-8: oklch(48.9% .0386 246.4);
      --solar-base-9: oklch(53.7% .0386 246.4);
      --solar-base-10: oklch(58.3% .0386 246.4);
      --solar-base-11: oklch(76.8% .0324 246.4);
      --solar-base-12: oklch(94.9% .0088 246.4);
      --solar-base-a1: color(display-p3 0 0 0 / 0);
      --solar-base-a2: color(display-p3 .6196 .7843 .9922 / .095);
      --solar-base-a3: color(display-p3 .6824 .8392 .9961 / .15);
      --solar-base-a4: color(display-p3 .651 .8353 .9961 / .193);
      --solar-base-a5: color(display-p3 .6627 .8314 1 / .232);
      --solar-base-a6: color(display-p3 .6627 .8314 1 / .279);
      --solar-base-a7: color(display-p3 .6588 .8196 1 / .346);
      --solar-base-a8: color(display-p3 .7255 .8549 1 / .451);
      --solar-base-a9: color(display-p3 .7451 .8627 1 / .506);
      --solar-base-a10: color(display-p3 .7647 .8745 1 / .561);
      --solar-base-a11: color(display-p3 .8471 .9176 1 / .773);
      --solar-base-a12: color(display-p3 .9647 .9843 1 / .953);
      --solar-base-contrast: #fff;
      --solar-base-surface: color(display-p3 0 0 0 / .05);
      --solar-base-indicator: oklch(53.7% .0386 246.4);
      --solar-base-track: oklch(53.7% .0386 246.4);
    }
  }
}

[data-theme="solar"] {
  --base-1: var(--solar-base-1);
  --base-2: var(--solar-base-2);
  --base-3: var(--solar-base-3);
  --base-4: var(--solar-base-4);
  --base-5: var(--solar-base-5);
  --base-6: var(--solar-base-6);
  --base-7: var(--solar-base-7);
  --base-8: var(--solar-base-8);
  --base-9: var(--solar-base-9);
  --base-10: var(--solar-base-10);
  --base-11: var(--solar-base-11);
  --base-12: var(--solar-base-12);
  --base-a1: var(--solar-base-a1);
  --base-a2: var(--solar-base-a2);
  --base-a3: var(--solar-base-a3);
  --base-a4: var(--solar-base-a4);
  --base-a5: var(--solar-base-a5);
  --base-a6: var(--solar-base-a6);
  --base-a7: var(--solar-base-a7);
  --base-a8: var(--solar-base-a8);
  --base-a9: var(--solar-base-a9);
  --base-a10: var(--solar-base-a10);
  --base-a11: var(--solar-base-a11);
  --base-a12: var(--solar-base-a12);
  --base-contrast: var(--solar-base-contrast);
  --base-surface: var(--solar-base-surface);
  --base-indicator: var(--solar-base-indicator);
  --base-track: var(--solar-base-track);
}

:root, .light, .light-theme {
  --solar-primary-1: #fefcfb;
  --solar-primary-2: #fff5ed;
  --solar-primary-3: #ffebd7;
  --solar-primary-4: #ffd9b5;
  --solar-primary-5: #ffcb9d;
  --solar-primary-6: #ffbc82;
  --solar-primary-7: #fda96b;
  --solar-primary-8: #f29143;
  --solar-primary-9: #ed8c3d;
  --solar-primary-10: #e1812f;
  --solar-primary-11: #be6100;
  --solar-primary-12: #582e09;
  --solar-primary-a1: #c0400004;
  --solar-primary-a2: #ff720012;
  --solar-primary-a3: #ff800028;
  --solar-primary-a4: #ff7d014a;
  --solar-primary-a5: #ff780062;
  --solar-primary-a6: #ff77007d;
  --solar-primary-a7: #fc6b0094;
  --solar-primary-a8: #ee6a00bc;
  --solar-primary-a9: #e76800c2;
  --solar-primary-a10: #da6500d0;
  --solar-primary-a11: #be6100;
  --solar-primary-a12: #522600f6;
  --solar-primary-contrast: #fff;
  --solar-primary-surface: #fff3e9cc;
  --solar-primary-indicator: #ed8c3d;
  --solar-primary-track: #ed8c3d;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --solar-primary-1: oklch(99.2% .003 56.25);
      --solar-primary-2: oklch(97.9% .0173 56.25);
      --solar-primary-3: oklch(95.8% .0415 56.25);
      --solar-primary-4: oklch(92% .0914 56.25);
      --solar-primary-5: oklch(89% .1202 56.25);
      --solar-primary-6: oklch(85.7% .124 56.25);
      --solar-primary-7: oklch(80.5% .127 56.25);
      --solar-primary-8: oklch(74.5% .149 56.25);
      --solar-primary-9: oklch(73% .149 56.25);
      --solar-primary-10: oklch(69.4% .149 56.25);
      --solar-primary-11: oklch(59.2% .149 56.25);
      --solar-primary-12: oklch(35% .0775 56.25);
      --solar-primary-a1: color(display-p3 .7569 .2667 .0235 / .016);
      --solar-primary-a2: color(display-p3 .8863 .4157 .0078 / .067);
      --solar-primary-a3: color(display-p3 .9216 .5059 .0078 / .15);
      --solar-primary-a4: color(display-p3 .9176 .4745 .0039 / .275);
      --solar-primary-a5: color(display-p3 .9137 .4588 .0039 / .361);
      --solar-primary-a6: color(display-p3 .9176 .451 .0039 / .455);
      --solar-primary-a7: color(display-p3 .898 .4078 0 / .542);
      --solar-primary-a8: color(display-p3 .851 .3882 0 / .675);
      --solar-primary-a9: color(display-p3 .8235 .3804 0 / .695);
      --solar-primary-a10: color(display-p3 .7725 .3608 0 / .742);
      --solar-primary-a11: color(display-p3 .6471 .302 0 / .859);
      --solar-primary-a12: color(display-p3 .2706 .1255 0 / .93);
      --solar-primary-contrast: #fff;
      --solar-primary-surface: color(display-p3 1 .9569 .9176 / .8);
      --solar-primary-indicator: oklch(73% .149 56.25);
      --solar-primary-track: oklch(73% .149 56.25);
    }
  }
}

.dark, .dark-theme {
  --solar-primary-1: #000;
  --solar-primary-2: #16100b;
  --solar-primary-3: #2c1b0f;
  --solar-primary-4: #402108;
  --solar-primary-5: #4e2b0f;
  --solar-primary-6: #5e391e;
  --solar-primary-7: #744b2c;
  --solar-primary-8: #966038;
  --solar-primary-9: #ed8c3d;
  --solar-primary-10: #e1812f;
  --solar-primary-11: #f9a76b;
  --solar-primary-12: #fadfcd;
  --solar-primary-a1: #0000;
  --solar-primary-a2: #ffba8016;
  --solar-primary-a3: #ff9d572c;
  --solar-primary-a4: #ff842040;
  --solar-primary-a5: #ff8d324e;
  --solar-primary-a6: #ff9b525e;
  --solar-primary-a7: #ffa56174;
  --solar-primary-a8: #ffa46096;
  --solar-primary-a9: #ff9742ed;
  --solar-primary-a10: #ff9235e1;
  --solar-primary-a11: #ffab6ef9;
  --solar-primary-a12: #ffe3d1fa;
  --solar-primary-contrast: #fff;
  --solar-primary-surface: #2c201680;
  --solar-primary-indicator: #ed8c3d;
  --solar-primary-track: #ed8c3d;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --solar-primary-1: oklch(0% .0088 56.25);
      --solar-primary-2: oklch(17.8% .0141 56.25);
      --solar-primary-3: oklch(24.2% .0344 56.25);
      --solar-primary-4: oklch(28.5% .0599 56.25);
      --solar-primary-5: oklch(33% .0656 56.25);
      --solar-primary-6: oklch(38.3% .0663 56.25);
      --solar-primary-7: oklch(45.2% .0723 56.25);
      --solar-primary-8: oklch(54% .0888 56.25);
      --solar-primary-9: oklch(73% .149 56.25);
      --solar-primary-10: oklch(69.4% .149 56.25);
      --solar-primary-11: oklch(79.7% .1233 56.25);
      --solar-primary-12: oklch(92.2% .0386 56.25);
      --solar-primary-a1: color(display-p3 0 0 0 / 0);
      --solar-primary-a2: color(display-p3 .9961 .7569 .5686 / .083);
      --solar-primary-a3: color(display-p3 1 .6667 .4078 / .165);
      --solar-primary-a4: color(display-p3 1 .5843 .2196 / .236);
      --solar-primary-a5: color(display-p3 1 .6157 .2902 / .287);
      --solar-primary-a6: color(display-p3 1 .6627 .3922 / .35);
      --solar-primary-a7: color(display-p3 1 .702 .4471 / .432);
      --solar-primary-a8: color(display-p3 1 .6902 .4471 / .557);
      --solar-primary-a9: color(display-p3 1 .6471 .349 / .879);
      --solar-primary-a10: color(display-p3 1 .6314 .3098 / .832);
      --solar-primary-a11: color(display-p3 1 .7216 .4941 / .93);
      --solar-primary-a12: color(display-p3 1 .9137 .8431 / .961);
      --solar-primary-contrast: #fff;
      --solar-primary-surface: color(display-p3 .1647 .1255 .0941 / .5);
      --solar-primary-indicator: oklch(73% .149 56.25);
      --solar-primary-track: oklch(73% .149 56.25);
    }
  }
}

[data-theme="solar"] {
  --primary-1: var(--solar-primary-1);
  --primary-2: var(--solar-primary-2);
  --primary-3: var(--solar-primary-3);
  --primary-4: var(--solar-primary-4);
  --primary-5: var(--solar-primary-5);
  --primary-6: var(--solar-primary-6);
  --primary-7: var(--solar-primary-7);
  --primary-8: var(--solar-primary-8);
  --primary-9: var(--solar-primary-9);
  --primary-10: var(--solar-primary-10);
  --primary-11: var(--solar-primary-11);
  --primary-12: var(--solar-primary-12);
  --primary-a1: var(--solar-primary-a1);
  --primary-a2: var(--solar-primary-a2);
  --primary-a3: var(--solar-primary-a3);
  --primary-a4: var(--solar-primary-a4);
  --primary-a5: var(--solar-primary-a5);
  --primary-a6: var(--solar-primary-a6);
  --primary-a7: var(--solar-primary-a7);
  --primary-a8: var(--solar-primary-a8);
  --primary-a9: var(--solar-primary-a9);
  --primary-a10: var(--solar-primary-a10);
  --primary-a11: var(--solar-primary-a11);
  --primary-a12: var(--solar-primary-a12);
  --primary-contrast: var(--solar-primary-contrast);
  --primary-surface: var(--solar-primary-surface);
  --primary-indicator: var(--solar-primary-indicator);
  --primary-track: var(--solar-primary-track);
}

:root, .light, .light-theme {
  --ruby-color-background: #fff;
}

.dark, .dark-theme, :is(.dark, .dark-theme) {
  --ruby-color-background: #1a1919;
}

[data-theme="ruby"] {
  --color-background: var(--ruby-color-background);
}

:root, .light, .light-theme {
  --ruby-base-1: #fcfcfc;
  --ruby-base-2: #f9f9f9;
  --ruby-base-3: #f0f0f0;
  --ruby-base-4: #e8e8e8;
  --ruby-base-5: #e1e0e0;
  --ruby-base-6: #d9d9d9;
  --ruby-base-7: #cecece;
  --ruby-base-8: #bbb;
  --ruby-base-9: #8d8c8c;
  --ruby-base-10: #838282;
  --ruby-base-11: #646363;
  --ruby-base-12: #201f1f;
  --ruby-base-a1: #00000003;
  --ruby-base-a2: #00000006;
  --ruby-base-a3: #0000000f;
  --ruby-base-a4: #00000017;
  --ruby-base-a5: #0900001f;
  --ruby-base-a6: #00000026;
  --ruby-base-a7: #00000031;
  --ruby-base-a8: #0004;
  --ruby-base-a9: #03000073;
  --ruby-base-a10: #0300007d;
  --ruby-base-a11: #0200009c;
  --ruby-base-a12: #010000e0;
  --ruby-base-contrast: #fff;
  --ruby-base-surface: #fffc;
  --ruby-base-indicator: #8d8c8c;
  --ruby-base-track: #8d8c8c;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --ruby-base-1: oklch(99.2% .0003 17.28);
      --ruby-base-2: oklch(98.1% .0003 17.28);
      --ruby-base-3: oklch(95.4% .0004 17.28);
      --ruby-base-4: oklch(93% .0004 17.28);
      --ruby-base-5: oklch(90.9% .0005 17.28);
      --ruby-base-6: oklch(88.4% .0005 17.28);
      --ruby-base-7: oklch(85.1% .0006 17.28);
      --ruby-base-8: oklch(79.2% .0007 17.28);
      --ruby-base-9: oklch(64.2% .0013 17.28);
      --ruby-base-10: oklch(60.7% .0012 17.28);
      --ruby-base-11: oklch(50.2% .001 17.28);
      --ruby-base-12: oklch(24.2% .0016 17.28);
      --ruby-base-a1: color(display-p3 0 0 0 / .0118);
      --ruby-base-a2: color(display-p3 0 0 0 / .0235);
      --ruby-base-a3: color(display-p3 0 0 0 / .0588);
      --ruby-base-a4: color(display-p3 0 0 0 / .0902);
      --ruby-base-a5: color(display-p3 .0392 .0039 .0039 / .122);
      --ruby-base-a6: color(display-p3 0 0 0 / .149);
      --ruby-base-a7: color(display-p3 0 0 0 / .1922);
      --ruby-base-a8: color(display-p3 0 0 0 / .2667);
      --ruby-base-a9: color(display-p3 .0118 .0039 .0039 / .451);
      --ruby-base-a10: color(display-p3 .0118 .0039 .0039 / .491);
      --ruby-base-a11: color(display-p3 .0078 0 0 / .612);
      --ruby-base-a12: color(display-p3 .0039 0 0 / .879);
      --ruby-base-contrast: #fff;
      --ruby-base-surface: color(display-p3 1 1 1 / .8);
      --ruby-base-indicator: oklch(64.2% .0013 17.28);
      --ruby-base-track: oklch(64.2% .0013 17.28);
    }
  }
}

.dark, .dark-theme {
  --ruby-base-1: #1a1919;
  --ruby-base-2: #212020;
  --ruby-base-3: #2a2828;
  --ruby-base-4: #302e2e;
  --ruby-base-5: #363434;
  --ruby-base-6: #3e3c3c;
  --ruby-base-7: #4b4949;
  --ruby-base-8: #626060;
  --ruby-base-9: #706e6e;
  --ruby-base-10: #7d7b7b;
  --ruby-base-11: #b6b4b4;
  --ruby-base-12: #f0eded;
  --ruby-base-a1: #0000;
  --ruby-base-a2: #faf9f908;
  --ruby-base-a3: #fdeeee12;
  --ruby-base-a4: #fbefef19;
  --ruby-base-a5: #faf1f120;
  --ruby-base-a6: #faf3f329;
  --ruby-base-a7: #fef8f837;
  --ruby-base-a8: #fdf9f951;
  --ruby-base-a9: #fffbfb60;
  --ruby-base-a10: #fdfbfb6f;
  --ruby-base-a11: #fffcfcae;
  --ruby-base-a12: #fefbfbef;
  --ruby-base-contrast: #fff;
  --ruby-base-surface: #0000000d;
  --ruby-base-indicator: #706e6e;
  --ruby-base-track: #706e6e;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --ruby-base-1: oklch(21.5% .0023 17.28);
      --ruby-base-2: oklch(24.5% .0016 17.28);
      --ruby-base-3: oklch(28% .0023 17.28);
      --ruby-base-4: oklch(30.4% .0023 17.28);
      --ruby-base-5: oklch(32.8% .0023 17.28);
      --ruby-base-6: oklch(35.9% .0023 17.28);
      --ruby-base-7: oklch(40.8% .0023 17.28);
      --ruby-base-8: oklch(49.1% .0023 17.28);
      --ruby-base-9: oklch(53.9% .0023 17.28);
      --ruby-base-10: oklch(58.5% .0023 17.28);
      --ruby-base-11: oklch(77% .0023 17.28);
      --ruby-base-12: oklch(94.9% .0023 17.28);
      --ruby-base-a1: color(display-p3 0 0 0 / 0);
      --ruby-base-a2: color(display-p3 .9882 .9843 .9843 / .031);
      --ruby-base-a3: color(display-p3 1 .9412 .9412 / .07);
      --ruby-base-a4: color(display-p3 .9922 .949 .949 / .097);
      --ruby-base-a5: color(display-p3 .9961 .9608 .9608 / .123);
      --ruby-base-a6: color(display-p3 .9961 .9686 .9686 / .158);
      --ruby-base-a7: color(display-p3 1 .9765 .9765 / .214);
      --ruby-base-a8: color(display-p3 1 .9843 .9843 / .315);
      --ruby-base-a9: color(display-p3 1 .9843 .9843 / .376);
      --ruby-base-a10: color(display-p3 1 .9882 .9882 / .433);
      --ruby-base-a11: color(display-p3 1 .9882 .9882 / .682);
      --ruby-base-a12: color(display-p3 1 .9882 .9882 / .931);
      --ruby-base-contrast: #fff;
      --ruby-base-surface: color(display-p3 0 0 0 / .05);
      --ruby-base-indicator: oklch(53.9% .0023 17.28);
      --ruby-base-track: oklch(53.9% .0023 17.28);
    }
  }
}

[data-theme="ruby"] {
  --base-1: var(--ruby-base-1);
  --base-2: var(--ruby-base-2);
  --base-3: var(--ruby-base-3);
  --base-4: var(--ruby-base-4);
  --base-5: var(--ruby-base-5);
  --base-6: var(--ruby-base-6);
  --base-7: var(--ruby-base-7);
  --base-8: var(--ruby-base-8);
  --base-9: var(--ruby-base-9);
  --base-10: var(--ruby-base-10);
  --base-11: var(--ruby-base-11);
  --base-12: var(--ruby-base-12);
  --base-a1: var(--ruby-base-a1);
  --base-a2: var(--ruby-base-a2);
  --base-a3: var(--ruby-base-a3);
  --base-a4: var(--ruby-base-a4);
  --base-a5: var(--ruby-base-a5);
  --base-a6: var(--ruby-base-a6);
  --base-a7: var(--ruby-base-a7);
  --base-a8: var(--ruby-base-a8);
  --base-a9: var(--ruby-base-a9);
  --base-a10: var(--ruby-base-a10);
  --base-a11: var(--ruby-base-a11);
  --base-a12: var(--ruby-base-a12);
  --base-contrast: var(--ruby-base-contrast);
  --base-surface: var(--ruby-base-surface);
  --base-indicator: var(--ruby-base-indicator);
  --base-track: var(--ruby-base-track);
}

:root, .light, .light-theme {
  --ruby-primary-1: #fffcfd;
  --ruby-primary-2: #fff7f8;
  --ruby-primary-3: #ffe9ed;
  --ruby-primary-4: #ffdbe3;
  --ruby-primary-5: #ffccd7;
  --ruby-primary-6: #fbbcca;
  --ruby-primary-7: #f3a9b9;
  --ruby-primary-8: #ea8fa4;
  --ruby-primary-9: #6c1233;
  --ruby-primary-10: #812844;
  --ruby-primary-11: #ac4e68;
  --ruby-primary-12: #680d30;
  --ruby-primary-a1: #ff005503;
  --ruby-primary-a2: #ff002008;
  --ruby-primary-a3: #ff002f16;
  --ruby-primary-a4: #ff003924;
  --ruby-primary-a5: #ff003733;
  --ruby-primary-a6: #f0003643;
  --ruby-primary-a7: #dc003056;
  --ruby-primary-a8: #d0003070;
  --ruby-primary-a9: #610024ed;
  --ruby-primary-a10: #6a0021d7;
  --ruby-primary-a11: #880026b1;
  --ruby-primary-a12: #600025f2;
  --ruby-primary-contrast: #fff;
  --ruby-primary-surface: #fff5f6cc;
  --ruby-primary-indicator: #6c1233;
  --ruby-primary-track: #6c1233;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --ruby-primary-1: oklch(99.4% .0037 4.811);
      --ruby-primary-2: oklch(98.3% .0093 4.811);
      --ruby-primary-3: oklch(95.4% .0266 4.811);
      --ruby-primary-4: oklch(92.7% .047 4.811);
      --ruby-primary-5: oklch(89.5% .061 4.811);
      --ruby-primary-6: oklch(85.7% .0735 4.811);
      --ruby-primary-7: oklch(80.9% .0889 4.811);
      --ruby-primary-8: oklch(74.9% .1127 4.811);
      --ruby-primary-9: oklch(35.4% .1246 4.811);
      --ruby-primary-10: oklch(42% .1246 4.811);
      --ruby-primary-11: oklch(55% .1246 4.811);
      --ruby-primary-12: oklch(34.1% .1246 4.811);
      --ruby-primary-a1: color(display-p3 .6745 .0235 .349 / .012);
      --ruby-primary-a2: color(display-p3 .8784 .0196 .1451 / .032);
      --ruby-primary-a3: color(display-p3 .8118 .0078 .1529 / .083);
      --ruby-primary-a4: color(display-p3 .8314 .0078 .2078 / .138);
      --ruby-primary-a5: color(display-p3 .8392 .0078 .1882 / .193);
      --ruby-primary-a6: color(display-p3 .7843 .0039 .1725 / .251);
      --ruby-primary-a7: color(display-p3 .7255 .0039 .1608 / .326);
      --ruby-primary-a8: color(display-p3 .6863 .0039 .1608 / .424);
      --ruby-primary-a9: color(display-p3 .3176 0 .1059 / .895);
      --ruby-primary-a10: color(display-p3 .349 0 .1059 / .82);
      --ruby-primary-a11: color(display-p3 .4471 0 .1216 / .675);
      --ruby-primary-a12: color(display-p3 .3098 0 .1098 / .91);
      --ruby-primary-contrast: #fff;
      --ruby-primary-surface: color(display-p3 .9961 .9608 .9647 / .8);
      --ruby-primary-indicator: oklch(35.4% .1246 4.811);
      --ruby-primary-track: oklch(35.4% .1246 4.811);
    }
  }
}

.dark, .dark-theme {
  --ruby-primary-1: #211618;
  --ruby-primary-2: #26181a;
  --ruby-primary-3: #450f1f;
  --ruby-primary-4: #5c0023;
  --ruby-primary-5: #6c002a;
  --ruby-primary-6: #7d0b36;
  --ruby-primary-7: #981a45;
  --ruby-primary-8: #c71f5b;
  --ruby-primary-9: #921140;
  --ruby-primary-10: #7a0533;
  --ruby-primary-11: #ff8ca8;
  --ruby-primary-12: #ffccd7;
  --ruby-primary-a1: #fa000008;
  --ruby-primary-a2: #f5072c0e;
  --ruby-primary-a3: #ff003930;
  --ruby-primary-a4: #fe003c4a;
  --ruby-primary-a5: #fd00495c;
  --ruby-primary-a6: #fd005c6f;
  --ruby-primary-a7: #fe1b698d;
  --ruby-primary-a8: #ff2170c1;
  --ruby-primary-a9: #ff0a6386;
  --ruby-primary-a10: #ff00566b;
  --ruby-primary-a11: #ff8ca8;
  --ruby-primary-a12: #ffccd7;
  --ruby-primary-contrast: #fff;
  --ruby-primary-surface: #32181b80;
  --ruby-primary-indicator: #921140;
  --ruby-primary-track: #921140;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --ruby-primary-1: oklch(21.5% .019 7.32);
      --ruby-primary-2: oklch(22.8% .023 7.32);
      --ruby-primary-3: oklch(26.8% .0831 7.32);
      --ruby-primary-4: oklch(30.2% .1238 7.32);
      --ruby-primary-5: oklch(33.8% .1387 7.32);
      --ruby-primary-6: oklch(38.5% .1459 7.32);
      --ruby-primary-7: oklch(45% .1617 7.32);
      --ruby-primary-8: oklch(54.4% .2015 7.32);
      --ruby-primary-9: oklch(43.1% .1617 7.32);
      --ruby-primary-10: oklch(37.4% .1459 7.32);
      --ruby-primary-11: oklch(78.6% .2015 7.32);
      --ruby-primary-12: oklch(90.6% .0731 7.32);
      --ruby-primary-a1: color(display-p3 .9961 0 0 / .022);
      --ruby-primary-a2: color(display-p3 .9961 .102 .1882 / .044);
      --ruby-primary-a3: color(display-p3 1 0 .2471 / .162);
      --ruby-primary-a4: color(display-p3 1 0 .251 / .254);
      --ruby-primary-a5: color(display-p3 1 0 .3098 / .315);
      --ruby-primary-a6: color(display-p3 1 .1098 .3961 / .385);
      --ruby-primary-a7: color(display-p3 1 .2078 .4471 / .494);
      --ruby-primary-a8: color(display-p3 1 .2392 .4824 / .686);
      --ruby-primary-a9: color(display-p3 1 .1647 .4235 / .472);
      --ruby-primary-a10: color(display-p3 1 .0667 .3725 / .372);
      --ruby-primary-a11: color(display-p3 1 .6039 .698 / .935);
      --ruby-primary-a12: color(display-p3 1 .8314 .8706 / .966);
      --ruby-primary-contrast: #fff;
      --ruby-primary-surface: color(display-p3 .1804 .0941 .1098 / .5);
      --ruby-primary-indicator: oklch(43.1% .1617 7.32);
      --ruby-primary-track: oklch(43.1% .1617 7.32);
    }
  }
}

[data-theme="ruby"] {
  --primary-1: var(--ruby-primary-1);
  --primary-2: var(--ruby-primary-2);
  --primary-3: var(--ruby-primary-3);
  --primary-4: var(--ruby-primary-4);
  --primary-5: var(--ruby-primary-5);
  --primary-6: var(--ruby-primary-6);
  --primary-7: var(--ruby-primary-7);
  --primary-8: var(--ruby-primary-8);
  --primary-9: var(--ruby-primary-9);
  --primary-10: var(--ruby-primary-10);
  --primary-11: var(--ruby-primary-11);
  --primary-12: var(--ruby-primary-12);
  --primary-a1: var(--ruby-primary-a1);
  --primary-a2: var(--ruby-primary-a2);
  --primary-a3: var(--ruby-primary-a3);
  --primary-a4: var(--ruby-primary-a4);
  --primary-a5: var(--ruby-primary-a5);
  --primary-a6: var(--ruby-primary-a6);
  --primary-a7: var(--ruby-primary-a7);
  --primary-a8: var(--ruby-primary-a8);
  --primary-a9: var(--ruby-primary-a9);
  --primary-a10: var(--ruby-primary-a10);
  --primary-a11: var(--ruby-primary-a11);
  --primary-a12: var(--ruby-primary-a12);
  --primary-contrast: var(--ruby-primary-contrast);
  --primary-surface: var(--ruby-primary-surface);
  --primary-indicator: var(--ruby-primary-indicator);
  --primary-track: var(--ruby-primary-track);
}

:root, .light, .light-theme {
  --firefly-color-background: #fff;
}

.dark, .dark-theme, :is(.dark, .dark-theme) {
  --firefly-color-background: #000;
}

[data-theme="energy"] {
  --color-background: var(--firefly-color-background);
}

:root, .light, .light-theme {
  --firefly-base-1: #fdfdfd;
  --firefly-base-2: #f9f9f9;
  --firefly-base-3: #f0f0f0;
  --firefly-base-4: #e8e8e8;
  --firefly-base-5: #e1e1e1;
  --firefly-base-6: #d9d9d9;
  --firefly-base-7: #cecece;
  --firefly-base-8: #bbb;
  --firefly-base-9: #8c8c8c;
  --firefly-base-10: #828282;
  --firefly-base-11: #626262;
  --firefly-base-12: #202020;
  --firefly-base-a1: #00000002;
  --firefly-base-a2: #00000006;
  --firefly-base-a3: #0000000f;
  --firefly-base-a4: #00000017;
  --firefly-base-a5: #0000001e;
  --firefly-base-a6: #00000026;
  --firefly-base-a7: #00000031;
  --firefly-base-a8: #0004;
  --firefly-base-a9: #00000073;
  --firefly-base-a10: #0000007d;
  --firefly-base-a11: #0000009d;
  --firefly-base-a12: #000000df;
  --firefly-base-contrast: #fff;
  --firefly-base-surface: #fffc;
  --firefly-base-indicator: #8c8c8c;
  --firefly-base-track: #8c8c8c;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --firefly-base-1: oklch(99.4% 0 none);
      --firefly-base-2: oklch(98.2% 0 none);
      --firefly-base-3: oklch(95.6% 0 none);
      --firefly-base-4: oklch(93.2% 0 none);
      --firefly-base-5: oklch(91% 0 none);
      --firefly-base-6: oklch(88.6% 0 none);
      --firefly-base-7: oklch(85.3% 0 none);
      --firefly-base-8: oklch(79.2% 0 none);
      --firefly-base-9: oklch(64.1% 0 none);
      --firefly-base-10: oklch(60.6% 0 none);
      --firefly-base-11: oklch(49.8% 0 none);
      --firefly-base-12: oklch(24.3% 0 none);
      --firefly-base-a1: color(display-p3 0 0 0 / .0078);
      --firefly-base-a2: color(display-p3 0 0 0 / .0235);
      --firefly-base-a3: color(display-p3 0 0 0 / .0588);
      --firefly-base-a4: color(display-p3 0 0 0 / .0902);
      --firefly-base-a5: color(display-p3 0 0 0 / .1176);
      --firefly-base-a6: color(display-p3 0 0 0 / .149);
      --firefly-base-a7: color(display-p3 0 0 0 / .1922);
      --firefly-base-a8: color(display-p3 0 0 0 / .2667);
      --firefly-base-a9: color(display-p3 0 0 0 / .451);
      --firefly-base-a10: color(display-p3 0 0 0 / .4902);
      --firefly-base-a11: color(display-p3 0 0 0 / .6157);
      --firefly-base-a12: color(display-p3 0 0 0 / .8745);
      --firefly-base-contrast: #fff;
      --firefly-base-surface: color(display-p3 1 1 1 / .8);
      --firefly-base-indicator: oklch(64.1% 0 none);
      --firefly-base-track: oklch(64.1% 0 none);
    }
  }
}

.dark, .dark-theme {
  --firefly-base-1: #000;
  --firefly-base-2: #121212;
  --firefly-base-3: #1e1e1e;
  --firefly-base-4: #272727;
  --firefly-base-5: #2f2f2f;
  --firefly-base-6: #393939;
  --firefly-base-7: #474747;
  --firefly-base-8: #606060;
  --firefly-base-9: #6d6d6d;
  --firefly-base-10: #7a7a7a;
  --firefly-base-11: #b3b3b3;
  --firefly-base-12: #ededed;
  --firefly-base-a1: #0000;
  --firefly-base-a2: #ffffff12;
  --firefly-base-a3: #ffffff1e;
  --firefly-base-a4: #ffffff27;
  --firefly-base-a5: #ffffff2f;
  --firefly-base-a6: #ffffff39;
  --firefly-base-a7: #ffffff47;
  --firefly-base-a8: #ffffff60;
  --firefly-base-a9: #ffffff6d;
  --firefly-base-a10: #ffffff7a;
  --firefly-base-a11: #ffffffb3;
  --firefly-base-a12: #ffffffed;
  --firefly-base-contrast: #fff;
  --firefly-base-surface: #0000000d;
  --firefly-base-indicator: #6d6d6d;
  --firefly-base-track: #6d6d6d;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --firefly-base-1: oklch(0% 0 none);
      --firefly-base-2: oklch(18.1% 0 none);
      --firefly-base-3: oklch(23.7% 0 none);
      --firefly-base-4: oklch(27.3% 0 none);
      --firefly-base-5: oklch(30.6% 0 none);
      --firefly-base-6: oklch(34.5% 0 none);
      --firefly-base-7: oklch(39.8% 0 none);
      --firefly-base-8: oklch(48.8% 0 none);
      --firefly-base-9: oklch(53.3% 0 none);
      --firefly-base-10: oklch(58% 0 none);
      --firefly-base-11: oklch(76.6% 0 none);
      --firefly-base-12: oklch(94.7% 0 none);
      --firefly-base-a1: color(display-p3 0 0 0 / 0);
      --firefly-base-a2: color(display-p3 1 1 1 / .0706);
      --firefly-base-a3: color(display-p3 1 1 1 / .1176);
      --firefly-base-a4: color(display-p3 1 1 1 / .1529);
      --firefly-base-a5: color(display-p3 1 1 1 / .1843);
      --firefly-base-a6: color(display-p3 1 1 1 / .2235);
      --firefly-base-a7: color(display-p3 1 1 1 / .2784);
      --firefly-base-a8: color(display-p3 1 1 1 / .3765);
      --firefly-base-a9: color(display-p3 1 1 1 / .4275);
      --firefly-base-a10: color(display-p3 1 1 1 / .4784);
      --firefly-base-a11: color(display-p3 1 1 1 / .702);
      --firefly-base-a12: color(display-p3 1 1 1 / .9294);
      --firefly-base-contrast: #fff;
      --firefly-base-surface: color(display-p3 0 0 0 / .05);
      --firefly-base-indicator: oklch(53.3% 0 none);
      --firefly-base-track: oklch(53.3% 0 none);
    }
  }
}

[data-theme="energy"] {
  --base-1: var(--firefly-base-1);
  --base-2: var(--firefly-base-2);
  --base-3: var(--firefly-base-3);
  --base-4: var(--firefly-base-4);
  --base-5: var(--firefly-base-5);
  --base-6: var(--firefly-base-6);
  --base-7: var(--firefly-base-7);
  --base-8: var(--firefly-base-8);
  --base-9: var(--firefly-base-9);
  --base-10: var(--firefly-base-10);
  --base-11: var(--firefly-base-11);
  --base-12: var(--firefly-base-12);
  --base-a1: var(--firefly-base-a1);
  --base-a2: var(--firefly-base-a2);
  --base-a3: var(--firefly-base-a3);
  --base-a4: var(--firefly-base-a4);
  --base-a5: var(--firefly-base-a5);
  --base-a6: var(--firefly-base-a6);
  --base-a7: var(--firefly-base-a7);
  --base-a8: var(--firefly-base-a8);
  --base-a9: var(--firefly-base-a9);
  --base-a10: var(--firefly-base-a10);
  --base-a11: var(--firefly-base-a11);
  --base-a12: var(--firefly-base-a12);
  --base-contrast: var(--firefly-base-contrast);
  --base-surface: var(--firefly-base-surface);
  --base-indicator: var(--firefly-base-indicator);
  --base-track: var(--firefly-base-track);
}

:root, .light, .light-theme {
  --firefly-primary-1: #fdfdf9;
  --firefly-primary-2: #fdfcea;
  --firefly-primary-3: #fdfabd;
  --firefly-primary-4: #f9f49c;
  --firefly-primary-5: #f3eb7d;
  --firefly-primary-6: #e4dd76;
  --firefly-primary-7: #d3cd72;
  --firefly-primary-8: #bfb74b;
  --firefly-primary-9: #f8ea12;
  --firefly-primary-10: #ece03b;
  --firefly-primary-11: #847c00;
  --firefly-primary-12: #403e22;
  --firefly-primary-a1: #aaaa0006;
  --firefly-primary-a2: #e7db0015;
  --firefly-primary-a3: #f8ec0042;
  --firefly-primary-a4: #f0e30063;
  --firefly-primary-a5: #e8d80082;
  --firefly-primary-a6: #cdc00089;
  --firefly-primary-a7: #b0a5008d;
  --firefly-primary-a8: #a59900b4;
  --firefly-primary-a9: #f8e800ed;
  --firefly-primary-a10: #e6d700c4;
  --firefly-primary-a11: #847c00;
  --firefly-primary-a12: #232000dd;
  --firefly-primary-contrast: #24230a;
  --firefly-primary-surface: #fdfbe5cc;
  --firefly-primary-indicator: #f8ea12;
  --firefly-primary-track: #f8ea12;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --firefly-primary-1: oklch(99.3% .0046 105.1);
      --firefly-primary-2: oklch(98.8% .0236 105.1);
      --firefly-primary-3: oklch(97.3% .0781 105.1);
      --firefly-primary-4: oklch(95.2% .1089 105.1);
      --firefly-primary-5: oklch(92.4% .1324 105.1);
      --firefly-primary-6: oklch(88.1% .1255 105.1);
      --firefly-primary-7: oklch(83.5% .1139 105.1);
      --firefly-primary-8: oklch(76.5% .1296 105.1);
      --firefly-primary-9: oklch(91.8% .1928 105.1);
      --firefly-primary-10: oklch(88.9% .1725 105.1);
      --firefly-primary-11: oklch(57.4% .1294 105.1);
      --firefly-primary-12: oklch(35.7% .043 105.1);
      --firefly-primary-a1: color(display-p3 .6745 .6745 .0235 / .024);
      --firefly-primary-a2: color(display-p3 .898 .8431 .0078 / .075);
      --firefly-primary-a3: color(display-p3 .9529 .9176 .0039 / .232);
      --firefly-primary-a4: color(display-p3 .9216 .8745 .0039 / .346);
      --firefly-primary-a5: color(display-p3 .8902 .8275 .0039 / .451);
      --firefly-primary-a6: color(display-p3 .7725 .7255 .0039 / .483);
      --firefly-primary-a7: color(display-p3 .651 .6157 0 / .506);
      --firefly-primary-a8: color(display-p3 .6 .5569 0 / .64);
      --firefly-primary-a9: color(display-p3 .949 .8784 0 / .687);
      --firefly-primary-a10: color(display-p3 .8706 .8118 0 / .64);
      --firefly-primary-a11: color(display-p3 .4314 .4 0 / .855);
      --firefly-primary-a12: color(display-p3 .1255 .1137 0 / .855);
      --firefly-primary-contrast: #24230a;
      --firefly-primary-surface: color(display-p3 .9922 .9843 .9059 / .8);
      --firefly-primary-indicator: oklch(91.8% .1928 105.1);
      --firefly-primary-track: oklch(91.8% .1928 105.1);
    }
  }
}

.dark, .dark-theme {
  --firefly-primary-1: #000;
  --firefly-primary-2: #12120a;
  --firefly-primary-3: #232106;
  --firefly-primary-4: #2f2b00;
  --firefly-primary-5: #3b3700;
  --firefly-primary-6: #49450f;
  --firefly-primary-7: #5c5821;
  --firefly-primary-8: #75702d;
  --firefly-primary-9: #fbed1d;
  --firefly-primary-10: #ede35c;
  --firefly-primary-11: #ede35d;
  --firefly-primary-12: #f2efba;
  --firefly-primary-a1: #0000;
  --firefly-primary-a2: #ffff8e12;
  --firefly-primary-a3: #fff12c23;
  --firefly-primary-a4: #ffea002f;
  --firefly-primary-a5: #ffee003b;
  --firefly-primary-a6: #fff23549;
  --firefly-primary-a7: #fff45c5c;
  --firefly-primary-a8: #fff56375;
  --firefly-primary-a9: #fff11dfb;
  --firefly-primary-a10: #fff463ed;
  --firefly-primary-a11: #fff464ed;
  --firefly-primary-a12: #fffcc4f2;
  --firefly-primary-contrast: #24230a;
  --firefly-primary-surface: #24241480;
  --firefly-primary-indicator: #fbed1d;
  --firefly-primary-track: #fbed1d;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --firefly-primary-1: oklch(0% .012 105.1);
      --firefly-primary-2: oklch(17.9% .0157 105.1);
      --firefly-primary-3: oklch(24.4% .0431 105.1);
      --firefly-primary-4: oklch(28.5% .0641 105.1);
      --firefly-primary-5: oklch(32.9% .0731 105.1);
      --firefly-primary-6: oklch(38.2% .0715 105.1);
      --firefly-primary-7: oklch(45% .0748 105.1);
      --firefly-primary-8: oklch(53.4% .0879 105.1);
      --firefly-primary-9: oklch(92.8% .1928 105.1);
      --firefly-primary-10: oklch(89.9% .1538 105.1);
      --firefly-primary-11: oklch(90% .1538 105.1);
      --firefly-primary-12: oklch(94.1% .069 105.1);
      --firefly-primary-a1: color(display-p3 0 0 0 / 0);
      --firefly-primary-a2: color(display-p3 .9961 .9961 .6078 / .071);
      --firefly-primary-a3: color(display-p3 .9961 .9412 .2863 / .138);
      --firefly-primary-a4: color(display-p3 1 .9333 .1529 / .181);
      --firefly-primary-a5: color(display-p3 1 .949 .2078 / .228);
      --firefly-primary-a6: color(display-p3 1 .9569 .349 / .283);
      --firefly-primary-a7: color(display-p3 1 .9686 .4627 / .357);
      --firefly-primary-a8: color(display-p3 1 .9686 .4745 / .455);
      --firefly-primary-a9: color(display-p3 1 .9529 .3373 / .977);
      --firefly-primary-a10: color(display-p3 1 .9647 .4863 / .922);
      --firefly-primary-a11: color(display-p3 1 .9647 .4863 / .922);
      --firefly-primary-a12: color(display-p3 1 .9922 .7961 / .946);
      --firefly-primary-contrast: #24230a;
      --firefly-primary-surface: color(display-p3 .1412 .1412 .0863 / .5);
      --firefly-primary-indicator: oklch(92.8% .1928 105.1);
      --firefly-primary-track: oklch(92.8% .1928 105.1);
    }
  }
}

[data-theme="energy"] {
  --primary-1: var(--firefly-primary-1);
  --primary-2: var(--firefly-primary-2);
  --primary-3: var(--firefly-primary-3);
  --primary-4: var(--firefly-primary-4);
  --primary-5: var(--firefly-primary-5);
  --primary-6: var(--firefly-primary-6);
  --primary-7: var(--firefly-primary-7);
  --primary-8: var(--firefly-primary-8);
  --primary-9: var(--firefly-primary-9);
  --primary-10: var(--firefly-primary-10);
  --primary-11: var(--firefly-primary-11);
  --primary-12: var(--firefly-primary-12);
  --primary-a1: var(--firefly-primary-a1);
  --primary-a2: var(--firefly-primary-a2);
  --primary-a3: var(--firefly-primary-a3);
  --primary-a4: var(--firefly-primary-a4);
  --primary-a5: var(--firefly-primary-a5);
  --primary-a6: var(--firefly-primary-a6);
  --primary-a7: var(--firefly-primary-a7);
  --primary-a8: var(--firefly-primary-a8);
  --primary-a9: var(--firefly-primary-a9);
  --primary-a10: var(--firefly-primary-a10);
  --primary-a11: var(--firefly-primary-a11);
  --primary-a12: var(--firefly-primary-a12);
  --primary-contrast: var(--firefly-primary-contrast);
  --primary-surface: var(--firefly-primary-surface);
  --primary-indicator: var(--firefly-primary-indicator);
  --primary-track: var(--firefly-primary-track);
}

:root, .light, .light-theme {
  --future-color-background: #fbfbfb;
}

.dark, .dark-theme, :is(.dark, .dark-theme) {
  --future-color-background: #101313;
}

[data-theme="future"] {
  --color-background: var(--future-color-background);
}

:root, .light, .light-theme {
  --future-base-1: #f7f8f8;
  --future-base-2: #f3f4f4;
  --future-base-3: #eaebeb;
  --future-base-4: #e2e3e3;
  --future-base-5: #dadcdc;
  --future-base-6: #d2d4d4;
  --future-base-7: #c6c8c8;
  --future-base-8: #b3b6b6;
  --future-base-9: #838787;
  --future-base-10: #797d7d;
  --future-base-11: #5c5f5f;
  --future-base-12: #1c2020;
  --future-base-a1: #30636305;
  --future-base-a2: #19353509;
  --future-base-a3: #0b191912;
  --future-base-a4: #0610101a;
  --future-base-a5: #03121222;
  --future-base-a6: #030f0f2a;
  --future-base-a7: #010b0b36;
  --future-base-a8: #030e0e4a;
  --future-base-a9: #0109097a;
  --future-base-a10: #020a0a85;
  --future-base-a11: #000505a2;
  --future-base-a12: #000505e3;
  --future-base-contrast: #fff;
  --future-base-surface: #fffc;
  --future-base-indicator: #838787;
  --future-base-track: #838787;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --future-base-1: oklch(97.9% .0013 196.5);
      --future-base-2: oklch(96.7% .0013 196.5);
      --future-base-3: oklch(94% .0017 196.5);
      --future-base-4: oklch(91.5% .0017 196.5);
      --future-base-5: oklch(89.2% .002 196.5);
      --future-base-6: oklch(86.7% .002 196.5);
      --future-base-7: oklch(83.3% .0022 196.5);
      --future-base-8: oklch(77.3% .0026 196.5);
      --future-base-9: oklch(62% .0051 196.5);
      --future-base-10: oklch(58.5% .0048 196.5);
      --future-base-11: oklch(48.2% .0038 196.5);
      --future-base-12: oklch(24% .006 196.5);
      --future-base-a1: color(display-p3 .0039 .251 .251 / .016);
      --future-base-a2: color(display-p3 .0078 .1294 .1294 / .032);
      --future-base-a3: color(display-p3 .0078 .0627 .0627 / .068);
      --future-base-a4: color(display-p3 .0039 .0431 .0431 / .1);
      --future-base-a5: color(display-p3 .0078 .0667 .0667 / .132);
      --future-base-a6: color(display-p3 .0078 .0549 .0549 / .164);
      --future-base-a7: color(display-p3 .0039 .0431 .0431 / .212);
      --future-base-a8: color(display-p3 .0039 .0314 .0314 / .283);
      --future-base-a9: color(display-p3 .0039 .0275 .0275 / .475);
      --future-base-a10: color(display-p3 0 .0235 .0235 / .514);
      --future-base-a11: color(display-p3 0 .0118 .0118 / .63);
      --future-base-a12: color(display-p3 0 .0118 .0118 / .885);
      --future-base-contrast: #fff;
      --future-base-surface: color(display-p3 1 1 1 / .8);
      --future-base-indicator: oklch(62% .0051 196.5);
      --future-base-track: oklch(62% .0051 196.5);
    }
  }
}

.dark, .dark-theme {
  --future-base-1: #0e1414;
  --future-base-2: #141a1a;
  --future-base-3: #1d2424;
  --future-base-4: #232b2b;
  --future-base-5: #293333;
  --future-base-6: #323c3c;
  --future-base-7: #3f4a4a;
  --future-base-8: #586262;
  --future-base-9: #646f6f;
  --future-base-10: #717d7d;
  --future-base-11: #aab6b6;
  --future-base-12: #e9efef;
  --future-base-a1: #00939302;
  --future-base-a2: #90f3f308;
  --future-base-a3: #bff8f813;
  --future-base-a4: #cbffff1a;
  --future-base-a5: #c7fdfd23;
  --future-base-a6: #d1fcfc2d;
  --future-base-a7: #d8fcfc3c;
  --future-base-a8: #e5fdfd56;
  --future-base-a9: #e6fdfd64;
  --future-base-a10: #e7ffff73;
  --future-base-a11: #eefefeb1;
  --future-base-a12: #f9ffffee;
  --future-base-contrast: #fff;
  --future-base-surface: #0000000d;
  --future-base-indicator: #646f6f;
  --future-base-track: #646f6f;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --future-base-1: oklch(18.3% .0086 196.5);
      --future-base-2: oklch(21.2% .009 196.5);
      --future-base-3: oklch(25.2% .0096 196.5);
      --future-base-4: oklch(28.1% .0119 196.5);
      --future-base-5: oklch(31.1% .0125 196.5);
      --future-base-6: oklch(34.7% .0135 196.5);
      --future-base-7: oklch(39.9% .0135 196.5);
      --future-base-8: oklch(48.8% .0135 196.5);
      --future-base-9: oklch(53.3% .0135 196.5);
      --future-base-10: oklch(57.9% .0135 196.5);
      --future-base-11: oklch(76.6% .0135 196.5);
      --future-base-12: oklch(94.7% .0057 196.5);
      --future-base-a1: color(display-p3 0 .8588 .8588 / .005);
      --future-base-a2: color(display-p3 .5922 .9922 .9922 / .03);
      --future-base-a3: color(display-p3 .7686 .9882 .9882 / .073);
      --future-base-a4: color(display-p3 .8392 1 1 / .102);
      --future-base-a5: color(display-p3 .8196 1 1 / .136);
      --future-base-a6: color(display-p3 .8588 1 1 / .174);
      --future-base-a7: color(display-p3 .8745 .9961 .9961 / .234);
      --future-base-a8: color(display-p3 .9216 1 1 / .335);
      --future-base-a9: color(display-p3 .9216 1 1 / .39);
      --future-base-a10: color(display-p3 .9216 1 1 / .45);
      --future-base-a11: color(display-p3 .949 1 1 / .691);
      --future-base-a12: color(display-p3 .9804 1 1 / .933);
      --future-base-contrast: #fff;
      --future-base-surface: color(display-p3 0 0 0 / .05);
      --future-base-indicator: oklch(53.3% .0135 196.5);
      --future-base-track: oklch(53.3% .0135 196.5);
    }
  }
}

[data-theme="future"] {
  --base-1: var(--future-base-1);
  --base-2: var(--future-base-2);
  --base-3: var(--future-base-3);
  --base-4: var(--future-base-4);
  --base-5: var(--future-base-5);
  --base-6: var(--future-base-6);
  --base-7: var(--future-base-7);
  --base-8: var(--future-base-8);
  --base-9: var(--future-base-9);
  --base-10: var(--future-base-10);
  --base-11: var(--future-base-11);
  --base-12: var(--future-base-12);
  --base-a1: var(--future-base-a1);
  --base-a2: var(--future-base-a2);
  --base-a3: var(--future-base-a3);
  --base-a4: var(--future-base-a4);
  --base-a5: var(--future-base-a5);
  --base-a6: var(--future-base-a6);
  --base-a7: var(--future-base-a7);
  --base-a8: var(--future-base-a8);
  --base-a9: var(--future-base-a9);
  --base-a10: var(--future-base-a10);
  --base-a11: var(--future-base-a11);
  --base-a12: var(--future-base-a12);
  --base-contrast: var(--future-base-contrast);
  --base-surface: var(--future-base-surface);
  --base-indicator: var(--future-base-indicator);
  --base-track: var(--future-base-track);
}

:root, .light, .light-theme {
  --future-primary-1: #f7f9f8;
  --future-primary-2: #f1f6f4;
  --future-primary-3: #e5eeec;
  --future-primary-4: #d9e7e3;
  --future-primary-5: #cedfda;
  --future-primary-6: #c1d6d0;
  --future-primary-7: #b1c9c3;
  --future-primary-8: #98b6ae;
  --future-primary-9: #6c9087;
  --future-primary-10: #61837a;
  --future-primary-11: #466960;
  --future-primary-12: #1a2a26;
  --future-primary-a1: #30966305;
  --future-primary-a2: #1488590b;
  --future-primary-a3: #086b5517;
  --future-primary-a4: #03694c23;
  --future-primary-a5: #0260452e;
  --future-primary-a6: #015c423b;
  --future-primary-a7: #0354404c;
  --future-primary-a8: #014d3865;
  --future-primary-a9: #02413192;
  --future-primary-a10: #01392a9d;
  --future-primary-a11: #003124b8;
  --future-primary-a12: #00120de5;
  --future-primary-contrast: #fff;
  --future-primary-surface: #eff5f3cc;
  --future-primary-indicator: #6c9087;
  --future-primary-track: #6c9087;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --future-primary-1: oklch(98% .0024 177.4);
      --future-primary-2: oklch(96.9% .0049 177.4);
      --future-primary-3: oklch(94.3% .0105 177.4);
      --future-primary-4: oklch(91.7% .0155 177.4);
      --future-primary-5: oklch(89% .0195 177.4);
      --future-primary-6: oklch(85.9% .0233 177.4);
      --future-primary-7: oklch(81.6% .0271 177.4);
      --future-primary-8: oklch(75.1% .0345 177.4);
      --future-primary-9: oklch(62.3% .0419 177.4);
      --future-primary-10: oklch(58.2% .0409 177.4);
      --future-primary-11: oklch(49.1% .0419 177.4);
      --future-primary-12: oklch(26.8% .0217 177.4);
      --future-primary-a1: color(display-p3 .0039 .4941 .251 / .016);
      --future-primary-a2: color(display-p3 .0078 .4431 .2235 / .036);
      --future-primary-a3: color(display-p3 .0039 .349 .251 / .08);
      --future-primary-a4: color(display-p3 .0039 .3529 .2275 / .124);
      --future-primary-a5: color(display-p3 .0078 .3098 .2157 / .168);
      --future-primary-a6: color(display-p3 .0039 .298 .2039 / .216);
      --future-primary-a7: color(display-p3 .0039 .2588 .1882 / .275);
      --future-primary-a8: color(display-p3 .0039 .2471 .1725 / .371);
      --future-primary-a9: color(display-p3 0 .2039 .1451 / .542);
      --future-primary-a10: color(display-p3 0 .1765 .1216 / .586);
      --future-primary-a11: color(display-p3 0 .149 .102 / .69);
      --future-primary-a12: color(display-p3 0 .0588 .0392 / .885);
      --future-primary-contrast: #fff;
      --future-primary-surface: color(display-p3 .9412 .9608 .9569 / .8);
      --future-primary-indicator: oklch(62.3% .0419 177.4);
      --future-primary-track: oklch(62.3% .0419 177.4);
    }
  }
}

.dark, .dark-theme {
  --future-primary-1: #0f1312;
  --future-primary-2: #151b19;
  --future-primary-3: #1d2b27;
  --future-primary-4: #223731;
  --future-primary-5: #2c433d;
  --future-primary-6: #37524a;
  --future-primary-7: #44635a;
  --future-primary-8: #52776d;
  --future-primary-9: #77b1a1;
  --future-primary-10: #6ca596;
  --future-primary-11: #8ec8b8;
  --future-primary-12: #c6e9de;
  --future-primary-a1: #01130410;
  --future-primary-a2: #9ef6be09;
  --future-primary-a3: #90ffd81a;
  --future-primary-a4: #86ffd827;
  --future-primary-a5: #9affe134;
  --future-primary-a6: #a0fcdf45;
  --future-primary-a7: #a8fde357;
  --future-primary-a8: #abfde66d;
  --future-primary-a9: #aaffe7ab;
  --future-primary-a10: #a5ffe79e;
  --future-primary-a11: #b4ffeac4;
  --future-primary-a12: #d9fef2e8;
  --future-primary-contrast: #fff;
  --future-primary-surface: #1a231f80;
  --future-primary-indicator: #77b1a1;
  --future-primary-track: #77b1a1;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --future-primary-1: oklch(18.3% .0065 175.2);
      --future-primary-2: oklch(21.6% .0089 175.2);
      --future-primary-3: oklch(27.3% .02 175.2);
      --future-primary-4: oklch(31.7% .0289 175.2);
      --future-primary-5: oklch(36.2% .0318 175.2);
      --future-primary-6: oklch(41.4% .0346 175.2);
      --future-primary-7: oklch(47.3% .0392 175.2);
      --future-primary-8: oklch(53.9% .0459 175.2);
      --future-primary-9: oklch(71.6% .065 175.2);
      --future-primary-10: oklch(67.9% .065 175.2);
      --future-primary-11: oklch(78.9% .065 175.2);
      --future-primary-12: oklch(90.5% .0382 175.2);
      --future-primary-a1: color(display-p3 .0039 .0745 .0118 / .059);
      --future-primary-a2: color(display-p3 .6471 1 .7686 / .034);
      --future-primary-a3: color(display-p3 .6471 1 .8471 / .102);
      --future-primary-a4: color(display-p3 .6471 .9961 .8667 / .149);
      --future-primary-a5: color(display-p3 .6941 .9961 .898 / .2);
      --future-primary-a6: color(display-p3 .7216 1 .898 / .263);
      --future-primary-a7: color(display-p3 .749 1 .9059 / .335);
      --future-primary-a8: color(display-p3 .749 1 .9176 / .42);
      --future-primary-a9: color(display-p3 .749 1 .9255 / .662);
      --future-primary-a10: color(display-p3 .7294 1 .9176 / .615);
      --future-primary-a11: color(display-p3 .7765 .9961 .9294 / .759);
      --future-primary-a12: color(display-p3 .8824 1 .9569 / .903);
      --future-primary-contrast: #fff;
      --future-primary-surface: color(display-p3 .1098 .1333 .1176 / .5);
      --future-primary-indicator: oklch(71.6% .065 175.2);
      --future-primary-track: oklch(71.6% .065 175.2);
    }
  }
}

[data-theme="future"] {
  --primary-1: var(--future-primary-1);
  --primary-2: var(--future-primary-2);
  --primary-3: var(--future-primary-3);
  --primary-4: var(--future-primary-4);
  --primary-5: var(--future-primary-5);
  --primary-6: var(--future-primary-6);
  --primary-7: var(--future-primary-7);
  --primary-8: var(--future-primary-8);
  --primary-9: var(--future-primary-9);
  --primary-10: var(--future-primary-10);
  --primary-11: var(--future-primary-11);
  --primary-12: var(--future-primary-12);
  --primary-a1: var(--future-primary-a1);
  --primary-a2: var(--future-primary-a2);
  --primary-a3: var(--future-primary-a3);
  --primary-a4: var(--future-primary-a4);
  --primary-a5: var(--future-primary-a5);
  --primary-a6: var(--future-primary-a6);
  --primary-a7: var(--future-primary-a7);
  --primary-a8: var(--future-primary-a8);
  --primary-a9: var(--future-primary-a9);
  --primary-a10: var(--future-primary-a10);
  --primary-a11: var(--future-primary-a11);
  --primary-a12: var(--future-primary-a12);
  --primary-contrast: var(--future-primary-contrast);
  --primary-surface: var(--future-primary-surface);
  --primary-indicator: var(--future-primary-indicator);
  --primary-track: var(--future-primary-track);
}

:root, .light, .light-theme {
  --hive-color-background: #f5f9ff;
}

.dark, .dark-theme, :is(.dark, .dark-theme) {
  --hive-color-background: #08090c;
}

[data-theme="hive"] {
  --color-background: var(--hive-color-background);
}

:root, .light, .light-theme {
  --hive-base-1: #f4f5f8;
  --hive-base-2: #eff2f7;
  --hive-base-3: #e5e8f1;
  --hive-base-4: #dbe0eb;
  --hive-base-5: #d2d8e7;
  --hive-base-6: #cad1e2;
  --hive-base-7: #bcc5db;
  --hive-base-8: #a7b2cd;
  --hive-base-9: #7a849d;
  --hive-base-10: #6f7992;
  --hive-base-11: #525b71;
  --hive-base-12: #1a1f2d;
  --hive-base-a1: #d1680007;
  --hive-base-a2: #361a0008;
  --hive-base-a3: #13093912;
  --hive-base-a4: #0916491c;
  --hive-base-a5: #04165a25;
  --hive-base-a6: #02175b2d;
  --hive-base-a7: #031d663c;
  --hive-base-a8: #031d6452;
  --hive-base-a9: #02123e81;
  --hive-base-a10: #0110398c;
  --hive-base-a11: #000c2aaa;
  --hive-base-a12: #000614e4;
  --hive-base-contrast: #fff;
  --hive-base-surface: #fffc;
  --hive-base-indicator: #7a849d;
  --hive-base-track: #7a849d;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --hive-base-1: oklch(97% .0041 268.1);
      --hive-base-2: oklch(96% .0081 268.1);
      --hive-base-3: oklch(93.2% .0123 268.1);
      --hive-base-4: oklch(90.6% .0165 268.1);
      --hive-base-5: oklch(88.3% .0207 268.1);
      --hive-base-6: oklch(85.9% .0251 268.1);
      --hive-base-7: oklch(82.4% .0317 268.1);
      --hive-base-8: oklch(76.3% .0403 268.1);
      --hive-base-9: oklch(61.4% .0403 268.1);
      --hive-base-10: oklch(57.8% .0403 268.1);
      --hive-base-11: oklch(47.3% .0377 268.1);
      --hive-base-12: oklch(24.1% .0269 268.1);
      --hive-base-a1: color(display-p3 .6392 .3255 .0196 / .024);
      --hive-base-a2: color(display-p3 .1569 .0314 .051 / .029);
      --hive-base-a3: color(display-p3 .0588 .0118 .2039 / .069);
      --hive-base-a4: color(display-p3 .0039 .0549 .2588 / .106);
      --hive-base-a5: color(display-p3 .0078 .0745 .3412 / .143);
      --hive-base-a6: color(display-p3 .0039 .0824 .3216 / .175);
      --hive-base-a7: color(display-p3 .0039 .0824 .3608 / .228);
      --hive-base-a8: color(display-p3 .0039 .0902 .3608 / .314);
      --hive-base-a9: color(display-p3 .0039 .0549 .2157 / .496);
      --hive-base-a10: color(display-p3 0 .051 .1961 / .541);
      --hive-base-a11: color(display-p3 0 .0353 .1451 / .659);
      --hive-base-a12: color(display-p3 0 .0196 .0706 / .891);
      --hive-base-contrast: #fff;
      --hive-base-surface: color(display-p3 1 1 1 / .8);
      --hive-base-indicator: oklch(61.4% .0403 268.1);
      --hive-base-track: oklch(61.4% .0403 268.1);
    }
  }
}

.dark, .dark-theme {
  --hive-base-1: #050913;
  --hive-base-2: #121723;
  --hive-base-3: #1a2133;
  --hive-base-4: #21293b;
  --hive-base-5: #283043;
  --hive-base-6: #30394d;
  --hive-base-7: #3e475b;
  --hive-base-8: #576076;
  --hive-base-9: #646e84;
  --hive-base-10: #717b91;
  --hive-base-11: #a9b4cc;
  --hive-base-12: #e9eefa;
  --hive-base-a1: #000aec08;
  --hive-base-a2: #6f98f719;
  --hive-base-a3: #789eff29;
  --hive-base-a4: #88adfc32;
  --hive-base-a5: #95b5fe3a;
  --hive-base-a6: #9cbafd45;
  --hive-base-a7: #aec8ff53;
  --hive-base-a8: #bcd0fd70;
  --hive-base-a9: #c3d5ff7e;
  --hive-base-a10: #c7d9ff8c;
  --hive-base-a11: #d3e1ffca;
  --hive-base-a12: #eef3fffa;
  --hive-base-contrast: #fff;
  --hive-base-surface: #0000000d;
  --hive-base-indicator: #646e84;
  --hive-base-track: #646e84;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --hive-base-1: oklch(14% .0243 265.9);
      --hive-base-2: oklch(20.7% .025 265.9);
      --hive-base-3: oklch(25% .035 265.9);
      --hive-base-4: oklch(28.1% .0364 265.9);
      --hive-base-5: oklch(31% .0364 265.9);
      --hive-base-6: oklch(34.5% .0364 265.9);
      --hive-base-7: oklch(39.8% .0364 265.9);
      --hive-base-8: oklch(49% .0364 265.9);
      --hive-base-9: oklch(53.7% .0364 265.9);
      --hive-base-10: oklch(58.3% .0364 265.9);
      --hive-base-11: oklch(76.8% .0364 265.9);
      --hive-base-12: oklch(94.9% .0172 265.9);
      --hive-base-a1: color(display-p3 0 .0353 .9922 / .025);
      --hive-base-a2: color(display-p3 .5059 .6392 .9961 / .091);
      --hive-base-a3: color(display-p3 .5098 .6353 1 / .157);
      --hive-base-a4: color(display-p3 .5922 .698 1 / .19);
      --hive-base-a5: color(display-p3 .6431 .7373 1 / .219);
      --hive-base-a6: color(display-p3 .6667 .7608 1 / .26);
      --hive-base-a7: color(display-p3 .7255 .8039 1 / .317);
      --hive-base-a8: color(display-p3 .7725 .8353 1 / .428);
      --hive-base-a9: color(display-p3 .7922 .851 1 / .486);
      --hive-base-a10: color(display-p3 .8078 .8667 .9961 / .54);
      --hive-base-a11: color(display-p3 .8471 .8941 1 / .782);
      --hive-base-a12: color(display-p3 .9412 .9569 1 / .976);
      --hive-base-contrast: #fff;
      --hive-base-surface: color(display-p3 0 0 0 / .05);
      --hive-base-indicator: oklch(53.7% .0364 265.9);
      --hive-base-track: oklch(53.7% .0364 265.9);
    }
  }
}

[data-theme="hive"] {
  --base-1: var(--hive-base-1);
  --base-2: var(--hive-base-2);
  --base-3: var(--hive-base-3);
  --base-4: var(--hive-base-4);
  --base-5: var(--hive-base-5);
  --base-6: var(--hive-base-6);
  --base-7: var(--hive-base-7);
  --base-8: var(--hive-base-8);
  --base-9: var(--hive-base-9);
  --base-10: var(--hive-base-10);
  --base-11: var(--hive-base-11);
  --base-12: var(--hive-base-12);
  --base-a1: var(--hive-base-a1);
  --base-a2: var(--hive-base-a2);
  --base-a3: var(--hive-base-a3);
  --base-a4: var(--hive-base-a4);
  --base-a5: var(--hive-base-a5);
  --base-a6: var(--hive-base-a6);
  --base-a7: var(--hive-base-a7);
  --base-a8: var(--hive-base-a8);
  --base-a9: var(--hive-base-a9);
  --base-a10: var(--hive-base-a10);
  --base-a11: var(--hive-base-a11);
  --base-a12: var(--hive-base-a12);
  --base-contrast: var(--hive-base-contrast);
  --base-surface: var(--hive-base-surface);
  --base-indicator: var(--hive-base-indicator);
  --base-track: var(--hive-base-track);
}

:root, .light, .light-theme {
  --hive-primary-1: #f5f6f2;
  --hive-primary-2: #f0f4e8;
  --hive-primary-3: #e3f2c2;
  --hive-primary-4: #d6eca1;
  --hive-primary-5: #c8e383;
  --hive-primary-6: #b8d56b;
  --hive-primary-7: #a5c350;
  --hive-primary-8: #8dae00;
  --hive-primary-9: #a1c328;
  --hive-primary-10: #96b811;
  --hive-primary-11: #5b7400;
  --hive-primary-12: #354111;
  --hive-primary-a1: #f5bf000d;
  --hive-primary-a2: #bec20017;
  --hive-primary-a3: #aadc003d;
  --hive-primary-a4: #a1d6005e;
  --hive-primary-a5: #99cc007c;
  --hive-primary-a6: #8cbb0094;
  --hive-primary-a7: #80ab00af;
  --hive-primary-a8: #8dae00;
  --hive-primary-a9: #92b900d7;
  --hive-primary-a10: #90b300ee;
  --hive-primary-a11: #5b7400;
  --hive-primary-a12: #283300ee;
  --hive-primary-contrast: #1e250e;
  --hive-primary-surface: #eff3e2cc;
  --hive-primary-indicator: #a1c328;
  --hive-primary-track: #a1c328;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --hive-primary-1: oklch(97.2% .0057 121.9);
      --hive-primary-2: oklch(96% .016 121.9);
      --hive-primary-3: oklch(93.8% .0654 121.9);
      --hive-primary-4: oklch(91% .1001 121.9);
      --hive-primary-5: oklch(87.5% .1248 121.9);
      --hive-primary-6: oklch(82.9% .1362 121.9);
      --hive-primary-7: oklch(77.1% .1451 121.9);
      --hive-primary-8: oklch(69.9% .1738 121.9);
      --hive-primary-9: oklch(76.6% .1738 121.9);
      --hive-primary-10: oklch(73.1% .1738 121.9);
      --hive-primary-11: oklch(51.9% .1487 121.9);
      --hive-primary-12: oklch(35.4% .072 121.9);
      --hive-primary-a1: color(display-p3 .8863 .7333 .0196 / .048);
      --hive-primary-a2: color(display-p3 .7294 .7412 .0039 / .083);
      --hive-primary-a3: color(display-p3 .6745 .851 .0039 / .217);
      --hive-primary-a4: color(display-p3 .6353 .8118 .0039 / .335);
      --hive-primary-a5: color(display-p3 .6 .7725 .0039 / .441);
      --hive-primary-a6: color(display-p3 .549 .698 0 / .524);
      --hive-primary-a7: color(display-p3 .4902 .6275 0 / .619);
      --hive-primary-a8: color(display-p3 .4824 .6 0 / .792);
      --hive-primary-a9: color(display-p3 .5373 .6784 0 / .717);
      --hive-primary-a10: color(display-p3 .5098 .6353 0 / .764);
      --hive-primary-a11: color(display-p3 .2902 .3765 0 / .875);
      --hive-primary-a12: color(display-p3 .1333 .1804 0 / .902);
      --hive-primary-contrast: #1e250e;
      --hive-primary-surface: color(display-p3 .9373 .9529 .8941 / .8);
      --hive-primary-indicator: oklch(76.6% .1738 121.9);
      --hive-primary-track: oklch(76.6% .1738 121.9);
    }
  }
}

.dark, .dark-theme {
  --hive-primary-1: #080a04;
  --hive-primary-2: #15180f;
  --hive-primary-3: #222814;
  --hive-primary-4: #2d3612;
  --hive-primary-5: #384416;
  --hive-primary-6: #44521a;
  --hive-primary-7: #51621d;
  --hive-primary-8: #60741f;
  --hive-primary-9: #a1c328;
  --hive-primary-10: #96b811;
  --hive-primary-11: #acce43;
  --hive-primary-12: #daeeab;
  --hive-primary-a1: #08890002;
  --hive-primary-a2: #d8f93c10;
  --hive-primary-a3: #d1f94a21;
  --hive-primary-a4: #d0fe2d2f;
  --hive-primary-a5: #cefc363e;
  --hive-primary-a6: #d1fe3b4c;
  --hive-primary-a7: #d1fd3a5d;
  --hive-primary-a8: #d2ff386f;
  --hive-primary-a9: #d2ff31c1;
  --hive-primary-a10: #cffe14b6;
  --hive-primary-a11: #d4fe51cd;
  --hive-primary-a12: #e9feb6ee;
  --hive-primary-contrast: #1e250e;
  --hive-primary-surface: #22271280;
  --hive-primary-indicator: #a1c328;
  --hive-primary-track: #a1c328;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --hive-primary-1: oklch(14% .0158 121.9);
      --hive-primary-2: oklch(20.3% .0173 121.9);
      --hive-primary-3: oklch(26.3% .0355 121.9);
      --hive-primary-4: oklch(31.6% .0587 121.9);
      --hive-primary-5: oklch(36.5% .0701 121.9);
      --hive-primary-6: oklch(41.5% .082 121.9);
      --hive-primary-7: oklch(46.7% .0951 121.9);
      --hive-primary-8: oklch(52.4% .1112 121.9);
      --hive-primary-9: oklch(76.6% .1738 121.9);
      --hive-primary-10: oklch(73.1% .1738 121.9);
      --hive-primary-11: oklch(80% .1658 121.9);
      --hive-primary-12: oklch(91.9% .0901 121.9);
      --hive-primary-a1: color(display-p3 .0353 .8196 0 / .005);
      --hive-primary-a2: color(display-p3 .9294 1 .3059 / .061);
      --hive-primary-a3: color(display-p3 .8667 .9961 .3569 / .127);
      --hive-primary-a4: color(display-p3 .8667 1 .2863 / .183);
      --hive-primary-a5: color(display-p3 .851 1 .3255 / .24);
      --hive-primary-a6: color(display-p3 .8627 1 .3529 / .297);
      --hive-primary-a7: color(display-p3 .8667 1 .3529 / .358);
      --hive-primary-a8: color(display-p3 .8667 1 .3569 / .431);
      --hive-primary-a9: color(display-p3 .8667 1 .3608 / .753);
      --hive-primary-a10: color(display-p3 .8588 .9961 .3098 / .708);
      --hive-primary-a11: color(display-p3 .8706 1 .4314 / .797);
      --hive-primary-a12: color(display-p3 .9333 1 .749 / .927);
      --hive-primary-contrast: #1e250e;
      --hive-primary-surface: color(display-p3 .1412 .149 .0784 / .5);
      --hive-primary-indicator: oklch(76.6% .1738 121.9);
      --hive-primary-track: oklch(76.6% .1738 121.9);
    }
  }
}

[data-theme="hive"] {
  --primary-1: var(--hive-primary-1);
  --primary-2: var(--hive-primary-2);
  --primary-3: var(--hive-primary-3);
  --primary-4: var(--hive-primary-4);
  --primary-5: var(--hive-primary-5);
  --primary-6: var(--hive-primary-6);
  --primary-7: var(--hive-primary-7);
  --primary-8: var(--hive-primary-8);
  --primary-9: var(--hive-primary-9);
  --primary-10: var(--hive-primary-10);
  --primary-11: var(--hive-primary-11);
  --primary-12: var(--hive-primary-12);
  --primary-a1: var(--hive-primary-a1);
  --primary-a2: var(--hive-primary-a2);
  --primary-a3: var(--hive-primary-a3);
  --primary-a4: var(--hive-primary-a4);
  --primary-a5: var(--hive-primary-a5);
  --primary-a6: var(--hive-primary-a6);
  --primary-a7: var(--hive-primary-a7);
  --primary-a8: var(--hive-primary-a8);
  --primary-a9: var(--hive-primary-a9);
  --primary-a10: var(--hive-primary-a10);
  --primary-a11: var(--hive-primary-a11);
  --primary-a12: var(--hive-primary-a12);
  --primary-contrast: var(--hive-primary-contrast);
  --primary-surface: var(--hive-primary-surface);
  --primary-indicator: var(--hive-primary-indicator);
  --primary-track: var(--hive-primary-track);
}

:root, .light, .light-theme {
  --transform-color-background: #fcfcfc;
}

.dark, .dark-theme, :is(.dark, .dark-theme) {
  --transform-color-background: #181616;
}

[data-theme="transform"] {
  --color-background: var(--transform-color-background);
}

:root, .light, .light-theme {
  --transform-base-1: #fff6f8;
  --transform-base-2: #fbf3f5;
  --transform-base-3: #f2e9eb;
  --transform-base-4: #eae1e3;
  --transform-base-5: #e2dadc;
  --transform-base-6: #dad2d4;
  --transform-base-7: #cfc7c9;
  --transform-base-8: #bcb4b6;
  --transform-base-9: #8e8688;
  --transform-base-10: #847c7e;
  --transform-base-11: #655e60;
  --transform-base-12: #231f20;
  --transform-base-a1: #fff6f8;
  --transform-base-a2: #e3174a0a;
  --transform-base-a3: #7d0a2414;
  --transform-base-a4: #5907191c;
  --transform-base-a5: #3f051323;
  --transform-base-a6: #32020e2b;
  --transform-base-a7: #28020b36;
  --transform-base-a8: #1d010849;
  --transform-base-a9: #13020678;
  --transform-base-a10: #10000482;
  --transform-base-a11: #0b0003a0;
  --transform-base-a12: #050001e0;
  --transform-base-contrast: #fff;
  --transform-base-surface: #fffc;
  --transform-base-indicator: #8e8688;
  --transform-base-track: #8e8688;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --transform-base-1: oklch(98.1% .0096 .5935);
      --transform-base-2: oklch(97.1% .0096 .5935);
      --transform-base-3: oklch(94.2% .0096 .5935);
      --transform-base-4: oklch(91.8% .0096 .5935);
      --transform-base-5: oklch(89.5% .0096 .5935);
      --transform-base-6: oklch(87.1% .009 .5935);
      --transform-base-7: oklch(83.7% .0096 .5935);
      --transform-base-8: oklch(77.7% .0096 .5935);
      --transform-base-9: oklch(62.9% .0096 .5935);
      --transform-base-10: oklch(59.4% .0096 .5935);
      --transform-base-11: oklch(48.9% .0096 .5935);
      --transform-base-12: oklch(24.3% .0064 .5935);
      --transform-base-a1: color(display-p3 1 .9216 .9451 / .334);
      --transform-base-a2: color(display-p3 .7725 .0118 .2275 / .036);
      --transform-base-a3: color(display-p3 .3725 .0078 .1137 / .076);
      --transform-base-a4: color(display-p3 .2627 .0118 .0824 / .108);
      --transform-base-a5: color(display-p3 .2078 .0039 .0588 / .135);
      --transform-base-a6: color(display-p3 .1686 .0039 .051 / .167);
      --transform-base-a7: color(display-p3 .1333 .0039 .0431 / .211);
      --transform-base-a8: color(display-p3 .098 .0039 .0314 / .286);
      --transform-base-a9: color(display-p3 .0588 .0039 .0196 / .469);
      --transform-base-a10: color(display-p3 .0549 0 .0157 / .508);
      --transform-base-a11: color(display-p3 .0392 0 .0118 / .627);
      --transform-base-a12: color(display-p3 .0118 0 .0039 / .877);
      --transform-base-contrast: #fff;
      --transform-base-surface: color(display-p3 1 1 1 / .8);
      --transform-base-indicator: oklch(62.9% .0096 .5935);
      --transform-base-track: oklch(62.9% .0096 .5935);
    }
  }
}

.dark, .dark-theme {
  --transform-base-1: #181616;
  --transform-base-2: #1f1d1d;
  --transform-base-3: #292526;
  --transform-base-4: #2f2a2c;
  --transform-base-5: #373032;
  --transform-base-6: #3f393b;
  --transform-base-7: #4d4748;
  --transform-base-8: #655e60;
  --transform-base-9: #736c6e;
  --transform-base-10: #81797b;
  --transform-base-11: #bab2b4;
  --transform-base-12: #f1edee;
  --transform-base-a1: #0000;
  --transform-base-a2: #f8f6f608;
  --transform-base-a3: #fde0ed13;
  --transform-base-a4: #fadbee1a;
  --transform-base-a5: #fad4e223;
  --transform-base-a6: #fbe1ed2c;
  --transform-base-a7: #feeaef3b;
  --transform-base-a8: #ffeef455;
  --transform-base-a9: #fef0f565;
  --transform-base-a10: #fff0f574;
  --transform-base-a11: #fff4f7b3;
  --transform-base-a12: #fffbfcf0;
  --transform-base-contrast: #fff;
  --transform-base-surface: #0000000d;
  --transform-base-indicator: #736c6e;
  --transform-base-track: #736c6e;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --transform-base-1: oklch(20.3% .0045 .5935);
      --transform-base-2: oklch(23.2% .0044 .5935);
      --transform-base-3: oklch(26.8% .0064 .5935);
      --transform-base-4: oklch(29.2% .0073 .5935);
      --transform-base-5: oklch(31.8% .0091 .5935);
      --transform-base-6: oklch(35.2% .0096 .5935);
      --transform-base-7: oklch(40.3% .0096 .5935);
      --transform-base-8: oklch(48.8% .0096 .5935);
      --transform-base-9: oklch(53.8% .0096 .5935);
      --transform-base-10: oklch(58.4% .0096 .5935);
      --transform-base-11: oklch(77% .0096 .5935);
      --transform-base-12: oklch(94.9% .0053 .5935);
      --transform-base-a1: color(display-p3 0 0 0 / 0);
      --transform-base-a2: color(display-p3 .9804 .9725 .9725 / .031);
      --transform-base-a3: color(display-p3 .9922 .9294 .9843 / .07);
      --transform-base-a4: color(display-p3 .9961 .9059 .9882 / .096);
      --transform-base-a5: color(display-p3 1 .8706 .9333 / .13);
      --transform-base-a6: color(display-p3 1 .9216 .9686 / .165);
      --transform-base-a7: color(display-p3 .9961 .9373 .9569 / .226);
      --transform-base-a8: color(display-p3 1 .9412 .9647 / .33);
      --transform-base-a9: color(display-p3 1 .9529 .9725 / .39);
      --transform-base-a10: color(display-p3 1 .949 .9647 / .451);
      --transform-base-a11: color(display-p3 1 .9647 .9725 / .697);
      --transform-base-a12: color(display-p3 .9961 .9882 .9922 / .936);
      --transform-base-contrast: #fff;
      --transform-base-surface: color(display-p3 0 0 0 / .05);
      --transform-base-indicator: oklch(53.8% .0096 .5935);
      --transform-base-track: oklch(53.8% .0096 .5935);
    }
  }
}

[data-theme="transform"] {
  --base-1: var(--transform-base-1);
  --base-2: var(--transform-base-2);
  --base-3: var(--transform-base-3);
  --base-4: var(--transform-base-4);
  --base-5: var(--transform-base-5);
  --base-6: var(--transform-base-6);
  --base-7: var(--transform-base-7);
  --base-8: var(--transform-base-8);
  --base-9: var(--transform-base-9);
  --base-10: var(--transform-base-10);
  --base-11: var(--transform-base-11);
  --base-12: var(--transform-base-12);
  --base-a1: var(--transform-base-a1);
  --base-a2: var(--transform-base-a2);
  --base-a3: var(--transform-base-a3);
  --base-a4: var(--transform-base-a4);
  --base-a5: var(--transform-base-a5);
  --base-a6: var(--transform-base-a6);
  --base-a7: var(--transform-base-a7);
  --base-a8: var(--transform-base-a8);
  --base-a9: var(--transform-base-a9);
  --base-a10: var(--transform-base-a10);
  --base-a11: var(--transform-base-a11);
  --base-a12: var(--transform-base-a12);
  --base-contrast: var(--transform-base-contrast);
  --base-surface: var(--transform-base-surface);
  --base-indicator: var(--transform-base-indicator);
  --base-track: var(--transform-base-track);
}

:root, .light, .light-theme {
  --transform-primary-1: #f7fafd;
  --transform-primary-2: #f0f6fe;
  --transform-primary-3: #e3efff;
  --transform-primary-4: #d4e7ff;
  --transform-primary-5: #c2ddff;
  --transform-primary-6: #aecfff;
  --transform-primary-7: #93bcff;
  --transform-primary-8: #6ca2ff;
  --transform-primary-9: #22437e;
  --transform-primary-10: #325491;
  --transform-primary-11: #3567c1;
  --transform-primary-12: #14346d;
  --transform-primary-a1: #edf6ff55;
  --transform-primary-a2: #eaf3ffaa;
  --transform-primary-a3: #e3efff;
  --transform-primary-a4: #d4e7ff;
  --transform-primary-a5: #c2ddff;
  --transform-primary-a6: #aecfff;
  --transform-primary-a7: #93bcff;
  --transform-primary-a8: #6ca2ff;
  --transform-primary-a9: #00266add;
  --transform-primary-a10: #012c77cd;
  --transform-primary-a11: #0140b2ca;
  --transform-primary-a12: #002361eb;
  --transform-primary-contrast: #fff;
  --transform-primary-surface: #eef5ffcc;
  --transform-primary-indicator: #22437e;
  --transform-primary-track: #22437e;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --transform-primary-1: oklch(98.4% .0056 261);
      --transform-primary-2: oklch(97% .0132 261);
      --transform-primary-3: oklch(94.9% .0297 261);
      --transform-primary-4: oklch(92.5% .0498 261);
      --transform-primary-5: oklch(89.2% .0686 261);
      --transform-primary-6: oklch(84.9% .0868 261);
      --transform-primary-7: oklch(79.4% .1107 261);
      --transform-primary-8: oklch(71.8% .1507 261);
      --transform-primary-9: oklch(39.1% .1072 261);
      --transform-primary-10: oklch(45.3% .1072 261);
      --transform-primary-11: oklch(52.9% .1507 261);
      --transform-primary-12: oklch(33.6% .1072 261);
      --transform-primary-a1: color(display-p3 .9451 .9686 1 / .334);
      --transform-primary-a2: color(display-p3 .8627 .9216 1 / .334);
      --transform-primary-a3: color(display-p3 .7216 .8392 1 / .334);
      --transform-primary-a4: color(display-p3 .5686 .7333 1 / .334);
      --transform-primary-a5: color(display-p3 .0039 .3961 .9882 / .211);
      --transform-primary-a6: color(display-p3 .0039 .3608 .9765 / .286);
      --transform-primary-a7: color(display-p3 .0039 .3294 .9686 / .385);
      --transform-primary-a8: color(display-p3 0 .3098 .9608 / .524);
      --transform-primary-a9: color(display-p3 0 .1137 .3765 / .834);
      --transform-primary-a10: color(display-p3 0 .1294 .4235 / .77);
      --transform-primary-a11: color(display-p3 0 .1961 .6431 / .743);
      --transform-primary-a12: color(display-p3 0 .102 .3412 / .889);
      --transform-primary-contrast: #fff;
      --transform-primary-surface: color(display-p3 .9373 .9569 .9961 / .8);
      --transform-primary-indicator: oklch(39.1% .1072 261);
      --transform-primary-track: oklch(39.1% .1072 261);
    }
  }
}

.dark, .dark-theme {
  --transform-primary-1: #101722;
  --transform-primary-2: #121a27;
  --transform-primary-3: #142748;
  --transform-primary-4: #163160;
  --transform-primary-5: #1d3c72;
  --transform-primary-6: #264783;
  --transform-primary-7: #2f5496;
  --transform-primary-8: #3763b1;
  --transform-primary-9: #3a70d2;
  --transform-primary-10: #3965b3;
  --transform-primary-11: #8ab6ff;
  --transform-primary-12: #d2e2fe;
  --transform-primary-a1: #0029f10e;
  --transform-primary-a2: #004cfb13;
  --transform-primary-a3: #0665fe37;
  --transform-primary-a4: #126bff51;
  --transform-primary-a5: #2576ff65;
  --transform-primary-a6: #367efd78;
  --transform-primary-a7: #4286fe8d;
  --transform-primary-a8: #478affaa;
  --transform-primary-a9: #4286ffce;
  --transform-primary-a10: #498cffac;
  --transform-primary-a11: #8ab6ff;
  --transform-primary-a12: #d3e3fffe;
  --transform-primary-contrast: #fff;
  --transform-primary-surface: #0d1e3880;
  --transform-primary-indicator: #3a70d2;
  --transform-primary-track: #3a70d2;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --transform-primary-1: oklch(20.3% .024 261);
      --transform-primary-2: oklch(21.6% .0291 261);
      --transform-primary-3: oklch(27.5% .0667 261);
      --transform-primary-4: oklch(32% .0911 261);
      --transform-primary-5: oklch(36.3% .1016 261);
      --transform-primary-6: oklch(40.6% .1072 261);
      --transform-primary-7: oklch(45.5% .1165 261);
      --transform-primary-8: oklch(50.9% .1332 261);
      --transform-primary-9: oklch(56.1% .1608 261);
      --transform-primary-10: oklch(51.6% .1332 261);
      --transform-primary-11: oklch(77.6% .1202 261);
      --transform-primary-12: oklch(91% .042 261);
      --transform-primary-a1: color(display-p3 0 .1686 .9882 / .048);
      --transform-primary-a2: color(display-p3 0 .3137 .9961 / .069);
      --transform-primary-a3: color(display-p3 .0941 .4118 .9961 / .207);
      --transform-primary-a4: color(display-p3 .1569 .4235 1 / .305);
      --transform-primary-a5: color(display-p3 .2314 .4706 1 / .378);
      --transform-primary-a6: color(display-p3 .2863 .5059 1 / .451);
      --transform-primary-a7: color(display-p3 .3333 .5412 1 / .528);
      --transform-primary-a8: color(display-p3 .3412 .549 1 / .644);
      --transform-primary-a9: color(display-p3 .3333 .5373 1 / .777);
      --transform-primary-a10: color(display-p3 .3569 .5569 1 / .649);
      --transform-primary-a11: color(display-p3 .5882 .7255 .9961 / .975);
      --transform-primary-a12: color(display-p3 .851 .898 1 / .983);
      --transform-primary-contrast: #fff;
      --transform-primary-surface: color(display-p3 .0627 .1176 .2118 / .5);
      --transform-primary-indicator: oklch(56.1% .1608 261);
      --transform-primary-track: oklch(56.1% .1608 261);
    }
  }
}

[data-theme="transform"] {
  --primary-1: var(--transform-primary-1);
  --primary-2: var(--transform-primary-2);
  --primary-3: var(--transform-primary-3);
  --primary-4: var(--transform-primary-4);
  --primary-5: var(--transform-primary-5);
  --primary-6: var(--transform-primary-6);
  --primary-7: var(--transform-primary-7);
  --primary-8: var(--transform-primary-8);
  --primary-9: var(--transform-primary-9);
  --primary-10: var(--transform-primary-10);
  --primary-11: var(--transform-primary-11);
  --primary-12: var(--transform-primary-12);
  --primary-a1: var(--transform-primary-a1);
  --primary-a2: var(--transform-primary-a2);
  --primary-a3: var(--transform-primary-a3);
  --primary-a4: var(--transform-primary-a4);
  --primary-a5: var(--transform-primary-a5);
  --primary-a6: var(--transform-primary-a6);
  --primary-a7: var(--transform-primary-a7);
  --primary-a8: var(--transform-primary-a8);
  --primary-a9: var(--transform-primary-a9);
  --primary-a10: var(--transform-primary-a10);
  --primary-a11: var(--transform-primary-a11);
  --primary-a12: var(--transform-primary-a12);
  --primary-contrast: var(--transform-primary-contrast);
  --primary-surface: var(--transform-primary-surface);
  --primary-indicator: var(--transform-primary-indicator);
  --primary-track: var(--transform-primary-track);
}

:root, .light, .light-theme {
  --copper-color-background: #fff;
}

.dark, .dark-theme, :is(.dark, .dark-theme) {
  --copper-color-background: #0a0a0a;
}

[data-theme="copper"] {
  --color-background: var(--copper-color-background);
}

:root, .light, .light-theme {
  --copper-base-1: #fcfcfc;
  --copper-base-2: #f9f9f9;
  --copper-base-3: #f0f0f0;
  --copper-base-4: #e8e8e8;
  --copper-base-5: #e1e1e1;
  --copper-base-6: #d9d9d9;
  --copper-base-7: #cecece;
  --copper-base-8: #bbb;
  --copper-base-9: #8d8d8d;
  --copper-base-10: #838383;
  --copper-base-11: #646464;
  --copper-base-12: #202020;
  --copper-base-a1: #00000003;
  --copper-base-a2: #00000006;
  --copper-base-a3: #0000000f;
  --copper-base-a4: #00000017;
  --copper-base-a5: #0000001e;
  --copper-base-a6: #00000026;
  --copper-base-a7: #00000031;
  --copper-base-a8: #0004;
  --copper-base-a9: #00000072;
  --copper-base-a10: #0000007c;
  --copper-base-a11: #0000009b;
  --copper-base-a12: #000000df;
  --copper-base-contrast: #fff;
  --copper-base-surface: #fffc;
  --copper-base-indicator: #8d8d8d;
  --copper-base-track: #8d8d8d;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --copper-base-1: oklch(99.1% 0 none);
      --copper-base-2: oklch(98.1% 0 none);
      --copper-base-3: oklch(95.4% 0 none);
      --copper-base-4: oklch(93% 0 none);
      --copper-base-5: oklch(90.8% 0 none);
      --copper-base-6: oklch(88.5% 0 none);
      --copper-base-7: oklch(85.1% 0 none);
      --copper-base-8: oklch(79.2% 0 none);
      --copper-base-9: oklch(64.4% 0 none);
      --copper-base-10: oklch(60.9% 0 none);
      --copper-base-11: oklch(50.3% 0 none);
      --copper-base-12: oklch(24.3% 0 none);
      --copper-base-a1: color(display-p3 0 0 0 / .0118);
      --copper-base-a2: color(display-p3 0 0 0 / .0235);
      --copper-base-a3: color(display-p3 0 0 0 / .0588);
      --copper-base-a4: color(display-p3 0 0 0 / .0902);
      --copper-base-a5: color(display-p3 0 0 0 / .1176);
      --copper-base-a6: color(display-p3 0 0 0 / .149);
      --copper-base-a7: color(display-p3 0 0 0 / .1922);
      --copper-base-a8: color(display-p3 0 0 0 / .2667);
      --copper-base-a9: color(display-p3 0 0 0 / .4471);
      --copper-base-a10: color(display-p3 0 0 0 / .4863);
      --copper-base-a11: color(display-p3 0 0 0 / .6078);
      --copper-base-a12: color(display-p3 0 0 0 / .8745);
      --copper-base-contrast: #fff;
      --copper-base-surface: color(display-p3 1 1 1 / .8);
      --copper-base-indicator: oklch(64.4% 0 none);
      --copper-base-track: oklch(64.4% 0 none);
    }
  }
}

.dark, .dark-theme {
  --copper-base-1: #0a0a0a;
  --copper-base-2: #181818;
  --copper-base-3: #222;
  --copper-base-4: #292929;
  --copper-base-5: #313131;
  --copper-base-6: #3a3a3a;
  --copper-base-7: #484848;
  --copper-base-8: #616161;
  --copper-base-9: #6f6f6f;
  --copper-base-10: #7c7c7c;
  --copper-base-11: #b4b4b4;
  --copper-base-12: #eee;
  --copper-base-a1: #0000;
  --copper-base-a2: #ffffff0f;
  --copper-base-a3: #ffffff19;
  --copper-base-a4: #ffffff20;
  --copper-base-a5: #ffffff29;
  --copper-base-a6: #ffffff32;
  --copper-base-a7: #ffffff41;
  --copper-base-a8: #ffffff5b;
  --copper-base-a9: #ffffff69;
  --copper-base-a10: #fff7;
  --copper-base-a11: #ffffffb1;
  --copper-base-a12: #ffffffed;
  --copper-base-contrast: #fff;
  --copper-base-surface: #0000000d;
  --copper-base-indicator: #6f6f6f;
  --copper-base-track: #6f6f6f;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --copper-base-1: oklch(14.5% 0 none);
      --copper-base-2: oklch(20.9% 0 none);
      --copper-base-3: oklch(25.2% 0 none);
      --copper-base-4: oklch(28.3% 0 none);
      --copper-base-5: oklch(31.3% 0 none);
      --copper-base-6: oklch(35% 0 none);
      --copper-base-7: oklch(40.1% 0 none);
      --copper-base-8: oklch(49.2% 0 none);
      --copper-base-9: oklch(54% 0 none);
      --copper-base-10: oklch(58.6% 0 none);
      --copper-base-11: oklch(77% 0 none);
      --copper-base-12: oklch(94.9% 0 none);
      --copper-base-a1: color(display-p3 0 0 0 / 0);
      --copper-base-a2: color(display-p3 1 1 1 / .0571);
      --copper-base-a3: color(display-p3 1 1 1 / .098);
      --copper-base-a4: color(display-p3 1 1 1 / .1265);
      --copper-base-a5: color(display-p3 1 1 1 / .1592);
      --copper-base-a6: color(display-p3 1 1 1 / .1959);
      --copper-base-a7: color(display-p3 1 1 1 / .2531);
      --copper-base-a8: color(display-p3 1 1 1 / .3551);
      --copper-base-a9: color(display-p3 1 1 1 / .4122);
      --copper-base-a10: color(display-p3 1 1 1 / .4653);
      --copper-base-a11: color(display-p3 1 1 1 / .6939);
      --copper-base-a12: color(display-p3 1 1 1 / .9306);
      --copper-base-contrast: #fff;
      --copper-base-surface: color(display-p3 0 0 0 / .05);
      --copper-base-indicator: oklch(54% 0 none);
      --copper-base-track: oklch(54% 0 none);
    }
  }
}

[data-theme="copper"] {
  --base-1: var(--copper-base-1);
  --base-2: var(--copper-base-2);
  --base-3: var(--copper-base-3);
  --base-4: var(--copper-base-4);
  --base-5: var(--copper-base-5);
  --base-6: var(--copper-base-6);
  --base-7: var(--copper-base-7);
  --base-8: var(--copper-base-8);
  --base-9: var(--copper-base-9);
  --base-10: var(--copper-base-10);
  --base-11: var(--copper-base-11);
  --base-12: var(--copper-base-12);
  --base-a1: var(--copper-base-a1);
  --base-a2: var(--copper-base-a2);
  --base-a3: var(--copper-base-a3);
  --base-a4: var(--copper-base-a4);
  --base-a5: var(--copper-base-a5);
  --base-a6: var(--copper-base-a6);
  --base-a7: var(--copper-base-a7);
  --base-a8: var(--copper-base-a8);
  --base-a9: var(--copper-base-a9);
  --base-a10: var(--copper-base-a10);
  --base-a11: var(--copper-base-a11);
  --base-a12: var(--copper-base-a12);
  --base-contrast: var(--copper-base-contrast);
  --base-surface: var(--copper-base-surface);
  --base-indicator: var(--copper-base-indicator);
  --base-track: var(--copper-base-track);
}

:root, .light, .light-theme {
  --copper-primary-1: #fefcfb;
  --copper-primary-2: #fff6ef;
  --copper-primary-3: #ffebd9;
  --copper-primary-4: #ffdec5;
  --copper-primary-5: #ffd2b1;
  --copper-primary-6: #ffc197;
  --copper-primary-7: #fbb084;
  --copper-primary-8: #ed9764;
  --copper-primary-9: #b8580a;
  --copper-primary-10: #a94a00;
  --copper-primary-11: #bb5b11;
  --copper-primary-12: #513321;
  --copper-primary-a1: #c0400004;
  --copper-primary-a2: #ff700010;
  --copper-primary-a3: #ff790026;
  --copper-primary-a4: #ff6e003a;
  --copper-primary-a5: #ff6c004e;
  --copper-primary-a6: #ff670068;
  --copper-primary-a7: #f75c017b;
  --copper-primary-a8: #e254009b;
  --copper-primary-a9: #b55100f5;
  --copper-primary-a10: #a94a00;
  --copper-primary-a11: #b64f00ee;
  --copper-primary-a12: #371500de;
  --copper-primary-contrast: #fff;
  --copper-primary-surface: #fff4ebcc;
  --copper-primary-indicator: #b8580a;
  --copper-primary-track: #b8580a;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --copper-primary-1: oklch(99.3% .0023 50.58);
      --copper-primary-2: oklch(98.3% .0182 50.58);
      --copper-primary-3: oklch(96.4% .05 50.58);
      --copper-primary-4: oklch(93.5% .0849 50.58);
      --copper-primary-5: oklch(90.7% .1091 50.58);
      --copper-primary-6: oklch(87.1% .1049 50.58);
      --copper-primary-7: oklch(81.8% .1055 50.58);
      --copper-primary-8: oklch(75.3% .1236 50.58);
      --copper-primary-9: oklch(56.9% .1457 50.58);
      --copper-primary-10: oklch(52.4% .1457 50.58);
      --copper-primary-11: oklch(57.9% .1457 50.58);
      --copper-primary-12: oklch(35.1% .0519 50.58);
      --copper-primary-a1: color(display-p3 .7569 .2667 .0235 / .016);
      --copper-primary-a2: color(display-p3 .8706 .4039 .0039 / .059);
      --copper-primary-a3: color(display-p3 .9176 .4784 .0078 / .142);
      --copper-primary-a4: color(display-p3 .9098 .4196 .0039 / .216);
      --copper-primary-a5: color(display-p3 .9059 .4235 .0039 / .291);
      --copper-primary-a6: color(display-p3 .898 .3882 .0039 / .385);
      --copper-primary-a7: color(display-p3 .8745 .3451 .0039 / .455);
      --copper-primary-a8: color(display-p3 .7961 .3176 0 / .573);
      --copper-primary-a9: color(display-p3 .6196 .2588 0 / .859);
      --copper-primary-a10: color(display-p3 .5686 .2275 0 / .891);
      --copper-primary-a11: color(display-p3 .6275 .2588 0 / .844);
      --copper-primary-a12: color(display-p3 .1882 .0745 0 / .859);
      --copper-primary-contrast: #fff;
      --copper-primary-surface: color(display-p3 1 .9608 .9294 / .8);
      --copper-primary-indicator: oklch(56.9% .1457 50.58);
      --copper-primary-track: oklch(56.9% .1457 50.58);
    }
  }
}

.dark, .dark-theme {
  --copper-primary-1: #0f0805;
  --copper-primary-2: #1f130c;
  --copper-primary-3: #371906;
  --copper-primary-4: #501600;
  --copper-primary-5: #5f1f00;
  --copper-primary-6: #6f2e00;
  --copper-primary-7: #883e00;
  --copper-primary-8: #ae4f00;
  --copper-primary-9: #b8580a;
  --copper-primary-10: #a94a00;
  --copper-primary-11: #ff9f61;
  --copper-primary-12: #ffdabf;
  --copper-primary-a1: #df000006;
  --copper-primary-a2: #fe732216;
  --copper-primary-a3: #ff5c002f;
  --copper-primary-a4: #ff340049;
  --copper-primary-a5: #fd460059;
  --copper-primary-a6: #fd61006a;
  --copper-primary-a7: #fe6f0084;
  --copper-primary-a8: #ff7100ab;
  --copper-primary-a9: #fe770ab6;
  --copper-primary-a10: #ff6d00a6;
  --copper-primary-a11: #ff9f61;
  --copper-primary-a12: #ffdabf;
  --copper-primary-contrast: #fff;
  --copper-primary-surface: #341c0e80;
  --copper-primary-indicator: #b8580a;
  --copper-primary-track: #b8580a;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --copper-primary-1: oklch(14.5% .0148 50.58);
      --copper-primary-2: oklch(20.2% .0238 50.58);
      --copper-primary-3: oklch(25.4% .0566 50.58);
      --copper-primary-4: oklch(29.1% .0994 50.58);
      --copper-primary-5: oklch(33.3% .1084 50.58);
      --copper-primary-6: oklch(38.6% .1089 50.58);
      --copper-primary-7: oklch(45.3% .1187 50.58);
      --copper-primary-8: oklch(54% .1457 50.58);
      --copper-primary-9: oklch(56.9% .1457 50.58);
      --copper-primary-10: oklch(52.4% .1457 50.58);
      --copper-primary-11: oklch(79.9% .1457 50.58);
      --copper-primary-12: oklch(92.4% .065 50.58);
      --copper-primary-a1: color(display-p3 .9647 0 0 / .017);
      --copper-primary-a2: color(display-p3 .9961 .4941 .1922 / .078);
      --copper-primary-a3: color(display-p3 1 .4392 .0392 / .168);
      --copper-primary-a4: color(display-p3 1 .2863 0 / .258);
      --copper-primary-a5: color(display-p3 1 .349 .0392 / .319);
      --copper-primary-a6: color(display-p3 1 .4549 .0941 / .38);
      --copper-primary-a7: color(display-p3 1 .502 .1333 / .478);
      --copper-primary-a8: color(display-p3 1 .5059 .1647 / .621);
      --copper-primary-a9: color(display-p3 1 .5333 .1961 / .662);
      --copper-primary-a10: color(display-p3 1 .498 .1569 / .6);
      --copper-primary-a11: color(display-p3 1 .6706 .4431 / .947);
      --copper-primary-a12: color(display-p3 1 .8784 .7804 / .976);
      --copper-primary-contrast: #fff;
      --copper-primary-surface: color(display-p3 .1961 .1176 .0706 / .5);
      --copper-primary-indicator: oklch(56.9% .1457 50.58);
      --copper-primary-track: oklch(56.9% .1457 50.58);
    }
  }
}

[data-theme="copper"] {
  --primary-1: var(--copper-primary-1);
  --primary-2: var(--copper-primary-2);
  --primary-3: var(--copper-primary-3);
  --primary-4: var(--copper-primary-4);
  --primary-5: var(--copper-primary-5);
  --primary-6: var(--copper-primary-6);
  --primary-7: var(--copper-primary-7);
  --primary-8: var(--copper-primary-8);
  --primary-9: var(--copper-primary-9);
  --primary-10: var(--copper-primary-10);
  --primary-11: var(--copper-primary-11);
  --primary-12: var(--copper-primary-12);
  --primary-a1: var(--copper-primary-a1);
  --primary-a2: var(--copper-primary-a2);
  --primary-a3: var(--copper-primary-a3);
  --primary-a4: var(--copper-primary-a4);
  --primary-a5: var(--copper-primary-a5);
  --primary-a6: var(--copper-primary-a6);
  --primary-a7: var(--copper-primary-a7);
  --primary-a8: var(--copper-primary-a8);
  --primary-a9: var(--copper-primary-a9);
  --primary-a10: var(--copper-primary-a10);
  --primary-a11: var(--copper-primary-a11);
  --primary-a12: var(--copper-primary-a12);
  --primary-contrast: var(--copper-primary-contrast);
  --primary-surface: var(--copper-primary-surface);
  --primary-indicator: var(--copper-primary-indicator);
  --primary-track: var(--copper-primary-track);
}

:root, .light, .light-theme {
  --slate-color-background: #fbfbfb;
}

.dark, .dark-theme, :is(.dark, .dark-theme) {
  --slate-color-background: #14161d;
}

[data-theme="slate"] {
  --color-background: var(--slate-color-background);
}

:root, .light, .light-theme {
  --slate-base-1: #f7f8fa;
  --slate-base-2: #f4f4f9;
  --slate-base-3: #eaebf2;
  --slate-base-4: #e1e2eb;
  --slate-base-5: #d9dbe6;
  --slate-base-6: #d1d3e1;
  --slate-base-7: #c5c8d8;
  --slate-base-8: #b2b4c9;
  --slate-base-9: #84869a;
  --slate-base-10: #797c8f;
  --slate-base-11: #5b5d6f;
  --slate-base-12: #1e1f29;
  --slate-base-a1: #3063c905;
  --slate-base-a2: #1c1cbc08;
  --slate-base-a3: #0b197c12;
  --slate-base-a4: #060f641b;
  --slate-base-a5: #03126223;
  --slate-base-a6: #020e612b;
  --slate-base-a7: #010f5937;
  --slate-base-a8: #030a524b;
  --slate-base-a9: #01052f79;
  --slate-base-a10: #02082c85;
  --slate-base-a11: #000320a3;
  --slate-base-a12: #00010de1;
  --slate-base-contrast: #fff;
  --slate-base-surface: #fffc;
  --slate-base-indicator: #84869a;
  --slate-base-track: #84869a;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --slate-base-1: oklch(97.8% .003 280.2);
      --slate-base-2: oklch(96.9% .006 280.2);
      --slate-base-3: oklch(94.1% .0091 280.2);
      --slate-base-4: oklch(91.6% .0122 280.2);
      --slate-base-5: oklch(89.3% .0155 280.2);
      --slate-base-6: oklch(87% .0186 280.2);
      --slate-base-7: oklch(83.5% .0235 280.2);
      --slate-base-8: oklch(77.5% .0295 280.2);
      --slate-base-9: oklch(62.6% .0295 280.2);
      --slate-base-10: oklch(59% .0295 280.2);
      --slate-base-11: oklch(48.4% .0277 280.2);
      --slate-base-12: oklch(24.1% .0196 280.2);
      --slate-base-a1: color(display-p3 .0039 .251 .7412 / .016);
      --slate-base-a2: color(display-p3 .0078 .0078 .7059 / .028);
      --slate-base-a3: color(display-p3 .0078 .0627 .4078 / .068);
      --slate-base-a4: color(display-p3 .0039 .0431 .3451 / .104);
      --slate-base-a5: color(display-p3 .0039 .0627 .3529 / .136);
      --slate-base-a6: color(display-p3 .0078 .051 .3569 / .168);
      --slate-base-a7: color(display-p3 .0039 .0431 .3216 / .212);
      --slate-base-a8: color(display-p3 .0039 .0314 .2863 / .291);
      --slate-base-a9: color(display-p3 .0039 .0196 .1686 / .475);
      --slate-base-a10: color(display-p3 0 .0157 .1451 / .514);
      --slate-base-a11: color(display-p3 0 .0118 .1176 / .638);
      --slate-base-a12: color(display-p3 0 .0039 .0431 / .881);
      --slate-base-contrast: #fff;
      --slate-base-surface: color(display-p3 1 1 1 / .8);
      --slate-base-indicator: oklch(62.6% .0295 280.2);
      --slate-base-track: oklch(62.6% .0295 280.2);
    }
  }
}

.dark, .dark-theme {
  --slate-base-1: #141520;
  --slate-base-2: #1b1c26;
  --slate-base-3: #232432;
  --slate-base-4: #282a3a;
  --slate-base-5: #2f3041;
  --slate-base-6: #37394a;
  --slate-base-7: #444658;
  --slate-base-8: #5d5f72;
  --slate-base-9: #6b6d80;
  --slate-base-10: #787a8d;
  --slate-base-11: #b0b2c7;
  --slate-base-12: #ecedf8;
  --slate-base-a1: #1400dd04;
  --slate-base-a2: #b7a2ee0b;
  --slate-base-a3: #b4abfd18;
  --slate-base-a4: #afb1fe21;
  --slate-base-a5: #bcb8fd29;
  --slate-base-a6: #c3c5fe33;
  --slate-base-a7: #cbcdfe43;
  --slate-base-a8: #d6d8ff60;
  --slate-base-a9: #dbddff70;
  --slate-base-a10: #dddffd7f;
  --slate-base-a11: #e3e6ffc0;
  --slate-base-a12: #f2f3fef8;
  --slate-base-contrast: #fff;
  --slate-base-surface: #0000000d;
  --slate-base-indicator: #6b6d80;
  --slate-base-track: #6b6d80;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --slate-base-1: oklch(20.1% .0207 280.2);
      --slate-base-2: oklch(23.1% .0196 280.2);
      --slate-base-3: oklch(26.5% .027 280.2);
      --slate-base-4: oklch(29% .0295 280.2);
      --slate-base-5: oklch(31.6% .0295 280.2);
      --slate-base-6: oklch(34.9% .0295 280.2);
      --slate-base-7: oklch(40% .0295 280.2);
      --slate-base-8: oklch(49.1% .0295 280.2);
      --slate-base-9: oklch(53.9% .0295 280.2);
      --slate-base-10: oklch(58.4% .0295 280.2);
      --slate-base-11: oklch(76.9% .0295 280.2);
      --slate-base-12: oklch(94.9% .0139 280.2);
      --slate-base-a1: color(display-p3 .0824 0 .9529 / .014);
      --slate-base-a2: color(display-p3 .7647 .6784 .9961 / .04);
      --slate-base-a3: color(display-p3 .7137 .6784 .9961 / .093);
      --slate-base-a4: color(display-p3 .6941 .702 1 / .128);
      --slate-base-a5: color(display-p3 .7451 .7255 .9961 / .159);
      --slate-base-a6: color(display-p3 .7686 .7765 1 / .199);
      --slate-base-a7: color(display-p3 .8039 .8118 1 / .26);
      --slate-base-a8: color(display-p3 .8471 .8588 .9961 / .371);
      --slate-base-a9: color(display-p3 .8706 .8784 1 / .432);
      --slate-base-a10: color(display-p3 .8824 .8902 1 / .489);
      --slate-base-a11: color(display-p3 .902 .9059 1 / .745);
      --slate-base-a12: color(display-p3 .9569 .9608 1 / .965);
      --slate-base-contrast: #fff;
      --slate-base-surface: color(display-p3 0 0 0 / .05);
      --slate-base-indicator: oklch(53.9% .0295 280.2);
      --slate-base-track: oklch(53.9% .0295 280.2);
    }
  }
}

[data-theme="slate"] {
  --base-1: var(--slate-base-1);
  --base-2: var(--slate-base-2);
  --base-3: var(--slate-base-3);
  --base-4: var(--slate-base-4);
  --base-5: var(--slate-base-5);
  --base-6: var(--slate-base-6);
  --base-7: var(--slate-base-7);
  --base-8: var(--slate-base-8);
  --base-9: var(--slate-base-9);
  --base-10: var(--slate-base-10);
  --base-11: var(--slate-base-11);
  --base-12: var(--slate-base-12);
  --base-a1: var(--slate-base-a1);
  --base-a2: var(--slate-base-a2);
  --base-a3: var(--slate-base-a3);
  --base-a4: var(--slate-base-a4);
  --base-a5: var(--slate-base-a5);
  --base-a6: var(--slate-base-a6);
  --base-a7: var(--slate-base-a7);
  --base-a8: var(--slate-base-a8);
  --base-a9: var(--slate-base-a9);
  --base-a10: var(--slate-base-a10);
  --base-a11: var(--slate-base-a11);
  --base-a12: var(--slate-base-a12);
  --base-contrast: var(--slate-base-contrast);
  --base-surface: var(--slate-base-surface);
  --base-indicator: var(--slate-base-indicator);
  --base-track: var(--slate-base-track);
}

:root, .light, .light-theme {
  --slate-primary-1: #f8f8fa;
  --slate-primary-2: #f3f4fa;
  --slate-primary-3: #e9ebf6;
  --slate-primary-4: #dfe2f4;
  --slate-primary-5: #d5d9f3;
  --slate-primary-6: #cacff1;
  --slate-primary-7: #bcc2eb;
  --slate-primary-8: #a5ace2;
  --slate-primary-9: #1b1d3b;
  --slate-primary-10: #303353;
  --slate-primary-11: #565b8b;
  --slate-primary-12: #1e213f;
  --slate-primary-a1: #3c3cbc04;
  --slate-primary-a2: #1935df09;
  --slate-primary-a3: #0a25b813;
  --slate-primary-a4: #0520be1d;
  --slate-primary-a5: #031dc727;
  --slate-primary-a6: #021bc932;
  --slate-primary-a7: #041cbd41;
  --slate-primary-a8: #0217b358;
  --slate-primary-a9: #000224e4;
  --slate-primary-a10: #01052ccf;
  --slate-primary-a11: #000851a8;
  --slate-primary-a12: #000325e1;
  --slate-primary-contrast: #fff;
  --slate-primary-surface: #f1f3facc;
  --slate-primary-indicator: #1b1d3b;
  --slate-primary-track: #1b1d3b;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --slate-primary-1: oklch(98% .0031 278.5);
      --slate-primary-2: oklch(96.9% .0078 278.5);
      --slate-primary-3: oklch(94.2% .0149 278.5);
      --slate-primary-4: oklch(91.7% .0246 278.5);
      --slate-primary-5: oklch(89.1% .0355 278.5);
      --slate-primary-6: oklch(86.3% .0468 278.5);
      --slate-primary-7: oklch(82.4% .0576 278.5);
      --slate-primary-8: oklch(75.9% .0769 278.5);
      --slate-primary-9: oklch(24.6% .0565 278.5);
      --slate-primary-10: oklch(33.3% .0565 278.5);
      --slate-primary-11: oklch(48.7% .0769 278.5);
      --slate-primary-12: oklch(26.1% .0565 278.5);
      --slate-primary-a1: color(display-p3 .0078 .0078 .6588 / .012);
      --slate-primary-a2: color(display-p3 .0078 .1294 .7412 / .032);
      --slate-primary-a3: color(display-p3 .0039 .1137 .6588 / .072);
      --slate-primary-a4: color(display-p3 .0078 .0784 .6588 / .108);
      --slate-primary-a5: color(display-p3 .0039 .0863 .7216 / .148);
      --slate-primary-a6: color(display-p3 .0039 .0863 .7216 / .192);
      --slate-primary-a7: color(display-p3 .0039 .0863 .6863 / .248);
      --slate-primary-a8: color(display-p3 .0039 .0706 .651 / .339);
      --slate-primary-a9: color(display-p3 0 .0078 .1333 / .893);
      --slate-primary-a10: color(display-p3 0 .0118 .1569 / .805);
      --slate-primary-a11: color(display-p3 0 .0235 .2941 / .654);
      --slate-primary-a12: color(display-p3 0 .0078 .1333 / .877);
      --slate-primary-contrast: #fff;
      --slate-primary-surface: color(display-p3 .9529 .9529 .9804 / .8);
      --slate-primary-indicator: oklch(24.6% .0565 278.5);
      --slate-primary-track: oklch(24.6% .0565 278.5);
    }
  }
}

.dark, .dark-theme {
  --slate-primary-1: #14161f;
  --slate-primary-2: #161824;
  --slate-primary-3: #222443;
  --slate-primary-4: #2a2c5c;
  --slate-primary-5: #343768;
  --slate-primary-6: #3e4274;
  --slate-primary-7: #4b4f83;
  --slate-primary-8: #5a6095;
  --slate-primary-9: #646aa0;
  --slate-primary-10: #575c91;
  --slate-primary-11: #a9b1ec;
  --slate-primary-12: #dde1fa;
  --slate-primary-a1: #1416c703;
  --slate-primary-a2: #5456fd08;
  --slate-primary-a3: #676aff2b;
  --slate-primary-a4: #6264fd48;
  --slate-primary-a5: #7479fe55;
  --slate-primary-a6: #8188fd63;
  --slate-primary-a7: #8d94fd74;
  --slate-primary-a8: #98a1fe88;
  --slate-primary-a9: #9ea7ff94;
  --slate-primary-a10: #969eff83;
  --slate-primary-a11: #b6bfffea;
  --slate-primary-a12: #e1e6fefa;
  --slate-primary-contrast: #fff;
  --slate-primary-surface: #181a2b80;
  --slate-primary-indicator: #646aa0;
  --slate-primary-track: #646aa0;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --slate-primary-1: oklch(20.1% .018 278.5);
      --slate-primary-2: oklch(21.2% .0241 278.5);
      --slate-primary-3: oklch(27.4% .0565 278.5);
      --slate-primary-4: oklch(32% .0833 278.5);
      --slate-primary-5: oklch(35.9% .0847 278.5);
      --slate-primary-6: oklch(39.9% .0847 278.5);
      --slate-primary-7: oklch(44.8% .0847 278.5);
      --slate-primary-8: oklch(50.7% .0847 278.5);
      --slate-primary-9: oklch(54.1% .0847 278.5);
      --slate-primary-10: oklch(49.4% .0847 278.5);
      --slate-primary-11: oklch(77.6% .0847 278.5);
      --slate-primary-12: oklch(91.4% .0344 278.5);
      --slate-primary-a1: color(display-p3 .0784 .0902 .9843 / .009);
      --slate-primary-a2: color(display-p3 .3333 .3412 .9961 / .031);
      --slate-primary-a3: color(display-p3 .4157 .4235 1 / .163);
      --slate-primary-a4: color(display-p3 .4 .4078 1 / .269);
      --slate-primary-a5: color(display-p3 .4784 .4902 1 / .322);
      --slate-primary-a6: color(display-p3 .5255 .5451 .9961 / .375);
      --slate-primary-a7: color(display-p3 .5843 .6 1 / .437);
      --slate-primary-a8: color(display-p3 .6157 .6471 .9961 / .516);
      --slate-primary-a9: color(display-p3 .6431 .6706 1 / .564);
      --slate-primary-a10: color(display-p3 .6157 .6392 1 / .498);
      --slate-primary-a11: color(display-p3 .7373 .7686 1 / .895);
      --slate-primary-a12: color(display-p3 .8941 .9059 1 / .97);
      --slate-primary-contrast: #fff;
      --slate-primary-surface: color(display-p3 .0941 .102 .1647 / .5);
      --slate-primary-indicator: oklch(54.1% .0847 278.5);
      --slate-primary-track: oklch(54.1% .0847 278.5);
    }
  }
}

[data-theme="slate"] {
  --primary-1: var(--slate-primary-1);
  --primary-2: var(--slate-primary-2);
  --primary-3: var(--slate-primary-3);
  --primary-4: var(--slate-primary-4);
  --primary-5: var(--slate-primary-5);
  --primary-6: var(--slate-primary-6);
  --primary-7: var(--slate-primary-7);
  --primary-8: var(--slate-primary-8);
  --primary-9: var(--slate-primary-9);
  --primary-10: var(--slate-primary-10);
  --primary-11: var(--slate-primary-11);
  --primary-12: var(--slate-primary-12);
  --primary-a1: var(--slate-primary-a1);
  --primary-a2: var(--slate-primary-a2);
  --primary-a3: var(--slate-primary-a3);
  --primary-a4: var(--slate-primary-a4);
  --primary-a5: var(--slate-primary-a5);
  --primary-a6: var(--slate-primary-a6);
  --primary-a7: var(--slate-primary-a7);
  --primary-a8: var(--slate-primary-a8);
  --primary-a9: var(--slate-primary-a9);
  --primary-a10: var(--slate-primary-a10);
  --primary-a11: var(--slate-primary-a11);
  --primary-a12: var(--slate-primary-a12);
  --primary-contrast: var(--slate-primary-contrast);
  --primary-surface: var(--slate-primary-surface);
  --primary-indicator: var(--slate-primary-indicator);
  --primary-track: var(--slate-primary-track);
}

: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("/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("/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;
  width: 50px;
  height: 50px;
  font-size: 18px;
  font-weight: 700;
}

.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-bottom-left {
  height: 15px !important;
}

.mapboxgl-ctrl-attrib-button:focus {
  box-shadow: none;
}

.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: Inter, DM Sans, 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.17 | 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_1eory_11 {
  margin: calc(var(--spacing, .25rem) * 0);
  max-width: 100%;
}

._Paragraph_1eory_11[class~="is-empty"]:before {
  pointer-events: none;
  float: left;
  height: 0;
  color: var(--base-a10);
  content: attr(data-placeholder);
}

._Blockqoute_1eory_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_1eory_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_1eory_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_1eory_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_1eory_55[class~="ProseMirror-selectednode"] {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--primary-9);
}

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

._TaskItem_1eory_73 {
  margin-left: calc(var(--spacing, .25rem) * 2);
  align-items: flex-start;
  display: flex;
}

._TaskItem_1eory_73 > label {
  padding-right: calc(var(--spacing, .25rem) * 1);
  -webkit-user-select: none;
  user-select: none;
  flex: none;
}

._TaskItem_1eory_73 > div {
  padding-left: calc(var(--spacing, .25rem) * 2);
  flex: auto;
}

._TaskItem_1eory_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_1eory_99 {
  margin-left: calc(var(--spacing, .25rem) * 2);
  padding-left: calc(var(--spacing, .25rem) * 4);
  list-style-type: disc;
}

._BulletList_1eory_99 > li {
  padding-left: calc(var(--spacing, .25rem) * 2);
}

._OrderedList_1eory_109 {
  margin-left: calc(var(--spacing, .25rem) * 2);
  padding-left: calc(var(--spacing, .25rem) * 4);
  list-style-type: decimal;
}

._OrderedList_1eory_109 > li {
  padding-left: calc(var(--spacing, .25rem) * 2);
}

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

h1._Heading_1eory_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_1eory_119 {
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
}

h3._Heading_1eory_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_1eory_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_1eory_119 {
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
}

._Link_1eory_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.17 | 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_4bu8c_11 {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
}

._Markdown_4bu8c_11 p {
  margin: 0 0 .5rem;
}

._Markdown_4bu8c_11 ul {
  padding-left: calc(var(--spacing, .25rem) * 2);
  margin: .25rem 0 .5rem;
  list-style-type: disc;
}

._Markdown_4bu8c_11 ol {
  padding-left: calc(var(--spacing, .25rem) * 2);
  margin: .25rem 0 .5rem;
  list-style-type: decimal;
}

._Markdown_4bu8c_11 h1, ._Markdown_4bu8c_11 h2, ._Markdown_4bu8c_11 h3 {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  margin: .5rem 0 .25rem;
}

._Markdown_4bu8c_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_4bu8c_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_4bu8c_11 h3 {
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
}

._Markdown_4bu8c_11 pre {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--base-a6);
  padding: .5rem;
  overflow: auto;
}

._Markdown_4bu8c_11 code {
  background-color: var(--base-a3);
  padding: 0 .2rem;
}

._Markdown_4bu8c_11 strong, ._Markdown_4bu8c_11 b {
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
}

._Markdown_4bu8c_11 em, ._Markdown_4bu8c_11 i {
  font-style: italic;
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
._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;
	}
}