/*! tailwindcss v4.3.4 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: block))) 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-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-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-duration: initial;
      --tw-ease: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --color-orange-100: oklch(95.4% .038 75.164);
    --color-amber-100: oklch(96.2% .059 95.617);
    --color-amber-200: oklch(92.4% .12 95.746);
    --color-white: #fff;
    --spacing: .25rem;
    --font-weight-normal: 400;
    --font-weight-bold: 700;
    --radius-lg: .5rem;
    --radius-2xl: 1rem;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --font-title: "Montserrat", sans-serif;
    --font-text: "Noto Sans", sans-serif;
    --font-form: "Roboto Mono", monospace;
    --color-sbb-200: #c5eff7;
    --color-sbb-300: #89c4f4;
    --color-sbb-600: #2574a9;
    --color-sbb-700: #3a539b;
    --color-sbb-800: #2c3e50;
    --color-sbb-900: #22313f;
    --color-sbb-950: #24252a;
    --color-high-200: #ded29e;
    --color-high-300: #b7c68b;
    --color-high-400: #b3a580;
    --color-high-700: #685642;
    --color-high-900: #453823;
    --color-high-950: #2c2416;
    --color-err-300: #f1a9a0;
    --color-err-400: #e59899;
    --color-err-500: #e26a6a;
    --color-err-600: #d24d57;
    --color-err-700: #af2626;
    --color-err-800: #892c2a;
    --color-err-950: #45130d;
    --color-soft-300: #b1c4b1;
    --color-soft-500: #8d918e;
    --color-soft-600: #747976;
    --color-soft-700: #565c58;
    --color-soft-800: #464c48;
    --color-soft-900: #343b36;
    --color-soft-950: #202822;
    --color-good-300: #aabeb2;
    --color-good-400: #98b5b5;
    --color-good-500: #779884;
    --color-good-700: #447256;
    --color-good-800: #32533f;
    --color-good-900: #1f3428;
    --color-good-950: #0d1510;
    --color-bad-500: #b28c8c;
    --color-bad-600: #8b5353;
    --color-bad-700: #722d2d;
    --color-bad-800: #532121;
    --color-bad-900: #3f1919;
    --color-bad-950: #2a1111;
    --color-warn-300: #e2d2a0;
    --color-warn-400: #d1b767;
    --color-warn-500: #c09c2e;
    --color-warn-600: #8c7222;
    --color-warn-800: #584715;
    --color-warn-950: #231d09;
    --animate-label-appear: label-appear 1s ease-in;
    --animate-fade-in: fade-in .4s ease;
  }
}

@layer base, components;

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

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .absolute\! {
    position: absolute !important;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .inset-x-0 {
    inset-inline: 0;
  }

  .inset-y-0 {
    inset-block: 0;
  }

  .-top-13\.75 {
    top: calc(var(--spacing) * -13.75);
  }

  .-top-\[0\.5em\] {
    top: -.5em;
  }

  .top-0 {
    top: 0;
  }

  .top-1 {
    top: var(--spacing);
  }

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

  .top-11\.25 {
    top: calc(var(--spacing) * 11.25);
  }

  .top-\[-0\.3em\] {
    top: -.3em;
  }

  .top-\[-0\.5em\] {
    top: -.5em;
  }

  .top-\[-0\.6em\] {
    top: -.6em;
  }

  .top-\[0\.2em\] {
    top: .2em;
  }

  .top-\[0\.5em\] {
    top: .5em;
  }

  .right-0 {
    right: 0;
  }

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

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

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

  .right-13\.75 {
    right: calc(var(--spacing) * 13.75);
  }

  .right-\[-0\.6em\] {
    right: -.6em;
  }

  .right-\[0\.2em\] {
    right: .2em;
  }

  .right-\[0\.5em\] {
    right: .5em;
  }

  .right-\[0\.9em\] {
    right: .9em;
  }

  .bottom-0 {
    bottom: 0;
  }

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

  .bottom-8\.75 {
    bottom: calc(var(--spacing) * 8.75);
  }

  .bottom-\[-0\.25em\] {
    bottom: -.25em;
  }

  .-left-6\.25 {
    left: calc(var(--spacing) * -6.25);
  }

  .-left-\[0\.5em\] {
    left: -.5em;
  }

  .left-0 {
    left: 0;
  }

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

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

  .left-\[-0\.5em\] {
    left: -.5em;
  }

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

  .m-0 {
    margin: 0;
  }

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

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

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

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

  .m-\[0\.5em\] {
    margin: .5em;
  }

  .m-auto {
    margin: auto;
  }

  .m-px {
    margin: 1px;
  }

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

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

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

  .mx-\[0\.5em\] {
    margin-inline: .5em;
  }

  .mx-\[1em\] {
    margin-inline: 1em;
  }

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

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

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

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

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

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

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

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

  .my-\[0\.2em\] {
    margin-block: .2em;
  }

  .my-\[1em\] {
    margin-block: 1em;
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

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

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

  .mt-8\.75 {
    margin-top: calc(var(--spacing) * 8.75);
  }

  .mt-12\.5 {
    margin-top: calc(var(--spacing) * 12.5);
  }

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

  .mt-\[0\.5em\] {
    margin-top: .5em;
  }

  .mt-\[0\.8em\] {
    margin-top: .8em;
  }

  .mt-\[1\.5em\] {
    margin-top: 1.5em;
  }

  .mt-\[1em\] {
    margin-top: 1em;
  }

  .mt-\[3em\] {
    margin-top: 3em;
  }

  .mt-\[15vh\] {
    margin-top: 15vh;
  }

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

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

  .mr-11\.25 {
    margin-right: calc(var(--spacing) * 11.25);
  }

  .mr-\[0\.3em\] {
    margin-right: .3em;
  }

  .mr-\[1em\] {
    margin-right: 1em;
  }

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

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

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

  .mb-6\.25 {
    margin-bottom: calc(var(--spacing) * 6.25);
  }

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

  .mb-18\.75 {
    margin-bottom: calc(var(--spacing) * 18.75);
  }

  .mb-\[0\.5em\] {
    margin-bottom: .5em;
  }

  .mb-\[1em\] {
    margin-bottom: 1em;
  }

  .ml-0 {
    margin-left: 0;
  }

  .ml-1 {
    margin-left: var(--spacing);
  }

  .ml-\[0\.3em\] {
    margin-left: .3em;
  }

  .ml-\[1em\] {
    margin-left: 1em;
  }

  .ml-auto {
    margin-left: auto;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .flow-root {
    display: flow-root;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

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

  .table {
    display: table;
  }

  .table-cell {
    display: table-cell;
  }

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

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

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

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

  .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-18\.75 {
    width: calc(var(--spacing) * 18.75);
    height: calc(var(--spacing) * 18.75);
  }

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

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

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

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

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

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

  .h-\[1\.4em\] {
    height: 1.4em;
  }

  .h-\[4em\] {
    height: 4em;
  }

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

  .h-\[calc\(100vh-245px\)\] {
    height: calc(100vh - 245px);
  }

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

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

  .max-h-\[calc\(1em\+20px\)\] {
    max-height: calc(1em + 20px);
  }

  .min-h-21\.25 {
    min-height: calc(var(--spacing) * 21.25);
  }

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

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

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

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

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

  .w-\[1\.4em\] {
    width: 1.4em;
  }

  .w-\[8ch\] {
    width: 8ch;
  }

  .w-\[84vw\] {
    width: 84vw;
  }

  .w-\[85vw\] {
    width: 85vw;
  }

  .w-\[calc\(100\%-12px\)\] {
    width: calc(100% - 12px);
  }

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

  .w-full {
    width: 100%;
  }

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

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

  .max-w-\[30em\] {
    max-width: 30em;
  }

  .max-w-\[35\%\] {
    max-width: 35%;
  }

  .max-w-\[80\%\] {
    max-width: 80%;
  }

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

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

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

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

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

  .min-w-68\.75 {
    min-width: calc(var(--spacing) * 68.75);
  }

  .flex-auto {
    flex: auto;
  }

  .grow {
    flex-grow: 1;
  }

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

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

  .rotate-160 {
    rotate: 160deg;
  }

  .rotate-345 {
    rotate: 345deg;
  }

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

  .animate-fade-in {
    animation: var(--animate-fade-in);
  }

  .animate-label-appear {
    animation: var(--animate-label-appear);
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-help {
    cursor: help;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-progress {
    cursor: progress;
  }

  .cursor-text {
    cursor: text;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .scrollbar-none {
    scrollbar-width: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

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

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

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

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

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

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

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

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

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

  .rounded-\[15px_15px_15px_0\] {
    border-radius: 15px 15px 15px 0;
  }

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

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

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

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

  .rounded-full {
    border-radius: 2147483647px;
  }

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

  .rounded-t-\[10px\] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

  .rounded-t-\[40px\] {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
  }

  .rounded-tl-\[1\.5em\] {
    border-top-left-radius: 1.5em;
  }

  .rounded-tr-\[1\.5em\] {
    border-top-right-radius: 1.5em;
  }

  .rounded-bl-\[50px\] {
    border-bottom-left-radius: 50px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .border-\[\#fff7\] {
    border-color: #fff7;
  }

  .border-bad-700 {
    border-color: var(--color-bad-700);
  }

  .border-bad-900 {
    border-color: var(--color-bad-900);
  }

  .border-bad-950 {
    border-color: var(--color-bad-950);
  }

  .border-current {
    border-color: currentColor;
  }

  .border-good-300 {
    border-color: var(--color-good-300);
  }

  .border-good-950 {
    border-color: var(--color-good-950);
  }

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

  .border-high-700 {
    border-color: var(--color-high-700);
  }

  .border-high-900 {
    border-color: var(--color-high-900);
  }

  .border-high-950 {
    border-color: var(--color-high-950);
  }

  .border-sbb-600 {
    border-color: var(--color-sbb-600);
  }

  .border-sbb-700 {
    border-color: var(--color-sbb-700);
  }

  .border-sbb-800 {
    border-color: var(--color-sbb-800);
  }

  .border-sbb-900 {
    border-color: var(--color-sbb-900);
  }

  .border-sbb-950 {
    border-color: var(--color-sbb-950);
  }

  .border-soft-600 {
    border-color: var(--color-soft-600);
  }

  .border-soft-950 {
    border-color: var(--color-soft-950);
  }

  .border-warn-600 {
    border-color: var(--color-warn-600);
  }

  .border-warn-950 {
    border-color: var(--color-warn-950);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .p-\[0\.5em\] {
    padding: .5em;
  }

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

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

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

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

  .px-\[0\.4em\] {
    padding-inline: .4em;
  }

  .px-\[0\.6em\] {
    padding-inline: .6em;
  }

  .px-\[0\.7em\] {
    padding-inline: .7em;
  }

  .px-\[0\.9em\] {
    padding-inline: .9em;
  }

  .px-\[0\.75em\] {
    padding-inline: .75em;
  }

  .px-\[1\.3em\] {
    padding-inline: 1.3em;
  }

  .px-\[1em\] {
    padding-inline: 1em;
  }

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

  .px-\[8vw\] {
    padding-inline: 8vw;
  }

  .py-0 {
    padding-block: 0;
  }

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

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

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

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

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

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

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

  .py-\[0\.1em\] {
    padding-block: .1em;
  }

  .py-\[0\.2em\] {
    padding-block: .2em;
  }

  .py-\[0\.3em\] {
    padding-block: .3em;
  }

  .py-\[0\.4em\] {
    padding-block: .4em;
  }

  .py-\[0\.5em\] {
    padding-block: .5em;
  }

  .py-\[0\.8em\] {
    padding-block: .8em;
  }

  .py-\[0\.25em\] {
    padding-block: .25em;
  }

  .py-\[0\.75em\] {
    padding-block: .75em;
  }

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

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

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

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

  .pr-\[0\.5em\] {
    padding-right: .5em;
  }

  .pr-\[2ch\] {
    padding-right: 2ch;
  }

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

  .pb-12\.5 {
    padding-bottom: calc(var(--spacing) * 12.5);
  }

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

  .pl-\[2ch\] {
    padding-left: 2ch;
  }

  .pl-\[3ch\] {
    padding-left: 3ch;
  }

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

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

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

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

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

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

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

  .font-form {
    font-family: var(--font-form);
  }

  .font-text {
    font-family: var(--font-text);
  }

  .font-title {
    font-family: var(--font-title);
  }

  .text-\[0\.85em\] {
    font-size: .85em;
  }

  .text-\[1\.2em\] {
    font-size: 1.2em;
  }

  .text-\[2em\] {
    font-size: 2em;
  }

  .text-\[8pt\] {
    font-size: 8pt;
  }

  .text-\[10pt\] {
    font-size: 10pt;
  }

  .text-\[12pt\] {
    font-size: 12pt;
  }

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

  .text-\[13pt\] {
    font-size: 13pt;
  }

  .text-\[14pt\] {
    font-size: 14pt;
  }

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

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

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

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

  .text-\[24pt\] {
    font-size: 24pt;
  }

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

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

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

  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-\[1\.5em\] {
    --tw-leading: 1.5em;
    line-height: 1.5em;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

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

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

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

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

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

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

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

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

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

  .text-bad-700 {
    color: var(--color-bad-700);
  }

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

  .text-bad-900 {
    color: var(--color-bad-900);
  }

  .text-bad-950 {
    color: var(--color-bad-950);
  }

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

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

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

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

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

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

  .text-high-200 {
    color: var(--color-high-200);
  }

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

  .text-high-700 {
    color: var(--color-high-700);
  }

  .text-high-900 {
    color: var(--color-high-900);
  }

  .text-high-950 {
    color: var(--color-high-950);
  }

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

  .text-sbb-200 {
    color: var(--color-sbb-200);
  }

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

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

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

  .text-sbb-900 {
    color: var(--color-sbb-900);
  }

  .text-sbb-950 {
    color: var(--color-sbb-950);
  }

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

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

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

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

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

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

  .text-warn-950 {
    color: var(--color-warn-950);
  }

  .lowercase {
    text-transform: lowercase;
  }

  .normal-case {
    text-transform: none;
  }

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

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

  .opacity-0 {
    opacity: 0;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

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

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

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

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

  .transition-\[top\,left\,opacity\,height\,width\,transform\,filter\] {
    transition-property: top, left, opacity, height, width, transform, filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[top\,left\,opacity\] {
    transition-property: top, left, opacity;
    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-opacity {
    transition-property: opacity;
    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-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .duration-1000 {
    --tw-duration: 1s;
    transition-duration: 1s;
  }

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

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

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

  .\[transition\:max-width_0\.3s_linear\,max-height_0\.5s_ease-out\] {
    transition: max-width .3s linear, max-height .5s ease-out;
  }

  :is(.\*\:p-1 > *) {
    padding: var(--spacing);
  }

  :is(.\*\:p-\[0\.125em\] > *) {
    padding: .125em;
  }

  :is(:where(.group)[data-mine] .group-data-mine\:rounded-\[15px_15px_0\]) {
    border-radius: 15px 15px 0;
  }

  :is(:where(.group)[data-mine] .group-data-mine\:bg-sbb-700) {
    background-color: var(--color-sbb-700);
  }

  :is(:where(.group)[data-mine] .group-data-mine\:text-sbb-200) {
    color: var(--color-sbb-200);
  }

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

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

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

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

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

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

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

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

  .selection\:text-sbb-600 ::selection {
    color: var(--color-sbb-600);
  }

  .selection\:text-sbb-600::selection {
    color: var(--color-sbb-600);
  }

  .selection\:text-sbb-800 ::selection {
    color: var(--color-sbb-800);
  }

  .selection\:text-sbb-800::selection {
    color: var(--color-sbb-800);
  }

  @media (hover: hover) {
    .hover\:rotate-340:hover {
      rotate: 340deg;
    }

    .hover\:border-amber-100:hover {
      border-color: var(--color-amber-100);
    }

    .hover\:border-bad-700:hover {
      border-color: var(--color-bad-700);
    }

    .hover\:border-bad-800:hover {
      border-color: var(--color-bad-800);
    }

    .hover\:border-bad-950:hover {
      border-color: var(--color-bad-950);
    }

    .hover\:border-good-700:hover {
      border-color: var(--color-good-700);
    }

    .hover\:border-high-300:hover {
      border-color: var(--color-high-300);
    }

    .hover\:border-high-400:hover {
      border-color: var(--color-high-400);
    }

    .hover\:border-high-950:hover {
      border-color: var(--color-high-950);
    }

    .hover\:border-sbb-700:hover {
      border-color: var(--color-sbb-700);
    }

    .hover\:border-sbb-900:hover {
      border-color: var(--color-sbb-900);
    }

    .hover\:border-sbb-950:hover {
      border-color: var(--color-sbb-950);
    }

    .hover\:border-warn-500:hover {
      border-color: var(--color-warn-500);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .hover\:text-amber-100:hover {
      color: var(--color-amber-100);
    }

    .hover\:text-amber-200:hover {
      color: var(--color-amber-200);
    }

    .hover\:text-bad-800:hover {
      color: var(--color-bad-800);
    }

    .hover\:text-err-300:hover {
      color: var(--color-err-300);
    }

    .hover\:text-good-400:hover {
      color: var(--color-good-400);
    }

    .hover\:text-high-300:hover {
      color: var(--color-high-300);
    }

    .hover\:text-high-900:hover {
      color: var(--color-high-900);
    }

    .hover\:text-high-950:hover {
      color: var(--color-high-950);
    }

    .hover\:text-orange-100:hover {
      color: var(--color-orange-100);
    }

    .hover\:text-sbb-200:hover {
      color: var(--color-sbb-200);
    }

    .hover\:text-sbb-300:hover {
      color: var(--color-sbb-300);
    }

    .hover\:text-sbb-600:hover {
      color: var(--color-sbb-600);
    }

    .hover\:text-sbb-700:hover {
      color: var(--color-sbb-700);
    }

    .hover\:text-sbb-800:hover {
      color: var(--color-sbb-800);
    }

    .hover\:text-sbb-900:hover {
      color: var(--color-sbb-900);
    }

    .hover\:text-sbb-950:hover {
      color: var(--color-sbb-950);
    }

    .hover\:text-warn-400:hover {
      color: var(--color-warn-400);
    }

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

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

    .hover\:opacity-100:hover {
      opacity: 1;
    }
  }

  .disabled\:border-soft-800:disabled {
    border-color: var(--color-soft-800);
  }

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

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

  .disabled\:text-soft-600:disabled {
    color: var(--color-soft-600);
  }

  .disabled\:text-soft-700:disabled {
    color: var(--color-soft-700);
  }

  .data-active\:bg-amber-100[data-active] {
    background-color: var(--color-amber-100);
  }

  .data-active\:bg-high-200[data-active] {
    background-color: var(--color-high-200);
  }

  .data-active\:text-high-900[data-active] {
    color: var(--color-high-900);
  }

  @media (hover: hover) {
    .data-active\:hover\:bg-err-800[data-active]:hover {
      background-color: var(--color-err-800);
    }

    .data-active\:hover\:text-err-400[data-active]:hover {
      color: var(--color-err-400);
    }
  }

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

  .data-clear\:bg-err-800[data-clear] {
    background-color: var(--color-err-800);
  }

  .data-clear\:text-err-400[data-clear] {
    color: var(--color-err-400);
  }

  @media (hover: hover) {
    .data-clear\:hover\:bg-err-700[data-clear]:hover {
      background-color: var(--color-err-700);
    }

    .data-clear\:hover\:text-err-300[data-clear]:hover {
      color: var(--color-err-300);
    }
  }

  .data-covered\:opacity-0[data-covered] {
    opacity: 0;
  }

  .data-dim\:opacity-30[data-dim] {
    opacity: .3;
  }

  .data-disabled\:cursor-default[data-disabled] {
    cursor: default;
  }

  .data-disabled\:bg-soft-800[data-disabled] {
    background-color: var(--color-soft-800);
  }

  .data-disabled\:text-soft-600[data-disabled] {
    color: var(--color-soft-600);
  }

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

  @media (hover: hover) {
    .data-disabled\:hover\:cursor-default[data-disabled]:hover {
      cursor: default;
    }

    .data-disabled\:hover\:bg-soft-800[data-disabled]:hover {
      background-color: var(--color-soft-800);
    }

    .data-disabled\:hover\:text-soft-600[data-disabled]:hover {
      color: var(--color-soft-600);
    }
  }

  .data-error\:text-\[10pt\][data-error] {
    font-size: 10pt;
  }

  .data-error\:text-err-400[data-error] {
    color: var(--color-err-400);
  }

  .data-expanded\:max-h-\[75vh\][data-expanded] {
    max-height: 75vh;
  }

  .data-expanded\:max-w-1\/2[data-expanded] {
    max-width: 50%;
  }

  .data-expanded\:scrollbar-none[data-expanded] {
    scrollbar-width: none;
  }

  .data-expanded\:overflow-auto[data-expanded] {
    overflow: auto;
  }

  .data-expanded\:bg-high-900[data-expanded] {
    background-color: var(--color-high-900);
  }

  .data-expanded\:text-high-300[data-expanded] {
    color: var(--color-high-300);
  }

  .data-expanded\:\[transition\:max-width_0\.3s_linear\,max-height_0\.5s_ease-in\][data-expanded] {
    transition: max-width .3s linear, max-height .5s ease-in;
  }

  .data-home\:rotate-340[data-home] {
    rotate: 340deg;
  }

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

  .data-locked\:cursor-default[data-locked] {
    cursor: default;
  }

  .data-locked\:border-soft-900[data-locked] {
    border-color: var(--color-soft-900);
  }

  .data-locked\:bg-soft-600[data-locked] {
    background-color: var(--color-soft-600);
  }

  .data-locked\:text-soft-300[data-locked] {
    color: var(--color-soft-300);
  }

  @media (hover: hover) {
    .data-locked\:hover\:border-soft-900[data-locked]:hover {
      border-color: var(--color-soft-900);
    }

    .data-locked\:hover\:bg-soft-600[data-locked]:hover {
      background-color: var(--color-soft-600);
    }
  }

  .data-mine\:mr-0[data-mine] {
    margin-right: 0;
  }

  .data-mine\:ml-11\.25[data-mine] {
    margin-left: calc(var(--spacing) * 11.25);
  }

  .data-mine\:flex-row-reverse[data-mine] {
    flex-direction: row-reverse;
  }

  .data-new\:bg-warn-500[data-new] {
    background-color: var(--color-warn-500);
  }

  .data-new\:text-warn-400[data-new] {
    color: var(--color-warn-400);
  }

  .data-new\:opacity-100[data-new] {
    opacity: 1;
  }

  @media (hover: hover) {
    .data-new\:hover\:bg-warn-400[data-new]:hover {
      background-color: var(--color-warn-400);
    }

    .data-new\:hover\:text-orange-100[data-new]:hover {
      color: var(--color-orange-100);
    }
  }

  .data-profile\:w-74\.5[data-profile] {
    width: calc(var(--spacing) * 74.5);
  }

  .data-selected\:border-high-950[data-selected] {
    border-color: var(--color-high-950);
  }

  .data-selected\:bg-high-200[data-selected] {
    background-color: var(--color-high-200);
  }

  @media (hover: hover) {
    .data-selected\:hover\:bg-amber-100[data-selected]:hover {
      background-color: var(--color-amber-100);
    }
  }

  .data-starting\:bg-soft-700[data-starting] {
    background-color: var(--color-soft-700);
  }

  .data-starting\:text-soft-300[data-starting] {
    color: var(--color-soft-300);
  }

  @media (hover: hover) {
    .data-starting\:hover\:bg-soft-700[data-starting]:hover {
      background-color: var(--color-soft-700);
    }

    .data-starting\:hover\:text-soft-300[data-starting]:hover {
      color: var(--color-soft-300);
    }
  }

  .data-unknown\:inline-block[data-unknown] {
    display: inline-block;
  }

  .data-unknown\:h-2[data-unknown] {
    height: calc(var(--spacing) * 2);
  }

  .data-unknown\:w-7\.5[data-unknown] {
    width: calc(var(--spacing) * 7.5);
  }

  .data-unknown\:bg-soft-700[data-unknown] {
    background-color: var(--color-soft-700);
  }

  .data-wide\:w-87\.5[data-wide] {
    width: calc(var(--spacing) * 87.5);
  }

  .data-\[state\=error\]\:text-err-500[data-state="error"] {
    color: var(--color-err-500);
  }

  .data-\[state\=hidden\]\:hidden[data-state="hidden"] {
    display: none;
  }

  .data-\[state\=hidden\]\:text-high-900[data-state="hidden"] {
    color: var(--color-high-900);
  }

  .data-\[tint\=error\]\:bg-err-400[data-tint="error"] {
    background-color: var(--color-err-400);
  }

  .data-\[tint\=error\]\:text-err-950[data-tint="error"] {
    color: var(--color-err-950);
  }

  @media (hover: hover) {
    .data-\[tint\=error\]\:hover\:bg-err-400[data-tint="error"]:hover {
      background-color: var(--color-err-400);
    }
  }

  .data-\[tint\=ok\]\:bg-good-300[data-tint="ok"] {
    background-color: var(--color-good-300);
  }

  .data-\[tint\=ok\]\:text-good-950[data-tint="ok"] {
    color: var(--color-good-950);
  }

  @media (hover: hover) {
    .data-\[tint\=ok\]\:hover\:bg-good-300[data-tint="ok"]:hover {
      background-color: var(--color-good-300);
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:data-animated\:transition-\[height\][data-animated] {
      transition-property: height;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .motion-safe\:data-animated\:duration-300[data-animated] {
      --tw-duration: .3s;
      transition-duration: .3s;
    }

    .motion-safe\:data-animated\:ease-\[ease\][data-animated] {
      --tw-ease: ease;
      transition-timing-function: ease;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:transition-none {
      transition-property: none;
    }
  }

  @media not all and (min-width: 425px) {
    .max-\[425px\]\:hidden {
      display: none;
    }
  }

  @media not all and (min-width: 400px) {
    .max-\[400px\]\:hidden {
      display: none;
    }
  }

  @media not all and (min-width: 375px) {
    .max-\[375px\]\:hidden {
      display: none;
    }
  }

  @media not all and (min-width: 350px) {
    .max-\[350px\]\:mx-1 {
      margin-inline: var(--spacing);
    }

    .max-\[350px\]\:h-\[3em\] {
      height: 3em;
    }

    .max-\[350px\]\:w-50 {
      width: calc(var(--spacing) * 50);
    }

    .max-\[350px\]\:w-62\.5 {
      width: calc(var(--spacing) * 62.5);
    }

    .max-\[350px\]\:max-w-62\.5 {
      max-width: calc(var(--spacing) * 62.5);
    }

    .max-\[350px\]\:px-1 {
      padding-inline: var(--spacing);
    }

    .max-\[350px\]\:px-\[1em\] {
      padding-inline: 1em;
    }

    .max-\[350px\]\:pb-1 {
      padding-bottom: var(--spacing);
    }
  }

  @media not all and (min-width: 300px) {
    .max-\[300px\]\:hidden {
      display: none;
    }
  }

  @media (min-width: 350px) {
    .min-\[350px\]\:m-5 {
      margin: calc(var(--spacing) * 5);
    }

    .min-\[350px\]\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .min-\[350px\]\:py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5);
    }

    .min-\[350px\]\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }

    .min-\[350px\]\:pr-5 {
      padding-right: calc(var(--spacing) * 5);
    }

    .min-\[350px\]\:pl-2\.5 {
      padding-left: calc(var(--spacing) * 2.5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:m-2\.5 {
      margin: calc(var(--spacing) * 2.5);
    }

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

    .sm\:mx-1 {
      margin-inline: var(--spacing);
    }

    .sm\:block {
      display: block;
    }

    .sm\:inline {
      display: inline;
    }

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

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

    .sm\:w-75 {
      width: calc(var(--spacing) * 75);
    }

    .sm\:max-w-112\.5 {
      max-width: calc(var(--spacing) * 112.5);
    }

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

    .sm\:grid-cols-\[1fr_2fr\] {
      grid-template-columns: 1fr 2fr;
    }

    .sm\:justify-self-center {
      justify-self: center;
    }

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

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

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

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

    .sm\:pb-12\.5 {
      padding-bottom: calc(var(--spacing) * 12.5);
    }

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

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

    .sm\:data-columns\:flex[data-columns] {
      display: flex;
    }

    .sm\:data-columns\:justify-evenly[data-columns] {
      justify-content: space-evenly;
    }
  }

  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }

  .data-expanded\:\[\&\:\:-webkit-scrollbar\]\:hidden[data-expanded]::-webkit-scrollbar {
    display: none;
  }
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/montserrat-400.woff2") format("woff2");
}

@font-face {
  font-family: Noto Sans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/noto-sans-400.woff2") format("woff2");
}

@font-face {
  font-family: Roboto Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/roboto-mono-400.woff2") format("woff2");
}

.grow-enter-from, .grow-leave-to {
  opacity: 0;
  transform: scale(.1);
}

.grow-enter-to, .grow-leave-from {
  opacity: 1;
  transform: scale(1);
}

.grow-enter-active, .grow-leave-active {
  transition: opacity .5s, transform .5s;
}

.grow-move {
  transition: transform .5s;
}

@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-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-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-duration {
  syntax: "*";
  inherits: false
}

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

@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes label-appear {
  0%, 50% {
    opacity: 0;
  }

  100% {
    opacity: .4;
  }
}