/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: Roboto;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-amber-600: oklch(66.6% 0.179 58.318);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-zinc-100: oklch(96.7% 0.001 286.375);
    --color-zinc-200: oklch(92% 0.004 286.32);
    --color-zinc-300: oklch(87.1% 0.006 286.286);
    --color-zinc-500: oklch(55.2% 0.016 285.938);
    --color-zinc-600: oklch(44.2% 0.017 285.786);
    --color-zinc-700: oklch(37% 0.013 285.805);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-xs: 0.125rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --shadow-md: 0px 1px 3px 1px rgba(0,0,0,0.25);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --text-hl: 32px;
    --text-hm: 28px;
    --text-tl: 22px;
    --text-tm: 16px;
    --text-ts: 14px;
    --text-ll: 14px;
    --text-lm: 12px;
    --text-ls: 11px;
    --text-bl: 16px;
    --text-bm: 14px;
    --text-bs: 12px;
    --color-primary-dark: #1B1C1E;
    --color-dark-elevated-1: #2C3039;
    --color-dark-elevated-2: #3C404A;
    --color-primary-light: var(--color-zinc-100);
    --color-light-elevated-1: var(--color-zinc-200);
    --color-light-elevated-2: var(--color-zinc-300);
    --color-primary-silvergrey: #8794A5;
    --color-primary-white: #F0F0F0;
    --color-accent-dfs-blue: #0A3C87;
    --color-accent-blue: #2e77d0;
    --color-status-dfs-lightgreen: #C3F519;
    --color-status-orange: #FF9800;
    --color-status-green: #1db954;
    --color-status-pink: #E938ED;
    --color-status-alt-yellow: #FFED51;
    --color-dark-red: #4e151e;
    --color-light-red: #e89e9e;
    --color-red-invalid: #e83915;
    --color-grey-odd: #f0ebf6;
    --color-grey-even: #8794a5;
    --color-grey-hover: #484B51;
    --color-orange-hover: #FFCB80;
    --color-booking-not-active: #0000c8;
    --color-booking-not-active-odd: #0000c7;
    --color-booking-not-active-even: #1932c8;
    --color-primary: var(--color-primary-light);
    --color-elevated-1: var(--color-light-elevated-1);
    --color-elevated-2: var(--color-light-elevated-2);
    --color-primary-inverted: var(--color-primary-dark);
    --color-elevated-1-inverted: var(--color-dark-elevated-1);
    --color-elevated-2-inverted: var(--color-dark-elevated-2);
    --color-date-not-selected: var(--color-light-red);
  }
}
.app {
  @layer base {
    *, ::after, ::before, ::backdrop, ::file-selector-button {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      border: 0 solid;
    }
    html, :host {
      line-height: 1.5;
      -webkit-text-size-adjust: 100%;
      tab-size: 4;
      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;
      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 {
      font-size: 75%;
      line-height: 0;
      position: relative;
      vertical-align: baseline;
    }
    sub {
      bottom: -0.25em;
    }
    sup {
      top: -0.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 {
      display: block;
      vertical-align: middle;
    }
    img, video {
      max-width: 100%;
      height: auto;
    }
    button, input, select, optgroup, textarea, ::file-selector-button {
      font: inherit;
      font-feature-settings: inherit;
      font-variation-settings: inherit;
      letter-spacing: inherit;
      color: inherit;
      border-radius: 0;
      background-color: transparent;
      opacity: 1;
    }
    :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)) {
          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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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']), ::file-selector-button {
      appearance: button;
    }
    ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
      height: auto;
    }
    [hidden]:where(:not([hidden='until-found'])) {
      display: none !important;
    }
  }
  @layer utilities {
    .pointer-events-auto {
      pointer-events: auto;
    }
    .pointer-events-none {
      pointer-events: none;
    }
    .visible {
      visibility: visible;
    }
    .absolute {
      position: absolute;
    }
    .relative {
      position: relative;
    }
    .sticky {
      position: sticky;
    }
    .-top-2 {
      top: calc(var(--spacing) * -2);
    }
    .-top-3 {
      top: calc(var(--spacing) * -3);
    }
    .-top-7\.5 {
      top: calc(var(--spacing) * -7.5);
    }
    .top-0 {
      top: calc(var(--spacing) * 0);
    }
    .top-0\.5 {
      top: calc(var(--spacing) * 0.5);
    }
    .top-1 {
      top: calc(var(--spacing) * 1);
    }
    .top-1\.5 {
      top: calc(var(--spacing) * 1.5);
    }
    .top-1\/2 {
      top: calc(1/2 * 100%);
    }
    .top-5 {
      top: calc(var(--spacing) * 5);
    }
    .top-16 {
      top: calc(var(--spacing) * 16);
    }
    .top-\[3px\] {
      top: 3px;
    }
    .top-\[calc\(50\%-8px\)\] {
      top: calc(50% - 8px);
    }
    .top-px {
      top: 1px;
    }
    .-right-0\.5 {
      right: calc(var(--spacing) * -0.5);
    }
    .right-0 {
      right: calc(var(--spacing) * 0);
    }
    .right-3 {
      right: calc(var(--spacing) * 3);
    }
    .right-px {
      right: 1px;
    }
    .bottom-0 {
      bottom: calc(var(--spacing) * 0);
    }
    .bottom-0\.5 {
      bottom: calc(var(--spacing) * 0.5);
    }
    .bottom-1\.5 {
      bottom: calc(var(--spacing) * 1.5);
    }
    .bottom-\[-3px\] {
      bottom: -3px;
    }
    .-left-0\.5 {
      left: calc(var(--spacing) * -0.5);
    }
    .-left-4 {
      left: calc(var(--spacing) * -4);
    }
    .-left-8 {
      left: calc(var(--spacing) * -8);
    }
    .left-0 {
      left: calc(var(--spacing) * 0);
    }
    .left-1 {
      left: calc(var(--spacing) * 1);
    }
    .left-1\/2 {
      left: calc(1/2 * 100%);
    }
    .left-2 {
      left: calc(var(--spacing) * 2);
    }
    .left-full {
      left: 100%;
    }
    .z-1 {
      z-index: 1;
    }
    .z-2 {
      z-index: 2;
    }
    .z-3 {
      z-index: 3;
    }
    .z-4 {
      z-index: 4;
    }
    .z-9 {
      z-index: 9;
    }
    .z-10 {
      z-index: 10;
    }
    .z-11 {
      z-index: 11;
    }
    .z-12 {
      z-index: 12;
    }
    .z-13 {
      z-index: 13;
    }
    .z-100 {
      z-index: 100;
    }
    .col-span-2 {
      grid-column: span 2 / span 2;
    }
    .col-span-4 {
      grid-column: span 4 / span 4;
    }
    .col-span-5 {
      grid-column: span 5 / span 5;
    }
    .col-span-6 {
      grid-column: span 6 / span 6;
    }
    .col-span-full {
      grid-column: 1 / -1;
    }
    .m-2 {
      margin: calc(var(--spacing) * 2);
    }
    .mx-0\.5 {
      margin-inline: calc(var(--spacing) * 0.5);
    }
    .mx-1\.5 {
      margin-inline: calc(var(--spacing) * 1.5);
    }
    .mx-2 {
      margin-inline: calc(var(--spacing) * 2);
    }
    .mx-8 {
      margin-inline: calc(var(--spacing) * 8);
    }
    .my-0\.5 {
      margin-block: calc(var(--spacing) * 0.5);
    }
    .my-2 {
      margin-block: calc(var(--spacing) * 2);
    }
    .my-3 {
      margin-block: calc(var(--spacing) * 3);
    }
    .-mt-0\.5 {
      margin-top: calc(var(--spacing) * -0.5);
    }
    .-mt-1 {
      margin-top: calc(var(--spacing) * -1);
    }
    .mt-0\.5 {
      margin-top: calc(var(--spacing) * 0.5);
    }
    .mt-1 {
      margin-top: calc(var(--spacing) * 1);
    }
    .mt-1\.5 {
      margin-top: calc(var(--spacing) * 1.5);
    }
    .mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }
    .mt-2\.5 {
      margin-top: calc(var(--spacing) * 2.5);
    }
    .mt-3 {
      margin-top: calc(var(--spacing) * 3);
    }
    .mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
    .mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }
    .mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }
    .mt-9 {
      margin-top: calc(var(--spacing) * 9);
    }
    .mt-22 {
      margin-top: calc(var(--spacing) * 22);
    }
    .mt-auto {
      margin-top: auto;
    }
    .mr-1 {
      margin-right: calc(var(--spacing) * 1);
    }
    .mr-2 {
      margin-right: calc(var(--spacing) * 2);
    }
    .mr-3 {
      margin-right: calc(var(--spacing) * 3);
    }
    .mr-4 {
      margin-right: calc(var(--spacing) * 4);
    }
    .mr-5 {
      margin-right: calc(var(--spacing) * 5);
    }
    .mr-8 {
      margin-right: calc(var(--spacing) * 8);
    }
    .mr-auto {
      margin-right: auto;
    }
    .-mb-1 {
      margin-bottom: calc(var(--spacing) * -1);
    }
    .mb-0\.5 {
      margin-bottom: calc(var(--spacing) * 0.5);
    }
    .mb-1 {
      margin-bottom: calc(var(--spacing) * 1);
    }
    .mb-2 {
      margin-bottom: calc(var(--spacing) * 2);
    }
    .mb-3 {
      margin-bottom: calc(var(--spacing) * 3);
    }
    .mb-4 {
      margin-bottom: calc(var(--spacing) * 4);
    }
    .mb-5 {
      margin-bottom: calc(var(--spacing) * 5);
    }
    .mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }
    .mb-7 {
      margin-bottom: calc(var(--spacing) * 7);
    }
    .mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }
    .mb-px {
      margin-bottom: 1px;
    }
    .ml-0\.5 {
      margin-left: calc(var(--spacing) * 0.5);
    }
    .ml-1 {
      margin-left: calc(var(--spacing) * 1);
    }
    .ml-1\.5 {
      margin-left: calc(var(--spacing) * 1.5);
    }
    .ml-2 {
      margin-left: calc(var(--spacing) * 2);
    }
    .ml-3 {
      margin-left: calc(var(--spacing) * 3);
    }
    .ml-4 {
      margin-left: calc(var(--spacing) * 4);
    }
    .ml-5 {
      margin-left: calc(var(--spacing) * 5);
    }
    .ml-6 {
      margin-left: calc(var(--spacing) * 6);
    }
    .ml-8 {
      margin-left: calc(var(--spacing) * 8);
    }
    .ml-10 {
      margin-left: calc(var(--spacing) * 10);
    }
    .ml-auto {
      margin-left: auto;
    }
    .flex {
      display: flex;
    }
    .grid {
      display: grid;
    }
    .hidden {
      display: none;
    }
    .inline-flex {
      display: inline-flex;
    }
    .table {
      display: table;
    }
    .aspect-square {
      aspect-ratio: 1 / 1;
    }
    .size-0\.5 {
      width: calc(var(--spacing) * 0.5);
      height: calc(var(--spacing) * 0.5);
    }
    .size-1\.5 {
      width: calc(var(--spacing) * 1.5);
      height: calc(var(--spacing) * 1.5);
    }
    .size-2 {
      width: calc(var(--spacing) * 2);
      height: calc(var(--spacing) * 2);
    }
    .size-4\.5 {
      width: calc(var(--spacing) * 4.5);
      height: calc(var(--spacing) * 4.5);
    }
    .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-6\.5 {
      width: calc(var(--spacing) * 6.5);
      height: calc(var(--spacing) * 6.5);
    }
    .size-7 {
      width: calc(var(--spacing) * 7);
      height: calc(var(--spacing) * 7);
    }
    .size-7\.5 {
      width: calc(var(--spacing) * 7.5);
      height: calc(var(--spacing) * 7.5);
    }
    .size-8\.5 {
      width: calc(var(--spacing) * 8.5);
      height: calc(var(--spacing) * 8.5);
    }
    .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-20 {
      width: calc(var(--spacing) * 20);
      height: calc(var(--spacing) * 20);
    }
    .size-125 {
      width: calc(var(--spacing) * 125);
      height: calc(var(--spacing) * 125);
    }
    .size-full {
      width: 100%;
      height: 100%;
    }
    .h-0\.5 {
      height: calc(var(--spacing) * 0.5);
    }
    .h-2 {
      height: calc(var(--spacing) * 2);
    }
    .h-3 {
      height: calc(var(--spacing) * 3);
    }
    .h-4 {
      height: calc(var(--spacing) * 4);
    }
    .h-4\.5 {
      height: calc(var(--spacing) * 4.5);
    }
    .h-5 {
      height: calc(var(--spacing) * 5);
    }
    .h-5\.5 {
      height: calc(var(--spacing) * 5.5);
    }
    .h-6 {
      height: calc(var(--spacing) * 6);
    }
    .h-7 {
      height: calc(var(--spacing) * 7);
    }
    .h-8 {
      height: calc(var(--spacing) * 8);
    }
    .h-8\.5 {
      height: calc(var(--spacing) * 8.5);
    }
    .h-9 {
      height: calc(var(--spacing) * 9);
    }
    .h-13 {
      height: calc(var(--spacing) * 13);
    }
    .h-17 {
      height: calc(var(--spacing) * 17);
    }
    .h-\[calc\(100\%-20px\)\] {
      height: calc(100% - 20px);
    }
    .h-auto {
      height: auto;
    }
    .h-full {
      height: 100%;
    }
    .h-lh {
      height: 1lh;
    }
    .h-px {
      height: 1px;
    }
    .h-screen {
      height: 100vh;
    }
    .max-h-65 {
      max-height: calc(var(--spacing) * 65);
    }
    .max-h-100 {
      max-height: calc(var(--spacing) * 100);
    }
    .max-h-125 {
      max-height: calc(var(--spacing) * 125);
    }
    .max-h-150 {
      max-height: calc(var(--spacing) * 150);
    }
    .min-h-0 {
      min-height: calc(var(--spacing) * 0);
    }
    .min-h-0\! {
      min-height: calc(var(--spacing) * 0) !important;
    }
    .min-h-7\.5 {
      min-height: calc(var(--spacing) * 7.5);
    }
    .min-h-11 {
      min-height: calc(var(--spacing) * 11);
    }
    .min-h-15 {
      min-height: calc(var(--spacing) * 15);
    }
    .min-h-40 {
      min-height: calc(var(--spacing) * 40);
    }
    .min-h-75 {
      min-height: calc(var(--spacing) * 75);
    }
    .min-h-full {
      min-height: 100%;
    }
    .min-h-lh {
      min-height: 1lh;
    }
    .w-0\.5 {
      width: calc(var(--spacing) * 0.5);
    }
    .w-1 {
      width: calc(var(--spacing) * 1);
    }
    .w-2 {
      width: calc(var(--spacing) * 2);
    }
    .w-2\.5 {
      width: calc(var(--spacing) * 2.5);
    }
    .w-3 {
      width: calc(var(--spacing) * 3);
    }
    .w-4 {
      width: calc(var(--spacing) * 4);
    }
    .w-4\.5 {
      width: calc(var(--spacing) * 4.5);
    }
    .w-5 {
      width: calc(var(--spacing) * 5);
    }
    .w-6 {
      width: calc(var(--spacing) * 6);
    }
    .w-6\.5 {
      width: calc(var(--spacing) * 6.5);
    }
    .w-7 {
      width: calc(var(--spacing) * 7);
    }
    .w-8 {
      width: calc(var(--spacing) * 8);
    }
    .w-8\.5 {
      width: calc(var(--spacing) * 8.5);
    }
    .w-9 {
      width: calc(var(--spacing) * 9);
    }
    .w-10 {
      width: calc(var(--spacing) * 10);
    }
    .w-15 {
      width: calc(var(--spacing) * 15);
    }
    .w-17 {
      width: calc(var(--spacing) * 17);
    }
    .w-20 {
      width: calc(var(--spacing) * 20);
    }
    .w-22 {
      width: calc(var(--spacing) * 22);
    }
    .w-23 {
      width: calc(var(--spacing) * 23);
    }
    .w-23\.5 {
      width: calc(var(--spacing) * 23.5);
    }
    .w-24 {
      width: calc(var(--spacing) * 24);
    }
    .w-24\.5 {
      width: calc(var(--spacing) * 24.5);
    }
    .w-25 {
      width: calc(var(--spacing) * 25);
    }
    .w-26 {
      width: calc(var(--spacing) * 26);
    }
    .w-27 {
      width: calc(var(--spacing) * 27);
    }
    .w-27\.5 {
      width: calc(var(--spacing) * 27.5);
    }
    .w-30 {
      width: calc(var(--spacing) * 30);
    }
    .w-32 {
      width: calc(var(--spacing) * 32);
    }
    .w-35 {
      width: calc(var(--spacing) * 35);
    }
    .w-36 {
      width: calc(var(--spacing) * 36);
    }
    .w-37 {
      width: calc(var(--spacing) * 37);
    }
    .w-40 {
      width: calc(var(--spacing) * 40);
    }
    .w-43 {
      width: calc(var(--spacing) * 43);
    }
    .w-45 {
      width: calc(var(--spacing) * 45);
    }
    .w-50 {
      width: calc(var(--spacing) * 50);
    }
    .w-55 {
      width: calc(var(--spacing) * 55);
    }
    .w-60 {
      width: calc(var(--spacing) * 60);
    }
    .w-70 {
      width: calc(var(--spacing) * 70);
    }
    .w-75 {
      width: calc(var(--spacing) * 75);
    }
    .w-100 {
      width: calc(var(--spacing) * 100);
    }
    .w-110 {
      width: calc(var(--spacing) * 110);
    }
    .w-115 {
      width: calc(var(--spacing) * 115);
    }
    .w-125 {
      width: calc(var(--spacing) * 125);
    }
    .w-136 {
      width: calc(var(--spacing) * 136);
    }
    .w-171 {
      width: calc(var(--spacing) * 171);
    }
    .w-175 {
      width: calc(var(--spacing) * 175);
    }
    .w-fit {
      width: fit-content;
    }
    .w-full {
      width: 100%;
    }
    .max-w-full {
      max-width: 100%;
    }
    .max-w-min {
      max-width: min-content;
    }
    .min-w-0 {
      min-width: calc(var(--spacing) * 0);
    }
    .min-w-0\.5 {
      min-width: calc(var(--spacing) * 0.5);
    }
    .min-w-4 {
      min-width: calc(var(--spacing) * 4);
    }
    .min-w-4\.5 {
      min-width: calc(var(--spacing) * 4.5);
    }
    .min-w-5 {
      min-width: calc(var(--spacing) * 5);
    }
    .min-w-6 {
      min-width: calc(var(--spacing) * 6);
    }
    .min-w-7\.5 {
      min-width: calc(var(--spacing) * 7.5);
    }
    .min-w-11 {
      min-width: calc(var(--spacing) * 11);
    }
    .min-w-12 {
      min-width: calc(var(--spacing) * 12);
    }
    .min-w-13 {
      min-width: calc(var(--spacing) * 13);
    }
    .min-w-15 {
      min-width: calc(var(--spacing) * 15);
    }
    .min-w-17 {
      min-width: calc(var(--spacing) * 17);
    }
    .min-w-20 {
      min-width: calc(var(--spacing) * 20);
    }
    .min-w-23 {
      min-width: calc(var(--spacing) * 23);
    }
    .min-w-30 {
      min-width: calc(var(--spacing) * 30);
    }
    .min-w-66 {
      min-width: calc(var(--spacing) * 66);
    }
    .min-w-78 {
      min-width: calc(var(--spacing) * 78);
    }
    .min-w-175 {
      min-width: calc(var(--spacing) * 175);
    }
    .min-w-300 {
      min-width: calc(var(--spacing) * 300);
    }
    .min-w-auto {
      min-width: auto;
    }
    .min-w-fit {
      min-width: fit-content;
    }
    .min-w-full {
      min-width: 100%;
    }
    .flex-1 {
      flex: 1;
    }
    .shrink-0 {
      flex-shrink: 0;
    }
    .grow {
      flex-grow: 1;
    }
    .grow-1 {
      flex-grow: 1;
    }
    .table-fixed {
      table-layout: fixed;
    }
    .border-collapse {
      border-collapse: collapse;
    }
    .origin-center {
      transform-origin: center;
    }
    .-translate-x-1\/2 {
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .-translate-x-px {
      --tw-translate-x: -1px;
      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);
    }
    .translate-x-\[-30\%\] {
      --tw-translate-x: -30%;
      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-x-\[30\%\] {
      --tw-translate-x: 30%;
      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-\[-30\%\] {
      --tw-translate-y: -30%;
      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);
    }
    .translate-y-\[-100\%\] {
      --tw-translate-y: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .translate-y-\[30\%\] {
      --tw-translate-y: 30%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .rotate-90 {
      rotate: 90deg;
    }
    .rotate-180 {
      rotate: 180deg;
    }
    .rotate-\[45deg\] {
      rotate: 45deg;
    }
    .rotate-\[135deg\] {
      rotate: 135deg;
    }
    .rotate-\[225deg\] {
      rotate: 225deg;
    }
    .rotate-\[315deg\] {
      rotate: 315deg;
    }
    .transform {
      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    }
    .transform-\[translate\(-40\%\,-12px\)\] {
      transform: translate(-40%,-12px);
    }
    .animate-pulse {
      animation: var(--animate-pulse);
    }
    .animate-spin {
      animation: var(--animate-spin);
    }
    .cursor-default {
      cursor: default;
    }
    .cursor-ew-resize {
      cursor: ew-resize;
    }
    .cursor-grab {
      cursor: grab;
    }
    .cursor-pointer {
      cursor: pointer;
    }
    .cursor-text {
      cursor: text;
    }
    .resize {
      resize: both;
    }
    .grid-flow-col {
      grid-auto-flow: column;
    }
    .grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .grid-cols-\[repeat\(7\,32px\)\] {
      grid-template-columns: repeat(7,32px);
    }
    .grid-cols-subgrid {
      grid-template-columns: subgrid;
    }
    .grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
    .flex-col {
      flex-direction: column;
    }
    .flex-row {
      flex-direction: row;
    }
    .flex-wrap {
      flex-wrap: wrap;
    }
    .items-baseline {
      align-items: baseline;
    }
    .items-center {
      align-items: center;
    }
    .items-end {
      align-items: flex-end;
    }
    .items-start {
      align-items: flex-start;
    }
    .justify-between {
      justify-content: space-between;
    }
    .justify-center {
      justify-content: center;
    }
    .justify-end {
      justify-content: flex-end;
    }
    .justify-start {
      justify-content: flex-start;
    }
    .justify-items-center {
      justify-items: center;
    }
    .gap-1 {
      gap: calc(var(--spacing) * 1);
    }
    .gap-2 {
      gap: calc(var(--spacing) * 2);
    }
    .gap-4 {
      gap: calc(var(--spacing) * 4);
    }
    .gap-5 {
      gap: calc(var(--spacing) * 5);
    }
    .gap-18 {
      gap: calc(var(--spacing) * 18);
    }
    .space-y-0\.5 {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
    .space-y-1 {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
    .space-y-1\.5 {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
    .space-y-2 {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
    .space-y-3 {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
    .space-y-4 {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
    .space-y-5 {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
    .space-y-6 {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
    .space-y-7 {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
    .gap-x-1 {
      column-gap: calc(var(--spacing) * 1);
    }
    .gap-x-2 {
      column-gap: calc(var(--spacing) * 2);
    }
    .gap-x-3 {
      column-gap: calc(var(--spacing) * 3);
    }
    .gap-x-4 {
      column-gap: calc(var(--spacing) * 4);
    }
    .gap-x-6 {
      column-gap: calc(var(--spacing) * 6);
    }
    .gap-x-8 {
      column-gap: calc(var(--spacing) * 8);
    }
    .space-x-1 {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
    .space-x-2 {
      :where(& > :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)));
      }
    }
    .space-x-3 {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
    .space-x-4 {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
    .space-x-6 {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
    .space-x-8 {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
    .gap-y-1 {
      row-gap: calc(var(--spacing) * 1);
    }
    .gap-y-2 {
      row-gap: calc(var(--spacing) * 2);
    }
    .gap-y-5 {
      row-gap: calc(var(--spacing) * 5);
    }
    .gap-y-12 {
      row-gap: calc(var(--spacing) * 12);
    }
    .divide-x {
      :where(& > :not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style: var(--tw-border-style);
        border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
        border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
      }
    }
    .divide-x-1 {
      :where(& > :not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style: var(--tw-border-style);
        border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
        border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
      }
    }
    .divide-x-2 {
      :where(& > :not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style: var(--tw-border-style);
        border-inline-start-width: calc(2px * var(--tw-divide-x-reverse));
        border-inline-end-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
      }
    }
    .divide-y {
      :where(& > :not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
      }
    }
    .divide-y-1 {
      :where(& > :not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
      }
    }
    .divide-y-2 {
      :where(& > :not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(2px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
      }
    }
    .divide-accent-blue {
      :where(& > :not(:last-child)) {
        border-color: var(--color-accent-blue);
      }
    }
    .divide-accent-dfs-blue {
      :where(& > :not(:last-child)) {
        border-color: var(--color-accent-dfs-blue);
      }
    }
    .divide-elevated-2 {
      :where(& > :not(:last-child)) {
        border-color: var(--color-elevated-2);
      }
    }
    .divide-inherit {
      :where(& > :not(:last-child)) {
        border-color: inherit;
      }
    }
    .divide-primary-inverted\/5 {
      :where(& > :not(:last-child)) {
        border-color: color-mix(in srgb, #1B1C1E 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-primary-inverted) 5%, transparent);
        }
      }
    }
    .divide-primary-silvergrey {
      :where(& > :not(:last-child)) {
        border-color: var(--color-primary-silvergrey);
      }
    }
    .divide-primary-silvergrey\/30 {
      :where(& > :not(:last-child)) {
        border-color: color-mix(in srgb, #8794A5 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-primary-silvergrey) 30%, transparent);
        }
      }
    }
    .divide-primary-white {
      :where(& > :not(:last-child)) {
        border-color: var(--color-primary-white);
      }
    }
    .self-end {
      align-self: flex-end;
    }
    .truncate {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .overflow-hidden {
      overflow: hidden;
    }
    .overflow-x-auto {
      overflow-x: auto;
    }
    .overflow-x-clip {
      overflow-x: clip;
    }
    .overflow-y-auto {
      overflow-y: auto;
    }
    .overflow-y-hidden {
      overflow-y: hidden;
    }
    .overflow-y-scroll {
      overflow-y: scroll;
    }
    .rounded {
      border-radius: 0.25rem;
    }
    .rounded-2xl {
      border-radius: var(--radius-2xl);
    }
    .rounded-full {
      border-radius: calc(infinity * 1px);
    }
    .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-l {
      border-top-left-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
    }
    .rounded-l-sm {
      border-top-left-radius: var(--radius-sm);
      border-bottom-left-radius: var(--radius-sm);
    }
    .rounded-r {
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
    }
    .rounded-r-3xl {
      border-top-right-radius: var(--radius-3xl);
      border-bottom-right-radius: var(--radius-3xl);
    }
    .rounded-r-none {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
    .rounded-tr-md {
      border-top-right-radius: var(--radius-md);
    }
    .rounded-br-md {
      border-bottom-right-radius: var(--radius-md);
    }
    .border {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
    .border-0 {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
    .border-2 {
      border-style: var(--tw-border-style);
      border-width: 2px;
    }
    .border-2\! {
      border-style: var(--tw-border-style) !important;
      border-width: 2px !important;
    }
    .border-x {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 1px;
    }
    .border-y-2 {
      border-block-style: var(--tw-border-style);
      border-block-width: 2px;
    }
    .border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
    .border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
    .border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
    .border-r-0 {
      border-right-style: var(--tw-border-style);
      border-right-width: 0px;
    }
    .border-r-2 {
      border-right-style: var(--tw-border-style);
      border-right-width: 2px;
    }
    .border-b {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
    .border-l-2 {
      border-left-style: var(--tw-border-style);
      border-left-width: 2px;
    }
    .border-dashed {
      --tw-border-style: dashed;
      border-style: dashed;
    }
    .border-none {
      --tw-border-style: none;
      border-style: none;
    }
    .border-accent-blue {
      border-color: var(--color-accent-blue);
    }
    .border-accent-dfs-blue {
      border-color: var(--color-accent-dfs-blue);
    }
    .border-current {
      border-color: currentcolor;
    }
    .border-dark-elevated-1 {
      border-color: var(--color-dark-elevated-1);
    }
    .border-elevated-1-inverted {
      border-color: var(--color-elevated-1-inverted);
    }
    .border-elevated-2 {
      border-color: var(--color-elevated-2);
    }
    .border-elevated-2-inverted {
      border-color: var(--color-elevated-2-inverted);
    }
    .border-inherit {
      border-color: inherit;
    }
    .border-primary-dark {
      border-color: var(--color-primary-dark);
    }
    .border-primary-inverted {
      border-color: var(--color-primary-inverted);
    }
    .border-primary-inverted\/10 {
      border-color: color-mix(in srgb, #1B1C1E 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-primary-inverted) 10%, transparent);
      }
    }
    .border-primary-silvergrey {
      border-color: var(--color-primary-silvergrey);
    }
    .border-primary-silvergrey\/30 {
      border-color: color-mix(in srgb, #8794A5 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-primary-silvergrey) 30%, transparent);
      }
    }
    .border-primary-white {
      border-color: var(--color-primary-white);
    }
    .border-red-invalid {
      border-color: var(--color-red-invalid);
    }
    .border-status-orange {
      border-color: var(--color-status-orange);
    }
    .border-status-pink {
      border-color: var(--color-status-pink);
    }
    .border-transparent {
      border-color: transparent;
    }
    .current-border {
      border-color: var(--color-current);
    }
    .current-border-darker {
      border-color: var(--color-current-darker);
    }
    .border-t-primary-silvergrey {
      border-top-color: var(--color-primary-silvergrey);
    }
    .border-b-primary-silvergrey {
      border-bottom-color: var(--color-primary-silvergrey);
    }
    .border-l-accent-blue {
      border-left-color: var(--color-accent-blue);
    }
    .border-l-primary-silvergrey\/10 {
      border-left-color: color-mix(in srgb, #8794A5 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-left-color: color-mix(in oklab, var(--color-primary-silvergrey) 10%, transparent);
      }
    }
    .border-l-primary-silvergrey\/30 {
      border-left-color: color-mix(in srgb, #8794A5 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-left-color: color-mix(in oklab, var(--color-primary-silvergrey) 30%, transparent);
      }
    }
    .bg-\[rgb\(128\,0\,0\)\] {
      background-color: rgb(128,0,0);
    }
    .bg-\[rgba\(0\,165\,0\,0\.15\)\] {
      background-color: rgba(0,165,0,0.15);
    }
    .bg-\[rgba\(165\,0\,0\,0\.15\)\] {
      background-color: rgba(165,0,0,0.15);
    }
    .bg-accent-blue {
      background-color: var(--color-accent-blue);
    }
    .bg-accent-blue\/30 {
      background-color: color-mix(in srgb, #2e77d0 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-accent-blue) 30%, transparent);
      }
    }
    .bg-accent-dfs-blue {
      background-color: var(--color-accent-dfs-blue);
    }
    .bg-black\/5 {
      background-color: color-mix(in srgb, #000 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
      }
    }
    .bg-black\/35 {
      background-color: color-mix(in srgb, #000 35%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 35%, transparent);
      }
    }
    .bg-black\/50 {
      background-color: color-mix(in srgb, #000 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
      }
    }
    .bg-blue-50 {
      background-color: var(--color-blue-50);
    }
    .bg-booking-not-active\/5 {
      background-color: color-mix(in srgb, #0000c8 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-booking-not-active) 5%, transparent);
      }
    }
    .bg-current {
      background-color: currentcolor;
    }
    .bg-dark-elevated-1 {
      background-color: var(--color-dark-elevated-1);
    }
    .bg-date-not-selected {
      background-color: var(--color-date-not-selected);
    }
    .bg-elevated-1 {
      background-color: var(--color-elevated-1);
    }
    .bg-elevated-1\/75 {
      background-color: color-mix(in srgb, oklch(92% 0.004 286.32) 75%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-elevated-1) 75%, transparent);
      }
    }
    .bg-elevated-2 {
      background-color: var(--color-elevated-2);
    }
    .bg-inherit {
      background-color: inherit;
    }
    .bg-primary {
      background-color: var(--color-primary);
    }
    .bg-primary-dark {
      background-color: var(--color-primary-dark);
    }
    .bg-primary-inverted\/3 {
      background-color: color-mix(in srgb, #1B1C1E 3%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-primary-inverted) 3%, transparent);
      }
    }
    .bg-primary-silvergrey {
      background-color: var(--color-primary-silvergrey);
    }
    .bg-primary-silvergrey\/15 {
      background-color: color-mix(in srgb, #8794A5 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-primary-silvergrey) 15%, transparent);
      }
    }
    .bg-primary-silvergrey\/25 {
      background-color: color-mix(in srgb, #8794A5 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-primary-silvergrey) 25%, transparent);
      }
    }
    .bg-primary-white {
      background-color: var(--color-primary-white);
    }
    .bg-primary\/25 {
      background-color: color-mix(in srgb, oklch(96.7% 0.001 286.375) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-primary) 25%, transparent);
      }
    }
    .bg-primary\/30 {
      background-color: color-mix(in srgb, oklch(96.7% 0.001 286.375) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
      }
    }
    .bg-primary\/75 {
      background-color: color-mix(in srgb, oklch(96.7% 0.001 286.375) 75%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-primary) 75%, transparent);
      }
    }
    .bg-red-invalid {
      background-color: var(--color-red-invalid);
    }
    .bg-status-alt-yellow {
      background-color: var(--color-status-alt-yellow);
    }
    .bg-status-dfs-lightgreen {
      background-color: var(--color-status-dfs-lightgreen);
    }
    .bg-status-orange {
      background-color: var(--color-status-orange);
    }
    .bg-status-orange\/10 {
      background-color: color-mix(in srgb, #FF9800 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-status-orange) 10%, transparent);
      }
    }
    .bg-status-pink {
      background-color: var(--color-status-pink);
    }
    .bg-zinc-700 {
      background-color: var(--color-zinc-700);
    }
    .current-bg {
      background-color: var(--color-current);
    }
    .current-bg-lighter {
      background-color: var(--color-current-lighter);
    }
    .fill-accent-blue {
      fill: var(--color-accent-blue);
    }
    .fill-current {
      fill: currentcolor;
    }
    .fill-none {
      fill: none;
    }
    .fill-primary-silvergrey {
      fill: var(--color-primary-silvergrey);
    }
    .fill-primary-white {
      fill: var(--color-primary-white);
    }
    .stroke-current {
      stroke: currentcolor;
    }
    .stroke-dark-elevated-1 {
      stroke: var(--color-dark-elevated-1);
    }
    .stroke-none {
      stroke: none;
    }
    .stroke-primary-inverted {
      stroke: var(--color-primary-inverted);
    }
    .stroke-primary-silvergrey {
      stroke: var(--color-primary-silvergrey);
    }
    .stroke-status-dfs-lightgreen {
      stroke: var(--color-status-dfs-lightgreen);
    }
    .stroke-white {
      stroke: var(--color-white);
    }
    .p-0\.5 {
      padding: calc(var(--spacing) * 0.5);
    }
    .p-1 {
      padding: calc(var(--spacing) * 1);
    }
    .p-1\.5 {
      padding: calc(var(--spacing) * 1.5);
    }
    .p-2 {
      padding: calc(var(--spacing) * 2);
    }
    .p-3 {
      padding: calc(var(--spacing) * 3);
    }
    .p-3\.5 {
      padding: calc(var(--spacing) * 3.5);
    }
    .p-4 {
      padding: calc(var(--spacing) * 4);
    }
    .p-6 {
      padding: calc(var(--spacing) * 6);
    }
    .p-\[2px_3px\] {
      padding: 2px 3px;
    }
    .p-\[3px\] {
      padding: 3px;
    }
    .p-\[5px\] {
      padding: 5px;
    }
    .p-px {
      padding: 1px;
    }
    .px-0\.5 {
      padding-inline: calc(var(--spacing) * 0.5);
    }
    .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-2 {
      padding-inline: calc(var(--spacing) * 2);
    }
    .px-2\.5 {
      padding-inline: calc(var(--spacing) * 2.5);
    }
    .px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
    .px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }
    .px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .px-13 {
      padding-inline: calc(var(--spacing) * 13);
    }
    .py-0\.5 {
      padding-block: calc(var(--spacing) * 0.5);
    }
    .py-1 {
      padding-block: calc(var(--spacing) * 1);
    }
    .py-1\.5 {
      padding-block: calc(var(--spacing) * 1.5);
    }
    .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-4 {
      padding-block: calc(var(--spacing) * 4);
    }
    .py-\[3px\] {
      padding-block: 3px;
    }
    .py-\[5px\] {
      padding-block: 5px;
    }
    .pt-0\.5 {
      padding-top: calc(var(--spacing) * 0.5);
    }
    .pt-1 {
      padding-top: calc(var(--spacing) * 1);
    }
    .pt-2 {
      padding-top: calc(var(--spacing) * 2);
    }
    .pt-3 {
      padding-top: calc(var(--spacing) * 3);
    }
    .pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }
    .pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }
    .pt-7 {
      padding-top: calc(var(--spacing) * 7);
    }
    .pt-8 {
      padding-top: calc(var(--spacing) * 8);
    }
    .pr-1 {
      padding-right: calc(var(--spacing) * 1);
    }
    .pr-1\.5 {
      padding-right: calc(var(--spacing) * 1.5);
    }
    .pr-2 {
      padding-right: calc(var(--spacing) * 2);
    }
    .pr-2\.5 {
      padding-right: calc(var(--spacing) * 2.5);
    }
    .pr-3 {
      padding-right: calc(var(--spacing) * 3);
    }
    .pr-4 {
      padding-right: calc(var(--spacing) * 4);
    }
    .pr-5 {
      padding-right: calc(var(--spacing) * 5);
    }
    .pb-0\.5 {
      padding-bottom: calc(var(--spacing) * 0.5);
    }
    .pb-1 {
      padding-bottom: calc(var(--spacing) * 1);
    }
    .pb-3 {
      padding-bottom: calc(var(--spacing) * 3);
    }
    .pb-4 {
      padding-bottom: calc(var(--spacing) * 4);
    }
    .pb-5 {
      padding-bottom: calc(var(--spacing) * 5);
    }
    .pl-0 {
      padding-left: calc(var(--spacing) * 0);
    }
    .pl-0\.5 {
      padding-left: calc(var(--spacing) * 0.5);
    }
    .pl-1 {
      padding-left: calc(var(--spacing) * 1);
    }
    .pl-1\.5 {
      padding-left: calc(var(--spacing) * 1.5);
    }
    .pl-2 {
      padding-left: calc(var(--spacing) * 2);
    }
    .pl-2\.5 {
      padding-left: calc(var(--spacing) * 2.5);
    }
    .pl-3 {
      padding-left: calc(var(--spacing) * 3);
    }
    .pl-5 {
      padding-left: calc(var(--spacing) * 5);
    }
    .pl-7\.5 {
      padding-left: calc(var(--spacing) * 7.5);
    }
    .pl-9 {
      padding-left: calc(var(--spacing) * 9);
    }
    .pl-10 {
      padding-left: calc(var(--spacing) * 10);
    }
    .text-center {
      text-align: center;
    }
    .text-end {
      text-align: end;
    }
    .text-right {
      text-align: right;
    }
    .font-sans {
      font-family: var(--font-sans);
    }
    .text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .text-\[26px\] {
      font-size: 26px;
    }
    .text-bl {
      font-size: var(--text-bl);
    }
    .text-bm {
      font-size: var(--text-bm);
    }
    .text-bs {
      font-size: var(--text-bs);
    }
    .text-hl {
      font-size: var(--text-hl);
    }
    .text-hm {
      font-size: var(--text-hm);
    }
    .text-ll {
      font-size: var(--text-ll);
    }
    .text-lm {
      font-size: var(--text-lm);
    }
    .text-ls {
      font-size: var(--text-ls);
    }
    .text-tl {
      font-size: var(--text-tl);
    }
    .text-tm {
      font-size: var(--text-tm);
    }
    .text-ts {
      font-size: var(--text-ts);
    }
    .font-bold {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
    .font-medium {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
    .font-normal {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
    .font-semibold {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
    .text-nowrap {
      text-wrap: nowrap;
    }
    .break-words {
      overflow-wrap: break-word;
    }
    .wrap-anywhere {
      overflow-wrap: anywhere;
    }
    .wrap-break-word {
      overflow-wrap: break-word;
    }
    .whitespace-nowrap {
      white-space: nowrap;
    }
    .whitespace-pre-line {
      white-space: pre-line;
    }
    .current-text {
      color: var(--color-current);
    }
    .text-\[rgb\(0\,192\,0\)\] {
      color: rgb(0,192,0);
    }
    .text-\[rgb\(255\,0\,0\)\] {
      color: rgb(255,0,0);
    }
    .text-accent-blue {
      color: var(--color-accent-blue);
    }
    .text-accent-blue\! {
      color: var(--color-accent-blue) !important;
    }
    .text-accent-dfs-blue {
      color: var(--color-accent-dfs-blue);
    }
    .text-amber-600 {
      color: var(--color-amber-600);
    }
    .text-current {
      color: currentcolor;
    }
    .text-elevated-1-inverted {
      color: var(--color-elevated-1-inverted);
    }
    .text-elevated-2-inverted {
      color: var(--color-elevated-2-inverted);
    }
    .text-gray-500 {
      color: var(--color-gray-500);
    }
    .text-primary-dark {
      color: var(--color-primary-dark);
    }
    .text-primary-inverted {
      color: var(--color-primary-inverted);
    }
    .text-primary-light {
      color: var(--color-primary-light);
    }
    .text-primary-silvergrey {
      color: var(--color-primary-silvergrey);
    }
    .text-primary-silvergrey\/30 {
      color: color-mix(in srgb, #8794A5 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-primary-silvergrey) 30%, transparent);
      }
    }
    .text-primary-white {
      color: var(--color-primary-white);
    }
    .text-red-500 {
      color: var(--color-red-500);
    }
    .text-red-invalid {
      color: var(--color-red-invalid);
    }
    .text-status-dfs-lightgreen {
      color: var(--color-status-dfs-lightgreen);
    }
    .text-status-dfs-lightgreen\! {
      color: var(--color-status-dfs-lightgreen) !important;
    }
    .text-status-green {
      color: var(--color-status-green);
    }
    .text-status-orange {
      color: var(--color-status-orange);
    }
    .text-status-pink {
      color: var(--color-status-pink);
    }
    .text-white {
      color: var(--color-white);
    }
    .italic {
      font-style: italic;
    }
    .line-through {
      text-decoration-line: line-through;
    }
    .decoration-current {
      text-decoration-color: currentcolor;
    }
    .opacity-0 {
      opacity: 0%;
    }
    .opacity-25 {
      opacity: 25%;
    }
    .opacity-50 {
      opacity: 50%;
    }
    .opacity-75 {
      opacity: 75%;
    }
    .shadow {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      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: 0px 1px 3px 1px var(--tw-shadow-color, rgba(0,0,0,0.25));
      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);
    }
    .inset-shadow-md {
      --tw-inset-shadow: inset 0px 1px 3px 0px var(--tw-inset-shadow-color, rgba(0,0,0,0.25));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .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,);
    }
    .blur-\[3px\] {
      --tw-blur: blur(3px);
      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-sm {
      --tw-backdrop-blur: blur(var(--blur-sm));
      -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,);
    }
    .backdrop-blur-xs {
      --tw-backdrop-blur: blur(var(--blur-xs));
      -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-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));
    }
    .with-color-accent-blue {
      --color-current: var(--color-accent-blue);
      --color-current-lighter: hsl(from var(--color-current) h s calc(l + 10));
      --color-current-darker: hsl(from var(--color-current) h s calc(l - 10));
    }
    .with-color-primary-light {
      --color-current: var(--color-primary-light);
      --color-current-lighter: hsl(from var(--color-current) h s calc(l + 10));
      --color-current-darker: hsl(from var(--color-current) h s calc(l - 10));
    }
    .with-color-primary-silvergrey {
      --color-current: var(--color-primary-silvergrey);
      --color-current-lighter: hsl(from var(--color-current) h s calc(l + 10));
      --color-current-darker: hsl(from var(--color-current) h s calc(l - 10));
    }
    .with-color-primary-white {
      --color-current: var(--color-primary-white);
      --color-current-lighter: hsl(from var(--color-current) h s calc(l + 10));
      --color-current-darker: hsl(from var(--color-current) h s calc(l - 10));
    }
    .with-color-red-invalid {
      --color-current: var(--color-red-invalid);
      --color-current-lighter: hsl(from var(--color-current) h s calc(l + 10));
      --color-current-darker: hsl(from var(--color-current) h s calc(l - 10));
    }
    .with-color-status-dfs-lightgreen {
      --color-current: var(--color-status-dfs-lightgreen);
      --color-current-lighter: hsl(from var(--color-current) h s calc(l + 10));
      --color-current-darker: hsl(from var(--color-current) h s calc(l - 10));
    }
    .with-color-status-green {
      --color-current: var(--color-status-green);
      --color-current-lighter: hsl(from var(--color-current) h s calc(l + 10));
      --color-current-darker: hsl(from var(--color-current) h s calc(l - 10));
    }
    .with-color-status-orange {
      --color-current: var(--color-status-orange);
      --color-current-lighter: hsl(from var(--color-current) h s calc(l + 10));
      --color-current-darker: hsl(from var(--color-current) h s calc(l - 10));
    }
    .select-none {
      -webkit-user-select: none;
      user-select: none;
    }
    .\*\:pb-2 {
      :is(& > *) {
        padding-bottom: calc(var(--spacing) * 2);
      }
    }
    .\*\:not-first\:\*\:pt-2 {
      :is(& > *) {
        &:not(*:first-child) {
          :is(& > *) {
            padding-top: calc(var(--spacing) * 2);
          }
        }
      }
    }
    .group-hover\:bg-current\/25 {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: currentcolor;
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, currentcolor 25%, transparent);
          }
        }
      }
    }
    .group-hover\:bg-current\/75 {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: currentcolor;
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, currentcolor 75%, transparent);
          }
        }
      }
    }
    .group-hover\:fill-primary-dark {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          fill: var(--color-primary-dark);
        }
      }
    }
    .group-hover\:stroke-current {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          stroke: currentcolor;
        }
      }
    }
    .group-hover\:current-text-lighter {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-current-lighter);
        }
      }
    }
    .group-hover\:text-elevated-2-inverted {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-elevated-2-inverted);
        }
      }
    }
    .\*\:\*\:first\:border-r-2 {
      :is(& > *) {
        :is(& > *) {
          &:first-child {
            border-right-style: var(--tw-border-style);
            border-right-width: 2px;
          }
        }
      }
    }
    .\*\:\*\:first\:border-primary-silvergrey {
      :is(& > *) {
        :is(& > *) {
          &:first-child {
            border-color: var(--color-primary-silvergrey);
          }
        }
      }
    }
    .\*\:\*\:first\:pr-2 {
      :is(& > *) {
        :is(& > *) {
          &:first-child {
            padding-right: calc(var(--spacing) * 2);
          }
        }
      }
    }
    .\*\:\*\:first\:align-top {
      :is(& > *) {
        :is(& > *) {
          &:first-child {
            vertical-align: top;
          }
        }
      }
    }
    .\*\:\*\:first\:font-medium {
      :is(& > *) {
        :is(& > *) {
          &:first-child {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
          }
        }
      }
    }
    .\*\:\*\:last\:pl-2 {
      :is(& > *) {
        :is(& > *) {
          &:last-child {
            padding-left: calc(var(--spacing) * 2);
          }
        }
      }
    }
    .odd\:bg-booking-not-active-odd\/5 {
      &:nth-child(odd) {
        background-color: color-mix(in srgb, #0000c7 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-booking-not-active-odd) 5%, transparent);
        }
      }
    }
    .odd\:bg-booking-not-active-odd\/15 {
      &:nth-child(odd) {
        background-color: color-mix(in srgb, #0000c7 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-booking-not-active-odd) 15%, transparent);
        }
      }
    }
    .odd\:bg-grey-odd\/5 {
      &:nth-child(odd) {
        background-color: color-mix(in srgb, #f0ebf6 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-grey-odd) 5%, transparent);
        }
      }
    }
    .odd\:bg-grey-odd\/15 {
      &:nth-child(odd) {
        background-color: color-mix(in srgb, #f0ebf6 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-grey-odd) 15%, transparent);
        }
      }
    }
    .odd\:text-primary-inverted {
      &:nth-child(odd) {
        color: var(--color-primary-inverted);
      }
    }
    .odd\:text-primary-silvergrey {
      &:nth-child(odd) {
        color: var(--color-primary-silvergrey);
      }
    }
    .even\:bg-booking-not-active-even\/5 {
      &:nth-child(even) {
        background-color: color-mix(in srgb, #1932c8 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-booking-not-active-even) 5%, transparent);
        }
      }
    }
    .even\:bg-booking-not-active-even\/15 {
      &:nth-child(even) {
        background-color: color-mix(in srgb, #1932c8 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-booking-not-active-even) 15%, transparent);
        }
      }
    }
    .even\:bg-grey-even\/5 {
      &:nth-child(even) {
        background-color: color-mix(in srgb, #8794a5 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-grey-even) 5%, transparent);
        }
      }
    }
    .even\:bg-grey-even\/15 {
      &:nth-child(even) {
        background-color: color-mix(in srgb, #8794a5 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-grey-even) 15%, transparent);
        }
      }
    }
    .even\:text-primary-silvergrey {
      &:nth-child(even) {
        color: var(--color-primary-silvergrey);
      }
    }
    .hover\:divide-primary-silvergrey {
      &:hover {
        @media (hover: hover) {
          :where(& > :not(:last-child)) {
            border-color: var(--color-primary-silvergrey);
          }
        }
      }
    }
    .hover\:border-elevated-2-inverted {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-elevated-2-inverted);
        }
      }
    }
    .hover\:border-primary-silvergrey {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-primary-silvergrey);
        }
      }
    }
    .hover\:border-primary-silvergrey\! {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-primary-silvergrey) !important;
        }
      }
    }
    .hover\:border-primary-white {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-primary-white);
        }
      }
    }
    .hover\:current-border-darker {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-current-darker);
        }
      }
    }
    .hover\:current-border-lighter {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-current-lighter);
        }
      }
    }
    .hover\:bg-black\/5 {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #000 5%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
          }
        }
      }
    }
    .hover\:bg-black\/10 {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #000 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
          }
        }
      }
    }
    .hover\:bg-booking-not-active\/5 {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #0000c8 5%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-booking-not-active) 5%, transparent);
          }
        }
      }
    }
    .hover\:bg-booking-not-active\/10 {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #0000c8 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-booking-not-active) 10%, transparent);
          }
        }
      }
    }
    .hover\:bg-dark-elevated-2 {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-dark-elevated-2);
        }
      }
    }
    .hover\:bg-elevated-2\/75 {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(87.1% 0.006 286.286) 75%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-elevated-2) 75%, transparent);
          }
        }
      }
    }
    .hover\:bg-primary {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-primary);
        }
      }
    }
    .hover\:bg-primary-inverted {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-primary-inverted);
        }
      }
    }
    .hover\:bg-primary-inverted\/10 {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #1B1C1E 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-primary-inverted) 10%, transparent);
          }
        }
      }
    }
    .hover\:bg-primary-silvergrey\/30 {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #8794A5 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-primary-silvergrey) 30%, transparent);
          }
        }
      }
    }
    .hover\:bg-status-dfs-lightgreen\/70 {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #C3F519 70%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-status-dfs-lightgreen) 70%, transparent);
          }
        }
      }
    }
    .hover\:bg-white {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-white);
        }
      }
    }
    .hover\:bg-zinc-500 {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-zinc-500);
        }
      }
    }
    .hover\:current-bg-darker {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-current-darker);
        }
      }
    }
    .hover\:stroke-primary-inverted {
      &:hover {
        @media (hover: hover) {
          stroke: var(--color-primary-inverted);
        }
      }
    }
    .hover\:current-text-darker {
      &:hover {
        @media (hover: hover) {
          color: var(--color-current-darker);
        }
      }
    }
    .hover\:text-elevated-1-inverted {
      &:hover {
        @media (hover: hover) {
          color: var(--color-elevated-1-inverted);
        }
      }
    }
    .hover\:text-elevated-2-inverted {
      &:hover {
        @media (hover: hover) {
          color: var(--color-elevated-2-inverted);
        }
      }
    }
    .hover\:text-primary {
      &:hover {
        @media (hover: hover) {
          color: var(--color-primary);
        }
      }
    }
    .hover\:text-primary-inverted {
      &:hover {
        @media (hover: hover) {
          color: var(--color-primary-inverted);
        }
      }
    }
    .hover\:text-primary-silvergrey {
      &:hover {
        @media (hover: hover) {
          color: var(--color-primary-silvergrey);
        }
      }
    }
    .hover\:underline {
      &:hover {
        @media (hover: hover) {
          text-decoration-line: underline;
        }
      }
    }
    .hover\:shadow-md {
      &:hover {
        @media (hover: hover) {
          --tw-shadow: 0px 1px 3px 1px var(--tw-shadow-color, rgba(0,0,0,0.25));
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
      }
    }
    .focus\:border-primary-inverted {
      &:focus {
        border-color: var(--color-primary-inverted);
      }
    }
    .focus\:bg-zinc-600 {
      &:focus {
        background-color: var(--color-zinc-600);
      }
    }
    .enabled\:group-hover\:current-bg-lighter {
      &:enabled {
        &:is(:where(.group):hover *) {
          @media (hover: hover) {
            background-color: var(--color-current-lighter);
          }
        }
      }
    }
    .enabled\:hover\:bg-grey-hover {
      &:enabled {
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-grey-hover);
          }
        }
      }
    }
    .enabled\:hover\:bg-orange-hover {
      &:enabled {
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-orange-hover);
          }
        }
      }
    }
    .enabled\:hover\:bg-primary-silvergrey\/30 {
      &:enabled {
        &:hover {
          @media (hover: hover) {
            background-color: color-mix(in srgb, #8794A5 30%, transparent);
            @supports (color: color-mix(in lab, red, red)) {
              background-color: color-mix(in oklab, var(--color-primary-silvergrey) 30%, transparent);
            }
          }
        }
      }
    }
    .enabled\:hover\:bg-status-orange {
      &:enabled {
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-status-orange);
          }
        }
      }
    }
    .enabled\:hover\:current-bg-darker {
      &:enabled {
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-current-darker);
          }
        }
      }
    }
    .enabled\:hover\:current-bg-lighter {
      &:enabled {
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-current-lighter);
          }
        }
      }
    }
    .hover\:enabled\:bg-white {
      &:hover {
        @media (hover: hover) {
          &:enabled {
            background-color: var(--color-white);
          }
        }
      }
    }
    .enabled\:hover\:text-primary-dark {
      &:enabled {
        &:hover {
          @media (hover: hover) {
            color: var(--color-primary-dark);
          }
        }
      }
    }
    .enabled\:hover\:text-primary-silvergrey {
      &:enabled {
        &:hover {
          @media (hover: hover) {
            color: var(--color-primary-silvergrey);
          }
        }
      }
    }
    .enabled\:hover\:text-status-dfs-lightgreen {
      &:enabled {
        &:hover {
          @media (hover: hover) {
            color: var(--color-status-dfs-lightgreen);
          }
        }
      }
    }
    .disabled\:border-current {
      &:disabled {
        border-color: currentcolor;
      }
    }
    .disabled\:bg-primary-dark\/30 {
      &:disabled {
        background-color: color-mix(in srgb, #1B1C1E 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-primary-dark) 30%, transparent);
        }
      }
    }
    .disabled\:bg-transparent {
      &:disabled {
        background-color: transparent;
      }
    }
    .disabled\:text-primary-silvergrey {
      &:disabled {
        color: var(--color-primary-silvergrey);
      }
    }
    .disabled\:opacity-50 {
      &:disabled {
        opacity: 50%;
      }
    }
    .dark\:bg-white\/5 {
      &:where(.dark, .dark *) {
        background-color: color-mix(in srgb, #fff 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
      }
    }
    .dark\:text-status-dfs-lightgreen {
      &:where(.dark, .dark *) {
        color: var(--color-status-dfs-lightgreen);
      }
    }
    .dark\:hover\:bg-white\/5 {
      &:where(.dark, .dark *) {
        &:hover {
          @media (hover: hover) {
            background-color: color-mix(in srgb, #fff 5%, transparent);
            @supports (color: color-mix(in lab, red, red)) {
              background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
            }
          }
        }
      }
    }
    .dark\:hover\:bg-white\/10 {
      &:where(.dark, .dark *) {
        &:hover {
          @media (hover: hover) {
            background-color: color-mix(in srgb, #fff 10%, transparent);
            @supports (color: color-mix(in lab, red, red)) {
              background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
            }
          }
        }
      }
    }
  }
}
@layer theme {
  .dark {
    --color-primary: var(--color-primary-dark);
    --color-elevated-1: var(--color-dark-elevated-1);
    --color-elevated-2: var(--color-dark-elevated-2);
    --color-primary-inverted: var(--color-primary-light);
    --color-elevated-1-inverted: var(--color-light-elevated-1);
    --color-elevated-2-inverted: var(--color-light-elevated-2);
    --color-date-not-selected: var(--color-dark-red);
  }
}
@layer components {
  .btn {
    display: inline-block;
    font-size: var(--text-bm);
    font-weight: 500;
    vertical-align: middle;
    stroke: currentColor;
    fill: currentColor;
    border-width: 2px;
    border-color: transparent;
    border-radius: var(--radius-sm);
    user-select: none;
    height: 30px;
    padding-inline: 12px;
    padding-block: 2px;
  }
  .btn:enabled {
    box-shadow: var(--shadow-md);
  }
  .btn:disabled {
    opacity: 50%;
  }
  .dropdown-body {
    z-index: 999;
    position: absolute;
    top: 100%;
    display: flex;
    flex-direction: column;
    min-width: 100%;
    min-height: calc(var(--spacing) * 8);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-md);
    white-space: nowrap;
  }
  .value-container {
    display: flex;
    min-height: 30px;
    padding-inline: 8px;
    padding-block: 5px;
  }
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  src: url(fonts/Roboto-Regular.ttf);
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: url(fonts/Roboto-Medium.ttf);
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  src: url(fonts/Roboto-Bold.ttf);
}
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: normal;
  src: url(fonts/Roboto-Italic.ttf);
}
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 500;
  src: url(fonts/Roboto-MediumItalic.ttf);
}
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: bold;
  src: url(fonts/Roboto-BoldItalic.ttf);
}
@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: normal;
  src: url(fonts/RobotoCondensed-Regular.ttf);
}
@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: bold;
  src: url(fonts/RobotoCondensed-Bold.ttf);
}
@font-face {
  font-family: Roboto Condensed;
  font-style: italic;
  font-weight: normal;
  src: url(fonts/RobotoCondensed-Italic.ttf);
}
@font-face {
  font-family: Roboto Condensed;
  font-style: italic;
  font-weight: bold;
  src: url(fonts/RobotoCondensed-BoldItalic.ttf);
}
@supports (not (selector(::-webkit-scrollbar))) {
  .scrollbar-primary {
    scrollbar-width: thin;
    scrollbar-color: var(--color-primary-dark) var(--color-primary-light);
    &:where(.dark, .dark *) {
      scrollbar-color: var(--color-primary-white) var(--color-primary-dark);
    }
  }
  .scrollbar-elevated-1 {
    scrollbar-width: thin;
    scrollbar-color: var(--color-primary-dark) var(--color-light-elevated-1);
    &:where(.dark, .dark *) {
      scrollbar-color: var(--color-primary-white) var(--color-dark-elevated-1);
    }
  }
}
@supports selector(::-webkit-scrollbar) {
  ::-webkit-scrollbar-track {
    border-radius: 10px;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
  .scrollbar-large::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  .scrollbar-thin::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  ::-webkit-scrollbar-thumb {
    background: var(--color-primary-dark);
  }
  .dark ::-webkit-scrollbar-thumb {
    background: var(--color-primary-white);
  }
  .scrollbar-primary::-webkit-scrollbar-track {
    background: var(--color-primary-white);
  }
  .dark .scrollbar-primary::-webkit-scrollbar-track {
    background: var(--color-primary-dark);
  }
  .scrollbar-elevated-1::-webkit-scrollbar-track {
    background: var(--color-light-elevated-1);
  }
  .dark .scrollbar-elevated-1::-webkit-scrollbar-track {
    background: var(--color-dark-elevated-1);
  }
}
*, ::after, ::before {
  box-sizing: border-box;
}
input:focus, textarea:focus {
  outline: none;
  outline-width: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  display: none;
  margin: 0;
}
textarea {
  padding-right: 10px;
  resize: none;
}
button:enabled {
  cursor: pointer;
}
@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-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@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: 0px;
}
@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-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;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@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-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --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-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;
    }
  }
}