/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-duration: initial;
      --tw-ease: 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: 0;
      --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-outline-style: solid;
      --tw-content: "";
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-leading: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-space-y-reverse: 0;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --spacing: .25rem;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }

  :root {
    color-scheme: light dark;
  }

  @layer base {
    :root button:not(:disabled), :root [role="button"]:not(:disabled) {
      cursor: pointer;
    }
  }

  :root {
    --novoui-true-blue-1: #e6e8f0;
    --novoui-true-blue-2: #c2c8da;
    --novoui-true-blue-3: #919cbd;
    --novoui-true-blue-4: #5e6e9e;
    --novoui-true-blue-5: #2e4281;
    --novoui-true-blue-6: #001965;
    --novoui-true-blue-7: #001556;
    --novoui-true-blue-8: #001248;
    --novoui-true-blue-9: #000e3a;
    --novoui-true-blue-10: #000b2d;
    --novoui-neutral-1: #fff;
    --novoui-neutral-2: #f7f8fa;
    --novoui-neutral-3: #f0f1f5;
    --novoui-neutral-4: #e8eaf0;
    --novoui-neutral-5: #dcdee5;
    --novoui-neutral-6: #b3b8c7;
    --novoui-neutral-7: #8e94a6;
    --novoui-neutral-8: #666d80;
    --novoui-neutral-9: #454b5c;
    --novoui-neutral-10: #272e41;
    --novoui-sea-blue-1: #e6effb;
    --novoui-sea-blue-2: #c2d8f4;
    --novoui-sea-blue-3: #91b8ec;
    --novoui-sea-blue-4: #5e98e3;
    --novoui-sea-blue-5: #2e79da;
    --novoui-sea-blue-6: #005bd2;
    --novoui-sea-blue-7: #004db3;
    --novoui-sea-blue-8: #004195;
    --novoui-sea-blue-9: #003478;
    --novoui-sea-blue-10: #00295e;
    --novoui-faded-blue-1: #eff0f5;
    --novoui-faded-blue-2: #d7dbe8;
    --novoui-faded-blue-3: #b8bfd5;
    --novoui-faded-blue-4: #97a2c2;
    --novoui-faded-blue-5: #7886af;
    --novoui-faded-blue-6: #5a6b9e;
    --novoui-faded-blue-7: #4d5b86;
    --novoui-faded-blue-8: #404c70;
    --novoui-faded-blue-9: #333d5a;
    --novoui-faded-blue-10: #283047;
    --novoui-light-blue-1: #ebf5fc;
    --novoui-light-blue-2: #d0e6f7;
    --novoui-light-blue-3: #abd2f1;
    --novoui-light-blue-4: #84bdea;
    --novoui-light-blue-5: #5eaae4;
    --novoui-light-blue-6: #3b97de;
    --novoui-light-blue-7: #3280bd;
    --novoui-light-blue-8: #2a6b9e;
    --novoui-light-blue-9: #22567f;
    --novoui-light-blue-10: #1b4464;
    --novoui-ocean-green-1: #eaf4f3;
    --novoui-ocean-green-2: #cce5e3;
    --novoui-ocean-green-3: #a3d0cd;
    --novoui-ocean-green-4: #79bab6;
    --novoui-ocean-green-5: #50a5a0;
    --novoui-ocean-green-6: #2a918b;
    --novoui-ocean-green-7: #247b76;
    --novoui-ocean-green-8: #1e6763;
    --novoui-ocean-green-9: #18534f;
    --novoui-ocean-green-10: #13413f;
    --novoui-rose-pink-1: #fdf6f9;
    --novoui-rose-pink-2: #fbeaf0;
    --novoui-rose-pink-3: #f8d9e3;
    --novoui-rose-pink-4: #f4c8d7;
    --novoui-rose-pink-5: #f1b7cb;
    --novoui-rose-pink-6: #eea7bf;
    --novoui-rose-pink-7: #ca8ea2;
    --novoui-rose-pink-8: #a97788;
    --novoui-rose-pink-9: #885f6d;
    --novoui-rose-pink-10: #6b4b56;
    --novoui-sand-grey-1: #faf9f8;
    --novoui-sand-grey-2: #f3f1ef;
    --novoui-sand-grey-3: #e9e6e3;
    --novoui-sand-grey-4: #dfdad5;
    --novoui-sand-grey-5: #d5cfc9;
    --novoui-sand-grey-6: #ccc5bd;
    --novoui-sand-grey-7: #ada7a1;
    --novoui-sand-grey-8: #918c86;
    --novoui-sand-grey-9: #74706c;
    --novoui-sand-grey-10: #5c5955;
    --novoui-granite-grey-1: #f4f5f6;
    --novoui-granite-grey-2: #e5e7ea;
    --novoui-granite-grey-3: #d1d4d9;
    --novoui-granite-grey-4: #bbbfc8;
    --novoui-granite-grey-5: #a6acb7;
    --novoui-granite-grey-6: #939aa7;
    --novoui-granite-grey-7: #7d838e;
    --novoui-granite-grey-8: #686d77;
    --novoui-granite-grey-9: #54585f;
    --novoui-granite-grey-10: #42454b;
    --novoui-lava-red-1: #fdeeec;
    --novoui-lava-red-2: #f9d6d1;
    --novoui-lava-red-3: #f4b6ac;
    --novoui-lava-red-4: #ef9486;
    --novoui-lava-red-5: #eb7462;
    --novoui-lava-red-6: #e6553f;
    --novoui-lava-red-7: #c44836;
    --novoui-lava-red-8: #a33c2d;
    --novoui-lava-red-9: #833024;
    --novoui-lava-red-10: #67261c;
    --novoui-golden-sun-1: #fdf7e6;
    --novoui-golden-sun-2: #faebc2;
    --novoui-golden-sun-3: #f6db91;
    --novoui-golden-sun-4: #f2ca5e;
    --novoui-golden-sun-5: #eeba2e;
    --novoui-golden-sun-6: #eaab00;
    --novoui-golden-sun-7: #c79100;
    --novoui-golden-sun-8: #a67900;
    --novoui-golden-sun-9: #856100;
    --novoui-golden-sun-10: #694d00;
    --novoui-forest-green-1: #ecf5eb;
    --novoui-forest-green-2: #d1e7cf;
    --novoui-forest-green-3: #acd4a8;
    --novoui-forest-green-4: #86c180;
    --novoui-forest-green-5: #62ae59;
    --novoui-forest-green-6: #3f9c35;
    --novoui-forest-green-7: #36852d;
    --novoui-forest-green-8: #2d6f26;
    --novoui-forest-green-9: #24591e;
    --novoui-forest-green-10: #1c4618;
    --novoui-gradient-on-light-sea-blue-0: #005ad200;
    --novoui-gradient-on-light-sea-blue-100: #005ad2;
    --novoui-gradient-alert-lava-red-0: #a33c2d00;
    --novoui-gradient-alert-lava-red-100: #a33c2d;
    --novoui-gradient-on-dark-white-0: #fff0;
    --novoui-gradient-on-dark-white-100: #fff;
    --novoui-background-general-base: light-dark(#fff, #000b2d);
    --novoui-background-general-subtle: light-dark(#f7f8fa, #000e3a);
    --novoui-background-general-medium: light-dark(#f0f1f5, #001965);
    --novoui-background-general-strong: light-dark(#e8eaf0, #2e4281);
    --novoui-background-general-elevated: light-dark(#fff, #001248);
    --novoui-background-general-overlay-opacity-0: light-dark(#0000, #fff0);
    --novoui-background-general-overlay-opacity-15: light-dark(#00000026, #ffffff26);
    --novoui-background-general-overlay-opacity-30: light-dark(#0000004d, #ffffff4d);
    --novoui-background-general-overlay-opacity-50: light-dark(#00000080, #ffffff80);
    --novoui-background-general-overlay-opacity-70: light-dark(#000000b2, #ffffffb2);
    --novoui-background-general-overlay-inverted-opacity-0: light-dark(#fff0, #0000);
    --novoui-background-general-overlay-inverted-opacity-15: light-dark(#ffffff26, #00000026);
    --novoui-background-general-overlay-inverted-opacity-30: light-dark(#ffffff4d, #0000004d);
    --novoui-background-general-overlay-inverted-opacity-50: light-dark(#ffffff80, #00000080);
    --novoui-background-general-overlay-inverted-opacity-70: light-dark(#ffffffb2, #000000b2);
    --novoui-background-general-low-emphasis-enabled: light-dark(#f7f8fa, #001248);
    --novoui-background-general-low-emphasis-hover: light-dark(#f0f1f5, #001556);
    --novoui-background-general-low-emphasis-active: light-dark(#e8eaf0, #001965);
    --novoui-background-general-medium-emphasis-enabled: light-dark(#fff, #000b2d);
    --novoui-background-general-medium-emphasis-hover: light-dark(#e6effb, #001965);
    --novoui-background-general-medium-emphasis-active: light-dark(#c2d8f4, #2e4281);
    --novoui-background-general-high-emphasis-enabled: light-dark(#005bd2, #005bd2);
    --novoui-background-general-high-emphasis-hover: light-dark(#004db3, #2e79da);
    --novoui-background-general-high-emphasis-active: light-dark(#004195, #5e98e3);
    --novoui-background-disabled-subtle: light-dark(#faf9f8, #272e41);
    --novoui-background-disabled-medium: light-dark(#e9e6e3, #454b5c);
    --novoui-background-disabled-strong: light-dark(#dfdad5, #666d80);
    --novoui-background-alert-low-emphasis-enabled: light-dark(#fdeeec, #67261cb2);
    --novoui-background-alert-low-emphasis-hover: light-dark(#f9d6d1, #833024b2);
    --novoui-background-alert-low-emphasis-active: light-dark(#f4b6ac, #a33c2db2);
    --novoui-background-alert-high-emphasis-enabled: light-dark(#c44836, #c44836);
    --novoui-background-alert-high-emphasis-hover: light-dark(#a33c2d, #e6553f);
    --novoui-background-alert-high-emphasis-active: light-dark(#833024, #eb7462);
    --novoui-background-accent-red-subtle: light-dark(#fdf6f9, #6b4b56);
    --novoui-background-accent-red-light: light-dark(#fbeaf0, #885f6d);
    --novoui-background-accent-red-medium: light-dark(#f4c8d7, #a97788);
    --novoui-background-accent-red-heavy: light-dark(#eea7bf, #ca8ea2);
    --novoui-background-accent-green-subtle: light-dark(#eaf4f3, #13413f);
    --novoui-background-accent-green-light: light-dark(#cce5e3, #18534f);
    --novoui-background-accent-green-medium: light-dark(#79bab6, #1e6763);
    --novoui-background-accent-green-heavy: light-dark(#2a918b, #247b76);
    --novoui-background-accent-blue-subtle: light-dark(#ebf5fc, #1b4464);
    --novoui-background-accent-blue-light: light-dark(#d0e6f7, #22567f);
    --novoui-background-accent-blue-medium: light-dark(#84bdea, #2a6b9e);
    --novoui-background-accent-blue-heavy: light-dark(#3b97de, #3280bd);
    --novoui-background-accent-neutral-subtle: light-dark(#faf9f8, #404c70);
    --novoui-background-accent-neutral-light: light-dark(#f3f1ef, #4d5b86);
    --novoui-background-accent-neutral-medium: light-dark(#dfdad5, #5a6b9e);
    --novoui-background-accent-neutral-heavy: light-dark(#ccc5bd, #7886af);
    --novoui-background-accordion-enabled: light-dark(#fff, #000b2d);
    --novoui-background-accordion-hover: light-dark(#f7f8fa, #001248);
    --novoui-background-accordion-active: light-dark(#f0f1f5, #001556);
    --novoui-background-accordion-elevated-enabled: light-dark(#fff, #001248);
    --novoui-background-accordion-elevated-hover: light-dark(#f7f8fa, #001965);
    --novoui-background-accordion-elevated-active: light-dark(#f0f1f5, #2e4281);
    --novoui-background-button-fill-enabled: light-dark(#005bd2, #005bd2);
    --novoui-background-button-fill-hover: light-dark(#004db3, #2e79da);
    --novoui-background-button-fill-active: light-dark(#004195, #5e98e3);
    --novoui-background-button-fill-secondary-enabled: light-dark(#001965, #001965);
    --novoui-background-button-fill-secondary-hover: light-dark(#001556, #001556);
    --novoui-background-button-fill-secondary-active: light-dark(#001248, #001248);
    --novoui-background-button-outline-enabled: light-dark(#fff, #000b2d);
    --novoui-background-button-outline-hover: light-dark(#e6effb, #001965);
    --novoui-background-button-outline-active: light-dark(#c2d8f4, #2e4281);
    --novoui-background-button-outline-subtle-enabled: light-dark(#fff, #000b2d);
    --novoui-background-button-outline-subtle-hover: light-dark(#f7f8fa, #001248);
    --novoui-background-button-outline-subtle-active: light-dark(#e6effb, #001965);
    --novoui-background-button-text-enabled: light-dark(#fff0, #fff0);
    --novoui-background-button-text-hover: light-dark(#e6effb, #001965);
    --novoui-background-button-text-active: light-dark(#c2d8f4, #2e4281);
    --novoui-background-button-destructive-enabled: light-dark(#c44836, #a33c2d);
    --novoui-background-button-destructive-hover: light-dark(#a33c2d, #c44836);
    --novoui-background-button-destructive-active: light-dark(#833024, #e6553f);
    --novoui-background-button-transparent-enabled: light-dark(#ffffff26, #ffffff26);
    --novoui-background-button-transparent-hover: light-dark(#ffffff4d, #ffffff4d);
    --novoui-background-button-transparent-active: light-dark(#ffffff80, #ffffff80);
    --novoui-background-cards-enabled: light-dark(#fff, #001248);
    --novoui-background-cards-hover: light-dark(#fff, #001556);
    --novoui-background-cards-disabled: light-dark(#fff, #272e41);
    --novoui-background-cards-loading: light-dark(#f3f1ef, #2e4281);
    --novoui-background-cards-elevated-enabled: light-dark(#fff, #001965);
    --novoui-background-cards-elevated-hover: light-dark(#fff, #2e4281);
    --novoui-background-cards-fill-unselected-enabled: light-dark(#f7f8fa, #001248);
    --novoui-background-cards-fill-unselected-hover: light-dark(#f0f1f5, #001556);
    --novoui-background-cards-fill-selected-enabled: light-dark(#e6effb, #001965);
    --novoui-background-cards-fill-selected-hover: light-dark(#c2d8f4, #2e4281);
    --novoui-background-cards-outline-unselected-enabled: light-dark(#fff, #001248);
    --novoui-background-cards-outline-unselected-hover: light-dark(#f0f1f5, #001556);
    --novoui-background-cards-outline-selected-enabled: light-dark(#e6effb, #001556);
    --novoui-background-cards-outline-selected-hover: light-dark(#c2d8f4, #001965);
    --novoui-background-controls-fill-enabled: light-dark(#f7f8fa, #001556);
    --novoui-background-controls-fill-hover: light-dark(#f0f1f5, #001965);
    --novoui-background-controls-fill-pressed: light-dark(#e8eaf0, #2e4281);
    --novoui-background-controls-fill-low-emphasis-selected: light-dark(#f0f1f5, #001556);
    --novoui-background-controls-fill-low-emphasis-selected-hover: light-dark(#e8eaf0, #001965);
    --novoui-background-controls-fill-high-emphasis-selected: light-dark(#005bd2, #005bd2);
    --novoui-background-controls-fill-high-emphasis-selected-hover: light-dark(#004db3, #2e79da);
    --novoui-background-controls-outline-low-emphasis-enabled: light-dark(#fff, #000b2d);
    --novoui-background-controls-outline-low-emphasis-hover: light-dark(#f0f1f5, #001556);
    --novoui-background-controls-outline-low-emphasis-pressed: light-dark(#e8eaf0, #001965);
    --novoui-background-controls-outline-low-emphasis-selected: light-dark(#e6effb, #001965);
    --novoui-background-controls-outline-low-emphasis-selected-hover: light-dark(#c2d8f4, #2e4281);
    --novoui-background-controls-outline-high-emphasis-enabled: light-dark(#fff, #000b2d);
    --novoui-background-controls-outline-high-emphasis-hover: light-dark(#e6effb, #001965);
    --novoui-background-controls-outline-high-emphasis-pressed: light-dark(#c2d8f4, #2e4281);
    --novoui-background-controls-outline-high-emphasis-selected: light-dark(#005bd2, #005bd2);
    --novoui-background-controls-outline-high-emphasis-selected-hover: light-dark(#004db3, #2e79da);
    --novoui-background-controls-outline-high-emphasis-icon-hover: light-dark(#f0f1f5, #001556);
    --novoui-background-controls-outline-high-emphasis-icon-pressed: light-dark(#e8eaf0, #001965);
    --novoui-background-date-picker-default-hover: light-dark(#e6effb, #001965);
    --novoui-background-date-picker-default-active: light-dark(#c2d8f4, #2e4281);
    --novoui-background-date-picker-today-hover: light-dark(#e6effb, #001965);
    --novoui-background-date-picker-today-active: light-dark(#c2d8f4, #2e4281);
    --novoui-background-date-picker-selected-enabled: light-dark(#005bd2, #005bd2);
    --novoui-background-date-picker-selected-hover: light-dark(#004db3, #2e79da);
    --novoui-background-date-picker-selected-focus: light-dark(#005bd2, #005bd2);
    --novoui-background-date-picker-selected-active: light-dark(#004195, #5e98e3);
    --novoui-background-date-picker-middle-enabled: light-dark(#e6effb, #2e4281);
    --novoui-background-date-picker-middle-hover: light-dark(#c2d8f4, #5e6e9e);
    --novoui-background-date-picker-middle-active: light-dark(#c2d8f4, #5e6e9e);
    --novoui-background-date-picker-prev-next-hover: light-dark(#f7f8fa, #001556);
    --novoui-background-date-picker-prev-next-active: light-dark(#e8eaf0, #001965);
    --novoui-background-drag-card-enabled: light-dark(#fff, #000b2d);
    --novoui-background-drag-card-active: light-dark(#e6effb, #001965);
    --novoui-background-drag-handle-enabled: light-dark(#f7f8fa, #000b2d);
    --novoui-background-drag-handle-hover: light-dark(#f0f1f5, #001965);
    --novoui-background-drag-handle-active: light-dark(#c2d8f4, #2e4281);
    --novoui-background-forms-enabled: light-dark(#f7f8fa, #001248);
    --novoui-background-forms-active: light-dark(#e6effb, #001556);
    --novoui-background-forms-disabled: light-dark(#faf9f8, #454b5c);
    --novoui-background-forms-light-enabled: light-dark(#fff, #000b2d);
    --novoui-background-forms-light-active: light-dark(#fff, #000b2d);
    --novoui-background-forms-light-disabled: light-dark(#faf9f8, #454b5c);
    --novoui-background-loading-edges: light-dark(#f7f8fa, #001965);
    --novoui-background-loading-middle: light-dark(#dcdee5, #2e4281);
    --novoui-background-progress-base: light-dark(#e8eaf0, #001965);
    --novoui-background-progress-enabled: light-dark(#005bd2, #005bd2);
    --novoui-background-progress-success: light-dark(#86c180, #86c180);
    --novoui-background-notifications-and-tags-info-subtle: light-dark(#ebf5fc, #1b4464);
    --novoui-background-notifications-and-tags-info-light: light-dark(#d0e6f7, #22567f);
    --novoui-background-notifications-and-tags-info-medium: light-dark(#abd2f1, #3b97de);
    --novoui-background-notifications-and-tags-info-strong: light-dark(#3280bd, #3280bd);
    --novoui-background-notifications-and-tags-success-subtle: light-dark(#ecf5eb, #1c4618);
    --novoui-background-notifications-and-tags-success-light: light-dark(#d1e7cf, #24591e);
    --novoui-background-notifications-and-tags-success-medium: light-dark(#acd4a8, #2d6f26);
    --novoui-background-notifications-and-tags-success-strong: light-dark(#36852d, #36852d);
    --novoui-background-notifications-and-tags-warning-subtle: light-dark(#fdf7e6, #856100);
    --novoui-background-notifications-and-tags-warning-light: light-dark(#faebc2, #a67900);
    --novoui-background-notifications-and-tags-warning-medium: light-dark(#f6db91, #c79100);
    --novoui-background-notifications-and-tags-warning-strong: light-dark(#eaab00, #eaab00);
    --novoui-background-notifications-and-tags-alert-subtle: light-dark(#fdeeec, #67261c);
    --novoui-background-notifications-and-tags-alert-light: light-dark(#f9d6d1, #833024);
    --novoui-background-notifications-and-tags-alert-medium: light-dark(#f4b6ac, #a33c2d);
    --novoui-background-notifications-and-tags-alert-strong: light-dark(#c44836, #c44836);
    --novoui-background-notifications-and-tags-brand-subtle: light-dark(#001965, #004195);
    --novoui-background-notifications-and-tags-neutral-subtle: light-dark(#f7f8fa, #001248);
    --novoui-background-notifications-and-tags-neutral-light: light-dark(#f0f1f5, #001556);
    --novoui-background-notifications-and-tags-neutral-strong: light-dark(#454b5c, #333d5a);
    --novoui-background-modal-enabled: light-dark(#00000080, #00000080);
    --novoui-background-table-enabled: light-dark(#fff, #000b2d);
    --novoui-background-table-hover: light-dark(#f7f8fa, #001248);
    --novoui-background-table-active: light-dark(#e6effb, #001965);
    --novoui-background-table-active-hover: light-dark(#c2d8f4, #2e4281);
    --novoui-background-table-header-dark: light-dark(#272e41, #001556);
    --novoui-background-table-header-light: light-dark(#f7f8fa, #2e4281);
    --novoui-background-table-header-transparent: light-dark(#fff, #000b2d);
    --novoui-background-tabs-enabled: light-dark(#fff, #000b2d);
    --novoui-background-tabs-hover: light-dark(#e6effb, #001965);
    --novoui-background-tabs-active: light-dark(#fff, #000b2d);
    --novoui-background-tabs-transparent: light-dark(#0000, #fff0);
    --novoui-background-toggle-switch-enabled: light-dark(#f7f8fa, #000b2d);
    --novoui-background-toggle-switch-hover: light-dark(#f0f1f5, #001248);
    --novoui-background-toggle-switch-fill-selected: light-dark(#005bd2, #005bd2);
    --novoui-background-toggle-switch-outline-selected: light-dark(#fff, #001965);
    --novoui-background-toggle-button-fill-enabled: light-dark(#f7f8fa, #001248);
    --novoui-background-toggle-button-fill-hover: light-dark(#f0f1f5, #001965);
    --novoui-background-toggle-button-fill-selected: light-dark(#005bd2, #005bd2);
    --novoui-background-toggle-button-outline-enabled: light-dark(#fff, #000b2d);
    --novoui-background-toggle-button-outline-hover: light-dark(#f0f1f5, #001556);
    --novoui-background-toggle-button-outline-selected: light-dark(#e6effb, #001965);
    --novoui-background-tooltip-enabled: light-dark(#000b2d, #91b8ec);
    --novoui-background-selection-enabled: light-dark(#fff, #000b2d);
    --novoui-background-selection-selected-enabled: light-dark(#005bd2, #005bd2);
    --novoui-background-selection-selected-hover: light-dark(#004db3, #2e79da);
    --novoui-background-selection-selected-active: light-dark(#004195, #5e98e3);
    --novoui-background-selection-handle: light-dark(#fff, #000b2d);
    --novoui-background-selection-switch-base-enabled: light-dark(#f0f1f5, #2e4281);
    --novoui-background-selection-switch-base-hover: light-dark(#e8eaf0, #5e6e9e);
    --novoui-background-selection-switch-base-error: light-dark(#f0f1f5, #67261cb2);
    --novoui-background-selection-switch-selected-enabled: light-dark(#005bd2, #005bd2);
    --novoui-background-selection-switch-selected-hover: light-dark(#004db3, #2e79da);
    --novoui-background-slider-track: light-dark(#e8eaf0, #001965);
    --novoui-background-slider-track-filled: light-dark(#005bd2, #005bd2);
    --novoui-background-slider-thumb-enabled: light-dark(#005bd2, #005bd2);
    --novoui-background-slider-thumb-hover: light-dark(#004db3, #2e79da);
    --novoui-background-slider-thumb-active: light-dark(#004195, #5e98e3);
    --novoui-background-slider-read-only: light-dark(#000b2d, #2e4281);
    --novoui-background-side-menus-side-panel: light-dark(#fff, #000b2d);
    --novoui-background-side-menus-elevated: light-dark(#fff, #001248);
    --novoui-background-side-menus-menu-enabled: light-dark(#fff, #001248);
    --novoui-background-side-menus-menu-hover: light-dark(#e6effb, #2e4281);
    --novoui-background-side-menus-menu-badge-enabled: light-dark(#e6effb, #5e6e9e);
    --novoui-background-side-menus-menu-badge-hover: light-dark(#c2d8f4, #5e6e9e);
    --novoui-background-side-menus-menu-notification: light-dark(#005bd2, #005bd2);
    --novoui-background-side-menus-menu-subnav: light-dark(#fff, #000b2d);
    --novoui-background-side-menus-switcher-enabled: light-dark(#fff, #000b2d);
    --novoui-background-side-menus-switcher-hover: light-dark(#fff, #001965);
    --novoui-background-side-menus-switcher-active: light-dark(#e6effb, #2e4281);
    --novoui-border-general-subtle: light-dark(#e8eaf0, #2e4281);
    --novoui-border-general-medium: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-general-strong: light-dark(#b3b8c7, #919cbd);
    --novoui-border-general-heavy: light-dark(#8e94a6, #c2c8da);
    --novoui-border-general-focus: light-dark(#84bdea, #5eaae4);
    --novoui-border-general-low-emphasis-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-general-low-emphasis-hover: light-dark(#b3b8c7, #919cbd);
    --novoui-border-general-low-emphasis-active: light-dark(#8e94a6, #c2c8da);
    --novoui-border-general-high-emphasis-enabled: light-dark(#005bd2, #005bd2);
    --novoui-border-general-high-emphasis-hover: light-dark(#004db3, #2e79da);
    --novoui-border-general-high-emphasis-active: light-dark(#004195, #5e98e3);
    --novoui-border-disabled-subtle: light-dark(#dfdad5, #454b5c);
    --novoui-border-disabled-medium: light-dark(#d5cfc9, #666d80);
    --novoui-border-disabled-strong: light-dark(#ccc5bd, #8e94a6);
    --novoui-border-alert-enabled: light-dark(#c44836, #c44836);
    --novoui-border-alert-hover: light-dark(#a33c2d, #e6553f);
    --novoui-border-alert-active: light-dark(#833024, #eb7462);
    --novoui-border-accordion-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-button-outline-enabled: light-dark(#005bd2, #005bd2);
    --novoui-border-button-outline-hover: light-dark(#004db3, #2e79da);
    --novoui-border-button-outline-active: light-dark(#004195, #5e98e3);
    --novoui-border-button-outline-subtle-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-button-outline-subtle-hover: light-dark(#b3b8c7, #919cbd);
    --novoui-border-button-outline-subtle-active: light-dark(#004195, #c2c8da);
    --novoui-border-button-destructive-focus: light-dark(#ef9486, #eb7462);
    --novoui-border-button-transparent-enabled: light-dark(#00196526, #ffffff26);
    --novoui-border-button-transparent-hover: light-dark(#00196580, #ffffff80);
    --novoui-border-button-transparent-active: light-dark(#001965, #fff);
    --novoui-border-button-transparent-branded-enabled: light-dark(#ffffff26, #ffffff26);
    --novoui-border-button-transparent-branded-hover: light-dark(#ffffff80, #ffffff80);
    --novoui-border-button-transparent-branded-active: light-dark(#fff, #fff);
    --novoui-border-cards-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-cards-hover: light-dark(#b3b8c7, #919cbd);
    --novoui-border-cards-hover-elevated: light-dark(#e8eaf0, #5e6e9e);
    --novoui-border-cards-outline-unselected-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-cards-outline-unselected-hover: light-dark(#005bd2, #005bd2);
    --novoui-border-cards-outline-unselected-pressed: light-dark(#004db3, #2e79da);
    --novoui-border-cards-outline-selected-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-cards-outline-selected-hover: light-dark(#005bd2, #005bd2);
    --novoui-border-cards-outline-selected-pressed: light-dark(#004db3, #2e79da);
    --novoui-border-controls-low-emphasis-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-controls-low-emphasis-hover: light-dark(#b3b8c7, #919cbd);
    --novoui-border-controls-low-emphasis-pressed: light-dark(#8e94a6, #c2c8da);
    --novoui-border-controls-low-emphasis-selected: light-dark(#005bd2, #005bd2);
    --novoui-border-controls-low-emphasis-selected-hover: light-dark(#004db3, #2e79da);
    --novoui-border-controls-focus: light-dark(#84bdea, #5eaae4);
    --novoui-border-controls-high-emphasis-enabled: light-dark(#005bd2, #005bd2);
    --novoui-border-controls-high-emphasis-hover: light-dark(#004db3, #2e79da);
    --novoui-border-controls-high-emphasis-pressed: light-dark(#004195, #5e98e3);
    --novoui-border-date-picker-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-date-picker-hover: light-dark(#f0f1f5, #919cbd);
    --novoui-border-drag-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-drag-hover: light-dark(#b3b8c7, #919cbd);
    --novoui-border-drag-active: light-dark(#005bd2, #005bd2);
    --novoui-border-forms-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-forms-active: light-dark(#005bd2, #005bd2);
    --novoui-border-notifications-neutral-enabled: light-dark(#e8eaf0, #2e4281);
    --novoui-border-table-dark: light-dark(#454b5c, #2e4281);
    --novoui-border-table-light: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-table-transparent: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-tabs-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-tabs-hover: light-dark(#005bd2, #005bd2);
    --novoui-border-tabs-active: light-dark(#005bd2, #005bd2);
    --novoui-border-toggle-switch-base: light-dark(#e8eaf0, #2e4281);
    --novoui-border-toggle-button-outline-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-toggle-button-outline-hover: light-dark(#b3b8c7, #919cbd);
    --novoui-border-toggle-button-outline-selected: light-dark(#004db3, #c2c8da);
    --novoui-border-tooltip-border: light-dark(#000b2d, #91b8ec);
    --novoui-border-selection-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-selection-hover: light-dark(#005bd2, #2e79da);
    --novoui-border-selection-active: light-dark(#004195, #5e98e3);
    --novoui-border-selection-switch-enabled: light-dark(#dcdee5, #2e4281);
    --novoui-border-selection-switch-hover: light-dark(#005bd2, #5e6e9e);
    --novoui-border-selection-switch-selected-enabled: light-dark(#dcdee5, #005bd2);
    --novoui-border-selection-switch-selected-hover: light-dark(#005bd2, #2e79da);
    --novoui-border-side-menus-menu-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-side-menus-menu-hover: light-dark(#b3b8c7, #919cbd);
    --novoui-border-side-menus-menu-notification: light-dark(#fff, #001965);
    --novoui-border-side-menus-menu-notification-selected: light-dark(#e6effb, #2e4281);
    --novoui-border-side-menus-menu-side-panel: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-side-menus-switcher-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-side-menus-switcher-hover: light-dark(#b3b8c7, #919cbd);
    --novoui-border-side-menus-switcher-active: light-dark(#005bd2, #005bd2);
    --novoui-text-color-general-headline: light-dark(#001965, #fff);
    --novoui-fill-general-headline: light-dark(#001965, #fff);
    --novoui-stroke-general-headline: light-dark(#001965, #fff);
    --novoui-text-color-general-primary: light-dark(#001965, #fff);
    --novoui-fill-general-primary: light-dark(#001965, #fff);
    --novoui-stroke-general-primary: light-dark(#001965, #fff);
    --novoui-text-color-general-secondary: light-dark(#454b5c, #c2c8da);
    --novoui-fill-general-secondary: light-dark(#454b5c, #c2c8da);
    --novoui-stroke-general-secondary: light-dark(#454b5c, #c2c8da);
    --novoui-text-color-general-tertiary: light-dark(#666d80, #919cbd);
    --novoui-fill-general-tertiary: light-dark(#666d80, #919cbd);
    --novoui-stroke-general-tertiary: light-dark(#666d80, #919cbd);
    --novoui-text-color-general-inverted: light-dark(#fff, #fff);
    --novoui-fill-general-inverted: light-dark(#fff, #fff);
    --novoui-stroke-general-inverted: light-dark(#fff, #fff);
    --novoui-text-color-general-inverted-secondary: light-dark(#b3b8c7, #b3b8c7);
    --novoui-fill-general-inverted-secondary: light-dark(#b3b8c7, #b3b8c7);
    --novoui-stroke-general-inverted-secondary: light-dark(#b3b8c7, #b3b8c7);
    --novoui-text-color-general-seperator: light-dark(#b3b8c7, #8e94a6);
    --novoui-fill-general-seperator: light-dark(#b3b8c7, #8e94a6);
    --novoui-stroke-general-seperator: light-dark(#b3b8c7, #8e94a6);
    --novoui-text-color-general-high-emphasis-enabled: light-dark(#005bd2, #91b8ec);
    --novoui-fill-general-high-emphasis-enabled: light-dark(#005bd2, #91b8ec);
    --novoui-stroke-general-high-emphasis-enabled: light-dark(#005bd2, #91b8ec);
    --novoui-text-color-general-high-emphasis-hover: light-dark(#004db3, #c2d8f4);
    --novoui-fill-general-high-emphasis-hover: light-dark(#004db3, #c2d8f4);
    --novoui-stroke-general-high-emphasis-hover: light-dark(#004db3, #c2d8f4);
    --novoui-text-color-general-high-emphasis-active: light-dark(#004195, #fff);
    --novoui-fill-general-high-emphasis-active: light-dark(#004195, #fff);
    --novoui-stroke-general-high-emphasis-active: light-dark(#004195, #fff);
    --novoui-text-color-disabled-subtle: light-dark(#ccc5bd, #666d80);
    --novoui-fill-disabled-subtle: light-dark(#ccc5bd, #666d80);
    --novoui-stroke-disabled-subtle: light-dark(#ccc5bd, #666d80);
    --novoui-text-color-disabled-medium: light-dark(#ada7a1, #8e94a6);
    --novoui-fill-disabled-medium: light-dark(#ada7a1, #8e94a6);
    --novoui-stroke-disabled-medium: light-dark(#ada7a1, #8e94a6);
    --novoui-text-color-disabled-strong: light-dark(#918c86, #b3b8c7);
    --novoui-fill-disabled-strong: light-dark(#918c86, #b3b8c7);
    --novoui-stroke-disabled-strong: light-dark(#918c86, #b3b8c7);
    --novoui-text-color-alert-enabled: light-dark(#c44836, #eb7462);
    --novoui-fill-alert-enabled: light-dark(#c44836, #eb7462);
    --novoui-stroke-alert-enabled: light-dark(#c44836, #eb7462);
    --novoui-text-color-alert-hover: light-dark(#a33c2d, #ef9486);
    --novoui-fill-alert-hover: light-dark(#a33c2d, #ef9486);
    --novoui-stroke-alert-hover: light-dark(#a33c2d, #ef9486);
    --novoui-text-color-alert-active: light-dark(#833024, #f4b6ac);
    --novoui-fill-alert-active: light-dark(#833024, #f4b6ac);
    --novoui-stroke-alert-active: light-dark(#833024, #f4b6ac);
    --novoui-text-color-alert-inverted: light-dark(#fff, #67261c);
    --novoui-fill-alert-inverted: light-dark(#fff, #67261c);
    --novoui-stroke-alert-inverted: light-dark(#fff, #67261c);
    --novoui-text-color-links-enabled: light-dark(#005bd2, #5e98e3);
    --novoui-fill-links-enabled: light-dark(#005bd2, #5e98e3);
    --novoui-stroke-links-enabled: light-dark(#005bd2, #5e98e3);
    --novoui-text-color-links-hover: light-dark(#004195, #91b8ec);
    --novoui-fill-links-hover: light-dark(#004195, #91b8ec);
    --novoui-stroke-links-hover: light-dark(#004195, #91b8ec);
    --novoui-text-color-links-active: light-dark(#005bd2, #c2d8f4);
    --novoui-fill-links-active: light-dark(#005bd2, #c2d8f4);
    --novoui-stroke-links-active: light-dark(#005bd2, #c2d8f4);
    --novoui-text-color-links-visited: light-dark(#005bd2, #5e98e3);
    --novoui-fill-links-visited: light-dark(#005bd2, #5e98e3);
    --novoui-stroke-links-visited: light-dark(#005bd2, #5e98e3);
    --novoui-text-color-accent-enabled: light-dark(#454b5c, #c2c8da);
    --novoui-fill-accent-enabled: light-dark(#454b5c, #c2c8da);
    --novoui-stroke-accent-enabled: light-dark(#454b5c, #c2c8da);
    --novoui-text-color-accordion-headline: light-dark(#001965, #fff);
    --novoui-fill-accordion-headline: light-dark(#001965, #fff);
    --novoui-stroke-accordion-headline: light-dark(#001965, #fff);
    --novoui-text-color-accordion-body: light-dark(#454b5c, #c2c8da);
    --novoui-fill-accordion-body: light-dark(#454b5c, #c2c8da);
    --novoui-stroke-accordion-body: light-dark(#454b5c, #c2c8da);
    --novoui-text-color-accordion-active: light-dark(#001965, #fff);
    --novoui-fill-accordion-active: light-dark(#001965, #fff);
    --novoui-stroke-accordion-active: light-dark(#001965, #fff);
    --novoui-text-color-button-fill-enabled: light-dark(#fff, #fff);
    --novoui-fill-button-fill-enabled: light-dark(#fff, #fff);
    --novoui-stroke-button-fill-enabled: light-dark(#fff, #fff);
    --novoui-text-color-button-fill-secondary-enabled: light-dark(#fff, #fff);
    --novoui-fill-button-fill-secondary-enabled: light-dark(#fff, #fff);
    --novoui-stroke-button-fill-secondary-enabled: light-dark(#fff, #fff);
    --novoui-text-color-button-outline-enabled: light-dark(#005bd2, #91b8ec);
    --novoui-fill-button-outline-enabled: light-dark(#005bd2, #91b8ec);
    --novoui-stroke-button-outline-enabled: light-dark(#005bd2, #91b8ec);
    --novoui-text-color-button-outline-hover: light-dark(#004db3, #c2d8f4);
    --novoui-fill-button-outline-hover: light-dark(#004db3, #c2d8f4);
    --novoui-stroke-button-outline-hover: light-dark(#004db3, #c2d8f4);
    --novoui-text-color-button-outline-active: light-dark(#004195, #fff);
    --novoui-fill-button-outline-active: light-dark(#004195, #fff);
    --novoui-stroke-button-outline-active: light-dark(#004195, #fff);
    --novoui-text-color-button-outline-subtle-enabled: light-dark(#001965, #fff);
    --novoui-fill-button-outline-subtle-enabled: light-dark(#001965, #fff);
    --novoui-stroke-button-outline-subtle-enabled: light-dark(#001965, #fff);
    --novoui-text-color-button-text-enabled: light-dark(#005bd2, #91b8ec);
    --novoui-fill-button-text-enabled: light-dark(#005bd2, #91b8ec);
    --novoui-stroke-button-text-enabled: light-dark(#005bd2, #91b8ec);
    --novoui-text-color-button-text-hover: light-dark(#004db3, #c2d8f4);
    --novoui-fill-button-text-hover: light-dark(#004db3, #c2d8f4);
    --novoui-stroke-button-text-hover: light-dark(#004db3, #c2d8f4);
    --novoui-text-color-button-text-active: light-dark(#004195, #fff);
    --novoui-fill-button-text-active: light-dark(#004195, #fff);
    --novoui-stroke-button-text-active: light-dark(#004195, #fff);
    --novoui-text-color-button-destructive-enabled: light-dark(#fff, #fff);
    --novoui-fill-button-destructive-enabled: light-dark(#fff, #fff);
    --novoui-stroke-button-destructive-enabled: light-dark(#fff, #fff);
    --novoui-text-color-button-transparent-enabled: light-dark(#001965, #fff);
    --novoui-fill-button-transparent-enabled: light-dark(#001965, #fff);
    --novoui-stroke-button-transparent-enabled: light-dark(#001965, #fff);
    --novoui-text-color-button-transparent-inverted: light-dark(#fff, #fff);
    --novoui-fill-button-transparent-inverted: light-dark(#fff, #fff);
    --novoui-stroke-button-transparent-inverted: light-dark(#fff, #fff);
    --novoui-text-color-cards-enabled: light-dark(#001965, #fff);
    --novoui-fill-cards-enabled: light-dark(#001965, #fff);
    --novoui-stroke-cards-enabled: light-dark(#001965, #fff);
    --novoui-text-color-cards-unselected: light-dark(#454b5c, #c2c8da);
    --novoui-fill-cards-unselected: light-dark(#454b5c, #c2c8da);
    --novoui-stroke-cards-unselected: light-dark(#454b5c, #c2c8da);
    --novoui-text-color-controls-high-emphasis: light-dark(#005bd2, #91b8ec);
    --novoui-fill-controls-high-emphasis: light-dark(#005bd2, #91b8ec);
    --novoui-stroke-controls-high-emphasis: light-dark(#005bd2, #91b8ec);
    --novoui-text-color-controls-high-emphasis-hover: light-dark(#004db3, #c2d8f4);
    --novoui-fill-controls-high-emphasis-hover: light-dark(#004db3, #c2d8f4);
    --novoui-stroke-controls-high-emphasis-hover: light-dark(#004db3, #c2d8f4);
    --novoui-text-color-controls-high-emphasis-pressed: light-dark(#004db3, #c2d8f4);
    --novoui-fill-controls-high-emphasis-pressed: light-dark(#004db3, #c2d8f4);
    --novoui-stroke-controls-high-emphasis-pressed: light-dark(#004db3, #c2d8f4);
    --novoui-text-color-controls-high-emphasis-selected: light-dark(#004195, #fff);
    --novoui-fill-controls-high-emphasis-selected: light-dark(#004195, #fff);
    --novoui-stroke-controls-high-emphasis-selected: light-dark(#004195, #fff);
    --novoui-text-color-controls-low-emphasis: light-dark(#001965, #fff);
    --novoui-fill-controls-low-emphasis: light-dark(#001965, #fff);
    --novoui-stroke-controls-low-emphasis: light-dark(#001965, #fff);
    --novoui-text-color-controls-selected: light-dark(#fff, #fff);
    --novoui-fill-controls-selected: light-dark(#fff, #fff);
    --novoui-stroke-controls-selected: light-dark(#fff, #fff);
    --novoui-text-color-date-picker-enabled: light-dark(#001965, #fff);
    --novoui-fill-date-picker-enabled: light-dark(#001965, #fff);
    --novoui-stroke-date-picker-enabled: light-dark(#001965, #fff);
    --novoui-text-color-date-picker-selected: light-dark(#fff, #fff);
    --novoui-fill-date-picker-selected: light-dark(#fff, #fff);
    --novoui-stroke-date-picker-selected: light-dark(#fff, #fff);
    --novoui-text-color-date-picker-prev-next: light-dark(#666d80, #919cbd);
    --novoui-fill-date-picker-prev-next: light-dark(#666d80, #919cbd);
    --novoui-stroke-date-picker-prev-next: light-dark(#666d80, #919cbd);
    --novoui-text-color-date-picker-read-only: light-dark(#dcdee5, #5e6e9e);
    --novoui-fill-date-picker-read-only: light-dark(#dcdee5, #5e6e9e);
    --novoui-stroke-date-picker-read-only: light-dark(#dcdee5, #5e6e9e);
    --novoui-text-color-drag-enabled: light-dark(#b3b8c7, #c2c8da);
    --novoui-fill-drag-enabled: light-dark(#b3b8c7, #c2c8da);
    --novoui-stroke-drag-enabled: light-dark(#b3b8c7, #c2c8da);
    --novoui-text-color-drag-hover: light-dark(#8e94a6, #c2c8da);
    --novoui-fill-drag-hover: light-dark(#8e94a6, #c2c8da);
    --novoui-stroke-drag-hover: light-dark(#8e94a6, #c2c8da);
    --novoui-text-color-drag-active: light-dark(#001965, #fff);
    --novoui-fill-drag-active: light-dark(#001965, #fff);
    --novoui-stroke-drag-active: light-dark(#001965, #fff);
    --novoui-text-color-forms-empty: light-dark(#666d80, #c2c8da);
    --novoui-fill-forms-empty: light-dark(#666d80, #c2c8da);
    --novoui-stroke-forms-empty: light-dark(#666d80, #c2c8da);
    --novoui-text-color-forms-filled: light-dark(#001965, #fff);
    --novoui-fill-forms-filled: light-dark(#001965, #fff);
    --novoui-stroke-forms-filled: light-dark(#001965, #fff);
    --novoui-text-color-forms-label: light-dark(#001965, #fff);
    --novoui-fill-forms-label: light-dark(#001965, #fff);
    --novoui-stroke-forms-label: light-dark(#001965, #fff);
    --novoui-text-color-forms-assistive: light-dark(#666d80, #919cbd);
    --novoui-fill-forms-assistive: light-dark(#666d80, #919cbd);
    --novoui-stroke-forms-assistive: light-dark(#666d80, #919cbd);
    --novoui-text-color-forms-handle: light-dark(#dcdee5, #919cbd);
    --novoui-fill-forms-handle: light-dark(#dcdee5, #919cbd);
    --novoui-stroke-forms-handle: light-dark(#dcdee5, #919cbd);
    --novoui-text-color-notifications-and-tags-enabled: light-dark(#001965, #fff);
    --novoui-fill-notifications-and-tags-enabled: light-dark(#001965, #fff);
    --novoui-stroke-notifications-and-tags-enabled: light-dark(#001965, #fff);
    --novoui-text-color-notifications-and-tags-on-brand: light-dark(#fff, #fff);
    --novoui-fill-notifications-and-tags-on-brand: light-dark(#fff, #fff);
    --novoui-stroke-notifications-and-tags-on-brand: light-dark(#fff, #fff);
    --novoui-text-color-notifications-and-tags-on-sucess: light-dark(#36852d, #ecf5eb);
    --novoui-fill-notifications-and-tags-on-sucess: light-dark(#36852d, #ecf5eb);
    --novoui-stroke-notifications-and-tags-on-sucess: light-dark(#36852d, #ecf5eb);
    --novoui-text-color-notifications-and-tags-on-subtle-sucess: light-dark(#24591e, #d1e7cf);
    --novoui-fill-notifications-and-tags-on-subtle-sucess: light-dark(#24591e, #d1e7cf);
    --novoui-stroke-notifications-and-tags-on-subtle-sucess: light-dark(#24591e, #d1e7cf);
    --novoui-text-color-notifications-and-tags-on-warning: light-dark(#000b2d, #faebc2);
    --novoui-fill-notifications-and-tags-on-warning: light-dark(#000b2d, #faebc2);
    --novoui-stroke-notifications-and-tags-on-warning: light-dark(#000b2d, #faebc2);
    --novoui-text-color-notifications-and-tags-on-strong-warning: light-dark(#000b2d, #000b2d);
    --novoui-fill-notifications-and-tags-on-strong-warning: light-dark(#000b2d, #000b2d);
    --novoui-stroke-notifications-and-tags-on-strong-warning: light-dark(#000b2d, #000b2d);
    --novoui-text-color-notifications-and-tags-on-alert: light-dark(#833024, #f9d6d1);
    --novoui-fill-notifications-and-tags-on-alert: light-dark(#833024, #f9d6d1);
    --novoui-stroke-notifications-and-tags-on-alert: light-dark(#833024, #f9d6d1);
    --novoui-text-color-notifications-and-tags-on-info: light-dark(#22567f, #d0e6f7);
    --novoui-fill-notifications-and-tags-on-info: light-dark(#22567f, #d0e6f7);
    --novoui-stroke-notifications-and-tags-on-info: light-dark(#22567f, #d0e6f7);
    --novoui-text-color-notifications-and-tags-on-neutral: light-dark(#454b5c, #f7f8fa);
    --novoui-fill-notifications-and-tags-on-neutral: light-dark(#454b5c, #f7f8fa);
    --novoui-stroke-notifications-and-tags-on-neutral: light-dark(#454b5c, #f7f8fa);
    --novoui-text-color-table-primary: light-dark(#001965, #fff);
    --novoui-fill-table-primary: light-dark(#001965, #fff);
    --novoui-stroke-table-primary: light-dark(#001965, #fff);
    --novoui-text-color-table-secondary: light-dark(#454b5c, #c2c8da);
    --novoui-fill-table-secondary: light-dark(#454b5c, #c2c8da);
    --novoui-stroke-table-secondary: light-dark(#454b5c, #c2c8da);
    --novoui-text-color-table-inverted: light-dark(#fff, #fff);
    --novoui-fill-table-inverted: light-dark(#fff, #fff);
    --novoui-stroke-table-inverted: light-dark(#fff, #fff);
    --novoui-text-color-table-inverted-secondary: light-dark(#b3b8c7, #c2c8da);
    --novoui-fill-table-inverted-secondary: light-dark(#b3b8c7, #c2c8da);
    --novoui-stroke-table-inverted-secondary: light-dark(#b3b8c7, #c2c8da);
    --novoui-text-color-tabs-enabled: light-dark(#454b5c, #c2c8da);
    --novoui-fill-tabs-enabled: light-dark(#454b5c, #c2c8da);
    --novoui-stroke-tabs-enabled: light-dark(#454b5c, #c2c8da);
    --novoui-text-color-tabs-hover: light-dark(#004db3, #c2d8f4);
    --novoui-fill-tabs-hover: light-dark(#004db3, #c2d8f4);
    --novoui-stroke-tabs-hover: light-dark(#004db3, #c2d8f4);
    --novoui-text-color-tabs-active: light-dark(#004db3, #91b8ec);
    --novoui-fill-tabs-active: light-dark(#004db3, #91b8ec);
    --novoui-stroke-tabs-active: light-dark(#004db3, #91b8ec);
    --novoui-text-color-tabs-disabled: light-dark(#ada7a1, #666d80);
    --novoui-fill-tabs-disabled: light-dark(#ada7a1, #666d80);
    --novoui-stroke-tabs-disabled: light-dark(#ada7a1, #666d80);
    --novoui-text-color-toggle-switch-enabled: light-dark(#001965, #fff);
    --novoui-fill-toggle-switch-enabled: light-dark(#001965, #fff);
    --novoui-stroke-toggle-switch-enabled: light-dark(#001965, #fff);
    --novoui-text-color-toggle-switch-selected: light-dark(#fff, #fff);
    --novoui-fill-toggle-switch-selected: light-dark(#fff, #fff);
    --novoui-stroke-toggle-switch-selected: light-dark(#fff, #fff);
    --novoui-text-color-toggle-button-fill-enabled: light-dark(#001965, #fff);
    --novoui-fill-toggle-button-fill-enabled: light-dark(#001965, #fff);
    --novoui-stroke-toggle-button-fill-enabled: light-dark(#001965, #fff);
    --novoui-text-color-toggle-button-fill-selected: light-dark(#fff, #fff);
    --novoui-fill-toggle-button-fill-selected: light-dark(#fff, #fff);
    --novoui-stroke-toggle-button-fill-selected: light-dark(#fff, #fff);
    --novoui-text-color-toggle-button-outline-enabled: light-dark(#001965, #fff);
    --novoui-fill-toggle-button-outline-enabled: light-dark(#001965, #fff);
    --novoui-stroke-toggle-button-outline-enabled: light-dark(#001965, #fff);
    --novoui-text-color-toggle-button-outline-selected: light-dark(#004db3, #fff);
    --novoui-fill-toggle-button-outline-selected: light-dark(#004db3, #fff);
    --novoui-stroke-toggle-button-outline-selected: light-dark(#004db3, #fff);
    --novoui-text-color-tooltip-enabled: light-dark(#fff, #001965);
    --novoui-fill-tooltip-enabled: light-dark(#fff, #001965);
    --novoui-stroke-tooltip-enabled: light-dark(#fff, #001965);
    --novoui-text-color-tooltip-primary: light-dark(#fff, #001965);
    --novoui-fill-tooltip-primary: light-dark(#fff, #001965);
    --novoui-stroke-tooltip-primary: light-dark(#fff, #001965);
    --novoui-text-color-tooltip-secondary: light-dark(#b3b8c7, #454b5c);
    --novoui-fill-tooltip-secondary: light-dark(#b3b8c7, #454b5c);
    --novoui-stroke-tooltip-secondary: light-dark(#b3b8c7, #454b5c);
    --novoui-text-color-selection-enabled: light-dark(#001965, #fff);
    --novoui-fill-selection-enabled: light-dark(#001965, #fff);
    --novoui-stroke-selection-enabled: light-dark(#001965, #fff);
    --novoui-text-color-selection-unselected: light-dark(#454b5c, #c2c8da);
    --novoui-fill-selection-unselected: light-dark(#454b5c, #c2c8da);
    --novoui-stroke-selection-unselected: light-dark(#454b5c, #c2c8da);
    --novoui-text-color-selection-selected: light-dark(#005bd2, #fff);
    --novoui-fill-selection-selected: light-dark(#005bd2, #fff);
    --novoui-stroke-selection-selected: light-dark(#005bd2, #fff);
    --novoui-text-color-selection-on-selected: light-dark(#fff, #fff);
    --novoui-fill-selection-on-selected: light-dark(#fff, #fff);
    --novoui-stroke-selection-on-selected: light-dark(#fff, #fff);
    --novoui-text-color-side-menus-menu-enabled: light-dark(#454b5c, #fff);
    --novoui-fill-side-menus-menu-enabled: light-dark(#454b5c, #fff);
    --novoui-stroke-side-menus-menu-enabled: light-dark(#454b5c, #fff);
    --novoui-text-color-side-menus-menu-hover: light-dark(#005bd2, #91b8ec);
    --novoui-fill-side-menus-menu-hover: light-dark(#005bd2, #91b8ec);
    --novoui-stroke-side-menus-menu-hover: light-dark(#005bd2, #91b8ec);
    --novoui-text-color-side-menus-menu-header: light-dark(#666d80, #919cbd);
    --novoui-fill-side-menus-menu-header: light-dark(#666d80, #919cbd);
    --novoui-stroke-side-menus-menu-header: light-dark(#666d80, #919cbd);
    --novoui-text-color-side-menus-switcher-primary: light-dark(#001965, #fff);
    --novoui-fill-side-menus-switcher-primary: light-dark(#001965, #fff);
    --novoui-stroke-side-menus-switcher-primary: light-dark(#001965, #fff);
    --novoui-text-color-side-menus-switcher-secondary: light-dark(#666d80, #c2c8da);
    --novoui-fill-side-menus-switcher-secondary: light-dark(#666d80, #c2c8da);
    --novoui-stroke-side-menus-switcher-secondary: light-dark(#666d80, #c2c8da);
    --novoui-text-color-overlays-base-header: light-dark(#666d80, #919cbd);
    --novoui-fill-overlays-base-header: light-dark(#666d80, #919cbd);
    --novoui-stroke-overlays-base-header: light-dark(#666d80, #919cbd);
    --novoui-text-color-overlays-base-menu: light-dark(#454b5c, #c2c8da);
    --novoui-fill-overlays-base-menu: light-dark(#454b5c, #c2c8da);
    --novoui-stroke-overlays-base-menu: light-dark(#454b5c, #c2c8da);
    --novoui-font-family: Noto sans;
    --novoui-weight-regular: Regular;
    --novoui-weight-semi-bold: Semi Bold;
    --novoui-weight-bold: Bold;
    --novoui-weight-medium: Medium;
    --novoui-radius-x-small: .125rem;
    --novoui-radius-small: .25rem;
    --novoui-radius: .5rem;
    --novoui-radius-large: .75rem;
    --novoui-radius-x-large: 1.25rem;
    --novoui-radius-xx-large: 1.75rem;
    --novoui-radius-full: 624.938rem;
    --novoui-shadow-color-subtle: #0000000d;
    --novoui-shadow-color-low: #0000001a;
    --novoui-shadow-color-medium: #00000026;
    --novoui-shadow-color-high: #00000040;
    --novoui-border-width-subtle: .0625rem;
    --novoui-border-width-heavy: .125rem;
  }

  @media (min-width: 1536px) {
    :root {
      --novoui-spacing-xxxsmall: .25rem;
      --novoui-spacing-xxsmall: .5rem;
      --novoui-spacing-xsmall: .75rem;
      --novoui-spacing-small: 1rem;
      --novoui-spacing-medium: 1.25rem;
      --novoui-spacing-large: 1.5rem;
      --novoui-spacing-xlarge: 1.75rem;
      --novoui-spacing-xxlarge: 2rem;
      --novoui-spacing-xxxlarge: 2.25rem;
      --novoui-spacing-big: 3rem;
      --novoui-spacing-xbig: 4rem;
      --novoui-spacing-xxbig: 5rem;
      --novoui-spacing-xxxbig: 6rem;
      --novoui-spacing-huge: 8rem;
      --novoui-spacing-xhuge: 10rem;
      --novoui-spacing-xxhuge: 12rem;
      --novoui-headings-h1: 2.5rem;
      --novoui-headings-h1--line-height: 3rem;
      --novoui-headings-h2: 2rem;
      --novoui-headings-h2--line-height: 2.5rem;
      --novoui-headings-h3: 1.5rem;
      --novoui-headings-h3--line-height: 2rem;
      --novoui-headings-h4: 1.25rem;
      --novoui-headings-h4--line-height: 1.75rem;
      --novoui-headings-h5: 1.125rem;
      --novoui-headings-h5--line-height: 1.5rem;
      --novoui-body-large: 1.125rem;
      --novoui-body-large--line-height: 1.75rem;
      --novoui-body-medium: 1rem;
      --novoui-body-medium--line-height: 1.5rem;
      --novoui-body-small: .875rem;
      --novoui-body-small--line-height: 1.375rem;
      --novoui-body-xsmall: .75rem;
      --novoui-body-xsmall--line-height: 1rem;
      --novoui-ui-button-10: .625rem;
      --novoui-ui-button-10--line-height: 1rem;
      --novoui-ui-button-12: .75rem;
      --novoui-ui-button-12--line-height: 1rem;
      --novoui-ui-button-14: .875rem;
      --novoui-ui-button-14--line-height: 1rem;
      --novoui-ui-button-16: 1rem;
      --novoui-ui-button-16--line-height: 1.5rem;
      --novoui-ui-label-10: .625rem;
      --novoui-ui-label-10--line-height: 1rem;
      --novoui-ui-label-12: .75rem;
      --novoui-ui-label-12--line-height: 1.125rem;
      --novoui-ui-label-14: .875rem;
      --novoui-ui-label-14--line-height: 1.25rem;
      --novoui-ui-label-16: 1rem;
      --novoui-ui-label-16--line-height: 1.5rem;
      --novoui-ui-label-18: 1.125rem;
      --novoui-ui-label-18--line-height: 1.75rem;
      --novoui-ui-input-14: .875rem;
      --novoui-ui-input-14--line-height: 1.25rem;
      --novoui-ui-input-16: 1rem;
      --novoui-ui-input-16--line-height: 1.5rem;
      --novoui-ui-control-12: .75rem;
      --novoui-ui-control-12--line-height: .875rem;
      --novoui-ui-control-14: .875rem;
      --novoui-ui-control-14--line-height: 1rem;
      --novoui-ui-control-16: 1rem;
      --novoui-ui-control-16--line-height: 1.5rem;
      --novoui-ui-table-12: .75rem;
      --novoui-ui-table-12--line-height: 1rem;
      --novoui-ui-table-14: .875rem;
      --novoui-ui-table-14--line-height: 1rem;
    }
  }

  @media (min-width: 1200px) and (max-width: 1535px) {
    :root {
      --novoui-spacing-xxxsmall: .25rem;
      --novoui-spacing-xxsmall: .5rem;
      --novoui-spacing-xsmall: .75rem;
      --novoui-spacing-small: 1rem;
      --novoui-spacing-medium: 1.25rem;
      --novoui-spacing-large: 1.5rem;
      --novoui-spacing-xlarge: 1.75rem;
      --novoui-spacing-xxlarge: 2rem;
      --novoui-spacing-xxxlarge: 2.25rem;
      --novoui-spacing-big: 3rem;
      --novoui-spacing-xbig: 4rem;
      --novoui-spacing-xxbig: 5rem;
      --novoui-spacing-xxxbig: 6rem;
      --novoui-spacing-huge: 8rem;
      --novoui-spacing-xhuge: 10rem;
      --novoui-spacing-xxhuge: 12rem;
      --novoui-headings-h1: 2.5rem;
      --novoui-headings-h1--line-height: 3rem;
      --novoui-headings-h2: 2rem;
      --novoui-headings-h2--line-height: 2.5rem;
      --novoui-headings-h3: 1.5rem;
      --novoui-headings-h3--line-height: 2rem;
      --novoui-headings-h4: 1.25rem;
      --novoui-headings-h4--line-height: 1.75rem;
      --novoui-headings-h5: 1.125rem;
      --novoui-headings-h5--line-height: 1.5rem;
      --novoui-body-large: 1.125rem;
      --novoui-body-large--line-height: 1.75rem;
      --novoui-body-medium: 1rem;
      --novoui-body-medium--line-height: 1.5rem;
      --novoui-body-small: .875rem;
      --novoui-body-small--line-height: 1.375rem;
      --novoui-body-xsmall: .75rem;
      --novoui-body-xsmall--line-height: 1rem;
      --novoui-ui-button-10: .625rem;
      --novoui-ui-button-10--line-height: 1rem;
      --novoui-ui-button-12: .75rem;
      --novoui-ui-button-12--line-height: 1rem;
      --novoui-ui-button-14: .875rem;
      --novoui-ui-button-14--line-height: 1rem;
      --novoui-ui-button-16: 1rem;
      --novoui-ui-button-16--line-height: 1.5rem;
      --novoui-ui-label-10: .625rem;
      --novoui-ui-label-10--line-height: 1rem;
      --novoui-ui-label-12: .75rem;
      --novoui-ui-label-12--line-height: 1.125rem;
      --novoui-ui-label-14: .875rem;
      --novoui-ui-label-14--line-height: 1.25rem;
      --novoui-ui-label-16: 1rem;
      --novoui-ui-label-16--line-height: 1.5rem;
      --novoui-ui-label-18: 1.125rem;
      --novoui-ui-label-18--line-height: 1.75rem;
      --novoui-ui-input-14: .875rem;
      --novoui-ui-input-14--line-height: 1.25rem;
      --novoui-ui-input-16: 1rem;
      --novoui-ui-input-16--line-height: 1.5rem;
      --novoui-ui-control-12: .875rem;
      --novoui-ui-control-12--line-height: .875rem;
      --novoui-ui-control-14: .875rem;
      --novoui-ui-control-14--line-height: 1rem;
      --novoui-ui-control-16: 1rem;
      --novoui-ui-control-16--line-height: 1.5rem;
      --novoui-ui-table-12: .75rem;
      --novoui-ui-table-12--line-height: 1rem;
      --novoui-ui-table-14: .875rem;
      --novoui-ui-table-14--line-height: 1rem;
    }
  }

  @media (min-width: 900px) and (max-width: 1199px) {
    :root {
      --novoui-spacing-xxxsmall: .25rem;
      --novoui-spacing-xxsmall: .5rem;
      --novoui-spacing-xsmall: .75rem;
      --novoui-spacing-small: 1rem;
      --novoui-spacing-medium: 1.25rem;
      --novoui-spacing-large: 1.5rem;
      --novoui-spacing-xlarge: 1.75rem;
      --novoui-spacing-xxlarge: 2rem;
      --novoui-spacing-xxxlarge: 2.25rem;
      --novoui-spacing-big: 3rem;
      --novoui-spacing-xbig: 4rem;
      --novoui-spacing-xxbig: 5rem;
      --novoui-spacing-xxxbig: 6rem;
      --novoui-spacing-huge: 8rem;
      --novoui-spacing-xhuge: 10rem;
      --novoui-spacing-xxhuge: 12rem;
      --novoui-headings-h1: 2rem;
      --novoui-headings-h1--line-height: 2.5rem;
      --novoui-headings-h2: 1.5rem;
      --novoui-headings-h2--line-height: 2rem;
      --novoui-headings-h3: 1.25rem;
      --novoui-headings-h3--line-height: 1.75rem;
      --novoui-headings-h4: 1.125rem;
      --novoui-headings-h4--line-height: 1.5rem;
      --novoui-headings-h5: 1rem;
      --novoui-headings-h5--line-height: 1.5rem;
      --novoui-body-large: 1rem;
      --novoui-body-large--line-height: 1.5rem;
      --novoui-body-medium: .875rem;
      --novoui-body-medium--line-height: 1.25rem;
      --novoui-body-small: .75rem;
      --novoui-body-small--line-height: 1rem;
      --novoui-body-xsmall: .625rem;
      --novoui-body-xsmall--line-height: 1rem;
      --novoui-ui-button-10: .625rem;
      --novoui-ui-button-10--line-height: 1rem;
      --novoui-ui-button-12: .75rem;
      --novoui-ui-button-12--line-height: 1rem;
      --novoui-ui-button-14: .875rem;
      --novoui-ui-button-14--line-height: 1rem;
      --novoui-ui-button-16: 1rem;
      --novoui-ui-button-16--line-height: 1.5rem;
      --novoui-ui-label-10: .625rem;
      --novoui-ui-label-10--line-height: 1rem;
      --novoui-ui-label-12: .75rem;
      --novoui-ui-label-12--line-height: 1.125rem;
      --novoui-ui-label-14: .875rem;
      --novoui-ui-label-14--line-height: 1.25rem;
      --novoui-ui-label-16: 1rem;
      --novoui-ui-label-16--line-height: 1.5rem;
      --novoui-ui-label-18: 1.125rem;
      --novoui-ui-label-18--line-height: 1.75rem;
      --novoui-ui-input-14: .875rem;
      --novoui-ui-input-14--line-height: 1.25rem;
      --novoui-ui-input-16: 1rem;
      --novoui-ui-input-16--line-height: 1.5rem;
      --novoui-ui-control-12: .875rem;
      --novoui-ui-control-12--line-height: .875rem;
      --novoui-ui-control-14: .875rem;
      --novoui-ui-control-14--line-height: 1rem;
      --novoui-ui-control-16: 1rem;
      --novoui-ui-control-16--line-height: 1.5rem;
      --novoui-ui-table-12: .75rem;
      --novoui-ui-table-12--line-height: 1rem;
      --novoui-ui-table-14: .875rem;
      --novoui-ui-table-14--line-height: 1rem;
    }
  }

  @media (min-width: 600px) and (max-width: 899px) {
    :root {
      --novoui-spacing-xxxsmall: .25rem;
      --novoui-spacing-xxsmall: .5rem;
      --novoui-spacing-xsmall: .75rem;
      --novoui-spacing-small: 1rem;
      --novoui-spacing-medium: 1.25rem;
      --novoui-spacing-large: 1.5rem;
      --novoui-spacing-xlarge: 1.75rem;
      --novoui-spacing-xxlarge: 2rem;
      --novoui-spacing-xxxlarge: 2.25rem;
      --novoui-spacing-big: 3rem;
      --novoui-spacing-xbig: 4rem;
      --novoui-spacing-xxbig: 5rem;
      --novoui-spacing-xxxbig: 6rem;
      --novoui-spacing-huge: 8rem;
      --novoui-spacing-xhuge: 10rem;
      --novoui-spacing-xxhuge: 12rem;
      --novoui-headings-h1: 2rem;
      --novoui-headings-h1--line-height: 2.5rem;
      --novoui-headings-h2: 1.5rem;
      --novoui-headings-h2--line-height: 2rem;
      --novoui-headings-h3: 1.25rem;
      --novoui-headings-h3--line-height: 1.75rem;
      --novoui-headings-h4: 1.125rem;
      --novoui-headings-h4--line-height: 1.5rem;
      --novoui-headings-h5: 1rem;
      --novoui-headings-h5--line-height: 1.5rem;
      --novoui-body-large: 1rem;
      --novoui-body-large--line-height: 1.5rem;
      --novoui-body-medium: .875rem;
      --novoui-body-medium--line-height: 1.25rem;
      --novoui-body-small: .75rem;
      --novoui-body-small--line-height: 1rem;
      --novoui-body-xsmall: .625rem;
      --novoui-body-xsmall--line-height: 1rem;
      --novoui-ui-button-10: .625rem;
      --novoui-ui-button-10--line-height: 1rem;
      --novoui-ui-button-12: .75rem;
      --novoui-ui-button-12--line-height: 1rem;
      --novoui-ui-button-14: .875rem;
      --novoui-ui-button-14--line-height: 1rem;
      --novoui-ui-button-16: 1rem;
      --novoui-ui-button-16--line-height: 1.5rem;
      --novoui-ui-label-10: .625rem;
      --novoui-ui-label-10--line-height: 1rem;
      --novoui-ui-label-12: .75rem;
      --novoui-ui-label-12--line-height: 1.125rem;
      --novoui-ui-label-14: .875rem;
      --novoui-ui-label-14--line-height: 1.25rem;
      --novoui-ui-label-16: 1rem;
      --novoui-ui-label-16--line-height: 1.5rem;
      --novoui-ui-label-18: 1.125rem;
      --novoui-ui-label-18--line-height: 1.75rem;
      --novoui-ui-input-14: .875rem;
      --novoui-ui-input-14--line-height: 1.25rem;
      --novoui-ui-input-16: 1rem;
      --novoui-ui-input-16--line-height: 1.5rem;
      --novoui-ui-control-12: .875rem;
      --novoui-ui-control-12--line-height: .875rem;
      --novoui-ui-control-14: .875rem;
      --novoui-ui-control-14--line-height: 1rem;
      --novoui-ui-control-16: 1rem;
      --novoui-ui-control-16--line-height: 1.5rem;
      --novoui-ui-table-12: .75rem;
      --novoui-ui-table-12--line-height: 1rem;
      --novoui-ui-table-14: .875rem;
      --novoui-ui-table-14--line-height: 1rem;
    }
  }

  @media (min-width: 0) and (max-width: 599px) {
    :root {
      --novoui-spacing-xxxsmall: .25rem;
      --novoui-spacing-xxsmall: .5rem;
      --novoui-spacing-xsmall: .75rem;
      --novoui-spacing-small: 1rem;
      --novoui-spacing-medium: 1.25rem;
      --novoui-spacing-large: 1.5rem;
      --novoui-spacing-xlarge: 1.75rem;
      --novoui-spacing-xxlarge: 2rem;
      --novoui-spacing-xxxlarge: 2.25rem;
      --novoui-spacing-big: 3rem;
      --novoui-spacing-xbig: 4rem;
      --novoui-spacing-xxbig: 5rem;
      --novoui-spacing-xxxbig: 6rem;
      --novoui-spacing-huge: 8rem;
      --novoui-spacing-xhuge: 10rem;
      --novoui-spacing-xxhuge: 12rem;
      --novoui-headings-h1: 2rem;
      --novoui-headings-h1--line-height: 2.5rem;
      --novoui-headings-h2: 1.5rem;
      --novoui-headings-h2--line-height: 2rem;
      --novoui-headings-h3: 1.25rem;
      --novoui-headings-h3--line-height: 1.75rem;
      --novoui-headings-h4: 1.125rem;
      --novoui-headings-h4--line-height: 1.5rem;
      --novoui-headings-h5: 1rem;
      --novoui-headings-h5--line-height: 1.5rem;
      --novoui-body-large: 1rem;
      --novoui-body-large--line-height: 1.5rem;
      --novoui-body-medium: .875rem;
      --novoui-body-medium--line-height: 1.25rem;
      --novoui-body-small: .75rem;
      --novoui-body-small--line-height: 1rem;
      --novoui-body-xsmall: .625rem;
      --novoui-body-xsmall--line-height: 1rem;
      --novoui-ui-button-10: .625rem;
      --novoui-ui-button-10--line-height: 1rem;
      --novoui-ui-button-12: .75rem;
      --novoui-ui-button-12--line-height: 1rem;
      --novoui-ui-button-14: .875rem;
      --novoui-ui-button-14--line-height: 1rem;
      --novoui-ui-button-16: 1rem;
      --novoui-ui-button-16--line-height: 1.5rem;
      --novoui-ui-label-10: .625rem;
      --novoui-ui-label-10--line-height: 1rem;
      --novoui-ui-label-12: .75rem;
      --novoui-ui-label-12--line-height: 1.125rem;
      --novoui-ui-label-14: .875rem;
      --novoui-ui-label-14--line-height: 1.25rem;
      --novoui-ui-label-16: 1rem;
      --novoui-ui-label-16--line-height: 1.5rem;
      --novoui-ui-label-18: 1.125rem;
      --novoui-ui-label-18--line-height: 1.75rem;
      --novoui-ui-input-14: .875rem;
      --novoui-ui-input-14--line-height: 1.25rem;
      --novoui-ui-input-16: 1rem;
      --novoui-ui-input-16--line-height: 1.5rem;
      --novoui-ui-control-12: .75rem;
      --novoui-ui-control-12--line-height: .875rem;
      --novoui-ui-control-14: .875rem;
      --novoui-ui-control-14--line-height: 1rem;
      --novoui-ui-control-16: 1rem;
      --novoui-ui-control-16--line-height: 1.5rem;
      --novoui-ui-table-12: .75rem;
      --novoui-ui-table-12--line-height: 1rem;
      --novoui-ui-table-14: .875rem;
      --novoui-ui-table-14--line-height: 1rem;
    }
  }

  html[data-theme="high-contrast"] {
    --novoui-background-general-base: #fff;
    --novoui-background-general-subtle: #f7f8fa;
    --novoui-background-general-medium: #f0f1f5;
    --novoui-background-general-strong: #e8eaf0;
    --novoui-background-general-elevated: #fff;
    --novoui-background-general-overlay-opacity-0: #0000;
    --novoui-background-general-overlay-opacity-15: #00000026;
    --novoui-background-general-overlay-opacity-30: #0000004d;
    --novoui-background-general-overlay-opacity-50: #00000080;
    --novoui-background-general-overlay-opacity-70: #000000b2;
    --novoui-background-general-overlay-inverted-opacity-0: #fff0;
    --novoui-background-general-overlay-inverted-opacity-15: #ffffff26;
    --novoui-background-general-overlay-inverted-opacity-30: #ffffff4d;
    --novoui-background-general-overlay-inverted-opacity-50: #ffffff80;
    --novoui-background-general-overlay-inverted-opacity-70: #ffffffb2;
    --novoui-background-general-low-emphasis-enabled: #f7f8fa;
    --novoui-background-general-low-emphasis-hover: #f0f1f5;
    --novoui-background-general-low-emphasis-active: #e8eaf0;
    --novoui-background-general-medium-emphasis-enabled: #fff;
    --novoui-background-general-medium-emphasis-hover: #e6effb;
    --novoui-background-general-medium-emphasis-active: #c2d8f4;
    --novoui-background-general-high-emphasis-enabled: #004db3;
    --novoui-background-general-high-emphasis-hover: #004195;
    --novoui-background-general-high-emphasis-active: #003478;
    --novoui-background-disabled-subtle: #f3f1ef;
    --novoui-background-disabled-medium: #dfdad5;
    --novoui-background-disabled-strong: #d5cfc9;
    --novoui-background-alert-low-emphasis-enabled: #fdeeec;
    --novoui-background-alert-low-emphasis-hover: #f9d6d1;
    --novoui-background-alert-low-emphasis-active: #f4b6ac;
    --novoui-background-alert-high-emphasis-enabled: #833024;
    --novoui-background-alert-high-emphasis-hover: #67261c;
    --novoui-background-alert-high-emphasis-active: #67261c;
    --novoui-background-accent-red-subtle: #fdf6f9;
    --novoui-background-accent-red-light: #fbeaf0;
    --novoui-background-accent-red-medium: #f4c8d7;
    --novoui-background-accent-red-heavy: #eea7bf;
    --novoui-background-accent-green-subtle: #eaf4f3;
    --novoui-background-accent-green-light: #cce5e3;
    --novoui-background-accent-green-medium: #79bab6;
    --novoui-background-accent-green-heavy: #2a918b;
    --novoui-background-accent-blue-subtle: #ebf5fc;
    --novoui-background-accent-blue-light: #d0e6f7;
    --novoui-background-accent-blue-medium: #84bdea;
    --novoui-background-accent-blue-heavy: #3b97de;
    --novoui-background-accent-neutral-subtle: #faf9f8;
    --novoui-background-accent-neutral-light: #f3f1ef;
    --novoui-background-accent-neutral-medium: #dfdad5;
    --novoui-background-accent-neutral-heavy: #ccc5bd;
    --novoui-background-accordion-enabled: #fff;
    --novoui-background-accordion-hover: #f7f8fa;
    --novoui-background-accordion-active: #f0f1f5;
    --novoui-background-accordion-elevated-enabled: #fff;
    --novoui-background-accordion-elevated-hover: #f7f8fa;
    --novoui-background-accordion-elevated-active: #f0f1f5;
    --novoui-background-button-fill-enabled: #004db3;
    --novoui-background-button-fill-hover: #004195;
    --novoui-background-button-fill-active: #003478;
    --novoui-background-button-fill-secondary-enabled: #001965;
    --novoui-background-button-fill-secondary-hover: #001556;
    --novoui-background-button-fill-secondary-active: #001248;
    --novoui-background-button-outline-enabled: #fff;
    --novoui-background-button-outline-hover: #e6effb;
    --novoui-background-button-outline-active: #c2d8f4;
    --novoui-background-button-outline-subtle-enabled: #fff;
    --novoui-background-button-outline-subtle-hover: #f7f8fa;
    --novoui-background-button-outline-subtle-active: #e6effb;
    --novoui-background-button-text-enabled: #fff0;
    --novoui-background-button-text-hover: #e6effb;
    --novoui-background-button-text-active: #c2d8f4;
    --novoui-background-button-destructive-enabled: #833024;
    --novoui-background-button-destructive-hover: #67261c;
    --novoui-background-button-destructive-active: #67261c;
    --novoui-background-button-transparent-enabled: #ffffff0d;
    --novoui-background-button-transparent-hover: #ffffff1a;
    --novoui-background-button-transparent-active: #ffffff26;
    --novoui-background-cards-enabled: #fff;
    --novoui-background-cards-hover: #fff;
    --novoui-background-cards-disabled: #fff;
    --novoui-background-cards-loading: #f3f1ef;
    --novoui-background-cards-elevated-enabled: #fff;
    --novoui-background-cards-elevated-hover: #fff;
    --novoui-background-cards-fill-unselected-enabled: #f7f8fa;
    --novoui-background-cards-fill-unselected-hover: #f0f1f5;
    --novoui-background-cards-fill-selected-enabled: #e6effb;
    --novoui-background-cards-fill-selected-hover: #c2d8f4;
    --novoui-background-cards-outline-unselected-enabled: #fff;
    --novoui-background-cards-outline-unselected-hover: #f0f1f5;
    --novoui-background-cards-outline-selected-enabled: #e6effb;
    --novoui-background-cards-outline-selected-hover: #c2d8f4;
    --novoui-background-controls-fill-enabled: #f7f8fa;
    --novoui-background-controls-fill-hover: #f0f1f5;
    --novoui-background-controls-fill-pressed: #e8eaf0;
    --novoui-background-controls-fill-low-emphasis-selected: #f0f1f5;
    --novoui-background-controls-fill-low-emphasis-selected-hover: #e8eaf0;
    --novoui-background-controls-fill-high-emphasis-selected: #004db3;
    --novoui-background-controls-fill-high-emphasis-selected-hover: #004195;
    --novoui-background-controls-outline-low-emphasis-enabled: #fff;
    --novoui-background-controls-outline-low-emphasis-hover: #f0f1f5;
    --novoui-background-controls-outline-low-emphasis-pressed: #e8eaf0;
    --novoui-background-controls-outline-low-emphasis-selected: #e6effb;
    --novoui-background-controls-outline-low-emphasis-selected-hover: #c2d8f4;
    --novoui-background-controls-outline-high-emphasis-enabled: #fff;
    --novoui-background-controls-outline-high-emphasis-hover: #e6effb;
    --novoui-background-controls-outline-high-emphasis-pressed: #c2d8f4;
    --novoui-background-controls-outline-high-emphasis-selected: #004db3;
    --novoui-background-controls-outline-high-emphasis-selected-hover: #004195;
    --novoui-background-controls-outline-high-emphasis-icon-hover: #f0f1f5;
    --novoui-background-controls-outline-high-emphasis-icon-pressed: #e8eaf0;
    --novoui-background-date-picker-default-hover: #e6effb;
    --novoui-background-date-picker-default-active: #c2d8f4;
    --novoui-background-date-picker-today-hover: #e6effb;
    --novoui-background-date-picker-today-active: #c2d8f4;
    --novoui-background-date-picker-selected-enabled: #004db3;
    --novoui-background-date-picker-selected-hover: #004195;
    --novoui-background-date-picker-selected-focus: #004db3;
    --novoui-background-date-picker-selected-active: #003478;
    --novoui-background-date-picker-middle-enabled: #e6effb;
    --novoui-background-date-picker-middle-hover: #c2d8f4;
    --novoui-background-date-picker-middle-active: #c2d8f4;
    --novoui-background-date-picker-prev-next-hover: #f7f8fa;
    --novoui-background-date-picker-prev-next-active: #e8eaf0;
    --novoui-background-drag-card-enabled: #fff;
    --novoui-background-drag-card-active: #e6effb;
    --novoui-background-drag-handle-enabled: #f7f8fa;
    --novoui-background-drag-handle-hover: #f0f1f5;
    --novoui-background-drag-handle-active: #c2d8f4;
    --novoui-background-forms-enabled: #f7f8fa;
    --novoui-background-forms-active: #e6effb;
    --novoui-background-forms-disabled: #f3f1ef;
    --novoui-background-forms-light-enabled: #fff;
    --novoui-background-forms-light-active: #fff;
    --novoui-background-forms-light-disabled: #f3f1ef;
    --novoui-background-loading-edges: #f7f8fa;
    --novoui-background-loading-middle: #dcdee5;
    --novoui-background-progress-base: #e8eaf0;
    --novoui-background-progress-enabled: #004db3;
    --novoui-background-progress-success: #86c180;
    --novoui-background-notifications-and-tags-info-subtle: #ebf5fc;
    --novoui-background-notifications-and-tags-info-light: #d0e6f7;
    --novoui-background-notifications-and-tags-info-medium: #abd2f1;
    --novoui-background-notifications-and-tags-info-strong: #22567f;
    --novoui-background-notifications-and-tags-success-subtle: #ecf5eb;
    --novoui-background-notifications-and-tags-success-light: #d1e7cf;
    --novoui-background-notifications-and-tags-success-medium: #acd4a8;
    --novoui-background-notifications-and-tags-success-strong: #24591e;
    --novoui-background-notifications-and-tags-warning-subtle: #fdf7e6;
    --novoui-background-notifications-and-tags-warning-light: #faebc2;
    --novoui-background-notifications-and-tags-warning-medium: #f6db91;
    --novoui-background-notifications-and-tags-warning-strong: #eaab00;
    --novoui-background-notifications-and-tags-alert-subtle: #fdeeec;
    --novoui-background-notifications-and-tags-alert-light: #f9d6d1;
    --novoui-background-notifications-and-tags-alert-medium: #f4b6ac;
    --novoui-background-notifications-and-tags-alert-strong: #833024;
    --novoui-background-notifications-and-tags-brand-subtle: #001965;
    --novoui-background-notifications-and-tags-neutral-subtle: #f7f8fa;
    --novoui-background-notifications-and-tags-neutral-light: #f0f1f5;
    --novoui-background-notifications-and-tags-neutral-strong: #454b5c;
    --novoui-background-modal-enabled: #00000080;
    --novoui-background-table-enabled: #fff;
    --novoui-background-table-hover: #f7f8fa;
    --novoui-background-table-active: #e6effb;
    --novoui-background-table-active-hover: #c2d8f4;
    --novoui-background-table-header-dark: #272e41;
    --novoui-background-table-header-light: #f7f8fa;
    --novoui-background-table-header-transparent: #fff;
    --novoui-background-tabs-enabled: #fff;
    --novoui-background-tabs-hover: #e6effb;
    --novoui-background-tabs-active: #fff;
    --novoui-background-tabs-transparent: #0000;
    --novoui-background-toggle-switch-enabled: #f7f8fa;
    --novoui-background-toggle-switch-hover: #f0f1f5;
    --novoui-background-toggle-switch-fill-selected: #004db3;
    --novoui-background-toggle-switch-outline-selected: #fff;
    --novoui-background-toggle-button-fill-enabled: #f7f8fa;
    --novoui-background-toggle-button-fill-hover: #f0f1f5;
    --novoui-background-toggle-button-fill-selected: #004db3;
    --novoui-background-toggle-button-outline-enabled: #fff;
    --novoui-background-toggle-button-outline-hover: #f0f1f5;
    --novoui-background-toggle-button-outline-selected: #e6effb;
    --novoui-background-tooltip-enabled: #000b2d;
    --novoui-background-selection-enabled: #fff;
    --novoui-background-selection-selected-enabled: #004db3;
    --novoui-background-selection-selected-hover: #004195;
    --novoui-background-selection-selected-active: #003478;
    --novoui-background-selection-handle: #fff;
    --novoui-background-selection-switch-base-enabled: #f0f1f5;
    --novoui-background-selection-switch-base-hover: #e8eaf0;
    --novoui-background-selection-switch-base-error: #f0f1f5;
    --novoui-background-selection-switch-selected-enabled: #004db3;
    --novoui-background-selection-switch-selected-hover: #004195;
    --novoui-background-slider-track: #e8eaf0;
    --novoui-background-slider-track-filled: #004db3;
    --novoui-background-slider-thumb-enabled: #004db3;
    --novoui-background-slider-thumb-hover: #004195;
    --novoui-background-slider-thumb-active: #003478;
    --novoui-background-slider-read-only: #000b2d;
    --novoui-background-side-menus-side-panel: #fff;
    --novoui-background-side-menus-elevated: #fff;
    --novoui-background-side-menus-menu-enabled: #fff;
    --novoui-background-side-menus-menu-hover: #e6effb;
    --novoui-background-side-menus-menu-badge-enabled: #e6effb;
    --novoui-background-side-menus-menu-badge-hover: #c2d8f4;
    --novoui-background-side-menus-menu-notification: #004db3;
    --novoui-background-side-menus-menu-subnav: #fff;
    --novoui-background-side-menus-switcher-enabled: #fff;
    --novoui-background-side-menus-switcher-hover: #fff;
    --novoui-background-side-menus-switcher-active: #e6effb;
    --novoui-border-general-subtle: #b3b8c7;
    --novoui-border-general-medium: #8e94a6;
    --novoui-border-general-strong: #666d80;
    --novoui-border-general-heavy: #454b5c;
    --novoui-border-general-focus: #00295e;
    --novoui-border-general-low-emphasis-enabled: #8e94a6;
    --novoui-border-general-low-emphasis-hover: #666d80;
    --novoui-border-general-low-emphasis-active: #454b5c;
    --novoui-border-general-high-emphasis-enabled: #004db3;
    --novoui-border-general-high-emphasis-hover: #004195;
    --novoui-border-general-high-emphasis-active: #003478;
    --novoui-border-disabled-subtle: #dfdad5;
    --novoui-border-disabled-medium: #d5cfc9;
    --novoui-border-disabled-strong: #ccc5bd;
    --novoui-border-alert-enabled: #833024;
    --novoui-border-alert-hover: #67261c;
    --novoui-border-alert-active: #67261c;
    --novoui-border-accordion-enabled: #8e94a6;
    --novoui-border-button-outline-enabled: #004db3;
    --novoui-border-button-outline-hover: #004195;
    --novoui-border-button-outline-active: #003478;
    --novoui-border-button-outline-subtle-enabled: #8e94a6;
    --novoui-border-button-outline-subtle-hover: #666d80;
    --novoui-border-button-outline-subtle-active: #003478;
    --novoui-border-button-destructive-focus: #67261c;
    --novoui-border-button-transparent-enabled: #00196526;
    --novoui-border-button-transparent-hover: #00196580;
    --novoui-border-button-transparent-active: #001965;
    --novoui-border-button-transparent-branded-enabled: #ffffff26;
    --novoui-border-button-transparent-branded-hover: #ffffff80;
    --novoui-border-button-transparent-branded-active: #fff;
    --novoui-border-cards-enabled: #8e94a6;
    --novoui-border-cards-hover: #666d80;
    --novoui-border-cards-hover-elevated: #b3b8c7;
    --novoui-border-cards-outline-unselected-enabled: #8e94a6;
    --novoui-border-cards-outline-unselected-hover: #005bd2;
    --novoui-border-cards-outline-unselected-pressed: #004db3;
    --novoui-border-cards-outline-selected-enabled: #8e94a6;
    --novoui-border-cards-outline-selected-hover: #005bd2;
    --novoui-border-cards-outline-selected-pressed: #004db3;
    --novoui-border-controls-low-emphasis-enabled: #8e94a6;
    --novoui-border-controls-low-emphasis-hover: #666d80;
    --novoui-border-controls-low-emphasis-pressed: #454b5c;
    --novoui-border-controls-low-emphasis-selected: #004db3;
    --novoui-border-controls-low-emphasis-selected-hover: #004195;
    --novoui-border-controls-focus: #00295e;
    --novoui-border-controls-high-emphasis-enabled: #004db3;
    --novoui-border-controls-high-emphasis-hover: #004195;
    --novoui-border-controls-high-emphasis-pressed: #003478;
    --novoui-border-date-picker-enabled: #8e94a6;
    --novoui-border-date-picker-hover: #f0f1f5;
    --novoui-border-drag-enabled: #8e94a6;
    --novoui-border-drag-hover: #666d80;
    --novoui-border-drag-active: #004db3;
    --novoui-border-forms-enabled: #8e94a6;
    --novoui-border-forms-active: #004db3;
    --novoui-border-notifications-neutral-enabled: #b3b8c7;
    --novoui-border-table-dark: #272e41;
    --novoui-border-table-light: #8e94a6;
    --novoui-border-table-transparent: #8e94a6;
    --novoui-border-tabs-enabled: #8e94a6;
    --novoui-border-tabs-hover: #004db3;
    --novoui-border-tabs-active: #004db3;
    --novoui-border-toggle-switch-base: #b3b8c7;
    --novoui-border-toggle-button-outline-enabled: #8e94a6;
    --novoui-border-toggle-button-outline-hover: #666d80;
    --novoui-border-toggle-button-outline-selected: #004195;
    --novoui-border-tooltip-border: #000b2d;
    --novoui-border-selection-enabled: #8e94a6;
    --novoui-border-selection-hover: #004db3;
    --novoui-border-selection-active: #003478;
    --novoui-border-selection-switch-enabled: #8e94a6;
    --novoui-border-selection-switch-hover: #004db3;
    --novoui-border-selection-switch-selected-enabled: #8e94a6;
    --novoui-border-selection-switch-selected-hover: #004db3;
    --novoui-border-side-menus-menu-enabled: #8e94a6;
    --novoui-border-side-menus-menu-hover: #666d80;
    --novoui-border-side-menus-menu-notification: #fff;
    --novoui-border-side-menus-menu-notification-selected: #e6effb;
    --novoui-border-side-menus-menu-side-panel: #8e94a6;
    --novoui-border-side-menus-switcher-enabled: #8e94a6;
    --novoui-border-side-menus-switcher-hover: #666d80;
    --novoui-border-side-menus-switcher-active: #004db3;
    --novoui-text-color-general-headline: #001965;
    --novoui-fill-general-headline: #001965;
    --novoui-stroke-general-headline: #001965;
    --novoui-text-color-general-primary: #001965;
    --novoui-fill-general-primary: #001965;
    --novoui-stroke-general-primary: #001965;
    --novoui-text-color-general-secondary: #272e41;
    --novoui-fill-general-secondary: #272e41;
    --novoui-stroke-general-secondary: #272e41;
    --novoui-text-color-general-tertiary: #454b5c;
    --novoui-fill-general-tertiary: #454b5c;
    --novoui-stroke-general-tertiary: #454b5c;
    --novoui-text-color-general-inverted: #fff;
    --novoui-fill-general-inverted: #fff;
    --novoui-stroke-general-inverted: #fff;
    --novoui-text-color-general-inverted-secondary: #b3b8c7;
    --novoui-fill-general-inverted-secondary: #b3b8c7;
    --novoui-stroke-general-inverted-secondary: #b3b8c7;
    --novoui-text-color-general-seperator: #b3b8c7;
    --novoui-fill-general-seperator: #b3b8c7;
    --novoui-stroke-general-seperator: #b3b8c7;
    --novoui-text-color-general-high-emphasis-enabled: #004195;
    --novoui-fill-general-high-emphasis-enabled: #004195;
    --novoui-stroke-general-high-emphasis-enabled: #004195;
    --novoui-text-color-general-high-emphasis-hover: #003478;
    --novoui-fill-general-high-emphasis-hover: #003478;
    --novoui-stroke-general-high-emphasis-hover: #003478;
    --novoui-text-color-general-high-emphasis-active: #00295e;
    --novoui-fill-general-high-emphasis-active: #00295e;
    --novoui-stroke-general-high-emphasis-active: #00295e;
    --novoui-text-color-disabled-subtle: #ccc5bd;
    --novoui-fill-disabled-subtle: #ccc5bd;
    --novoui-stroke-disabled-subtle: #ccc5bd;
    --novoui-text-color-disabled-medium: #ada7a1;
    --novoui-fill-disabled-medium: #ada7a1;
    --novoui-stroke-disabled-medium: #ada7a1;
    --novoui-text-color-disabled-strong: #918c86;
    --novoui-fill-disabled-strong: #918c86;
    --novoui-stroke-disabled-strong: #918c86;
    --novoui-text-color-alert-enabled: #833024;
    --novoui-fill-alert-enabled: #833024;
    --novoui-stroke-alert-enabled: #833024;
    --novoui-text-color-alert-hover: #67261c;
    --novoui-fill-alert-hover: #67261c;
    --novoui-stroke-alert-hover: #67261c;
    --novoui-text-color-alert-active: #67261c;
    --novoui-fill-alert-active: #67261c;
    --novoui-stroke-alert-active: #67261c;
    --novoui-text-color-alert-inverted: #fff;
    --novoui-fill-alert-inverted: #fff;
    --novoui-stroke-alert-inverted: #fff;
    --novoui-text-color-links-enabled: #004db3;
    --novoui-fill-links-enabled: #004db3;
    --novoui-stroke-links-enabled: #004db3;
    --novoui-text-color-links-hover: #003478;
    --novoui-fill-links-hover: #003478;
    --novoui-stroke-links-hover: #003478;
    --novoui-text-color-links-active: #004db3;
    --novoui-fill-links-active: #004db3;
    --novoui-stroke-links-active: #004db3;
    --novoui-text-color-links-visited: #004db3;
    --novoui-fill-links-visited: #004db3;
    --novoui-stroke-links-visited: #004db3;
    --novoui-text-color-accent-enabled: #272e41;
    --novoui-fill-accent-enabled: #272e41;
    --novoui-stroke-accent-enabled: #272e41;
    --novoui-text-color-accordion-headline: #001965;
    --novoui-fill-accordion-headline: #001965;
    --novoui-stroke-accordion-headline: #001965;
    --novoui-text-color-accordion-body: #272e41;
    --novoui-fill-accordion-body: #272e41;
    --novoui-stroke-accordion-body: #272e41;
    --novoui-text-color-accordion-active: #001965;
    --novoui-fill-accordion-active: #001965;
    --novoui-stroke-accordion-active: #001965;
    --novoui-text-color-button-fill-enabled: #fff;
    --novoui-fill-button-fill-enabled: #fff;
    --novoui-stroke-button-fill-enabled: #fff;
    --novoui-text-color-button-fill-secondary-enabled: #fff;
    --novoui-fill-button-fill-secondary-enabled: #fff;
    --novoui-stroke-button-fill-secondary-enabled: #fff;
    --novoui-text-color-button-outline-enabled: #004195;
    --novoui-fill-button-outline-enabled: #004195;
    --novoui-stroke-button-outline-enabled: #004195;
    --novoui-text-color-button-outline-hover: #003478;
    --novoui-fill-button-outline-hover: #003478;
    --novoui-stroke-button-outline-hover: #003478;
    --novoui-text-color-button-outline-active: #00295e;
    --novoui-fill-button-outline-active: #00295e;
    --novoui-stroke-button-outline-active: #00295e;
    --novoui-text-color-button-outline-subtle-enabled: #001965;
    --novoui-fill-button-outline-subtle-enabled: #001965;
    --novoui-stroke-button-outline-subtle-enabled: #001965;
    --novoui-text-color-button-text-enabled: #004195;
    --novoui-fill-button-text-enabled: #004195;
    --novoui-stroke-button-text-enabled: #004195;
    --novoui-text-color-button-text-hover: #003478;
    --novoui-fill-button-text-hover: #003478;
    --novoui-stroke-button-text-hover: #003478;
    --novoui-text-color-button-text-active: #00295e;
    --novoui-fill-button-text-active: #00295e;
    --novoui-stroke-button-text-active: #00295e;
    --novoui-text-color-button-destructive-enabled: #fff;
    --novoui-fill-button-destructive-enabled: #fff;
    --novoui-stroke-button-destructive-enabled: #fff;
    --novoui-text-color-button-transparent-enabled: #001965;
    --novoui-fill-button-transparent-enabled: #001965;
    --novoui-stroke-button-transparent-enabled: #001965;
    --novoui-text-color-button-transparent-inverted: #fff;
    --novoui-fill-button-transparent-inverted: #fff;
    --novoui-stroke-button-transparent-inverted: #fff;
    --novoui-text-color-cards-enabled: #001965;
    --novoui-fill-cards-enabled: #001965;
    --novoui-stroke-cards-enabled: #001965;
    --novoui-text-color-cards-unselected: #272e41;
    --novoui-fill-cards-unselected: #272e41;
    --novoui-stroke-cards-unselected: #272e41;
    --novoui-text-color-controls-high-emphasis: #004195;
    --novoui-fill-controls-high-emphasis: #004195;
    --novoui-stroke-controls-high-emphasis: #004195;
    --novoui-text-color-controls-high-emphasis-hover: #003478;
    --novoui-fill-controls-high-emphasis-hover: #003478;
    --novoui-stroke-controls-high-emphasis-hover: #003478;
    --novoui-text-color-controls-high-emphasis-pressed: #003478;
    --novoui-fill-controls-high-emphasis-pressed: #003478;
    --novoui-stroke-controls-high-emphasis-pressed: #003478;
    --novoui-text-color-controls-high-emphasis-selected: #00295e;
    --novoui-fill-controls-high-emphasis-selected: #00295e;
    --novoui-stroke-controls-high-emphasis-selected: #00295e;
    --novoui-text-color-controls-low-emphasis: #001965;
    --novoui-fill-controls-low-emphasis: #001965;
    --novoui-stroke-controls-low-emphasis: #001965;
    --novoui-text-color-controls-selected: #fff;
    --novoui-fill-controls-selected: #fff;
    --novoui-stroke-controls-selected: #fff;
    --novoui-text-color-date-picker-enabled: #001965;
    --novoui-fill-date-picker-enabled: #001965;
    --novoui-stroke-date-picker-enabled: #001965;
    --novoui-text-color-date-picker-selected: #fff;
    --novoui-fill-date-picker-selected: #fff;
    --novoui-stroke-date-picker-selected: #fff;
    --novoui-text-color-date-picker-prev-next: #454b5c;
    --novoui-fill-date-picker-prev-next: #454b5c;
    --novoui-stroke-date-picker-prev-next: #454b5c;
    --novoui-text-color-date-picker-read-only: #454b5c;
    --novoui-fill-date-picker-read-only: #454b5c;
    --novoui-stroke-date-picker-read-only: #454b5c;
    --novoui-text-color-drag-enabled: #b3b8c7;
    --novoui-fill-drag-enabled: #b3b8c7;
    --novoui-stroke-drag-enabled: #b3b8c7;
    --novoui-text-color-drag-hover: #8e94a6;
    --novoui-fill-drag-hover: #8e94a6;
    --novoui-stroke-drag-hover: #8e94a6;
    --novoui-text-color-drag-active: #001965;
    --novoui-fill-drag-active: #001965;
    --novoui-stroke-drag-active: #001965;
    --novoui-text-color-forms-empty: #454b5c;
    --novoui-fill-forms-empty: #454b5c;
    --novoui-stroke-forms-empty: #454b5c;
    --novoui-text-color-forms-filled: #001965;
    --novoui-fill-forms-filled: #001965;
    --novoui-stroke-forms-filled: #001965;
    --novoui-text-color-forms-label: #001965;
    --novoui-fill-forms-label: #001965;
    --novoui-stroke-forms-label: #001965;
    --novoui-text-color-forms-assistive: #454b5c;
    --novoui-fill-forms-assistive: #454b5c;
    --novoui-stroke-forms-assistive: #454b5c;
    --novoui-text-color-forms-handle: #8e94a6;
    --novoui-fill-forms-handle: #8e94a6;
    --novoui-stroke-forms-handle: #8e94a6;
    --novoui-text-color-notifications-and-tags-enabled: #001965;
    --novoui-fill-notifications-and-tags-enabled: #001965;
    --novoui-stroke-notifications-and-tags-enabled: #001965;
    --novoui-text-color-notifications-and-tags-on-brand: #fff;
    --novoui-fill-notifications-and-tags-on-brand: #fff;
    --novoui-stroke-notifications-and-tags-on-brand: #fff;
    --novoui-text-color-notifications-and-tags-on-sucess: #36852d;
    --novoui-fill-notifications-and-tags-on-sucess: #36852d;
    --novoui-stroke-notifications-and-tags-on-sucess: #36852d;
    --novoui-text-color-notifications-and-tags-on-subtle-sucess: #24591e;
    --novoui-fill-notifications-and-tags-on-subtle-sucess: #24591e;
    --novoui-stroke-notifications-and-tags-on-subtle-sucess: #24591e;
    --novoui-text-color-notifications-and-tags-on-warning: #000b2d;
    --novoui-fill-notifications-and-tags-on-warning: #000b2d;
    --novoui-stroke-notifications-and-tags-on-warning: #000b2d;
    --novoui-text-color-notifications-and-tags-on-strong-warning: #000b2d;
    --novoui-fill-notifications-and-tags-on-strong-warning: #000b2d;
    --novoui-stroke-notifications-and-tags-on-strong-warning: #000b2d;
    --novoui-text-color-notifications-and-tags-on-alert: #833024;
    --novoui-fill-notifications-and-tags-on-alert: #833024;
    --novoui-stroke-notifications-and-tags-on-alert: #833024;
    --novoui-text-color-notifications-and-tags-on-info: #22567f;
    --novoui-fill-notifications-and-tags-on-info: #22567f;
    --novoui-stroke-notifications-and-tags-on-info: #22567f;
    --novoui-text-color-notifications-and-tags-on-neutral: #454b5c;
    --novoui-fill-notifications-and-tags-on-neutral: #454b5c;
    --novoui-stroke-notifications-and-tags-on-neutral: #454b5c;
    --novoui-text-color-table-primary: #001965;
    --novoui-fill-table-primary: #001965;
    --novoui-stroke-table-primary: #001965;
    --novoui-text-color-table-secondary: #272e41;
    --novoui-fill-table-secondary: #272e41;
    --novoui-stroke-table-secondary: #272e41;
    --novoui-text-color-table-inverted: #fff;
    --novoui-fill-table-inverted: #fff;
    --novoui-stroke-table-inverted: #fff;
    --novoui-text-color-table-inverted-secondary: #b3b8c7;
    --novoui-fill-table-inverted-secondary: #b3b8c7;
    --novoui-stroke-table-inverted-secondary: #b3b8c7;
    --novoui-text-color-tabs-enabled: #272e41;
    --novoui-fill-tabs-enabled: #272e41;
    --novoui-stroke-tabs-enabled: #272e41;
    --novoui-text-color-tabs-hover: #004195;
    --novoui-fill-tabs-hover: #004195;
    --novoui-stroke-tabs-hover: #004195;
    --novoui-text-color-tabs-active: #004195;
    --novoui-fill-tabs-active: #004195;
    --novoui-stroke-tabs-active: #004195;
    --novoui-text-color-tabs-disabled: #ada7a1;
    --novoui-fill-tabs-disabled: #ada7a1;
    --novoui-stroke-tabs-disabled: #ada7a1;
    --novoui-text-color-toggle-switch-enabled: #001965;
    --novoui-fill-toggle-switch-enabled: #001965;
    --novoui-stroke-toggle-switch-enabled: #001965;
    --novoui-text-color-toggle-switch-selected: #fff;
    --novoui-fill-toggle-switch-selected: #fff;
    --novoui-stroke-toggle-switch-selected: #fff;
    --novoui-text-color-toggle-button-fill-enabled: #001965;
    --novoui-fill-toggle-button-fill-enabled: #001965;
    --novoui-stroke-toggle-button-fill-enabled: #001965;
    --novoui-text-color-toggle-button-fill-selected: #fff;
    --novoui-fill-toggle-button-fill-selected: #fff;
    --novoui-stroke-toggle-button-fill-selected: #fff;
    --novoui-text-color-toggle-button-outline-enabled: #001965;
    --novoui-fill-toggle-button-outline-enabled: #001965;
    --novoui-stroke-toggle-button-outline-enabled: #001965;
    --novoui-text-color-toggle-button-outline-selected: #003478;
    --novoui-fill-toggle-button-outline-selected: #003478;
    --novoui-stroke-toggle-button-outline-selected: #003478;
    --novoui-text-color-tooltip-enabled: #fff;
    --novoui-fill-tooltip-enabled: #fff;
    --novoui-stroke-tooltip-enabled: #fff;
    --novoui-text-color-tooltip-primary: #fff;
    --novoui-fill-tooltip-primary: #fff;
    --novoui-stroke-tooltip-primary: #fff;
    --novoui-text-color-tooltip-secondary: #b3b8c7;
    --novoui-fill-tooltip-secondary: #b3b8c7;
    --novoui-stroke-tooltip-secondary: #b3b8c7;
    --novoui-text-color-selection-enabled: #001965;
    --novoui-fill-selection-enabled: #001965;
    --novoui-stroke-selection-enabled: #001965;
    --novoui-text-color-selection-unselected: #272e41;
    --novoui-fill-selection-unselected: #272e41;
    --novoui-stroke-selection-unselected: #272e41;
    --novoui-text-color-selection-selected: #004195;
    --novoui-fill-selection-selected: #004195;
    --novoui-stroke-selection-selected: #004195;
    --novoui-text-color-selection-on-selected: #fff;
    --novoui-fill-selection-on-selected: #fff;
    --novoui-stroke-selection-on-selected: #fff;
    --novoui-text-color-side-menus-menu-enabled: #272e41;
    --novoui-fill-side-menus-menu-enabled: #272e41;
    --novoui-stroke-side-menus-menu-enabled: #272e41;
    --novoui-text-color-side-menus-menu-hover: #004195;
    --novoui-fill-side-menus-menu-hover: #004195;
    --novoui-stroke-side-menus-menu-hover: #004195;
    --novoui-text-color-side-menus-menu-header: #454b5c;
    --novoui-fill-side-menus-menu-header: #454b5c;
    --novoui-stroke-side-menus-menu-header: #454b5c;
    --novoui-text-color-side-menus-switcher-primary: #001965;
    --novoui-fill-side-menus-switcher-primary: #001965;
    --novoui-stroke-side-menus-switcher-primary: #001965;
    --novoui-text-color-side-menus-switcher-secondary: #454b5c;
    --novoui-fill-side-menus-switcher-secondary: #454b5c;
    --novoui-stroke-side-menus-switcher-secondary: #454b5c;
    --novoui-text-color-overlays-base-header: #454b5c;
    --novoui-fill-overlays-base-header: #454b5c;
    --novoui-stroke-overlays-base-header: #454b5c;
    --novoui-text-color-overlays-base-menu: #272e41;
    --novoui-fill-overlays-base-menu: #272e41;
    --novoui-stroke-overlays-base-menu: #272e41;
  }
}

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

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

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

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

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

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

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

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

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

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

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

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

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

  ::placeholder {
    opacity: 1;
  }

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

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

  textarea {
    resize: vertical;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  *, :after, :before, ::backdrop {
    border-color: var(--color-gray-200, currentcolor);
  }

  ::file-selector-button {
    border-color: var(--color-gray-200, currentcolor);
  }
}

@layer components {
  .accordion {
    border-bottom-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-bottom-width: 1px;
    border-color: var(--novoui-border-accordion-enabled);
    background-color: var(--novoui-background-accordion-enabled);
  }

  .accordion-header {
    width: 100%;
    padding: calc(var(--spacing, .25rem) * 4);
    font-size: var(--novoui-ui-label-16);
    line-height: var(--tw-leading, var(--novoui-ui-label-16--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-accordion-headline);
    transition-property: border-radius;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    justify-content: space-between;
    transition-duration: .3s;
    display: flex;
  }

  @media (hover: hover) {
    .accordion-header:hover, .accordion-header-hover {
      background-color: var(--novoui-background-accordion-hover);
    }
  }

  .accordion-header svg {
    margin-block: auto;
    margin-left: calc(var(--spacing, .25rem) * 2);
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    fill: currentColor;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .accordion-item-title {
    font-size: var(--novoui-headings-h5);
    line-height: var(--tw-leading, var(--novoui-headings-h5--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
  }

  .accordion-content {
    color: var(--novoui-text-color-accordion-body);
    transition-property: grid-template-rows;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .3s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    grid-template-rows: 0fr;
    display: grid;
  }

  .accordion-content > div {
    overflow: hidden;
  }

  .accordion-content > div > p {
    padding: calc(var(--spacing, .25rem) * 4);
  }

  .accordion-open .accordion-header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--novoui-border-accordion-enabled);
    background-color: var(--novoui-background-accordion-hover);
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-accordion-active);
  }

  @media (hover: hover) {
    .accordion-open .accordion-header:hover, .accordion-open .accordion-header-hover {
      background-color: var(--novoui-background-accordion-active);
    }
  }

  .accordion-open .accordion-header svg {
    rotate: 180deg;
  }

  .accordion-open .accordion-content {
    grid-template-rows: 1fr;
  }

  .accordion-open .accordion-content > div.animation-overflow {
    overflow: visible;
  }

  .accordion-cards {
    border-radius: var(--novoui-radius-large);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .accordion-cards .accordion-header {
    border-top-left-radius: var(--novoui-radius-large);
    border-top-right-radius: var(--novoui-radius-large);
  }

  .accordion-cards:not(.accordion-open) .accordion-header {
    border-bottom-right-radius: var(--novoui-radius-large);
    border-bottom-left-radius: var(--novoui-radius-large);
  }

  .accordion-cards + .accordion-cards {
    margin-top: var(--novoui-spacing-xsmall);
  }

  .accordion-outline {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
    border-bottom-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-bottom-width: 1px;
    border-color: var(--novoui-border-accordion-enabled);
  }

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

  .accordion-outline:first-of-type {
    border-top-left-radius: var(--novoui-radius-large);
    border-top-right-radius: var(--novoui-radius-large);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .accordion-outline:first-of-type .accordion-header {
    border-top-left-radius: var(--novoui-radius-large);
    border-top-right-radius: var(--novoui-radius-large);
  }

  .accordion-outline:last-of-type, .accordion-outline:last-of-type:not(.accordion-open) .accordion-header {
    border-bottom-right-radius: var(--novoui-radius-large);
    border-bottom-left-radius: var(--novoui-radius-large);
  }

  .accordion-elevation {
    background-color: var(--novoui-background-accordion-elevated-enabled);
    --tw-shadow: 0px 4px 12px var(--tw-shadow-color, #15213314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (hover: hover) {
    .accordion-elevation .accordion-header:hover, .accordion-elevation .accordion-header-hover {
      background-color: var(--novoui-background-accordion-elevated-hover);
    }
  }

  .accordion-elevation.accordion-open .accordion-header {
    background-color: var(--novoui-background-accordion-elevated-hover);
  }

  @media (hover: hover) {
    .accordion-elevation.accordion-open .accordion-header:hover, .accordion-elevation.accordion-open .accordion-header-hover {
      background-color: var(--novoui-background-accordion-elevated-active);
    }
  }

  .avatar {
    cursor: pointer;
    grid-column-gap: .5rem;
    border-radius: 50%;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 2.5rem 0 auto;
    display: inline-grid;
    position: relative;
  }

  .avatar figcaption {
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
    grid-area: span 2 / span 2;
    display: grid;
  }

  .avatar-name {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
  }

  .avatar-email {
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    color: var(--novoui-text-color-general-secondary);
  }

  .avatar-picture {
    background-color: var(--novoui-background-general-medium);
    transition-property: background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    height: calc(var(--spacing, .25rem) * 10);
    width: calc(var(--spacing, .25rem) * 10);
    fill: var(--novoui-fill-general-primary);
    text-align: center;
    font-size: var(--novoui-body-large);
    line-height: var(--tw-leading, var(--novoui-body-large--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    border-radius: 50%;
    grid-row: 1 / span 2;
    align-content: center;
    align-self: center;
    justify-items: center;
  }

  .avatar img.avatar-picture {
    transition-property: filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  }

  .avatar-xsmall {
    grid-template-columns: 1.5rem 0 auto;
  }

  .avatar-xsmall .avatar-picture {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
  }

  .avatar-xsmall span.avatar-status {
    margin-bottom: calc(var(--spacing, .25rem) * -1.5);
    margin-left: calc(var(--spacing, .25rem) * -4);
    height: calc(var(--spacing, .25rem) * 2.5);
    width: calc(var(--spacing, .25rem) * 2.5);
    padding: .5px;
  }

  .avatar-xsmall span.avatar-name {
    font-size: var(--novoui-ui-label-10);
    line-height: var(--tw-leading, var(--novoui-ui-label-10--line-height));
  }

  .avatar-xsmall span.avatar-email {
    font-size: var(--novoui-body-xsmall);
    line-height: var(--tw-leading, var(--novoui-body-xsmall--line-height));
  }

  .avatar-small {
    grid-template-columns: 2rem 0 auto;
  }

  .avatar-small .avatar-picture {
    height: calc(var(--spacing, .25rem) * 8);
    width: calc(var(--spacing, .25rem) * 8);
    font-size: var(--novoui-body-medium);
    line-height: var(--tw-leading, var(--novoui-body-medium--line-height));
  }

  .avatar-small span.avatar-status {
    margin-bottom: calc(var(--spacing, .25rem) * -2.5);
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 3);
    padding: calc(var(--spacing, .25rem) * .25);
  }

  .avatar-small span.avatar-name {
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
  }

  .avatar-small span.avatar-email {
    font-size: var(--novoui-body-xsmall);
    line-height: var(--tw-leading, var(--novoui-body-xsmall--line-height));
  }

  .avatar-large {
    grid-template-columns: 3rem 0 auto;
  }

  .avatar-large .avatar-picture {
    height: calc(var(--spacing, .25rem) * 12);
    width: calc(var(--spacing, .25rem) * 12);
    font-size: var(--novoui-headings-h4);
    line-height: var(--tw-leading, var(--novoui-headings-h4--line-height));
  }

  .avatar-large span.avatar-status {
    margin-bottom: calc(var(--spacing, .25rem) * -3);
    margin-left: calc(var(--spacing, .25rem) * -5);
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    padding: calc(var(--spacing, .25rem) * .5);
  }

  .avatar-large span.avatar-name {
    font-size: var(--novoui-ui-label-16);
    line-height: var(--tw-leading, var(--novoui-ui-label-16--line-height));
  }

  .avatar-large span.avatar-email {
    font-size: var(--novoui-body-medium);
    line-height: var(--tw-leading, var(--novoui-body-medium--line-height));
  }

  .avatar-xlarge {
    grid-template-columns: 3.5rem 0 auto;
  }

  .avatar-xlarge .avatar-picture {
    height: calc(var(--spacing, .25rem) * 14);
    width: calc(var(--spacing, .25rem) * 14);
    font-size: var(--novoui-headings-h3);
    line-height: var(--tw-leading, var(--novoui-headings-h3--line-height));
  }

  .avatar-xlarge span.avatar-status {
    margin-bottom: calc(var(--spacing, .25rem) * -3.5);
    margin-left: calc(var(--spacing, .25rem) * -6);
    height: calc(var(--spacing, .25rem) * 4.5);
    width: calc(var(--spacing, .25rem) * 4.5);
    padding: calc(var(--spacing, .25rem) * .5);
  }

  .avatar-xlarge span.avatar-name {
    font-size: var(--novoui-ui-label-18);
    line-height: var(--tw-leading, var(--novoui-ui-label-18--line-height));
  }

  .avatar-xlarge span.avatar-email {
    font-size: var(--novoui-body-medium);
    line-height: var(--tw-leading, var(--novoui-body-medium--line-height));
  }

  .avatar-xxlarge {
    grid-template-columns: 4rem 0 auto;
  }

  .avatar-xxlarge .avatar-picture {
    height: calc(var(--spacing, .25rem) * 16);
    width: calc(var(--spacing, .25rem) * 16);
    font-size: var(--novoui-headings-h2);
    line-height: var(--tw-leading, var(--novoui-headings-h2--line-height));
  }

  .avatar-xxlarge span.avatar-status {
    margin-bottom: calc(var(--spacing, .25rem) * -3.5);
    margin-left: calc(var(--spacing, .25rem) * -6);
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
    padding: calc(var(--spacing, .25rem) * .5);
  }

  .avatar-xxlarge span.avatar-name {
    font-size: var(--novoui-headings-h3);
    line-height: var(--tw-leading, var(--novoui-headings-h3--line-height));
  }

  .avatar-xxlarge span.avatar-email {
    font-size: var(--novoui-body-medium);
    line-height: var(--tw-leading, var(--novoui-body-medium--line-height));
  }

  .avatar-xxxlarge {
    grid-template-columns: 5rem 0 auto;
  }

  .avatar-xxxlarge .avatar-picture {
    height: calc(var(--spacing, .25rem) * 20);
    width: calc(var(--spacing, .25rem) * 20);
    font-size: var(--novoui-headings-h2);
    line-height: var(--tw-leading, var(--novoui-headings-h2--line-height));
  }

  .avatar-xxxlarge span.avatar-status {
    margin-bottom: calc(var(--spacing, .25rem) * -4.5);
    margin-left: calc(var(--spacing, .25rem) * -7);
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    padding: calc(var(--spacing, .25rem) * 1);
  }

  .avatar-xxxlarge span.avatar-name {
    font-size: var(--novoui-headings-h2);
    line-height: var(--tw-leading, var(--novoui-headings-h2--line-height));
  }

  .avatar-xxxlarge span.avatar-email {
    font-size: var(--novoui-body-large);
    line-height: var(--tw-leading, var(--novoui-body-large--line-height));
  }

  .avatar-status {
    height: calc(var(--spacing, .25rem) * 3.5);
    width: calc(var(--spacing, .25rem) * 3.5);
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 2px;
    border-color: var(--novoui-border-general-subtle);
    margin-bottom: calc(var(--spacing, .25rem) * -3);
    margin-left: calc(var(--spacing, .25rem) * -4.5);
    border-radius: 50%;
    grid-row: 2 / span 2;
    justify-content: center;
    align-self: center;
    align-items: center;
    padding: 1.5px;
    display: flex;
    position: relative;
  }

  .avatar figcaption > span:not(.avatar-status) {
    grid-column: 2;
    align-self: center;
  }

  .avatar-offline figcaption span.avatar-status {
    background-color: var(--novoui-background-disabled-strong);
  }

  .avatar-edit figcaption span.avatar-status {
    background-color: var(--novoui-background-general-medium);
  }

  .avatar-edit figcaption span.avatar-status > svg {
    fill: var(--novoui-fill-general-primary);
  }

  .avatar-online figcaption span.avatar-status {
    background-color: var(--novoui-background-notifications-and-tags-success-strong);
  }

  .avatar:hover img.avatar-picture {
    --tw-brightness: brightness(80%);
    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, );
  }

  .avatar:hover div.avatar-picture {
    background-color: var(--novoui-background-general-medium-emphasis-hover);
  }

  .avatar:active .avatar-picture, .avatar:focus .avatar-picture, .avatar:focus-visible .avatar-picture {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
  }

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

  .avatar:active div.avatar-picture, .avatar:focus div.avatar-picture, .avatar:focus-visible div.avatar-picture {
    background-color: var(--novoui-background-general-medium);
  }

  .badge {
    width: max-content;
  }

  .badge-with-number {
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing, .25rem) * 1);
    min-height: calc(var(--spacing, .25rem) * 4);
    min-width: calc(var(--spacing, .25rem) * 5);
    border-radius: var(--novoui-radius-small);
    border-width: 1px;
    border-color: var(--novoui-gradient-on-dark-white-100);
    background-color: var(--novoui-background-notifications-and-tags-neutral-light);
    padding-block: 1px;
  }

  .badge-number {
    text-align: center;
    white-space: nowrap;
    font-size: var(--novoui-ui-label-10);
    line-height: var(--tw-leading, var(--novoui-ui-label-10--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-notifications-and-tags-on-neutral);
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .badge-dot {
    background-color: var(--novoui-background-notifications-and-tags-alert-strong);
    height: calc(var(--spacing, .25rem) * 2.5);
    width: calc(var(--spacing, .25rem) * 2.5);
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--novoui-gradient-on-dark-white-100);
    border-radius: var(--novoui-radius-full);
  }

  .badge-rounded .badge-with-number {
    min-width: calc(var(--spacing, .25rem) * 6);
    border-radius: var(--novoui-radius-x-large);
    padding-inline: calc(var(--spacing, .25rem) * 1);
    padding-block: 1px;
  }

  .badge-square .badge-with-number {
    border-radius: var(--novoui-radius-small);
  }

  .badge-alert .badge-with-number {
    background-color: var(--novoui-background-notifications-and-tags-alert-strong);
  }

  .badge-alert .badge-number {
    color: var(--novoui-text-color-notifications-and-tags-on-brand);
  }

  .badge-alert .badge-dot {
    background-color: var(--novoui-background-notifications-and-tags-alert-strong);
  }

  .badge-disabled .badge-with-number {
    background-color: var(--novoui-background-disabled-subtle);
  }

  .badge-disabled .badge-number {
    color: var(--novoui-text-color-disabled-subtle);
  }

  .badge-disabled .badge-dot, .badge-disabled.badge-alert .badge-with-number {
    background-color: var(--novoui-background-disabled-strong);
  }

  .badge-disabled.badge-alert .badge-number {
    color: var(--novoui-text-color-notifications-and-tags-on-brand);
  }

  .bottom-navigation {
    right: calc(var(--spacing, .25rem) * 0);
    bottom: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * 0);
    border-top-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-top-width: 1px;
    border-color: var(--novoui-border-side-menus-menu-enabled);
    background-color: var(--novoui-background-general-elevated);
    padding-bottom: calc(var(--spacing, .25rem) * 4);
    flex-direction: column;
    align-items: center;
    display: flex;
    position: fixed;
  }

  .bottom-navigation > ul {
    width: 91.6667%;
    max-width: 768px;
    padding-inline: calc(var(--spacing, .25rem) * 4);
    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
    justify-content: space-between;
    align-items: stretch;
    display: grid;
  }

  .bottom-navigation-item {
    min-width: 60px;
  }

  .bottom-navigation-item > button {
    width: 100%;
    padding-inline: 10px;
    padding-block: calc(var(--spacing, .25rem) * 2);
    color: var(--novoui-text-color-general-tertiary);
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative;
  }

  .bottom-navigation-item > button > svg {
    box-sizing: content-box;
    border-radius: var(--novoui-radius-small);
    fill: currentColor;
    padding: calc(var(--spacing, .25rem) * 2);
  }

  .bottom-navigation-item > button > span {
    text-align: center;
    width: calc(100% + 1.25rem);
    font-size: var(--novoui-ui-button-12);
    line-height: var(--tw-leading, var(--novoui-ui-button-12--line-height));
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .bottom-navigation-item-strong.bottom-navigation-item-active > button {
    color: var(--novoui-text-color-side-menus-menu-hover);
  }

  .bottom-navigation-item-subtle.bottom-navigation-item-active > button {
    color: var(--novoui-text-color-general-secondary);
  }

  .bottom-navigation-item-notification button:after {
    height: calc(var(--spacing, .25rem) * 2);
    width: calc(var(--spacing, .25rem) * 2);
    border-radius: var(--novoui-radius-full);
    border-color: var(--novoui-gradient-on-dark-white-100);
    background-color: var(--novoui-background-notifications-and-tags-alert-strong);
    box-shadow: 0px 0px 0px 1px var(--novoui-gradient-on-dark-white-100);
    content: "";
    margin-left: 2px;
    position: absolute;
    top: 16px;
    left: 50%;
  }

  .bottom-navigation > .accordion.bottom-navigation-disclaimer {
    right: calc(var(--spacing, .25rem) * 0);
    bottom: calc(100% + 1px);
    left: calc(var(--spacing, .25rem) * 0);
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
    border-left-style: var(--tw-border-style);
    --tw-shadow: 0px -16px 24px var(--tw-shadow-color, #16223314), 0px -4px 8px var(--tw-shadow-color, #16223314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-shadow-color: var(--novoui-neutral-3);
    border-left-width: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: absolute;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bottom-navigation > .accordion.bottom-navigation-disclaimer {
      --tw-shadow-color: var(--novoui-neutral-3);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .bottom-navigation > .accordion.bottom-navigation-disclaimer {
        --tw-shadow-color: color-mix(in oklab, var(--novoui-neutral-3) var(--tw-shadow-alpha), transparent);
      }
    }
  }

  .bottom-navigation > .accordion.bottom-navigation-disclaimer > .accordion-header {
    background-color: var(--novoui-background-general-elevated);
  }

  .bottom-navigation > .accordion.bottom-navigation-disclaimer > .accordion-header > p {
    margin-left: calc(var(--spacing, .25rem) * 2);
  }

  .bottom-navigation > .accordion.bottom-navigation-disclaimer .bottom-navigation-disclaimer-headline {
    margin-top: calc(var(--spacing, .25rem) * 4);
    margin-left: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-headings-h4);
    line-height: var(--tw-leading, var(--novoui-headings-h4--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
  }

  .bottom-navigation > .accordion.bottom-navigation-disclaimer .bottom-navigation-disclaimer-content {
    margin-left: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-body-medium);
    line-height: var(--tw-leading, var(--novoui-body-medium--line-height));
    color: var(--novoui-text-color-general-primary);
  }

  @media only screen and (orientation: landscape) and (hover: none) {
    .bottom-navigation {
      top: calc(var(--spacing, .25rem) * 0);
      bottom: calc(var(--spacing, .25rem) * 0);
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
      border-right-style: var(--tw-border-style);
      right: unset;
      border-right-width: 1px;
      justify-content: center;
    }

    .bottom-navigation ul.bottom-navigation-list {
      height: 50%;
      max-height: 768px;
      padding-inline: calc(var(--spacing, .25rem) * 1.5);
      width: unset;
      grid-template-columns: unset;
      grid-template-rows: repeat(auto-fit, minmax(60px, 1fr));
      align-items: center;
    }

    .bottom-navigation ul.bottom-navigation-list li.bottom-navigation-item {
      width: 60px;
    }

    .bottom-navigation .accordion.bottom-navigation-disclaimer {
      display: none;
    }
  }

  .bottom-sheet {
    bottom: calc(var(--spacing, .25rem) * 0);
    background-color: var(--novoui-background-general-elevated);
    --tw-shadow: 0px 0px 24px var(--tw-shadow-color, #16223314), 0px 0px 8px var(--tw-shadow-color, #16223314);
    width: 100%;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    flex-direction: column;
    grid-area: 3 / 2 / span 3 / span 4;
    display: flex;
    position: absolute;
  }

  .bottom-sheet-predefined-height {
    height: 100%;
  }

  .bottom-sheet-container {
    top: calc(var(--spacing, .25rem) * 0);
    right: calc(var(--spacing, .25rem) * 0);
    bottom: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * 0);
    z-index: 40;
    opacity: 1;
    grid-template-rows: repeat(5, minmax(0, 1fr));
    grid-template-columns: repeat(6, minmax(0, 1fr));
    place-items: center;
    width: 100%;
    height: 100%;
    display: grid;
    position: fixed;
  }

  .bottom-sheet-background {
    cursor: pointer;
    background-color: var(--novoui-background-modal-enabled);
    opacity: .5;
    grid-area: 1 / 1 / span 5 / span 6;
    width: 100%;
    height: 100%;
  }

  .bottom-sheet-enter-active, .bottom-sheet-leave-active {
    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, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  }

  .bottom-sheet-enter-active .bottom-sheet-background, .bottom-sheet-leave-active .bottom-sheet-background {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  }

  .bottom-sheet-enter-active .bottom-sheet, .bottom-sheet-leave-active .bottom-sheet {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  }

  .bottom-sheet-enter-from, .bottom-sheet-leave-to {
    color: var(--novoui-text-color-general-secondary);
  }

  .bottom-sheet-enter-from .bottom-sheet-background, .bottom-sheet-leave-to .bottom-sheet-background {
    opacity: 0;
  }

  .bottom-sheet-enter-from .bottom-sheet, .bottom-sheet-leave-to .bottom-sheet {
    transform: translateY(100%);
  }

  .bottom-sheet-controls {
    margin-inline: calc(var(--spacing, .25rem) * 6);
    grid-template-columns: auto 1fr auto;
    align-items: center;
    margin-top: 22px;
    margin-bottom: 22px;
    display: grid;
  }

  .bottom-sheet-controls-handle {
    margin-top: calc(var(--spacing, .25rem) * 0);
    margin-bottom: calc(var(--spacing, .25rem) * 1);
  }

  .bottom-sheet-controls-handle .bottom-sheet-header {
    grid-row: 2;
  }

  .bottom-sheet-back {
    z-index: 1;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-general-primary);
    grid-area: 1 / 1;
    display: flex;
  }

  .bottom-sheet-back:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
  }

  .bottom-sheet-back svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    fill: currentColor;
  }

  .bottom-sheet-close {
    z-index: 1;
    grid-area: 1 / 3;
  }

  .bottom-sheet-close:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
  }

  .bottom-sheet-handle {
    height: calc(var(--spacing, .25rem) * 1);
    width: calc(var(--spacing, .25rem) * 11);
    border-radius: var(--novoui-radius-small);
    background-color: var(--novoui-background-general-strong);
    margin-inline: auto;
  }

  .bottom-sheet-handle-buffer {
    box-sizing: content-box;
    height: calc(var(--spacing, .25rem) * 4);
    cursor: ns-resize;
    width: 100%;
    padding-top: calc(var(--spacing, .25rem) * 1);
    padding-bottom: calc(var(--spacing, .25rem) * 5);
    grid-column: span 3 / span 3;
  }

  .bottom-sheet-header {
    text-align: center;
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-general-secondary);
    grid-area: 1 / 1 / auto / span 3;
  }

  .bottom-sheet-body {
    flex-grow: 1;
    max-height: 66svh;
    overflow-y: auto;
  }

  .bottom-sheet-body-content {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 4);
    padding: calc(var(--spacing, .25rem) * 6);
    flex-direction: column;
    display: flex;
  }

  .bottom-sheet-body-title {
    text-align: center;
    font-size: var(--novoui-headings-h4);
    line-height: var(--tw-leading, var(--novoui-headings-h4--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
  }

  .bottom-sheet-body-text {
    text-align: center;
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    color: var(--novoui-text-color-general-primary);
  }

  .bottom-sheet-slide {
    opacity: 0;
    grid-template-rows: 0fr;
    transition: grid-template-rows .2s ease-in-out, opacity .2s ease-in-out .2s;
    display: grid;
    overflow: hidden;
  }

  .bottom-sheet-slide-content {
    min-height: calc(var(--spacing, .25rem) * 0);
    opacity: 0;
  }

  .bottom-sheet-slide-visible {
    opacity: 1;
    grid-template-rows: 1fr;
  }

  .bottom-sheet-slide-visible > .bottom-sheet-slide-content {
    opacity: 1;
  }

  .bottom-sheet-footer {
    gap: calc(var(--spacing, .25rem) * 2);
    padding-inline: calc(var(--spacing, .25rem) * 6);
    padding-top: calc(var(--spacing, .25rem) * 2);
    padding-bottom: calc(var(--spacing, .25rem) * 4);
    flex-direction: column;
    display: flex;
  }

  .bottom-sheet-footer-side-by-side {
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  @media screen and (max-width: 1024px) {
    .bottom-sheet {
      grid-column: span 6 / span 6;
      min-width: 100%;
    }

    .bottom-sheet-body-title {
      font-size: var(--novoui-headings-h3);
      line-height: var(--tw-leading, var(--novoui-headings-h3--line-height));
      --tw-font-weight: var(--font-weight-bold, 700);
      font-weight: var(--font-weight-bold, 700);
    }

    .bottom-sheet-body-text {
      font-size: var(--novoui-body-large);
      line-height: var(--tw-leading, var(--novoui-body-large--line-height));
    }
  }

  .breadcrumbs {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    height: fit-content;
    display: flex;
  }

  .breadcrumbs-compact {
    width: fit-content;
  }

  .breadcrumbs-expanded {
    width: 100%;
    overflow: auto;
  }

  .breadcrumbs-overflow-list.list {
    padding-inline: calc(var(--spacing, .25rem) * 1.5);
  }

  .breadcrumbs-overflow-list.list li.list-item {
    padding: 1px;
  }

  .breadcrumbs-overflow-list.list li.list-item > .button {
    border-radius: var(--novoui-radius);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .breadcrumbs-overflow-dropdown {
    height: calc(var(--spacing, .25rem) * 3);
  }

  .breadcrumbs-overflow-button.button {
    margin-top: calc(var(--spacing, .25rem) * -2);
    border-radius: var(--novoui-radius-x-small);
    width: 18px;
    height: 26px;
  }

  .breadcrumbs-overflow-button.button svg {
    padding-top: calc(var(--spacing, .25rem) * 2);
  }

  .breadcrumbs .crumb {
    border-radius: var(--novoui-radius-x-small);
    padding: calc(var(--spacing, .25rem) * .5);
    text-wrap: nowrap;
    padding-block: 1px;
  }

  .breadcrumbs .crumb:has(.breadcrumb-icon) {
    padding-inline: calc(var(--spacing, .25rem) * .5);
    padding-block: 3px;
  }

  .breadcrumbs .crumb.crumb-inactive {
    pointer-events: none;
    color: var(--novoui-text-color-general-tertiary);
  }

  .breadcrumbs .crumb .breadcrumb-icon {
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 3);
  }

  .breadcrumbs .breadcrumb-separator {
    color: var(--novoui-text-color-general-seperator);
  }

  .breadcrumbs-small .crumb, .breadcrumbs-small .breadcrumb-separator {
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .breadcrumbs-small .breadcrumb-separator-icon {
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 3);
  }

  .breadcrumbs-medium .crumb, .breadcrumbs-medium .breadcrumb-separator {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .breadcrumbs-medium .crumb .breadcrumb-icon, .breadcrumbs-medium .breadcrumb-separator .breadcrumb-icon, .breadcrumbs-medium .breadcrumb-separator-icon {
    height: calc(var(--spacing, .25rem) * 3.5);
    width: calc(var(--spacing, .25rem) * 3.5);
  }

  .breadcrumbs-large .crumb, .breadcrumbs-large .breadcrumb-separator {
    font-size: var(--novoui-ui-label-16);
    line-height: var(--tw-leading, var(--novoui-ui-label-16--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .breadcrumbs-large .crumb .breadcrumb-icon, .breadcrumbs-large .breadcrumb-separator .breadcrumb-icon, .breadcrumbs-large .breadcrumb-separator-icon {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  .breadcrumbs-subtle .crumb {
    color: var(--novoui-text-color-general-primary);
  }

  @media (hover: hover) {
    .breadcrumbs-subtle .crumb:hover {
      background-color: var(--novoui-background-general-medium-emphasis-hover);
    }
  }

  .breadcrumbs-subtle .breadcrumb-separator-icon, .breadcrumbs-subtle .breadcrumb-icon {
    fill: currentColor;
  }

  .breadcrumbs-subtle .breadcrumbs-overflow-button > svg {
    fill: var(--novoui-fill-general-primary);
  }

  .breadcrumbs-strong .crumb {
    color: var(--novoui-text-color-general-high-emphasis-enabled);
  }

  @media (hover: hover) {
    .breadcrumbs-strong .crumb:hover {
      background-color: var(--novoui-background-general-medium-emphasis-hover);
      color: var(--novoui-text-color-general-high-emphasis-hover);
    }
  }

  .breadcrumbs-strong .breadcrumb-icon, .breadcrumbs-strong .breadcrumb-separator-icon {
    fill: currentColor;
  }

  .breadcrumbs-outline {
    border-radius: var(--novoui-radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--novoui-border-general-subtle);
    padding: calc(var(--spacing, .25rem) * 2);
  }

  .button-group, .button-group-scroll {
    display: flex;
    overflow-x: auto;
  }

  .button-group-wrap {
    display: block;
    overflow: auto;
  }

  .button-group-content {
    padding: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    color: var(--novoui-text-color-general-secondary);
  }

  .button-group .button-toggle {
    cursor: pointer;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    height: calc(var(--spacing, .25rem) * 8);
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    border-radius: var(--novoui-radius-small);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    font-size: var(--novoui-ui-button-14);
    line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-toggle-button-fill-enabled);
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    background-color: var(--novoui-background-toggle-button-fill-enabled);
    text-transform: var(--button-text-case);
    border: 1px solid #0000;
    flex-wrap: wrap;
    flex-shrink: 0;
    text-decoration-line: none;
    display: inline-flex;
  }

  .button-group .button-toggle svg {
    fill: currentColor;
    width: 14px;
    height: 14px;
  }

  .button-group .button-toggle svg:only-child {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  .button-group .button-toggle:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .button-group .button-toggle:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .button-group .button-toggle:not(:first-child):not(:last-child) {
    border-radius: 0;
  }

  @media (hover: hover) {
    .button-group .button-toggle:hover, .button-group .button-toggle-hover {
      background-color: var(--novoui-background-toggle-button-fill-hover);
    }
  }

  .button-group .button-toggle.active, .button-group .button-toggle:active, .button-group .button-toggle[active] {
    background-color: var(--novoui-background-toggle-button-fill-selected);
    color: var(--novoui-text-color-toggle-button-fill-selected);
  }

  .button-group .button-toggle:focus-visible, .button-group .button-toggle-focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: calc(2px * -1);
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
  }

  .button-group .button-toggle.button-toggle-selected {
    border-color: var(--novoui-border-general-high-emphasis-enabled);
    background-color: var(--novoui-background-toggle-button-fill-selected);
    color: var(--novoui-text-color-toggle-button-fill-selected);
  }

  .button-group .button-toggle:disabled, .button-group .button-toggle[disabled] {
    pointer-events: none;
    background-color: var(--novoui-background-disabled-strong);
    color: var(--novoui-text-color-disabled-medium);
  }

  .button-group .button-toggle-fill-light {
    background-color: var(--novoui-background-general-base);
  }

  .button-group .button-toggle-fill-light:hover:not(.button-toggle-selected) {
    background-color: var(--novoui-background-general-subtle);
  }

  .button-group .button-toggle-outline {
    background-color: var(--novoui-background-toggle-button-outline-enabled);
    border-color: var(--novoui-border-toggle-button-outline-enabled);
  }

  @media (hover: hover) {
    .button-group .button-toggle-outline:hover, .button-group .button-toggle-outline-hover {
      border-color: var(--novoui-border-toggle-button-outline-hover);
      background-color: var(--novoui-background-toggle-button-outline-hover);
    }

    .button-group .button-toggle-outline:hover:not(:first-child), .button-group .button-toggle-outline-hover:not(:first-child) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
      margin-left: -1px;
    }
  }

  .button-group .button-toggle-outline.active, .button-group .button-toggle-outline:active, .button-group .button-toggle-outline[active], .button-group .button-toggle-outline.button-toggle-selected {
    border-color: var(--novoui-border-toggle-button-outline-selected);
    background-color: var(--novoui-background-toggle-button-outline-selected);
    color: var(--novoui-text-color-toggle-button-outline-selected);
  }

  .button-group .button-toggle-outline:not(:first-child), .button-group .button-toggle-outline:last-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .button-group .button-toggle-outline:disabled, .button-group .button-toggle-outline[disabled] {
    border-color: var(--novoui-border-disabled-subtle);
    background-color: var(--novoui-background-general-base);
    color: var(--novoui-text-color-disabled-medium);
  }

  .button-group .button-toggle:has( + .button-toggle-selected):not([disabled]) {
    border-right-color: var(--novoui-border-general-high-emphasis-enabled);
  }

  .button-group .button-toggle-md {
    height: calc(var(--spacing, .25rem) * 8);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    font-size: var(--novoui-ui-button-14);
    line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .button-group .button-toggle-md svg {
    width: 14px;
    height: 14px;
  }

  .button-group .button-toggle-md svg:only-child {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  .button-group .button-toggle-lg {
    height: calc(var(--spacing, .25rem) * 10);
    padding-inline: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-ui-button-14);
    line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .button-group .button-toggle-lg svg {
    width: 18px;
    height: 18px;
  }

  .button-group .button-toggle-lg svg:only-child {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
  }

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

  .button-split .button-loading {
    padding-inline: 35.5px;
  }

  .button-split .button-loading.button-xs {
    box-sizing: content-box;
    height: 30px;
    padding-inline: 27px;
  }

  .button-split .button-xs.button.button-split-main {
    z-index: 1;
    padding-right: calc(var(--spacing, .25rem) * 2);
    padding-left: 14px;
  }

  .button-split .button-xs.button.button-split-dropdown {
    width: auto;
    padding-inline: calc(var(--spacing, .25rem) * 1.5);
    padding-right: calc(var(--spacing, .25rem) * 2);
  }

  .button-split .button-xs.button.button-split-dropdown.button-outline {
    border-left-color: #0000;
  }

  .button-split .button-xs.button.button-split-dropdown.button-text {
    margin-left: calc(var(--spacing, .25rem) * 0);
    padding-left: calc(var(--spacing, .25rem) * 0);
  }

  .button-split-main.button {
    padding-right: calc(var(--spacing, .25rem) * 3);
    padding-left: calc(var(--spacing, .25rem) * 5);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
  }

  .button-split-main.button:focus-visible, .button-split-main.button-focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .button-split-main.button:focus-visible:after, .button-split-main.button-focus-visible:after {
    z-index: 2;
    border-top-left-radius: var(--novoui-radius-x-large);
    border-bottom-left-radius: var(--novoui-radius-x-large);
    outline-style: var(--tw-outline-style);
    outline-offset: 3px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
    --tw-content: "";
    content: var(--tw-content);
    background-color: #0000;
    width: calc(100% - 4px);
    height: 100%;
    position: absolute;
    right: 4px;
  }

  .button-split-main.button:hover, .button-split-main.button:active {
    z-index: 1;
  }

  .button-split-main.button-split-delimiter, .button-split-main.button-outline, .button-split-main.button-outline-subtle, .button-split-main.button-destructive {
    border-right-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-right-width: 1px;
  }

  .button-split-main.button-split-delimiter {
    border-right-color: var(--novoui-neutral-1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button-split-main.button-split-delimiter {
      border-right-color: var(--novoui-neutral-1);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .button-split-main.button-split-delimiter {
        border-right-color: color-mix(in oklab, var(--novoui-neutral-1) 30%, transparent);
      }
    }
  }

  .button-split-main.button-split-delimiter.button[disabled], .button-split-main.button-split-delimiter.button-disabled, .button-split-main.button-split-delimiter.button:disabled {
    border-right-color: var(--novoui-border-disabled-strong);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button-split-main.button-split-delimiter.button[disabled], .button-split-main.button-split-delimiter.button-disabled, .button-split-main.button-split-delimiter.button:disabled {
      border-right-color: var(--novoui-border-disabled-strong);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .button-split-main.button-split-delimiter.button[disabled], .button-split-main.button-split-delimiter.button-disabled, .button-split-main.button-split-delimiter.button:disabled {
        border-right-color: color-mix(in oklab, var(--novoui-border-disabled-strong) 30%, transparent);
      }
    }
  }

  .button-split-main.button-split-delimiter + .button, .button-split-main.button-split-delimiter + .dropdown-container .button-split-dropdown {
    border-left-color: #0000;
  }

  .button-split-main.button-split-delimiter + .button[disabled], .button-split-main.button-split-delimiter + .button-disabled, .button-split-main.button-split-delimiter + .button:disabled, .button-split-main.button-split-delimiter + .dropdown-container .button-split-dropdown[disabled], .button-split-main.button-split-delimiter + .dropdown-container .button-split-dropdown-disabled, .button-split-main.button-split-delimiter + .dropdown-container .button-split-dropdown:disabled {
    border-left-color: var(--novoui-border-disabled-strong);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button-split-main.button-split-delimiter + .button[disabled], .button-split-main.button-split-delimiter + .button-disabled, .button-split-main.button-split-delimiter + .button:disabled, .button-split-main.button-split-delimiter + .dropdown-container .button-split-dropdown[disabled], .button-split-main.button-split-delimiter + .dropdown-container .button-split-dropdown-disabled, .button-split-main.button-split-delimiter + .dropdown-container .button-split-dropdown:disabled {
      border-left-color: var(--novoui-border-disabled-strong);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .button-split-main.button-split-delimiter + .button[disabled], .button-split-main.button-split-delimiter + .button-disabled, .button-split-main.button-split-delimiter + .button:disabled, .button-split-main.button-split-delimiter + .dropdown-container .button-split-dropdown[disabled], .button-split-main.button-split-delimiter + .dropdown-container .button-split-dropdown-disabled, .button-split-main.button-split-delimiter + .dropdown-container .button-split-dropdown:disabled {
        border-left-color: color-mix(in oklab, var(--novoui-border-disabled-strong) 30%, transparent);
      }
    }
  }

  .button-split-main.button-destructive {
    z-index: 1;
    border-right-color: var(--novoui-neutral-1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button-split-main.button-destructive {
      border-right-color: var(--novoui-neutral-1);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .button-split-main.button-destructive {
        border-right-color: color-mix(in oklab, var(--novoui-neutral-1) 30%, transparent);
      }
    }
  }

  .button-split-main.button-outline-subtle + .dropdown-container > .button-split-dropdown {
    border-left-color: #0000;
  }

  .button-split-main.button-outline-subtle + .dropdown-container > .button-split-dropdown:hover {
    border-left-color: var(--novoui-border-button-outline-subtle-hover);
  }

  .button-split-main.button-outline-subtle + .dropdown-container > .button-split-dropdown:active {
    border-left-color: var(--novoui-border-button-outline-subtle-active);
  }

  .button-split-main.button-outline-subtle:active, .button-split-main.button-outline-subtle-active {
    border-right-color: var(--novoui-border-button-outline-subtle-active);
  }

  .button-split-main.button-outline-subtle:active:hover, .button-split-main.button-outline-subtle-active:hover, .button-split-main.button-outline-subtle-active-hover {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-right-color: var(--novoui-border-button-outline-subtle-hover);
    background-color: var(--novoui-background-button-outline-subtle-hover);
  }

  .button-split-main.button-outline-subtle:active-hover {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-right-color: var(--novoui-border-button-outline-subtle-hover);
    background-color: var(--novoui-background-button-outline-subtle-hover);
  }

  .button-split-main.button-outline-subtle:active + .button-split-dropdown, .button-split-main.button-outline-subtle-active + .button-split-dropdown {
    margin-left: calc(var(--spacing, .25rem) * 0);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-left-color: var(--novoui-border-button-outline-subtle-enabled);
  }

  .button-split .list .list-item > .button-text.button-xs {
    height: 30px;
  }

  .button-split .list .list-item > .button-text.button-sm {
    height: calc(var(--spacing, .25rem) * 8);
  }

  .button-split-dropdown.button {
    width: calc(var(--spacing, .25rem) * 10);
    padding-right: calc(var(--spacing, .25rem) * 3);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 9px;
    position: relative;
  }

  .button-split-dropdown.button.button-icon-square {
    border-top-right-radius: var(--novoui-radius);
    border-bottom-right-radius: var(--novoui-radius);
  }

  .button-split-dropdown.button.button-split-dropdown, .button-split-dropdown.button.button-split-dropdown:active, .button-split-dropdown.button.button-split-dropdown:hover {
    border-left-color: #0000;
  }

  .button-split-dropdown.button.button-outline-subtle:hover + .button-outline-subtle, .button-split-dropdown.button.button-outline-subtle-hover + .button-outline-subtle {
    border-left-color: var(--novoui-border-button-outline-subtle-enabled);
  }

  .button-split-dropdown.button:focus-visible, .button-split-dropdown.button-focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .button-split-dropdown.button:focus-visible:after, .button-split-dropdown.button-focus-visible:after {
    left: calc(var(--spacing, .25rem) * 1);
    border-top-right-radius: var(--novoui-radius-x-large);
    border-bottom-right-radius: var(--novoui-radius-x-large);
    outline-style: var(--tw-outline-style);
    outline-offset: 3px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
    --tw-content: "";
    content: var(--tw-content);
    background-color: #0000;
    width: calc(100% - 4px);
    height: 100%;
    position: absolute;
  }

  .button-split-dropdown-content {
    display: none;
  }

  .button-split-dropdown-open {
    display: block;
  }

  .button-split .dropdown.dropdown-up {
    top: calc(var(--spacing, .25rem) * -1);
  }

  .button-toggle-switch-group {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--novoui-border-toggle-switch-base);
    background-color: var(--novoui-background-toggle-switch-enabled);
    width: max-content;
    padding: .5px;
    padding-bottom: calc(var(--spacing, .25rem) * .25);
    border-radius: 7px;
    display: grid;
  }

  .button-toggle-switch-group .active-indicator-container {
    grid-template-columns: subgrid;
    grid-row: 1;
    display: grid;
  }

  .button-toggle-switch-group:hover {
    background-color: var(--novoui-background-toggle-switch-hover);
  }

  .button-toggle-switch-group.button-toggle-switch-rounded {
    border-radius: var(--novoui-radius-xx-large);
  }

  .button-toggle-switch-group .active-indicator {
    z-index: 0;
    border-radius: 7px;
    grid-row: 1;
    height: calc(100% - 1px);
    left: .5px;
    right: .5px;
  }

  .button-toggle-switch-group .active-indicator-transition {
    transition: transform .2s, width .2s;
  }

  .button-toggle-switch-group .button-toggle-switch {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    color: var(--novoui-text-color-toggle-switch-enabled);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 1);
    font-size: var(--novoui-ui-button-14);
    line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    border-radius: 7px;
    flex-wrap: wrap;
    grid-row: 1;
    transition: transform .4s, color .4s;
    display: inline-flex;
    position: relative;
  }

  .button-toggle-switch-group .button-toggle-switch svg {
    fill: currentColor;
    transition: fill .4s;
  }

  .button-toggle-switch-group .button-toggle-switch-rounded, .button-toggle-switch-group .button-toggle-switch .button-toggle-switch-group, .button-toggle-switch-group .button-toggle-switch-rounded .active-indicator, .button-toggle-switch-group .button-toggle-switch .button-toggle-switch-group .active-indicator {
    border-radius: var(--novoui-radius-xx-large);
  }

  .button-toggle-switch-group .button-toggle-switch-primary.active-indicator {
    background-color: var(--novoui-background-toggle-switch-fill-selected);
  }

  .button-toggle-switch-group .button-toggle-switch-primary.button-toggle-switch-selected {
    color: var(--novoui-text-color-toggle-switch-selected);
  }

  .button-toggle-switch-group .button-toggle-switch-primary.button-toggle-switch-selected svg {
    fill: currentColor;
  }

  .button-toggle-switch-group .button-toggle-switch-primary.button-toggle-switch-selected.button-toggle-switch-disabled {
    cursor: default;
    background-color: var(--novoui-background-disabled-strong);
    color: var(--novoui-text-color-disabled-medium);
  }

  .button-toggle-switch-group .button-toggle-switch-primary.button-toggle-switch-selected.button-toggle-switch-disabled svg {
    fill: currentColor;
  }

  .button-toggle-switch-group .button-toggle-switch-light.active-indicator {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--novoui-border-toggle-switch-base);
    background-color: var(--novoui-background-toggle-switch-outline-selected);
    --tw-shadow: 0px 8px 16px var(--tw-shadow-color, #15213314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .button-toggle-switch-group .button-toggle-switch-light svg {
    fill: currentColor;
  }

  .button-toggle-switch-group .button-toggle-switch-disabled {
    cursor: default;
    color: var(--novoui-text-color-disabled-medium);
  }

  .button-toggle-switch-group .button-toggle-switch-disabled svg {
    fill: currentColor;
  }

  .button-toggle-switch-group .button-toggle-switch-disabled.active-indicator {
    background-color: #0000;
  }

  .button-toggle-switch-group .button-toggle-switch-medium {
    height: calc(var(--spacing, .25rem) * 11);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    font-size: var(--novoui-ui-button-16);
    line-height: var(--tw-leading, var(--novoui-ui-button-16--line-height));
  }

  .button-toggle-switch-group .button-toggle-switch-medium svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  .button-toggle-switch-group .button-toggle-switch-small {
    height: calc(var(--spacing, .25rem) * 9);
    font-size: var(--novoui-ui-button-14);
    line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
  }

  .button-toggle-switch-group .button-toggle-switch-small svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  .button-toggle-switch-group .button-toggle-switch-tiny {
    height: calc(var(--spacing, .25rem) * 7);
    font-size: var(--novoui-ui-button-12);
    line-height: var(--tw-leading, var(--novoui-ui-button-12--line-height));
  }

  .button-toggle-switch-group .button-toggle-switch-tiny svg {
    height: calc(var(--spacing, .25rem) * 3.5);
    width: calc(var(--spacing, .25rem) * 3.5);
  }

  .button {
    cursor: pointer;
    border-radius: var(--novoui-radius-xx-large);
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    height: calc(var(--spacing, .25rem) * 12);
    padding-inline: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-ui-button-16);
    line-height: var(--tw-leading, var(--novoui-ui-button-16--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    border: 1px solid #0000;
    flex-wrap: wrap;
    flex-shrink: 0;
    text-decoration-line: none;
    display: inline-flex;
    position: relative;
  }

  .button .button-badge {
    top: calc(var(--spacing, .25rem) * .5);
    right: calc(var(--spacing, .25rem) * 1);
    --tw-translate-x: calc(1 / 2 * 100%);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    position: absolute;
  }

  .button svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    fill: currentColor;
  }

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

  .button-loading .button-label, .button-loading .button-icon {
    opacity: 0;
  }

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

  .button, .button-primary {
    background-color: var(--novoui-background-button-fill-enabled);
    color: var(--novoui-text-color-button-fill-enabled);
    outline-color: var(--novoui-border-general-focus);
  }

  @media (hover: hover) {
    .button:hover, .button-hover, .button-primary:hover, .button-primary-hover {
      background-color: var(--novoui-background-button-fill-hover);
    }
  }

  .button:active, .button.button-active, .button-primary:active, .button-primary.button-active {
    background-color: var(--novoui-background-button-fill-active);
  }

  .button-disabled, .button:disabled, .button[disabled], .button-primary-disabled, .button-primary:disabled, .button-primary[disabled] {
    cursor: default;
    background-color: var(--novoui-background-disabled-medium);
    color: var(--novoui-text-color-disabled-medium);
  }

  .button-outline {
    background-color: var(--novoui-background-button-outline-enabled);
  }

  .button-outline.button-primary {
    border-color: var(--novoui-border-button-outline-enabled);
    color: var(--novoui-text-color-button-outline-enabled);
  }

  @media (hover: hover) {
    .button-outline.button-primary:hover {
      border-color: var(--novoui-border-button-outline-hover);
      background-color: var(--novoui-background-button-outline-hover);
      color: var(--novoui-text-color-button-outline-hover);
    }
  }

  .button-outline.button-primary:active, .button-outline.button-primary.button-active {
    border-color: var(--novoui-border-button-outline-active);
    background-color: var(--novoui-background-button-outline-active);
    color: var(--novoui-text-color-button-outline-active);
  }

  .button-outline.button-disabled, .button-outline:disabled, .button-outline[disabled] {
    pointer-events: none;
    border-color: var(--novoui-border-disabled-medium);
    background-color: var(--novoui-background-disabled-subtle);
    color: var(--novoui-text-color-disabled-medium);
  }

  .button-outline-subtle {
    border-color: var(--novoui-border-button-outline-subtle-enabled);
    color: var(--novoui-text-color-button-outline-subtle-enabled);
    background-color: #0000;
  }

  .button-outline-subtle:hover, .button-outline-subtle.button-hover {
    border-color: var(--novoui-border-button-outline-subtle-hover);
    background-color: var(--novoui-background-button-outline-subtle-hover);
  }

  .button-outline-subtle:active, .button-outline-subtle.button-active {
    border-color: var(--novoui-border-button-outline-subtle-active);
    background-color: var(--novoui-background-button-outline-subtle-active);
  }

  .button-outline-subtle:disabled, .button-outline-subtle.button-disabled, .button-outline-subtle[disabled] {
    pointer-events: none;
    border-color: var(--novoui-border-disabled-subtle);
    background-color: var(--novoui-background-general-base);
    color: var(--novoui-text-color-disabled-medium);
  }

  .button-destructive {
    background-color: var(--novoui-background-button-destructive-enabled);
    color: var(--novoui-text-color-button-destructive-enabled);
  }

  .button-destructive:hover, .button-destructive.button-hover {
    background-color: var(--novoui-background-button-destructive-hover);
  }

  .button-destructive:active, .button-destructive.button-active {
    background-color: var(--novoui-background-button-destructive-active);
  }

  .button-destructive:focus-visible, .button-destructive.button-focus-visible {
    background-color: var(--novoui-background-button-destructive-enabled);
    outline-color: var(--novoui-border-button-destructive-focus);
  }

  .button-destructive:disabled, .button-destructive.button-disabled, .button-destructive[disabled] {
    background-color: var(--novoui-background-disabled-medium);
    color: var(--novoui-text-color-disabled-medium);
  }

  .button-destructive-subtle {
    background-color: var(--novoui-background-alert-low-emphasis-enabled);
    color: var(--novoui-text-color-alert-hover);
  }

  .button-destructive-subtle:hover, .button-destructive-subtle.button-hover {
    background-color: var(--novoui-background-alert-low-emphasis-hover);
  }

  .button-destructive-subtle:active, .button-destructive-subtle.button-active {
    background-color: var(--novoui-background-alert-low-emphasis-active);
  }

  .button-destructive-subtle:focus-visible, .button-destructive-subtle.button-focus-visible {
    background-color: var(--novoui-background-alert-low-emphasis-enabled);
    outline-color: var(--novoui-border-button-destructive-focus);
  }

  .button-destructive-subtle:disabled, .button-destructive-subtle.button-disabled, .button-destructive-subtle[disabled] {
    background-color: var(--novoui-background-disabled-medium);
    color: var(--novoui-text-color-disabled-medium);
  }

  .button-text {
    background-color: #0000;
    border-color: #0000;
  }

  .button-text.button-primary {
    color: var(--novoui-text-color-button-text-enabled);
  }

  @media (hover: hover) {
    .button-text.button-primary:hover {
      background-color: var(--novoui-background-button-text-hover);
      color: var(--novoui-text-color-button-text-hover);
    }
  }

  .button-text.button-primary:active, .button-text.button-primary.button-active {
    background-color: var(--novoui-background-button-text-active);
    color: var(--novoui-text-color-button-text-active);
  }

  .button-text:focus-visible, .button-text.button-focus-visible {
    border-color: var(--novoui-border-general-focus);
  }

  .button-text.button-disabled, .button-text:disabled, .button-text[disabled] {
    pointer-events: none;
    background-color: var(--novoui-background-general-base);
    color: var(--novoui-text-color-disabled-medium);
  }

  .button-notification {
    margin-top: calc(var(--spacing, .25rem) * 4);
    border-color: var(--novoui-border-button-transparent-enabled);
    background-color: var(--novoui-background-button-transparent-enabled);
    color: var(--novoui-text-color-button-transparent-enabled);
    outline-color: var(--novoui-border-side-menus-menu-notification);
  }

  .button-notification:hover, .button-notification-hover {
    border-color: var(--novoui-border-button-transparent-hover);
    background-color: var(--novoui-background-button-transparent-hover);
  }

  .button-notification:active, .button-notification-active {
    border-color: var(--novoui-border-button-transparent-active);
    background-color: var(--novoui-background-button-transparent-active);
  }

  .button-notification:focus-visible, .button-notification-focus-visible {
    outline-color: var(--novoui-border-general-focus);
  }

  .button-notification:disabled, .button-notification.button-disabled, .button-notification:disabled:hover, .button-notification.button-disabled:hover, .button-notification.button-disabled-hover {
    background-color: var(--novoui-background-disabled-strong);
    color: var(--novoui-text-color-disabled-medium);
    border-color: #0000;
  }

  .button-notification:disabled-hover {
    background-color: var(--novoui-background-disabled-strong);
    color: var(--novoui-text-color-disabled-medium);
    border-color: #0000;
  }

  .button-notification:disabled:active, .button-notification.button-disabled:active, .button-notification.button-disabled-active {
    background-color: var(--novoui-background-disabled-strong);
    color: var(--novoui-text-color-disabled-medium);
    border-color: #0000;
  }

  .button-notification:disabled-active {
    background-color: var(--novoui-background-disabled-strong);
    color: var(--novoui-text-color-disabled-medium);
    border-color: #0000;
  }

  .button-xs {
    height: calc(var(--spacing, .25rem) * 8);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    font-size: var(--novoui-ui-button-12);
    line-height: var(--tw-leading, var(--novoui-ui-button-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .button-xs svg {
    width: 12px;
    height: 12px;
  }

  .button-sm {
    height: calc(var(--spacing, .25rem) * 10);
    padding-inline: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-ui-button-14);
    line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .button-sm svg {
    width: 14px;
    height: 14px;
  }

  .button-md {
    height: calc(var(--spacing, .25rem) * 12);
    padding-inline: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-ui-button-16);
    line-height: var(--tw-leading, var(--novoui-ui-button-16--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .button-md svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  .button-lg {
    height: 56px;
    padding-inline: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-ui-button-16);
    line-height: var(--tw-leading, var(--novoui-ui-button-16--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .button-lg svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  .button-full-width {
    width: 100%;
  }

  .button-square {
    border-radius: var(--novoui-radius);
  }

  .button-icon-square, .button-icon-circle {
    height: calc(var(--spacing, .25rem) * 12);
    width: calc(var(--spacing, .25rem) * 12);
    padding: calc(var(--spacing, .25rem) * 0);
  }

  .button-icon-square:where(.button-xs), .button-icon-circle:where(.button-xs) {
    height: calc(var(--spacing, .25rem) * 8);
    width: calc(var(--spacing, .25rem) * 8);
    padding: calc(var(--spacing, .25rem) * 0);
  }

  .button-icon-square:where(.button-sm), .button-icon-circle:where(.button-sm) {
    height: calc(var(--spacing, .25rem) * 10);
    width: calc(var(--spacing, .25rem) * 10);
    padding: calc(var(--spacing, .25rem) * 0);
  }

  .button-icon-square:where(.button-md), .button-icon-circle:where(.button-md) {
    height: calc(var(--spacing, .25rem) * 12);
    width: calc(var(--spacing, .25rem) * 12);
    padding: calc(var(--spacing, .25rem) * 0);
  }

  .button-icon-square:where(.button-lg), .button-icon-circle:where(.button-lg) {
    width: 56px;
    height: 56px;
    padding: calc(var(--spacing, .25rem) * 0);
  }

  .button-icon-square:where(.button-xs) svg, .button-icon-square:where(.button-sm) svg, .button-icon-circle:where(.button-xs) svg, .button-icon-circle:where(.button-sm) svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  .button-icon-square:where(.button-md) svg, .button-icon-square:where(.button-lg) svg, .button-icon-circle:where(.button-md) svg, .button-icon-circle:where(.button-lg) svg {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
  }

  .button-icon-square {
    border-radius: var(--novoui-radius);
  }

  .button-icon-circle {
    border-radius: var(--novoui-radius-full);
  }

  .card-drag {
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--novoui-border-drag-enabled);
    grid-template-rows: 1rem auto 1rem;
    grid-template-columns: 36px auto 1fr;
    display: grid;
  }

  .card-drag-container {
    padding-block: calc(var(--spacing, .25rem) * 1);
  }

  .card-drag-marker:hover {
    position: relative;
  }

  .card-drag-marker:hover.card-drag-marker-above:before {
    top: calc(var(--spacing, .25rem) * 0);
    margin-top: calc(var(--spacing, .25rem) * -1);
    height: calc(var(--spacing, .25rem) * .5);
    border-radius: var(--novoui-radius-large);
    background-color: var(--novoui-background-general-high-emphasis-enabled);
    content: "";
    width: 104%;
    position: absolute;
    left: -2%;
  }

  .card-drag-marker:hover.card-drag-marker-below:after {
    bottom: calc(var(--spacing, .25rem) * -1);
    height: calc(var(--spacing, .25rem) * .5);
    border-radius: var(--novoui-radius-large);
    background-color: var(--novoui-background-general-high-emphasis-enabled);
    content: "";
    width: 104%;
    position: absolute;
    left: -2%;
  }

  .card-drag-small {
    grid-template-rows: .5rem auto .5rem;
  }

  .card-drag .card-drag-draggable {
    grid-template-rows: subgrid;
    grid-template-columns: subgrid;
    grid-area: 1 / 1 / span 3 / span 3;
    display: grid;
  }

  .card-drag .card-drag-draggable.card-no-selection-allowed {
    cursor: grab;
  }

  .card-drag-handle {
    box-sizing: content-box;
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    fill: var(--novoui-fill-drag-enabled);
    padding-inline: calc(var(--spacing, .25rem) * 1.5);
  }

  .card-drag-content {
    box-sizing: content-box;
    min-height: calc(var(--spacing, .25rem) * 9);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    color: var(--novoui-text-color-general-primary);
    pointer-events: none;
    cursor: grab;
    background-color: var(--novoui-background-drag-card-enabled);
    padding-left: calc(var(--spacing, .25rem) * 4);
    --tw-leading: calc(var(--spacing, .25rem) * 9);
    line-height: calc(var(--spacing, .25rem) * 9);
    -webkit-user-select: none;
    user-select: none;
    flex-grow: 1;
    grid-area: 2 / 2;
    align-items: center;
    display: inline-flex;
  }

  .card-drag-content.card-drag-selection-allowed {
    pointer-events: auto;
    cursor: auto;
    -webkit-user-select: auto;
    user-select: auto;
  }

  .card-drag-top, .card-drag-bottom, .card-drag-right {
    cursor: grab;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--novoui-border-drag-enabled);
    background-color: var(--novoui-background-drag-card-enabled);
  }

  .card-drag-top, .card-drag-left, .card-drag-bottom, .card-drag-right {
    -webkit-user-select: none;
    user-select: none;
  }

  .card-drag-left {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--novoui-border-drag-enabled);
    background-color: var(--novoui-background-drag-handle-enabled);
    cursor: grab;
    border-top-left-radius: var(--novoui-radius-large);
    border-bottom-left-radius: var(--novoui-radius-large);
    grid-area: 1 / 1 / span 3;
    align-content: center;
    height: 100%;
  }

  .card-drag-top {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    grid-area: 1 / 2;
  }

  .card-drag-bottom {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    grid-area: 3 / 2;
  }

  .card-drag-right {
    height: 100%;
    min-width: calc(var(--spacing, .25rem) * 8);
    border-top-right-radius: var(--novoui-radius-large);
    border-bottom-right-radius: var(--novoui-radius-large);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    grid-area: 1 / 3 / span 3;
  }

  .card-drag-draggable:hover .card-drag-top, .card-drag-draggable:hover .card-drag-bottom, .card-drag-draggable:hover .card-drag-right, .card-drag-draggable:hover .card-drag-left {
    border-color: var(--novoui-border-drag-hover);
  }

  .card-drag-draggable:hover .card-drag-left {
    background-color: var(--novoui-background-drag-handle-hover);
  }

  .card-drag-draggable:hover .card-drag-handle {
    fill: var(--novoui-fill-drag-hover);
  }

  .card-drag-draggable:active .card-drag-left, .card-drag-draggable-active .card-drag-left {
    background-color: var(--novoui-background-drag-handle-active);
  }

  .card-drag-draggable:active ~ .card-drag-content, .card-drag-draggable:active .card-drag-top, .card-drag-draggable:active .card-drag-bottom, .card-drag-draggable:active .card-drag-right, .card-drag-draggable-active ~ .card-drag-content, .card-drag-draggable-active .card-drag-top, .card-drag-draggable-active .card-drag-bottom, .card-drag-draggable-active .card-drag-right {
    background-color: var(--novoui-background-drag-card-active);
  }

  .card-drag-draggable:active .card-drag-left, .card-drag-draggable:active .card-drag-top, .card-drag-draggable:active .card-drag-bottom, .card-drag-draggable:active .card-drag-right, .card-drag-draggable-active .card-drag-left, .card-drag-draggable-active .card-drag-top, .card-drag-draggable-active .card-drag-bottom, .card-drag-draggable-active .card-drag-right {
    border-color: var(--novoui-border-drag-active);
  }

  .card-drag-draggable:active .card-drag-handle, .card-drag-draggable-active .card-drag-handle {
    fill: var(--novoui-fill-drag-active);
  }

  .card-drag-dragging {
    pointer-events: none;
    z-index: 1;
    position: absolute;
  }

  .card-drag-dragging.card-drag-truncate > * {
    max-width: calc(var(--spacing, .25rem) * 52);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .card-drag-ghost {
    border-radius: var(--novoui-radius-large);
    background-color: var(--novoui-background-drag-card-active);
  }

  .card-drag-flip {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .card-drag-animation {
    animation-duration: .15s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
  }

  .card-drag-animation-below {
    animation-name: card-drag-below-animation;
  }

  .card-drag-animation-above {
    animation-name: card-drag-above-animation;
  }

  @keyframes card-drag-below-animation {
    0% {
      transform: translateY(100%);
    }

    to {
      transform: translateY(0%);
    }
  }

  @keyframes card-drag-above-animation {
    0% {
      transform: translateY(-100%);
    }

    to {
      transform: translateY(0);
    }
  }

  .card-slim:hover {
    background-color: var(--novoui-background-cards-hover);
  }

  .card-slim-elevated:hover {
    background-color: var(--novoui-background-cards-elevated-hover);
  }

  .card-slim-footer {
    border-top-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-top-width: 1px;
    border-color: var(--novoui-border-general-subtle);
    padding-block: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    color: var(--novoui-text-color-general-secondary);
    grid-area: 2 / 1 / -1 / -1;
    justify-content: center;
    display: flex;
  }

  .card-slim-media {
    right: calc(var(--spacing, .25rem) * 0);
    min-width: 100%;
    max-width: none;
    height: 100%;
    position: absolute;
  }

  .card-slim-media-container {
    align-self: stretch;
    min-width: 80px;
    position: relative;
  }

  .card-slim-body {
    margin-block: calc(var(--spacing, .25rem) * 4);
    margin-right: calc(var(--spacing, .25rem) * 3);
    margin-left: calc(var(--spacing, .25rem) * 4);
    flex-direction: column;
    grid-column-start: 2;
    display: inline-flex;
  }

  .card-slim-headline {
    font-size: var(--novoui-body-medium);
    line-height: var(--tw-leading, var(--novoui-body-medium--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
    word-break: break-word;
  }

  .card-slim-subheader {
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    color: var(--novoui-text-color-general-secondary);
    word-break: break-word;
  }

  .card-slim-eyebrow {
    font-size: var(--novoui-body-xsmall);
    line-height: var(--tw-leading, var(--novoui-body-xsmall--line-height));
    color: var(--novoui-text-color-general-secondary);
    word-break: break-word;
  }

  .card-slim-slot {
    border-left-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-left-width: 1px;
    border-color: var(--novoui-border-general-subtle);
    padding-block: calc(var(--spacing, .25rem) * 2);
    padding-right: calc(var(--spacing, .25rem) * 3);
    padding-left: calc(var(--spacing, .25rem) * 4);
    grid-column-start: 2;
    margin-block: 7px;
  }

  .card-slim-multi-column .card-slim-slot {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    grid-column-start: 3;
  }

  .card-slim-circle-icon {
    margin-right: calc(var(--spacing, .25rem) * 3);
    margin-left: calc(var(--spacing, .25rem) * 5);
    box-sizing: content-box;
    background-color: var(--novoui-background-accent-blue-subtle);
    min-width: 24px;
    max-width: 24px;
    fill: var(--novoui-fill-general-secondary);
    padding: calc(var(--spacing, .25rem) * 3);
    border-radius: 50%;
    overflow: visible;
  }

  .card-slim-trailing-icon {
    box-sizing: content-box;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    fill: var(--novoui-fill-general-primary);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    margin-left: auto;
  }

  .card-slim-disabled {
    pointer-events: none;
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--novoui-border-disabled-medium);
  }

  .card-slim-disabled.card-elevated {
    background-color: var(--novoui-background-cards-disabled);
    box-shadow: none;
  }

  .card-slim-disabled.card-slim {
    background-color: var(--novoui-background-cards-disabled);
  }

  .card-slim-disabled.card-slim:not(.card-outline) {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .card-slim-disabled .card-slim-media-container {
    opacity: .3;
  }

  .card-slim-disabled .card-slim-headline, .card-slim-disabled .card-slim-subheader, .card-slim-disabled .card-slim-eyebrow, .card-slim-disabled .card-slim-footer {
    color: var(--novoui-text-color-disabled-medium);
  }

  .card-slim-disabled .card-slim-slot {
    border-color: var(--novoui-border-disabled-subtle);
  }

  .card-slim-disabled .card-slim-trailing-icon {
    fill: var(--novoui-fill-disabled-medium);
  }

  .card-slim-disabled .card-slim-circle-icon {
    background-color: var(--novoui-background-disabled-strong);
    fill: var(--novoui-fill-disabled-medium);
  }

  .card {
    --novoui-card-body-color: var(--novoui-text-color-general-secondary);
    border-radius: var(--novoui-radius-large);
    background-color: var(--novoui-background-cards-enabled);
    color: var(--novoui-text-color-general-secondary);
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    flex-direction: column;
    width: 296px;
    display: flex;
  }

  .card:hover {
    background-color: var(--novoui-background-cards-hover);
  }

  .card:focus-visible, .card-focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 3px;
    outline-color: var(--novoui-border-general-focus);
  }

  .card-slim {
    border-radius: var(--novoui-radius-large);
    background-color: var(--novoui-background-cards-enabled);
    min-height: 64px;
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    flex-direction: row;
    align-items: center;
    display: flex;
    overflow: hidden;
  }

  .card-slim-has-footer {
    grid-template-rows: auto auto;
    grid-template-columns: auto 1fr auto auto;
    display: grid;
  }

  .card-slim-has-footer.card-slim-multi-column {
    grid-template-columns: auto 1fr 1fr auto;
  }

  .card-elevated {
    background-color: var(--novoui-background-cards-elevated-enabled);
    --tw-shadow: 0px 8px 16px var(--tw-shadow-color, #15213314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .card-elevated:hover {
    background-color: var(--novoui-background-cards-elevated-hover);
  }

  .card-elevated.card-disabled, .card-elevated:disabled, .card-elevated[disabled] {
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--novoui-border-disabled-medium);
    --tw-shadow-color: inherit;
  }

  .card-outline {
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--novoui-border-cards-enabled);
    overflow: hidden;
  }

  .card-outline .card-slim-body {
    margin-block: 15px;
  }

  .card-outline.card-disabled, .card-outline:disabled, .card-outline[disabled] {
    border-color: var(--novoui-border-disabled-medium);
  }

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

  @media (hover: hover) {
    .card-clickable:hover {
      --tw-shadow: 0px 16px 32px var(--tw-shadow-color, #16223329), 0px 4px 12px var(--tw-shadow-color, #1622331f);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .card-clickable.card-outline:hover {
      border-color: var(--novoui-border-cards-hover);
      --tw-shadow: 0 0 var(--tw-shadow-color, #000);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .card-disabled, .card:disabled, .card[disabled] {
    --novoui-card-body-color: var(--novoui-text-color-disabled-medium);
    pointer-events: none;
    background-color: var(--novoui-background-cards-disabled);
    color: var(--novoui-text-color-disabled-medium);
  }

  .card-disabled .card-body h5, .card-disabled .card-footer, .card-disabled .card-footer-icon, .card-disabled .card-header-subtitle, .card-disabled .card-header-icon, .card:disabled .card-body h5, .card:disabled .card-footer, .card:disabled .card-footer-icon, .card:disabled .card-header-subtitle, .card:disabled .card-header-icon, .card[disabled] .card-body h5, .card[disabled] .card-footer, .card[disabled] .card-footer-icon, .card[disabled] .card-header-subtitle, .card[disabled] .card-header-icon {
    color: var(--novoui-text-color-disabled-medium);
  }

  .card-disabled .card-media, .card:disabled .card-media, .card[disabled] .card-media, .card-disabled .card-header-avatar, .card:disabled .card-header-avatar, .card[disabled] .card-header-avatar {
    opacity: .3;
  }

  .card-header {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 4);
    width: 100%;
    padding: calc(var(--spacing, .25rem) * 4);
    display: flex;
  }

  .card-header-avatar {
    height: calc(var(--spacing, .25rem) * 12);
    width: calc(var(--spacing, .25rem) * 12);
    object-fit: cover;
    border-radius: 100%;
  }

  .card-header-title {
    font-size: var(--novoui-headings-h4);
    line-height: var(--tw-leading, var(--novoui-headings-h4--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
  }

  .card-header-subtitle {
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    color: var(--novoui-text-color-general-secondary);
  }

  .card-header-icon {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    color: var(--novoui-text-color-general-secondary);
    margin-left: auto;
  }

  .card-header-icon svg {
    fill: currentColor;
  }

  .card-media {
    border-start-start-radius: inherit;
    border-start-end-radius: inherit;
    border-end-end-radius: inherit;
    border-end-start-radius: inherit;
    position: relative;
  }

  .card-media:not(:last-child) {
    border-end-end-radius: unset;
    border-end-start-radius: unset;
  }

  .card-media:not(:first-child) {
    border-start-start-radius: unset;
    border-start-end-radius: unset;
  }

  .card-media img {
    border-start-start-radius: inherit;
    border-start-end-radius: inherit;
    border-end-end-radius: inherit;
    border-end-start-radius: inherit;
    width: 100vw;
  }

  .card-media-status-tag.status-tag-none {
    top: calc(var(--spacing, .25rem) * 4);
    left: calc(var(--spacing, .25rem) * 4);
    z-index: 10;
    position: absolute;
  }

  .card-media-status-tag-container {
    top: calc(var(--spacing, .25rem) * 4);
    left: calc(var(--spacing, .25rem) * 4);
    position: absolute;
  }

  .card-media-status-tag-container .status-tag + .status-tag {
    margin-left: calc(var(--spacing, .25rem) * 4);
  }

  .card-media-length-tag.status-tag-none {
    right: calc(var(--spacing, .25rem) * 4);
    bottom: calc(var(--spacing, .25rem) * 4);
    z-index: 10;
    color: var(--novoui-text-color-general-inverted);
    background-color: #1d1e21;
    position: absolute;
  }

  .card-media-play-icon {
    bottom: calc(var(--spacing, .25rem) * 4);
    left: calc(var(--spacing, .25rem) * 4);
    z-index: 10;
    height: calc(var(--spacing, .25rem) * 8);
    width: calc(var(--spacing, .25rem) * 8);
    padding-top: calc(var(--spacing, .25rem) * 2);
    background-color: var(--novoui-background-general-base);
    color: var(--novoui-text-color-general-primary);
    border-radius: 100%;
    padding-left: 9px;
    position: absolute;
  }

  .card-media-play-icon svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    fill: currentColor;
  }

  .card-body {
    gap: calc(var(--spacing, .25rem) * 2);
    padding: calc(var(--spacing, .25rem) * 4);
    flex-direction: column;
    display: flex;
  }

  .card-body h5 {
    font-size: var(--novoui-headings-h5);
    line-height: var(--tw-leading, var(--novoui-headings-h5--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
  }

  .card-body p {
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    color: var(--novoui-card-body-color);
  }

  .card-footer {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    padding: calc(var(--spacing, .25rem) * 4);
    padding-top: calc(var(--spacing, .25rem) * 0);
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    color: var(--novoui-text-color-general-primary);
    margin-top: auto;
    margin-left: auto;
    display: flex;
  }

  .card-footer-icon {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    color: var(--novoui-text-color-general-primary);
  }

  .card-footer-icon svg {
    fill: currentColor;
  }

  .card-sm {
    width: 223px;
  }

  .card-md {
    width: 296px;
  }

  .card-lg {
    width: 624px;
  }

  .card-lg .card-body h5 {
    font-size: var(--novoui-headings-h3);
    line-height: var(--tw-leading, var(--novoui-headings-h3--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
  }

  .card-lg .card-body p {
    font-size: var(--novoui-body-medium);
    line-height: var(--tw-leading, var(--novoui-body-medium--line-height));
  }

  .card-loading .card-loading-media {
    border-top-left-radius: var(--novoui-radius-large);
    border-top-right-radius: var(--novoui-radius-large);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .card-loading .card-loading-contents {
    gap: calc(var(--spacing, .25rem) * 2);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-top: calc(var(--spacing, .25rem) * 4);
    flex-direction: column;
    display: flex;
  }

  .card-loading .card-loading-contents-small {
    margin-bottom: calc(var(--spacing, .25rem) * 12);
  }

  .card-loading .card-loading-contents-medium {
    margin-bottom: calc(var(--spacing, .25rem) * 9);
  }

  .card-loading .card-loading-contents-large {
    height: calc(var(--spacing, .25rem) * 5);
  }

  .checkbox {
    --novoui-checkbox-label-color: var(--novoui-text-color-selection-enabled);
    --novoui-checkbox-input-color: var(--novoui-border-selection-enabled);
    --novoui-checkbox-input-color-hover: var(--novoui-border-selection-hover);
    --novoui-checkbox-input-color-active: var(--novoui-border-selection-active);
    --novoui-checkbox-input-color-checked: var(--novoui-background-selection-selected-enabled);
    --novoui-checkbox-input-color-checked-hover: var(--novoui-background-selection-selected-hover);
    --novoui-checkbox-input-color-checked-active: var(--novoui-background-selection-selected-active);
    --novoui-checkbox-input-bg-color-active: var(--novoui-background-selection-enabled);
    --novoui-checkbox-size: 1rem;
    margin-block: calc(var(--spacing, .25rem) * 2);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    display: inline-flex;
  }

  .checkbox-input {
    cursor: pointer;
    appearance: none;
    border-style: var(--tw-border-style);
    background-color: var(--novoui-background-general-base);
    height: var(--novoui-checkbox-size);
    width: var(--novoui-checkbox-size);
    border-radius: var(--novoui-radius-small);
    border-width: 1px;
    border-color: var(--novoui-checkbox-input-color);
    place-content: center;
    display: grid;
    position: relative;
  }

  .checkbox-input:before {
    content: "";
    height: var(--novoui-checkbox-size);
    width: var(--novoui-checkbox-size);
    background-color: var(--novoui-checkbox-input-color-checked);
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    border-radius: 50%;
    margin: -1px;
    transition-property: scale, border-radius;
    transition-duration: .1s;
    transition-timing-function: ease-out;
    position: absolute;
  }

  .checkbox-input:after {
    content: "";
    height: var(--novoui-checkbox-size);
    width: var(--novoui-checkbox-size);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
  }

  .checkbox-input:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .checkbox-input:checked:after {
    background-size: var(--novoui-checkbox-size);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M11.5956 4.29252L6.87931 9.95166L4.32943 7.40188C4.17957 7.26225 3.98137 7.18623 3.77657 7.18984C3.57177 7.19345 3.37637 7.27642 3.23154 7.42125C3.0867 7.56609 3.00374 7.76149 3.00012 7.96629C2.99651 8.17108 3.07253 8.36929 3.21217 8.51914L6.37423 11.6812C6.52234 11.8295 6.72327 11.9129 6.93286 11.9131L6.9689 11.912C7.07862 11.9071 7.18611 11.8794 7.28449 11.8305C7.38286 11.7817 7.46995 11.7128 7.54018 11.6284L12.8103 5.30428C12.8783 5.22473 12.9299 5.13246 12.9619 5.03283C12.994 4.9332 13.006 4.82819 12.9972 4.72389C12.9884 4.61959 12.9589 4.51808 12.9106 4.42526C12.8622 4.33243 12.7959 4.25013 12.7155 4.18314C12.635 4.11614 12.5421 4.06579 12.4421 4.03499C12.342 4.00419 12.2369 3.99357 12.1327 4.00374C12.0285 4.0139 11.9274 4.04466 11.8352 4.09421C11.743 4.14377 11.6616 4.21125 11.5956 4.29252Z' fill='white'/></svg>");
  }

  .checkbox-input:indeterminate:after {
    background-size: var(--novoui-checkbox-size);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M3.0498 8C3.0498 7.58579 3.31055 7.25 3.63219 7.25H12.368C12.6897 7.25 12.9504 7.58579 12.9504 8C12.9504 8.41421 12.6897 8.75 12.368 8.75H3.63219C3.31055 8.75 3.0498 8.41421 3.0498 8Z' fill='white'/></svg>");
  }

  .checkbox-input:checked, .checkbox-input:indeterminate {
    border-color: var(--novoui-checkbox-input-color-checked);
  }

  .checkbox-input:checked:before, .checkbox-input:indeterminate:before {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    border-radius: var(--novoui-radius-small);
    transition: scale .2s ease-in;
  }

  @media (hover: hover) {
    .checkbox-input:hover:not(:checked, :indeterminate) {
      border-color: var(--novoui-checkbox-input-color-hover);
    }

    .checkbox-input:hover:checked:before, .checkbox-input:hover:indeterminate:before {
      background-color: var(--novoui-checkbox-input-color-checked-hover);
    }
  }

  .checkbox-input:active:not(:checked, :indeterminate), .checkbox-input[active]:not(:checked, :indeterminate) {
    border-color: var(--novoui-checkbox-input-color-active);
    background-color: var(--novoui-checkbox-input-bg-color-active);
  }

  .checkbox-input:active:checked:before, .checkbox-input:active:indeterminate:before, .checkbox-input[active]:checked:before, .checkbox-input[active]:indeterminate:before {
    background-color: var(--novoui-checkbox-input-color-active);
  }

  .checkbox-label {
    cursor: pointer;
    font-size: var(--novoui-ui-control-14);
    line-height: var(--tw-leading, var(--novoui-ui-control-14--line-height));
    color: var(--novoui-checkbox-label-color);
  }

  .checkbox, .checkbox-primary {
    --novoui-checkbox-label-color: var(--novoui-text-color-selection-enabled);
    --novoui-checkbox-input-color: var(--novoui-border-selection-enabled);
    --novoui-checkbox-input-color-hover: var(--novoui-border-selection-hover);
    --novoui-checkbox-input-color-active: var(--novoui-border-selection-active);
    --novoui-checkbox-input-color-checked: var(--novoui-background-selection-selected-enabled);
    --novoui-checkbox-input-color-checked-hover: var(--novoui-background-selection-selected-hover);
    --novoui-checkbox-input-color-checked-active: var(--novoui-background-selection-selected-active);
  }

  .checkbox-alert {
    --novoui-checkbox-input-color: var(--novoui-border-alert-enabled);
    --novoui-checkbox-input-color-hover: var(--novoui-border-alert-hover);
    --novoui-checkbox-input-color-active: var(--novoui-border-alert-active);
    --novoui-checkbox-input-color-checked: var(--novoui-background-alert-high-emphasis-enabled);
    --novoui-checkbox-input-color-checked-hover: var(--novoui-background-alert-high-emphasis-hover);
    --novoui-checkbox-input-color-checked-active: var(--novoui-background-alert-high-emphasis-active);
  }

  .checkbox-disabled, .checkbox:disabled {
    --novoui-checkbox-label-color: var(--novoui-text-color-disabled-medium);
    --novoui-checkbox-input-color: var(--novoui-border-disabled-subtle);
    --novoui-checkbox-input-color-hover: var(--novoui-border-disabled-subtle);
    --novoui-checkbox-input-color-active: var(--novoui-border-disabled-subtle);
    --novoui-checkbox-input-color-checked: var(--novoui-border-disabled-subtle);
    --novoui-checkbox-input-color-checked-hover: var(--novoui-background-selection-disabled);
    --novoui-checkbox-input-color-checked-active: var(--novoui-background-selection-disabled);
    --novoui-checkbox-input-bg-color-active: var(--novoui-bg-light);
    pointer-events: none;
    border-color: var(--novoui-border-disabled-subtle);
  }

  .checkbox-leading-text {
    flex-direction: row-reverse;
  }

  .checkbox-sm {
    --novoui-checkbox-size: .75rem;
  }

  .checkbox-sm .checkbox-input {
    outline-offset: 0px;
  }

  .checkbox-sm .checkbox-label {
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
  }

  .checkbox-md {
    --novoui-checkbox-size: 1rem;
  }

  .checkbox-md .checkbox-label {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .checkbox-lg {
    --novoui-checkbox-size: 1.25rem;
  }

  .checkbox-lg .checkbox-input {
    margin-block: calc(var(--spacing, .25rem) * .5);
  }

  .checkbox-lg .checkbox-label {
    font-size: var(--novoui-ui-label-16);
    line-height: var(--tw-leading, var(--novoui-ui-label-16--line-height));
  }

  .checkbox-group {
    display: flex;
  }

  .checkbox-group-vertical {
    flex-direction: column;
  }

  .checkbox-group-gap {
    gap: calc(var(--spacing, .25rem) * 3);
  }

  .checkbox .checkbox-input.checkbox-mark {
    display: none;
  }

  .chip-filter {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    border-radius: var(--novoui-radius-x-large);
    height: calc(var(--spacing, .25rem) * 8);
    padding-block: calc(var(--spacing, .25rem) * 2);
    padding-right: calc(var(--spacing, .25rem) * 3);
    padding-left: calc(var(--spacing, .25rem) * 1.5);
    font-size: var(--novoui-ui-button-12);
    line-height: var(--tw-leading, var(--novoui-ui-button-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border: 1px solid #0000;
    display: flex;
  }

  .chip-filter:focus-visible, .chip-filter-focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 1px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
  }

  .chip-filter-disabled, .chip-filter:disabled, .chip-filter[disabled] {
    pointer-events: none;
    background-color: var(--novoui-background-disabled-subtle);
    color: var(--novoui-text-color-disabled-medium);
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    border-color: #0000;
  }

  .chip-filter svg {
    fill: currentColor;
    width: 14px;
    height: 14px;
  }

  .chip-filter, .chip-filter-fill {
    background-color: var(--novoui-background-controls-fill-enabled);
    color: var(--novoui-text-color-controls-low-emphasis);
  }

  .chip-filter:where(.chip-filter-strong), .chip-filter-fill:where(.chip-filter-strong) {
    color: var(--novoui-text-color-controls-high-emphasis);
  }

  @media (hover: hover) {
    .chip-filter:hover, .chip-filter-hover, .chip-filter-fill:hover, .chip-filter-fill-hover {
      background-color: var(--novoui-background-controls-fill-hover);
    }

    .chip-filter:hover:where(.chip-filter-strong), .chip-filter-hover:where(.chip-filter-strong), .chip-filter-fill:hover:where(.chip-filter-strong), .chip-filter-fill-hover:where(.chip-filter-strong) {
      color: var(--novoui-text-color-controls-high-emphasis-hover);
    }
  }

  .chip-filter-outline {
    border-color: var(--novoui-border-controls-low-emphasis-enabled);
    background-color: var(--novoui-background-controls-outline-low-emphasis-enabled);
    color: var(--novoui-text-color-controls-low-emphasis);
    overflow: hidden;
  }

  .chip-filter-outline:where(.chip-filter-strong) {
    border-color: var(--novoui-border-controls-high-emphasis-enabled);
    color: var(--novoui-text-color-controls-high-emphasis);
  }

  @media (hover: hover) {
    .chip-filter-outline:hover, .chip-filter-outline-hover {
      border-color: var(--novoui-border-controls-low-emphasis-hover);
      background-color: var(--novoui-background-controls-outline-low-emphasis-hover);
    }

    .chip-filter-outline:hover:where(.chip-filter-strong), .chip-filter-outline-hover:where(.chip-filter-strong) {
      border-color: var(--novoui-border-controls-high-emphasis-hover);
      background-color: var(--novoui-background-controls-outline-high-emphasis-hover);
      color: var(--novoui-text-color-controls-high-emphasis-hover);
    }
  }

  .chip-filter-selected {
    background-color: var(--novoui-background-controls-fill-low-emphasis-selected);
    color: var(--novoui-text-color-controls-low-emphasis);
    border-color: #0000;
    overflow: hidden;
  }

  .chip-filter-selected:where(.chip-filter-outline) {
    border-color: var(--novoui-border-controls-low-emphasis-selected);
    background-color: var(--novoui-background-controls-outline-low-emphasis-selected);
    color: var(--novoui-text-color-controls-low-emphasis);
  }

  .chip-filter-selected:where(.chip-filter-strong) {
    background-color: var(--novoui-background-controls-outline-high-emphasis-selected);
    color: var(--novoui-text-color-controls-selected);
  }

  @media (hover: hover) {
    .chip-filter-selected:hover, .chip-filter-selected-hover {
      background-color: var(--novoui-background-controls-fill-low-emphasis-selected-hover);
      color: var(--novoui-text-color-controls-low-emphasis);
    }

    .chip-filter-selected:hover:where(.chip-filter-outline), .chip-filter-selected-hover:where(.chip-filter-outline) {
      border-color: var(--novoui-border-controls-low-emphasis-selected-hover);
      background-color: var(--novoui-background-controls-outline-low-emphasis-selected-hover);
    }

    .chip-filter-selected:hover:where(.chip-filter-strong), .chip-filter-selected-hover:where(.chip-filter-strong) {
      background-color: var(--novoui-background-controls-fill-high-emphasis-selected-hover);
      color: var(--novoui-text-color-general-inverted);
    }
  }

  .chip-filter-rounded {
    border-radius: var(--novoui-radius-x-large);
  }

  .chip-filter-squared {
    border-radius: var(--novoui-radius-small);
  }

  .chip-filter-md {
    height: calc(var(--spacing, .25rem) * 8);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-ui-button-12);
    line-height: var(--tw-leading, var(--novoui-ui-button-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .chip-filter-md svg {
    width: 14px;
    height: 14px;
  }

  .chip-filter-sm {
    height: calc(var(--spacing, .25rem) * 6);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 1);
    font-size: var(--novoui-ui-button-10);
    line-height: var(--tw-leading, var(--novoui-ui-button-10--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .chip-filter-sm svg {
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 3);
  }

  .chip-filter-prepend:where(.chip-filter-md), .chip-filter-selected:where(.chip-filter-md) {
    padding-left: calc(var(--spacing, .25rem) * 2);
  }

  .chip-filter-prepend:where(.chip-filter-sm), .chip-filter-selected:where(.chip-filter-sm) {
    padding-left: 6px;
  }

  .chip-filter-prepend-container, .chip-filter-selected-container {
    font-size: var(--novoui-ui-button-12);
    line-height: var(--tw-leading, var(--novoui-ui-button-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .chip-input {
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    border-radius: var(--novoui-radius-x-large);
    background-color: var(--novoui-chip-input-bg);
    width: fit-content;
    color: var(--novoui-chip-input-content);
    border: 1px solid #0000;
    flex-shrink: 0;
    display: flex;
  }

  .chip-input-restrict-pointers:not(.chip-input-clickable) {
    pointer-events: none;
  }

  .chip-input-restrict-pointers:not(.chip-input-clickable):not(.chip-input-disabled) .chip-input-close-container {
    pointer-events: auto;
  }

  .chip-input-restrict-pointers:not(.chip-input-clickable):not(.chip-input-disabled) .chip-input-close-container:focus {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
  }

  .chip-input:focus-visible, .chip-input-focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 1px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
  }

  .chip-input, .chip-input-md {
    --novoui-chip-input-close-size: 1.25rem;
    --novoui-chip-input-close-icon-size: 1rem;
    --novoui-chip-input-prepend-size: 1.25rem;
    --novoui-chip-input-prepended-icon-size: .875rem;
    --novoui-chip-input-close-padding-right: .375rem;
    --novoui-chip-input-prepend-padding-left: .5rem;
    height: calc(var(--spacing, .25rem) * 8);
    font-size: var(--novoui-ui-button-12);
    line-height: var(--tw-leading, var(--novoui-ui-button-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
  }

  .chip-input-sm {
    --novoui-chip-input-close-size: 1rem;
    --novoui-chip-input-close-icon-size: .875rem;
    --novoui-chip-input-prepend-size: 1rem;
    --novoui-chip-input-prepended-icon-size: .75rem;
    --novoui-chip-input-close-padding-right: .25rem;
    --novoui-chip-input-prepend-padding-left: .375rem;
    height: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-ui-button-10);
    line-height: var(--tw-leading, var(--novoui-ui-button-10--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 1);
  }

  .chip-input, .chip-input-fill {
    --novoui-chip-input-bg: var(--novoui-background-controls-fill-enabled);
    --novoui-chip-input-content: var(--novoui-text-color-controls-low-emphasis);
  }

  .chip-input:where(.chip-input-strong), .chip-input-fill:where(.chip-input-strong) {
    --novoui-chip-input-content: var(--novoui-text-color-controls-high-emphasis);
  }

  @media (hover: hover) {
    .chip-input:hover, .chip-input-hover, .chip-input-fill:hover, .chip-input-fill-hover {
      --novoui-chip-input-bg: var(--novoui-background-controls-fill-hover);
    }

    .chip-input:hover:where(.chip-input-strong), .chip-input-hover:where(.chip-input-strong), .chip-input-fill:hover:where(.chip-input-strong), .chip-input-fill-hover:where(.chip-input-strong) {
      --novoui-chip-input-content: var(--novoui-text-color-controls-high-emphasis-hover);
    }
  }

  .chip-input:active, .chip-input-active, .chip-input-fill:active, .chip-input-fill-active {
    --novoui-chip-input-bg: var(--novoui-background-controls-fill-pressed);
  }

  .chip-input:active:where(.chip-input-strong), .chip-input-active:where(.chip-input-strong), .chip-input-fill:active:where(.chip-input-strong), .chip-input-fill-active:where(.chip-input-strong) {
    --novoui-chip-input-content: var(--novoui-text-color-controls-high-emphasis-pressed);
  }

  .chip-input-outline {
    border-color: var(--novoui-chip-input-border);
    --novoui-chip-input-bg: var(--novoui-background-controls-outline-low-emphasis-enabled);
    --novoui-chip-input-border: var(--novoui-border-controls-low-emphasis-enabled);
  }

  .chip-input-outline:where(.chip-input-strong) {
    --novoui-chip-input-content: var(--novoui-text-color-controls-high-emphasis);
    --novoui-chip-input-border: var(--novoui-border-controls-high-emphasis-enabled);
  }

  @media (hover: hover) {
    .chip-input-outline:hover, .chip-input-outline-hover {
      --novoui-chip-input-bg: var(--novoui-background-controls-outline-low-emphasis-hover);
      --novoui-chip-input-border: var(--novoui-border-controls-low-emphasis-hover);
    }

    .chip-input-outline:hover:where(.chip-input-strong), .chip-input-outline-hover:where(.chip-input-strong) {
      --novoui-chip-input-bg: var(--novoui-background-controls-outline-high-emphasis-hover);
      --novoui-chip-input-border: var(--novoui-border-controls-high-emphasis-hover);
      --novoui-chip-input-content: var(--novoui-text-color-controls-high-emphasis-hover);
    }
  }

  .chip-input-outline:active, .chip-input-outline-active {
    --novoui-chip-input-bg: var(--novoui-background-controls-outline-low-emphasis-pressed);
    --novoui-chip-input-border: var(--novoui-border-controls-low-emphasis-pressed);
  }

  .chip-input-outline:active:where(.chip-input-strong), .chip-input-outline-active:where(.chip-input-strong) {
    --novoui-chip-input-bg: var(--novoui-background-controls-outline-high-emphasis-pressed);
    --novoui-chip-input-border: var(--novoui-border-controls-high-emphasis-pressed);
    --novoui-chip-input-content: var(--novoui-text-color-controls-high-emphasis-pressed);
  }

  .chip-input-close {
    padding-right: var(--novoui-chip-input-close-padding-right);
    --novoui-chip-input-close-bg: transparent;
    --novoui-chip-input-close-icon-color: var(--novoui-text-color-controls-low-emphasis);
  }

  .chip-input-close:where(.chip-input-strong) {
    --novoui-chip-input-close-icon-color: var(--novoui-text-color-controls-high-emphasis);
  }

  @media (hover: hover) {
    .chip-input-close:hover, .chip-input-close-hover {
      --novoui-chip-input-close-bg: var(--novoui-background-controls-fill-hover);
      --novoui-chip-input-bg: var(--novoui-background-controls-fill-enabled);
      --novoui-chip-input-content: var(--novoui-text-color-controls-low-emphasis);
    }

    .chip-input-close:hover:where(.chip-input-strong), .chip-input-close-hover:where(.chip-input-strong) {
      --novoui-chip-input-close-icon-color: var(--novoui-text-color-controls-high-emphasis-hover);
      --novoui-chip-input-content: var(--novoui-text-color-controls-high-emphasis);
    }

    .chip-input-close:hover:where(.chip-input-outline), .chip-input-close-hover:where(.chip-input-outline) {
      --novoui-chip-input-bg: var(--novoui-background-controls-outline-low-emphasis-enabled);
      --novoui-chip-input-border: var(--novoui-border-controls-low-emphasis-enabled);
      --novoui-chip-input-content: var(--novoui-text-color-controls-low-emphasis);
    }

    .chip-input-close:hover:where(.chip-input-outline):where(.chip-input-strong), .chip-input-close-hover:where(.chip-input-outline):where(.chip-input-strong) {
      --novoui-chip-input-close-bg: var(--novoui-background-controls-fill-hover);
      --novoui-chip-input-border: var(--novoui-border-controls-high-emphasis-enabled);
      --novoui-chip-input-content: var(--novoui-text-color-controls-high-emphasis);
    }
  }

  .chip-input-close:active, .chip-input-close-active {
    --novoui-chip-input-close-bg: var(--novoui-background-controls-fill-pressed);
    --novoui-chip-input-bg: var(--novoui-background-controls-fill-enabled);
  }

  .chip-input-close:active:where(.chip-input-outline), .chip-input-close-active:where(.chip-input-outline) {
    --novoui-chip-input-bg: var(--novoui-background-controls-outline-low-emphasis-enabled);
  }

  .chip-input-close .chip-input-close-container {
    height: var(--novoui-chip-input-close-size);
    width: var(--novoui-chip-input-close-size);
    background-color: var(--novoui-chip-input-close-bg);
    border-radius: 9999px;
    align-content: center;
  }

  @media (hover: hover) {
    .chip-input-close .chip-input-close-container:hover, .chip-input-close .chip-input-close-container-hover {
      --novoui-chip-input-close-bg: var(--novoui-background-controls-fill-hover);
    }
  }

  .chip-input-close .chip-input-close-container:active, .chip-input-close .chip-input-close-container-active {
    --novoui-chip-input-close-bg: var(--novoui-background-controls-fill-pressed);
  }

  .chip-input-close .chip-input-close-container svg {
    height: var(--novoui-chip-input-close-icon-size);
    width: var(--novoui-chip-input-close-icon-size);
    fill: var(--novoui-chip-input-close-icon-color);
    margin: auto;
  }

  .chip-input-disabled {
    --novoui-chip-input-bg: var(--novoui-background-disabled-subtle);
    --novoui-chip-input-content: var(--novoui-text-color-disabled-medium);
    --novoui-chip-input-border: transparent;
    --novoui-chip-input-close-bg: transparent;
    --novoui-chip-input-close-icon-color: var(--novoui-text-color-disabled-medium);
    pointer-events: none;
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

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

  .chip-input-prepended {
    padding-left: var(--novoui-chip-input-prepend-padding-left);
  }

  .chip-input-prepended .chip-input-prepend-container img {
    height: var(--novoui-chip-input-prepend-size);
    width: var(--novoui-chip-input-prepend-size);
    object-fit: cover;
    border-radius: 9999px;
  }

  .chip-input-prepended .chip-input-prepend-container svg {
    height: var(--novoui-chip-input-prepended-icon-size);
    width: var(--novoui-chip-input-prepended-icon-size);
    fill: currentColor;
  }

  .chip-input-squared {
    border-radius: var(--novoui-radius-small);
  }

  .combo-box.input .input-field {
    height: 100%;
    padding-right: calc(var(--spacing, .25rem) * 10);
    min-height: var(--novoui-input-height);
  }

  .combo-box.input .input-label {
    color: var(--novoui-input-label-color);
    font-size: var(--novoui-body-xsmall);
    line-height: var(--tw-leading, var(--novoui-body-xsmall--line-height));
  }

  .combo-box.input .input-label .input-required {
    padding-left: calc(var(--spacing, .25rem) * 1);
  }

  .combo-box.input .input-label.input-field-outline-select {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --novoui-input-label-color: var(--novoui-text-color-forms-label);
  }

  .combo-box.input .input-label.input-field-outline-select .input-required {
    color: var(--novoui-text-color-alert-enabled);
  }

  .combo-box.input-disabled .input-label.input-field-outline-select .input-required {
    color: var(--novoui-text-color-disabled-medium);
  }

  .combo-box.input.input-sm {
    --novoui-input-padding-bottom: 6px;
  }

  .combo-box.input.input-tiny .input-field {
    --novoui-input-padding-top: 4px;
    --novoui-input-padding-bottom: 4px;
    --novoui-input-padding-left: 12px;
    --novoui-input-padding-right: 12px;
  }

  .combo-box.input .input-field-outline, .combo-box.input .input-field-outline-light {
    --novoui-input-padding-top: 7px;
    --novoui-input-padding-bottom: 7px;
    --novoui-input-padding-right: 35px;
  }

  .combo-box.input .input-field-outline.input-label, .combo-box.input .input-field-outline-light.input-label {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .combo-box.input .input-icon-fill {
    grid-row: 1;
  }

  .combo-box.input .combobox-leading-icon-empty {
    fill: var(--novoui-fill-forms-empty);
  }

  .combo-box.input-disabled {
    pointer-events: none;
  }

  .combo-box.input-disabled .combo-box-toggle-icon {
    fill: var(--novoui-fill-disabled-medium);
  }

  .combo-box-toggle-icon {
    pointer-events: none;
    right: var(--novoui-input-select-padding-icon);
    z-index: 10;
    fill: var(--novoui-fill-general-primary);
    color: var(--novoui-input-label-color);
    grid-row: 2;
    align-self: center;
    position: absolute;
  }

  .combo-box-chip-list {
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    flex-wrap: wrap;
    display: flex;
  }

  .combo-box-chip-list-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .combo-box.input-tiny :has(.input-field-outline-light) + .input-label, .combo-box.input-tiny :has(.input-field-outline) + .input-label {
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
  }

  .combo-box .combo-box-autoresize {
    flex-wrap: nowrap;
    overflow-x: hidden;
  }

  .combo-box .combo-box-autoresize .combo-box-chip-list {
    flex-wrap: nowrap;
  }

  .combo-box-chip {
    max-width: min(176px, 100%);
  }

  .combo-box-placeholder {
    pointer-events: none;
    color: var(--novoui-text-color-forms-filled);
    position: absolute;
  }

  .combo-box-placeholder-disabled {
    color: currentColor;
  }

  .combo-box-search-input {
    min-width: calc(var(--spacing, .25rem) * 1);
    background-color: #0000;
    flex-grow: 1;
  }

  .combo-box-search-input:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .combo-box-no-results {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * .5);
    padding: calc(var(--spacing, .25rem) * 2);
    padding-left: calc(var(--spacing, .25rem) * 3);
    text-align: center;
    text-wrap: wrap;
    color: var(--novoui-text-color-general-tertiary);
    flex-direction: column;
    display: flex;
  }

  .combo-box-no-results-dropdown {
    height: calc(var(--spacing, .25rem) * 64);
  }

  .combo-box-no-results-list {
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
  }

  .combo-box-no-results > p {
    margin-top: calc(var(--spacing, .25rem) * 1.5);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .combo-box-no-results .combo-box-loading-text {
    color: var(--novoui-text-color-general-tertiary);
  }

  .combo-box-no-results .combo-box-no-results-text {
    fill: currentColor;
    color: var(--novoui-text-color-general-primary);
  }

  .combo-box-no-results > span {
    font-size: var(--novoui-ui-label-10);
    line-height: var(--tw-leading, var(--novoui-ui-label-10--line-height));
    color: var(--novoui-text-color-general-tertiary);
  }

  .combo-box-enter-from, .combo-box-leave-to {
    opacity: 0;
  }

  .combo-box-enter-active, .combo-box-leave-active {
    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, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .combo-box .dropdown-container .dropdown {
    width: 100%;
  }

  .date-picker {
    background-color: var(--novoui-background-general-elevated);
    --tw-shadow: 0px 16px 24px var(--tw-shadow-color, #16223314), 0px 4px 8px var(--tw-shadow-color, #16223314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--novoui-border-cards-enabled);
    border-radius: 16px;
    width: max-content;
    position: absolute;
  }

  .date-picker-container {
    flex-direction: column;
    align-items: stretch;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .date-picker-calendar {
    flex: 1;
  }

  .date-picker-calendar-range {
    flex-direction: column;
    flex: 1;
    align-items: stretch;
    display: flex;
  }

  .date-picker-header {
    border-color: var(--novoui-border-general-medium);
    padding: calc(var(--spacing, .25rem) * 1.5);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    column-gap: calc(var(--spacing, .25rem) * .5);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    grid-template-columns: repeat(3, auto) 1fr repeat(3, auto);
    display: grid;
  }

  .date-picker-header > button.button-text, .date-picker-header .date-picker-header-dropdown-trigger {
    outline-offset: 0px;
    width: max-content;
  }

  @media (hover: hover) {
    .date-picker-header > button.button-text:hover, .date-picker-header .date-picker-header-dropdown-trigger:hover {
      background-color: #0000;
    }
  }

  .date-picker-header .date-picker-header-dropdown-trigger-disabled {
    color: var(--novoui-text-color-general-secondary);
  }

  @media (hover: hover) {
    .date-picker-header .date-picker-header-dropdown-trigger-disabled:hover {
      color: var(--novoui-text-color-general-secondary);
    }
  }

  .date-picker-footer {
    border-color: var(--novoui-border-general-medium);
    border-top-style: var(--tw-border-style);
    gap: calc(var(--spacing, .25rem) * 2);
    padding: calc(var(--spacing, .25rem) * 4);
    border-top-width: 1px;
    flex-direction: row-reverse;
    display: flex;
  }

  .date-picker-footer-range {
    padding-inline: calc(var(--spacing, .25rem) * 3);
  }

  .date-picker-footer-clear-btn {
    margin-right: auto;
  }

  .date-picker-footer-hidden {
    opacity: 0;
  }

  .date-picker-footer-button {
    margin-right: auto;
  }

  .date-picker-input {
    text-overflow: ellipsis;
    width: max-content;
  }

  .date-picker-input input:placeholder-shown .input-trailing-icon {
    fill: var(--novoui-fill-general-high-emphasis-enabled);
  }

  .date-picker-input + .date-picker-no-assistive-text {
    margin-top: calc(var(--spacing, .25rem) * 1);
  }

  .date-picker-input + .date-picker {
    z-index: 20;
  }

  .date-picker-input > svg.input-trailing-icon {
    fill: var(--novoui-fill-general-primary);
  }

  .date-picker-input-focus:has(input:placeholder-shown) > svg.input-trailing-icon {
    fill: var(--novoui-fill-general-high-emphasis-enabled);
  }

  .date-picker-input.input-invalid > svg.input-trailing-icon {
    fill: var(--novoui-fill-alert-enabled);
  }

  .date-picker-dropdown.dropdown-container {
    width: unset;
    position: static;
  }

  .date-picker-dropdown-footer {
    bottom: calc(var(--spacing, .25rem) * 0);
    justify-content: flex-end;
    gap: calc(var(--spacing, .25rem) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--novoui-border-general-medium);
    background-color: var(--novoui-background-cards-enabled);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 4);
    display: flex;
    position: sticky;
  }

  .date-picker-dropdown .dropdown.dropdown-hide-indicator.dropdown-left {
    transform-origin: top;
    --tw-scale-x: 100%;
    width: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .date-picker-dropdown-range-list {
    transform-origin: top;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: 100%;
    display: grid;
    overflow-y: auto;
  }

  .date-picker-dropdown-range-list-year {
    scrollbar-width: none;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--novoui-border-general-medium);
    padding-bottom: calc(var(--spacing, .25rem) * 20);
    overflow-y: auto;
  }

  .date-picker-dropdown-range-list-month {
    scrollbar-width: none;
    padding-bottom: calc(var(--spacing, .25rem) * 20);
    overflow-y: auto;
  }

  .date-picker-dropdown-range > .dropdown.dropdown-hide-indicator.dropdown-left {
    transform-origin: top;
    --tw-duration: 0s;
    width: calc(50% + 1px);
    transition-duration: 0s;
    transform: none;
  }

  .date-picker-dropdown-range > .dropdown.dropdown-hide-indicator.dropdown-left.shown {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: var(--novoui-radius-large);
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--novoui-border-general-medium);
    padding-block: calc(var(--spacing, .25rem) * 0);
  }

  .date-picker-dropdown-range .dropdown-content {
    padding-block: calc(var(--spacing, .25rem) * 0);
    overflow-y: hidden;
  }

  .date-picker-dropdown-range > .dropdown.dropdown-hide-indicator.dropdown-right {
    --tw-duration: 0s;
    transform-origin: top;
    width: 50%;
    transition-duration: 0s;
    transform: none;
  }

  .date-picker-dropdown-range > .dropdown.dropdown-hide-indicator.dropdown-right.shown {
    border-radius: 0;
    border-bottom-right-radius: var(--novoui-radius-large);
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--novoui-border-general-medium);
    left: auto;
  }

  .date-picker-dropdown .dropdown.shown {
    --range-picker-header-height: 53px;
    --tw-shadow-color: transparent;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .date-picker-dropdown .dropdown.shown {
      --tw-shadow-color: transparent;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .date-picker-dropdown .dropdown.shown {
        --tw-shadow-color: color-mix(in oklab, transparent var(--tw-shadow-alpha), transparent);
      }
    }
  }

  .date-picker-dropdown .dropdown.shown {
    top: var(--range-picker-header-height);
    left: calc(var(--spacing, .25rem) * 0);
    height: calc(100% - var(--range-picker-header-height));
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: var(--novoui-radius-large);
    border-bottom-left-radius: var(--novoui-radius-large);
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--novoui-border-general-medium);
    width: 100%;
    padding-block: calc(var(--spacing, .25rem) * 0);
  }

  .date-picker-dropdown .date-picker-dropdown-option-indent .button-text:focus-visible {
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 2px;
    border-color: var(--novoui-border-general-focus);
    --tw-outline-style: none;
    outline-style: none;
  }

  .date-picker-dropdown .date-picker-dropdown-option-indent .button-label {
    padding-left: calc(var(--spacing, .25rem) * 8);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .date-picker-dropdown .date-picker-dropdown-option-active > .button-text {
    background-color: var(--novoui-background-general-medium-emphasis-hover);
  }

  .date-picker-dropdown .date-picker-dropdown-option-active > .button-text:focus-visible {
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 2px;
    border-color: var(--novoui-border-general-focus);
    --tw-outline-style: none;
    outline-style: none;
  }

  .date-picker-dropdown .date-picker-dropdown-option-active > .button-text .button-label {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    align-items: center;
  }

  .date-picker-dropdown .date-picker-dropdown-option-active > .button-text .button-label > svg {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
  }

  .date-picker-dropdown .button-label {
    gap: calc(var(--spacing, .25rem) * 2);
    display: flex;
  }

  .date-picker-header-button {
    justify-self: flex-end;
  }

  @media (hover: hover) {
    .date-picker-header-button:hover {
      background-color: #0000;
    }
  }

  .date-picker-header-button-hidden {
    pointer-events: none;
    opacity: 0;
  }

  .date-picker-header-range {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .date-picker-header-range-start {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid;
  }

  @media (hover: hover) {
    .date-picker-header-range-start-button.button:hover {
      background: none;
    }
  }

  .date-picker-header-range-end {
    justify-content: center;
    display: flex;
  }

  .date-picker-header-range-end-button {
    right: calc(var(--spacing, .25rem) * 4);
    position: absolute;
  }

  @media (hover: hover) {
    .date-picker-header-range-end-button.button:hover {
      background: none;
    }
  }

  .date-picker-header-dropdown-trigger {
    width: 4.625rem;
    padding-inline: calc(var(--spacing, .25rem) * 2);
    justify-content: space-between;
  }

  .date-picker-header-dropdown-trigger[disabled], .date-picker-header-dropdown-trigger:disabled {
    color: var(--novoui-text-color-general-secondary);
    background-color: #0000;
  }

  .date-picker-month-days {
    padding-inline: calc(var(--spacing, .25rem) * 4);
    padding-bottom: calc(var(--spacing, .25rem) * 1);
    align-items: center;
    column-gap: calc(var(--spacing, .25rem) * 1);
    row-gap: calc(var(--spacing, .25rem) * 1);
    text-align: center;
    grid-template-rows: repeat(6, 2.5rem);
    grid-template-columns: repeat(7, 2.5rem);
    display: grid;
  }

  .date-picker-week-day {
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-general-tertiary);
  }

  .date-picker-day {
    border-radius: var(--novoui-radius);
    padding-inline: calc(var(--spacing, .25rem) * 0);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .date-picker-day.button-text {
    color: var(--novoui-text-color-date-picker-enabled);
  }

  .date-picker-day.button-text:hover {
    background-color: var(--novoui-background-date-picker-default-hover);
  }

  .date-picker-day.button-text:active {
    background-color: var(--novoui-background-date-picker-default-active);
  }

  .date-picker-day-hidden {
    pointer-events: none;
    opacity: 0;
  }

  .date-picker-day-outside-month {
    opacity: .3;
  }

  .date-picker-day-today {
    border-color: var(--novoui-border-date-picker-enabled);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .date-picker-day-selected {
    --tw-border-style: none;
    border-style: none;
  }

  .date-picker-day-selected.button-text {
    background-color: var(--novoui-background-date-picker-selected-enabled);
    color: var(--novoui-text-color-date-picker-selected);
  }

  .date-picker-day-selected.button-text:hover {
    background-color: var(--novoui-background-date-picker-selected-hover);
    color: var(--novoui-text-color-date-picker-selected);
  }

  .date-picker-day-selected.button-text:active {
    background-color: var(--novoui-background-date-picker-selected-active);
    color: var(--novoui-text-color-date-picker-selected);
  }

  .date-picker-wrapper.dropdown {
    padding: calc(var(--spacing, .25rem) * 0);
    box-shadow: none;
    overflow: visible;
  }

  .date-picker-animation-view {
    position: relative;
  }

  .date-picker-animation-reel {
    top: calc(var(--spacing, .25rem) * 0);
    background-color: var(--novoui-background-cards-enabled);
    display: flex;
    position: absolute;
  }

  .date-picker-animation-reel-next {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .date-picker-animation-reel-next-range {
    --tw-translate-x: calc(calc(1 / 3 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .date-picker-animation-reel-prev {
    --tw-translate-x: calc(var(--spacing, .25rem) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .date-picker-animation-next-enter-active, .date-picker-animation-next-leave-active, .date-picker-animation-prev-enter-active, .date-picker-animation-prev-leave-active {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .date-picker-animation-next-enter-from {
    --tw-translate-x: calc(var(--spacing, .25rem) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .date-picker-animation-prev-enter-from {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .date-picker-animation-prev-enter-from-range {
    --tw-translate-x: calc(calc(1 / 3 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .date-picker-animation-next-leave-to, .date-picker-animation-prev-leave-to {
    opacity: 0;
    display: none;
    position: absolute;
  }

  .date-picker-day-end {
    box-shadow: -4px 0px 0 0 var(--novoui-background-date-picker-middle-enabled);
    position: relative;
  }

  .date-picker-day-end:before {
    top: calc(var(--spacing, .25rem) * 0);
    bottom: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * -1);
    width: calc(var(--spacing, .25rem) * 2);
    --tw-content: "";
    content: var(--tw-content);
    box-shadow: inset 4px -1.1px 0px 0px var(--novoui-background-date-picker-middle-enabled), inset 4px 3.1px 0px -2px var(--novoui-background-date-picker-middle-enabled);
    position: absolute;
  }

  .date-picker-day-start {
    box-shadow: 4px 0px 0 0 var(--novoui-background-date-picker-middle-enabled);
    position: relative;
  }

  .date-picker-day-start:after {
    top: calc(var(--spacing, .25rem) * 0);
    right: calc(var(--spacing, .25rem) * -1);
    bottom: calc(var(--spacing, .25rem) * 0);
    width: calc(var(--spacing, .25rem) * 2);
    --tw-content: "";
    content: var(--tw-content);
    box-shadow: inset -4px -1.1px 0px 0px var(--novoui-background-date-picker-middle-enabled), inset -4px 3.1px 0px -2px var(--novoui-background-date-picker-middle-enabled);
    position: absolute;
  }

  .date-picker-range {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .date-picker-range-month {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--novoui-border-general-medium);
  }

  .date-picker-range-input-wrapper {
    align-items: flex-start;
    gap: calc(var(--spacing, .25rem) * 4);
    display: flex;
  }

  .date-picker-range-input-wrapper-single {
    gap: calc(var(--spacing, .25rem) * 0);
  }

  .date-picker-range-input-wrapper-single .date-picker-input {
    width: 50%;
  }

  .date-picker-range-input-wrapper-single .date-picker-input-end {
    margin-left: calc(var(--spacing, .25rem) * -3);
  }

  .date-picker-range-input-wrapper-single .date-picker-input-end .input-field, .date-picker-range-input-wrapper-single .date-picker-input-end .input-field-outline, .date-picker-range-input-wrapper-single .date-picker-input-end .input-field-outline:focus, .date-picker-range-input-wrapper-single .date-picker-input-end .input-field-outline:focus-visible {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .date-picker-range-input-wrapper-single .date-picker-input-start .input-field, .date-picker-range-input-wrapper-single .date-picker-input-start .input-field-outline, .date-picker-range-input-wrapper-single .date-picker-input-start .input-field-outline:focus, .date-picker-range-input-wrapper-single .date-picker-input-start .input-field-outline:focus-visible {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .date-picker-range-input-wrapper-single:has(.date-picker-input:hover) .date-picker-input .input-field {
    border-color: var(--novoui-border-forms-active);
  }

  .date-picker-range-input-wrapper-single:has(.date-picker-input .input-field:focus-visible) .date-picker-input .input-field {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--novoui-border-forms-active);
    background-color: var(--novoui-background-forms-active);
  }

  .date-picker-range-input-wrapper-single:has(.date-picker-input .input-field:focus-visible) .date-picker-input-end .input-field {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .date-picker-range-input-wrapper-single:has(.date-picker-input .input-field:focus-visible) .date-picker-input-end .input-field:focus {
    padding-left: calc(var(--spacing, .25rem) * 4);
  }

  .date-picker-range-input-wrapper-single:has(.date-picker-input-end .input-field:focus) .date-picker-input-start .input-field {
    padding-left: calc(var(--novoui-input-padding-left)  - 1px);
  }

  .date-picker-range-input-wrapper-single:has(.date-picker-input.input-invalid .input-field) .date-picker-input > input.input-field {
    border-color: var(--novoui-border-alert-enabled);
    background-color: var(--novoui-background-alert-low-emphasis-enabled);
  }

  .date-picker-range-input-wrapper-single:has(.date-picker-input.input-invalid .input-field) .date-picker-input > svg.input-trailing-icon {
    fill: var(--novoui-fill-alert-enabled);
  }

  .date-picker-range-input-wrapper-single:has(.date-picker-input.input-invalid .input-field:focus-visible) .date-picker-input .input-field {
    border-color: var(--novoui-border-alert-enabled);
    background-color: var(--novoui-background-alert-low-emphasis-enabled);
  }

  .date-picker-range-input-wrapper-single .date-picker-input-end > .input-label {
    margin-left: calc(var(--spacing, .25rem) * 4);
  }

  .date-picker-day-range {
    --tw-border-style: none;
    background-color: var(--novoui-background-date-picker-middle-enabled);
    border-style: none;
    border-radius: 0;
    position: relative;
  }

  .date-picker-day-range .date-picker-day {
    z-index: 1;
    position: relative;
  }

  .date-picker-day-range .date-picker-day:after {
    top: calc(var(--spacing, .25rem) * 0);
    right: -4.5px;
    bottom: calc(var(--spacing, .25rem) * 0);
    background-color: var(--novoui-background-date-picker-middle-enabled);
    --tw-content: "";
    content: var(--tw-content);
    width: 5px;
    position: absolute;
  }

  .date-picker-day-range:after {
    top: calc(var(--spacing, .25rem) * 0);
    bottom: calc(var(--spacing, .25rem) * 0);
    background-color: var(--novoui-background-date-picker-middle-enabled);
    --tw-content: "";
    content: var(--tw-content);
    width: 2px;
    position: absolute;
    left: -2px;
  }

  .date-picker-day-range:before {
    top: calc(var(--spacing, .25rem) * 0);
    right: -2px;
    bottom: calc(var(--spacing, .25rem) * 0);
    background-color: var(--novoui-background-date-picker-middle-enabled);
    --tw-content: "";
    content: var(--tw-content);
    width: 2px;
    position: absolute;
  }

  .dialog {
    --novoui-dialog-padding: 24px;
    --novoui-dialog-gap: 16px;
    column-gap: var(--novoui-dialog-gap);
    background-color: var(--novoui-background-general-elevated);
    --tw-shadow: 0px 16px 32px var(--tw-shadow-color, #16223329), 0px 4px 12px var(--tw-shadow-color, #1622331f);
    width: 100%;
    max-width: 544px;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-translate-y: none;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: 16px;
    grid-template-columns: auto 1fr auto auto auto;
    grid-template-areas: "dialogHeaderIcon dialogHeadline dialogHeadline dialogHeadline dialogClose"
                         "dialogHeaderIcon dialogSubheadline dialogSubheadline dialogSubheadline dialogSubheadline"
                         "dialogDivider dialogDivider dialogDivider dialogDivider dialogDivider"
                         "dialogBody dialogBody dialogBody dialogBody dialogBody"
                         "dialogDivider2 dialogDivider2 dialogDivider2 dialogDivider2 dialogDivider2"
                         "dialogFooter1 dialogFooter1 dialogFooter2 dialogFooter3 dialogFooter3";
    grid-row-start: 1;
    grid-column-start: 1;
    display: grid;
    position: relative;
  }

  .dialog-enter-active, .dialog-leave-active {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  }

  .dialog-enter-active > .dialog, .dialog-leave-active > .dialog {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  }

  .dialog-enter-from.dialog-container, .dialog-leave-to.dialog-container {
    opacity: 0;
  }

  .dialog-enter-from > .dialog, .dialog-leave-to > .dialog {
    --tw-translate-y: calc(var(--spacing, .25rem) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .dialog-header-slot {
    grid-template-areas: "dialogHeader dialogHeader dialogHeader dialogHeader dialogClose"
                         "dialogHeader2 dialogHeader2 dialogHeader2 dialogHeader2 dialogHeader2"
                         "dialogDivider dialogDivider dialogDivider dialogDivider dialogDivider"
                         "dialogBody dialogBody dialogBody dialogBody dialogBody"
                         "dialogDivider2 dialogDivider2 dialogDivider2 dialogDivider2 dialogDivider2"
                         "dialogFooter1 dialogFooter1 dialogFooter2 dialogFooter3 dialogFooter3";
  }

  .dialog-background {
    cursor: pointer;
    background-color: var(--novoui-background-modal-enabled);
    opacity: .5;
    grid-row-start: 1;
    grid-column-start: 1;
    width: calc(100% + 2rem);
    height: calc(100% + 2rem);
  }

  .dialog-container {
    top: calc(var(--spacing, .25rem) * 0);
    right: calc(var(--spacing, .25rem) * 0);
    bottom: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * 0);
    z-index: 50;
    opacity: 1;
    grid-template-rows: repeat(1, minmax(0, 1fr));
    grid-template-columns: repeat(1, minmax(0, 1fr));
    place-items: center;
    width: 100%;
    height: 100%;
    display: grid;
    position: fixed;
  }

  .dialog-container-fallback-padding {
    padding: calc(var(--spacing, .25rem) * 4);
  }

  .dialog-small {
    max-width: 400px;
  }

  .dialog-small .dialog-close ~ button + button + .dialog-tertiary-action {
    margin-top: var(--novoui-dialog-padding);
    grid-area: dialogDivider2;
    justify-self: flex-start;
  }

  .dialog-large {
    max-width: 942px;
  }

  .dialog-headline {
    font-size: var(--novoui-headings-h4);
    line-height: var(--tw-leading, var(--novoui-headings-h4--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
  }

  .dialog-headline-placement {
    margin-top: var(--novoui-dialog-padding);
    margin-left: calc(var(--novoui-dialog-padding)  - var(--novoui-dialog-gap));
    grid-area: dialogHeadline;
  }

  .dialog-headline-placement ~ .dialog-subheadline {
    margin-top: calc(var(--spacing, .25rem) * 2);
    margin-right: var(--novoui-dialog-padding);
    grid-area: dialogSubheadline;
  }

  .dialog-headline-placement:last-child {
    margin-bottom: var(--novoui-dialog-padding);
  }

  .dialog-no-subheadline > .dialog-headline-placement {
    align-self: center;
  }

  .dialog-subheadline {
    grid-area: dialogHeadline;
  }

  .dialog-subheadline:last-child {
    margin-bottom: var(--novoui-dialog-padding);
  }

  .dialog-subheadline {
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    color: var(--novoui-text-color-general-primary);
    margin-top: var(--novoui-dialog-padding);
    margin-bottom: calc(var(--spacing, .25rem) * 3);
    margin-left: calc(var(--novoui-dialog-padding)  - var(--novoui-dialog-gap));
  }

  .dialog-header-icon {
    margin-top: var(--novoui-dialog-padding);
    margin-left: var(--novoui-dialog-padding);
    height: calc(var(--spacing, .25rem) * 12);
    width: calc(var(--spacing, .25rem) * 12);
    border-radius: var(--novoui-radius-x-large);
    background-color: var(--novoui-background-accent-green-subtle);
    grid-area: dialogHeaderIcon;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dialog-header-icon > svg {
    height: calc(var(--spacing, .25rem) * 6);
    fill: var(--novoui-fill-general-secondary);
  }

  .dialog-header-icon ~ .dialog-headline-placement, .dialog-header-icon ~ .dialog-subheadline {
    margin-left: calc(var(--spacing, .25rem) * 0);
  }

  .dialog-header-icon:nth-last-child(2) {
    margin-bottom: var(--novoui-dialog-padding);
  }

  .dialog-header {
    margin-top: var(--novoui-dialog-padding);
    margin-left: var(--novoui-dialog-padding);
    grid-area: dialogHeader;
  }

  .dialog-header:last-child {
    margin-bottom: var(--novoui-dialog-padding);
  }

  .dialog-footer {
    margin-inline: var(--novoui-dialog-padding);
    margin-top: calc(var(--spacing, .25rem) * 2);
    margin-bottom: var(--novoui-dialog-padding);
    grid-area: dialogFooter1 / span 5;
  }

  .dialog-header-2 {
    margin-inline: var(--novoui-dialog-padding);
    grid-area: dialogHeader2;
  }

  .dialog-header-2:last-child {
    margin-bottom: var(--novoui-dialog-padding);
  }

  .dialog-headline-placement + .dialog-divider, .dialog-headline-placement + .dialog-body, .dialog-headline-placement + .dialog-divider-2, .dialog-headline-placement + .dialog-primary-action, .dialog-headline-placement + .dialog-secondary-action, .dialog-headline-placement + .dialog-tertiary-action, .dialog-header + .dialog-divider, .dialog-header + .dialog-body, .dialog-header + .dialog-divider-2, .dialog-header + .dialog-primary-action, .dialog-header + .dialog-secondary-action, .dialog-header + .dialog-tertiary-action, .dialog-header-2 + .dialog-divider, .dialog-header-2 + .dialog-body, .dialog-header-2 + .dialog-divider-2, .dialog-header-2 + .dialog-primary-action, .dialog-header-2 + .dialog-secondary-action, .dialog-header-2 + .dialog-tertiary-action {
    margin-top: calc(var(--spacing, .25rem) * 2);
  }

  .dialog-body {
    margin-inline: var(--novoui-dialog-padding);
    margin-top: calc(var(--spacing, .25rem) * 2);
    margin-bottom: calc(var(--spacing, .25rem) * 3);
    grid-area: dialogBody;
    max-height: 66svh;
    overflow-y: auto;
  }

  .dialog-body:last-child {
    margin-bottom: var(--novoui-dialog-padding);
  }

  .dialog-close {
    margin-top: var(--novoui-dialog-padding);
    margin-right: var(--novoui-dialog-padding);
    grid-area: dialogClose;
    align-self: flex-start;
  }

  .dialog-close-icon {
    height: calc(var(--spacing, .25rem) * 4);
    fill: var(--novoui-fill-general-primary);
  }

  .dialog-close:focus-visible, .dialog-close-focus-visible {
    border-radius: var(--novoui-radius-small);
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
  }

  .dialog-divider {
    grid-area: dialogDivider;
  }

  .dialog-divider-2 {
    grid-area: dialogDivider2;
  }

  .dialog-primary-action {
    margin-top: calc(var(--spacing, .25rem) * 3);
    margin-right: var(--novoui-dialog-padding);
    margin-bottom: var(--novoui-dialog-padding);
    grid-area: dialogFooter3;
    align-self: center;
  }

  .dialog-primary-action ~ .dialog-secondary-action {
    margin-right: calc(var(--spacing, .25rem) * 0);
    grid-area: dialogFooter2;
  }

  .dialog-primary-action ~ .dialog-secondary-action ~ .dialog-tertiary-action {
    grid-area: dialogFooter1;
  }

  .dialog-primary-action ~ .dialog-tertiary-action {
    margin-right: calc(var(--spacing, .25rem) * 0);
    grid-area: dialogFooter2 / 2 / dialogFooter2 / span 2;
  }

  .dialog-secondary-action {
    margin-top: calc(var(--spacing, .25rem) * 3);
    margin-right: var(--novoui-dialog-padding);
    margin-bottom: var(--novoui-dialog-padding);
    grid-area: dialogFooter3;
    align-self: center;
  }

  .dialog-secondary-action ~ .dialog-tertiary-action {
    margin-right: calc(var(--spacing, .25rem) * 0);
    grid-column: 2 / span 2;
  }

  .dialog-tertiary-action {
    margin-top: calc(var(--spacing, .25rem) * 3);
    margin-right: var(--novoui-dialog-padding);
    margin-bottom: var(--novoui-dialog-padding);
    margin-left: var(--novoui-dialog-padding);
    grid-area: dialogFooter3;
    place-self: center flex-end;
  }

  .dialog-header-center {
    grid-template-areas: "dialogHeaderIcon dialogHeaderIcon dialogHeaderIcon dialogHeaderIcon dialogClose"
                         "dialogHeadline dialogHeadline dialogHeadline dialogHeadline dialogClose"
                         "dialogSubheadline dialogSubheadline dialogSubheadline dialogSubheadline dialogSubheadline"
                         "dialogDivider dialogDivider dialogDivider dialogDivider dialogDivider"
                         "dialogBody dialogBody dialogBody dialogBody dialogBody"
                         "dialogDivider2 dialogDivider2 dialogDivider2 dialogDivider2 dialogDivider2"
                         "dialogFooter1 dialogFooter1 dialogFooter2 dialogFooter3 dialogFooter3";
  }

  .dialog-header-center > .dialog-header-icon {
    margin-left: calc(var(--spacing, .25rem) * 0);
    grid-column: 1 / span 5;
    justify-self: center;
  }

  .dialog-header-center > .dialog-headline-placement, .dialog-header-center > .dialog-subheadline {
    margin-inline: var(--novoui-dialog-padding);
    text-align: center;
    justify-self: center;
  }

  .dialog-header-center > .dialog-headline-placement {
    margin-top: calc(var(--spacing, .25rem) * 4);
    grid-column: 1 / span 5;
  }

  .dialog-header-center > .dialog-headline-placement:nth-child(2) {
    margin-top: var(--novoui-dialog-padding);
  }

  .dialog-header-center.dialog-no-subheadline > .dialog-headline-placement {
    margin-bottom: calc(var(--spacing, .25rem) * 2);
  }

  .dialog-header-center.dialog-no-subheadline > .dialog-headline-placement:last-child {
    margin-bottom: var(--novoui-dialog-padding);
  }

  .divider {
    white-space: nowrap;
    color: var(--novoui-border-general-medium);
    flex-direction: row;
    align-self: stretch;
    align-items: center;
    display: flex;
  }

  .divider-strong {
    color: var(--novoui-border-general-strong);
  }

  .divider-medium {
    color: var(--novoui-border-general-medium);
  }

  .divider:not(:empty) {
    gap: calc(var(--spacing, .25rem) * 1);
  }

  .divider-vertical {
    margin-inline: calc(var(--spacing, .25rem) * 1);
    margin-block: calc(var(--spacing, .25rem) * 0);
    background-color: currentColor;
    flex-direction: column;
    width: 1px;
    height: 100%;
  }

  .divider-vertical:before, .divider-vertical:after {
    content: "";
    flex-grow: 1;
    width: 1px;
    height: 100%;
  }

  .divider-horizontal {
    margin-inline: calc(var(--spacing, .25rem) * 0);
    margin-block: calc(var(--spacing, .25rem) * 1);
    height: calc(var(--spacing, .25rem) * 1);
    flex-direction: row;
  }

  .dropdown {
    --novoui-dropdown-width: 220px;
    --novoui-indicator-space: 1rem;
    visibility: hidden;
    z-index: 35;
    width: var(--novoui-dropdown-width);
    transform-origin: top;
    --tw-scale-y: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    border-radius: var(--novoui-radius-large);
    background-color: var(--novoui-background-general-elevated);
    color: var(--novoui-text-color-general-primary);
    opacity: 0;
    --tw-shadow: 0px 0px 24px var(--tw-shadow-color, #16223314), 0px 0px 8px var(--tw-shadow-color, #16223314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline-color: var(--novoui-border-general-focus);
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    flex-direction: column;
    transition: scale .2s, opacity .2s, visibility;
    position: absolute;
    overflow: hidden;
  }

  .dropdown-with-search {
    --novoui-dropdown-width: 274px;
  }

  .dropdown-fixed {
    position: fixed;
  }

  .dropdown.shown {
    visibility: visible;
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .dropdown-indicator {
    pointer-events: none;
    top: calc(var(--spacing, .25rem) * 0);
    z-index: 36;
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    position: absolute;
    overflow: hidden;
  }

  .dropdown-indicator-shown {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    opacity: 1;
  }

  .dropdown-indicator:before {
    bottom: calc(var(--spacing, .25rem) * 0);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(1 / 2 * 100%);
    width: 15px;
    height: 15px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: var(--novoui-background-general-elevated);
    --tw-shadow: 0px 0px 24px var(--tw-shadow-color, #16223314), 0px 0px 8px var(--tw-shadow-color, #16223314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-content: "";
    content: var(--tw-content);
    position: absolute;
    left: 50%;
    rotate: 45deg;
    box-shadow: 0 0 7px #0000001a;
  }

  .dropdown-hide-indicator {
    --novoui-indicator-space: 4px;
  }

  .dropdown-bordered .dropdown {
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--novoui-border-general-medium);
  }

  .dropdown-bordered-primary .dropdown {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--novoui-border-general-high-emphasis-enabled);
  }

  .dropdown-bordered-primary .dropdown-indicator:before {
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 2px;
    border-color: var(--novoui-border-general-high-emphasis-enabled);
  }

  .dropdown-bordered .dropdown-indicator:before {
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--novoui-border-general-medium);
  }

  .dropdown-container {
    width: min-content;
    position: relative;
    overflow: visible;
  }

  .dropdown-search {
    margin: calc(var(--spacing, .25rem) * 4);
    margin-top: calc(var(--spacing, .25rem) * 2);
  }

  .dropdown-list-item.list-item > .button.button-text {
    height: auto;
    min-height: calc(var(--spacing, .25rem) * 9);
    padding-block: calc(var(--spacing, .25rem) * 1.5);
  }

  .dropdown-sections {
    background-color: var(--novoui-background-general-elevated);
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    display: flex;
    overflow-y: auto;
  }

  .dropdown-sections.has-search {
    border-top-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-top-width: 1px;
    border-color: var(--novoui-border-general-subtle);
  }

  .dropdown-content {
    height: 100%;
    max-height: inherit;
    padding-block: calc(var(--spacing, .25rem) * 2);
    overflow-y: auto;
  }

  .dropdown-section, .dropdown-options-section {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .dropdown-option {
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2.5);
    background-color: var(--novoui-background-general-elevated);
    padding-block: calc(var(--spacing, .25rem) * 2);
    padding-right: calc(var(--spacing, .25rem) * 4);
    padding-left: calc(var(--spacing, .25rem) * 6);
    text-align: left;
    font-size: var(--novoui-ui-control-14);
    line-height: var(--tw-leading, var(--novoui-ui-control-14--line-height));
    -webkit-user-select: none;
    user-select: none;
    align-self: stretch;
    display: flex;
  }

  .dropdown-option-disabled, .dropdown-option[disabled], .dropdown-option:disabled {
    pointer-events: none;
    color: var(--novoui-text-color-disabled-medium);
  }

  .dropdown-option-disabled .dropdown-option-icon svg, .dropdown-option-disabled .dropdown-option-icon-small svg, .dropdown-option[disabled] .dropdown-option-icon svg, .dropdown-option[disabled] .dropdown-option-icon-small svg, .dropdown-option:disabled .dropdown-option-icon svg, .dropdown-option:disabled .dropdown-option-icon-small svg {
    fill: var(--novoui-fill-disabled-medium);
  }

  .dropdown-option:active {
    background-color: var(--novoui-background-general-medium-emphasis-active);
  }

  .dropdown-option:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: calc(2px * -1);
    outline-width: 2px;
  }

  .dropdown-option:not(:active):hover {
    background-color: var(--novoui-background-general-medium-emphasis-hover);
  }

  .dropdown-option-unselected {
    visibility: hidden;
  }

  .dropdown-option-label {
    column-gap: calc(var(--spacing, .25rem) * 4);
    width: 100%;
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    justify-content: space-between;
    display: grid;
  }

  .dropdown-option-label-suffix {
    padding-right: calc(var(--spacing, .25rem) * 1.5);
    text-align: right;
    font-size: var(--novoui-ui-control-12);
    line-height: var(--tw-leading, var(--novoui-ui-control-12--line-height));
    color: var(--novoui-text-color-general-tertiary);
    grid-row: 1 / span 2;
    grid-column-start: 2;
    align-content: center;
  }

  .dropdown-option-label-details {
    padding-top: calc(var(--spacing, .25rem) * .5);
    text-align: left;
    font-size: var(--novoui-ui-control-12);
    line-height: var(--tw-leading, var(--novoui-ui-control-12--line-height));
    color: var(--novoui-text-color-general-tertiary);
  }

  .dropdown-option-icon {
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
  }

  .dropdown-option-icon > svg {
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
    fill: var(--novoui-fill-general-primary);
  }

  .dropdown-option-icon-flag > svg, .dropdown-option-icon-large {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
  }

  .dropdown-option-icon-large > svg {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    fill: var(--novoui-fill-general-primary);
  }

  .dropdown-option-icon-small {
    height: calc(var(--spacing, .25rem) * 3.5);
    width: calc(var(--spacing, .25rem) * 3.5);
  }

  .dropdown-option-icon-small > svg {
    height: calc(var(--spacing, .25rem) * 3.5);
    width: calc(var(--spacing, .25rem) * 3.5);
    fill: var(--novoui-fill-general-primary);
  }

  .dropdown-header {
    padding-inline: calc(var(--spacing, .25rem) * 4);
    padding-block: calc(var(--spacing, .25rem) * 3);
    font-size: var(--novoui-headings-h5);
    line-height: var(--tw-leading, var(--novoui-headings-h5--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
  }

  .dropdown-header-small {
    padding-block: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-body-xsmall);
    line-height: var(--tw-leading, var(--novoui-body-xsmall--line-height));
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    color: var(--novoui-text-color-general-tertiary);
  }

  .dropdown-subheader {
    padding-right: calc(var(--spacing, .25rem) * 4);
    padding-left: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-body-xsmall);
    line-height: var(--tw-leading, var(--novoui-body-xsmall--line-height));
    color: var(--novoui-text-color-general-primary);
    -webkit-user-select: none;
    user-select: none;
  }

  .dropdown-headers {
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 4);
    padding-block: calc(var(--spacing, .25rem) * 2);
    -webkit-user-select: none;
    user-select: none;
  }

  .dropdown-headers-header {
    font-size: var(--novoui-headings-h5);
    line-height: var(--tw-leading, var(--novoui-headings-h5--line-height));
  }

  .dropdown-headers-subheader {
    font-size: var(--novoui-body-xsmall);
    line-height: var(--tw-leading, var(--novoui-body-xsmall--line-height));
    color: var(--novoui-text-color-general-tertiary);
  }

  .dropdown-divider {
    margin-inline: calc(var(--spacing, .25rem) * 4);
  }

  .dropdown-divider-large {
    margin-block: calc(var(--spacing, .25rem) * 4);
  }

  .dropdown-divider-invis {
    margin-block: calc(var(--spacing, .25rem) * 0);
    height: calc(var(--spacing, .25rem) * 6);
    padding-block: calc(var(--spacing, .25rem) * 0);
    background-color: #0000;
    border-color: #0000;
  }

  .empty-state, .empty-state-top {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 6);
    flex-direction: column;
    display: inline-flex;
  }

  .empty-state-top-images {
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    justify-content: center;
    width: 100%;
    height: 243px;
    min-height: 243px;
    display: flex;
    position: relative;
  }

  .empty-state-top-images-circle {
    width: 50%;
    min-width: 200px;
    max-width: 300px;
    height: 100%;
    fill: var(--novoui-background-general-medium);
  }

  .empty-state-top-images-graphic {
    bottom: calc(var(--spacing, .25rem) * 0);
    width: 100%;
    min-width: 320px;
    max-width: 500px;
    height: 92%;
    fill: var(--novoui-fill-general-primary);
    position: absolute;
  }

  .empty-state-top-images-graphic-art {
    bottom: calc(var(--spacing, .25rem) * 5);
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .empty-state-top-icon-error {
    fill: var(--novoui-fill-alert-enabled);
  }

  .empty-state-top-text {
    justify-content: center;
    align-items: center;
    gap: var(--novoui-spacing-xxsmall);
    flex-direction: column;
    align-self: stretch;
    display: flex;
  }

  .empty-state-top-text-header {
    text-align: center;
    font-size: var(--novoui-headings-h4);
    line-height: var(--tw-leading, var(--novoui-headings-h4--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
  }

  .empty-state-top-text-subheader {
    text-align: center;
    font-size: var(--novoui-body-medium);
    line-height: var(--tw-leading, var(--novoui-body-medium--line-height));
    color: var(--novoui-text-color-general-secondary);
  }

  .empty-state-actions {
    flex-direction: column;
    align-items: center;
    width: 75%;
    display: flex;
  }

  .empty-state-actions-spacious {
    gap: calc(var(--spacing, .25rem) * 12);
  }

  .empty-state-actions-compact {
    gap: calc(var(--spacing, .25rem) * 4);
  }

  .empty-state-actions-buttons {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 4);
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .empty-state-actions-error {
    text-align: center;
    width: 100%;
    font-size: var(--novoui-body-xsmall);
    line-height: var(--tw-leading, var(--novoui-body-xsmall--line-height));
    color: var(--novoui-text-color-general-secondary);
  }

  .empty-state .button {
    width: 100%;
    height: 56px;
    font-size: var(--novoui-ui-button-16);
    line-height: var(--tw-leading, var(--novoui-ui-button-16--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  @media (min-width: 40rem) {
    .empty-state .empty-state-actions-buttons {
      flex-direction: row-reverse;
    }

    .empty-state .empty-state-actions-buttons .button {
      width: auto;
      min-width: calc(var(--spacing, .25rem) * 44);
    }
  }

  @media (min-width: 48rem) {
    .empty-state .empty-state-actions-buttons .button {
      height: calc(var(--spacing, .25rem) * 12);
    }
  }

  .empty-state .empty-state-actions-buttons .button {
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  @media (min-width: 64rem) {
    .empty-state .empty-state-actions-buttons .button {
      height: calc(var(--spacing, .25rem) * 10);
      min-width: calc(var(--spacing, .25rem) * 32);
      font-size: var(--novoui-ui-button-14);
      line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
    }
  }

  .flag {
    height: calc(var(--spacing, .25rem) * 10);
    width: calc(var(--spacing, .25rem) * 10);
  }

  .form-group-label {
    margin-bottom: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    color: var(--novoui-text-color-forms-label);
    display: inline-block;
  }

  .form-group-assistive {
    margin-top: calc(var(--spacing, .25rem) * 1);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    color: var(--novoui-text-color-forms-assistive);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    display: flex;
  }

  .form-group-assistive.invalid {
    color: var(--novoui-text-color-alert-enabled);
  }

  .form-group-assistive > svg {
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 3);
    fill: currentColor;
    --tw-translate-y: 3px;
    min-width: 12px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    align-self: flex-start;
    display: inline;
  }

  svg.icon-small {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  svg.icon-large {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
  }

  .input {
    --novoui-input-padding-top: 18px;
    --novoui-input-padding-bottom: 6px;
    --novoui-input-padding-left: 16px;
    --novoui-input-padding-right: 16px;
    --novoui-input-height: 48px;
    --novoui-input-assistive-text-height: 0px;
    --novoui-input-outline-label-height: 0px;
    --novoui-input-label-translate-y: 10px;
    --novoui-input-label-top-padding-to: 14px;
    --novoui-input-label-top-padding-from: 22px;
    --novoui-input-label-padding-left: 16px;
    --novoui-input-icon-padding-top: 12px;
    --novoui-input-label-color: var(--novoui-text-color-forms-label);
    --novoui-input-color: var(--novoui-text-color-forms-empty);
    --novoui-input-bg: var(--novoui-background-forms-disabled);
    --novoui-input-bg-active: var(--novoui-background-forms-active);
    --novoui-input-border: var(--novoui-border-forms-enabled);
    --novoui-input-border-active: var(--novoui-border-forms-active);
    --novoui-input-ms-reveal-width: 22px;
    --novoui-input-ms-reveal-height: 22px;
    --novoui-input-ms-reveal-margin-bottom: 8px;
  }

  .input > label {
    grid-template-rows: auto auto auto;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    display: grid;
    position: relative;
  }

  .input.input-select {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    display: grid;
    position: relative;
  }

  .input:has(.input-assistive) {
    --novoui-input-assistive-text-height: 24px;
  }

  .input:has(.input-field-outline):has(.input-label), .input:has(.input-field-outline-light):has(.input-label) {
    --novoui-input-label-translate-y: 0px;
    --novoui-input-outline-label-height: 22px;
    --novoui-input-label-top-padding-to: 0px;
    --novoui-input-label-top-padding-from: 0px;
  }

  .input:has(.input-icon):not(:has(.input-field-outline)):not(:has(.input-field-outline-light)), .input:has(.input-leading-icon):not(:has(.input-field-outline)):not(:has(.input-field-outline-light)) {
    --novoui-input-padding-left: 56px;
  }

  .input:has(.input-icon):has(.input-field-outline), .input:has(.input-icon):has(.input-field-outline-light), .input:has(.input-leading-icon):has(.input-field-outline), .input:has(.input-leading-icon):has(.input-field-outline-light) {
    --novoui-input-padding-left: 48px;
  }

  .input:has(.input-icon):has(.input-field-outline).input-sm, .input:has(.input-icon):has(.input-field-outline).input-small, .input:has(.input-icon):has(.input-field-outline-light).input-sm, .input:has(.input-icon):has(.input-field-outline-light).input-small, .input:has(.input-leading-icon):has(.input-field-outline).input-sm, .input:has(.input-leading-icon):has(.input-field-outline).input-small, .input:has(.input-leading-icon):has(.input-field-outline-light).input-sm, .input:has(.input-leading-icon):has(.input-field-outline-light).input-small {
    --novoui-input-padding-left: 44px;
  }

  .input:has(.input-icon):has(.input-field-outline).input-sm .input-label, .input:has(.input-icon):has(.input-field-outline).input-small .input-label, .input:has(.input-icon):has(.input-field-outline-light).input-sm .input-label, .input:has(.input-icon):has(.input-field-outline-light).input-small .input-label, .input:has(.input-leading-icon):has(.input-field-outline).input-sm .input-label, .input:has(.input-leading-icon):has(.input-field-outline).input-small .input-label, .input:has(.input-leading-icon):has(.input-field-outline-light).input-sm .input-label, .input:has(.input-leading-icon):has(.input-field-outline-light).input-small .input-label {
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
  }

  .input:has(.input-icon):has(.input-field-outline).input-tiny, .input:has(.input-icon):has(.input-field-outline-light).input-tiny, .input:has(.input-leading-icon):has(.input-field-outline).input-tiny, .input:has(.input-leading-icon):has(.input-field-outline-light).input-tiny {
    --novoui-input-padding-left: 40px;
  }

  .input:has(.input-icon):has(.input-field-outline).input-tiny .input-label, .input:has(.input-icon):has(.input-field-outline-light).input-tiny .input-label, .input:has(.input-leading-icon):has(.input-field-outline).input-tiny .input-label, .input:has(.input-leading-icon):has(.input-field-outline-light).input-tiny .input-label {
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
  }

  .input:has(.input-trailing-icon):not(:has(.input-field-outline)):not(:has(.input-field-outline-light)) {
    --novoui-input-padding-right: 56px;
  }

  .input:has(.input-trailing-icon):has(.input-field-outline), .input:has(.input-trailing-icon):has(.input-field-outline-light) {
    --novoui-input-padding-right: 48px;
  }

  .input .clear-input {
    border-radius: var(--novoui-radius-small);
    color: var(--novoui-text-color-general-primary);
    height: calc(var(--spacing, .25rem) * 8);
    width: calc(var(--spacing, .25rem) * 8);
    background-color: #0000;
  }

  .input .clear-input:hover {
    color: inherit;
  }

  .input .clear-input svg {
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 3);
  }

  .input .input-trailing {
    z-index: 10;
    padding-inline: calc(var(--spacing, .25rem) * 2);
    flex-direction: row-reverse;
    grid-area: 2 / 3;
    align-items: center;
    display: flex;
  }

  .input:has(.clear-input).input-sm .clear-input, .input:has(.clear-input).input-small .clear-input, .input:has(.clear-input).input-tiny .clear-input {
    height: var(--novoui-spacing-large);
    width: var(--novoui-spacing-large);
  }

  .input svg.input-icon, .input svg.input-leading-icon {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    fill: currentColor;
    color: var(--novoui-input-label-color);
    z-index: 10;
    margin-left: calc(var(--spacing, .25rem) * 4);
    grid-area: 2 / 1;
  }

  .input:not(.input-disabled) .input-icon-active {
    fill: var(--novoui-fill-forms-filled);
    color: var(--novoui-text-color-forms-filled);
  }

  .input svg.input-trailing-icon {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    fill: currentColor;
    color: var(--novoui-text-color-forms-empty);
    margin-right: calc(var(--spacing, .25rem) * 1);
  }

  .input .input-suffix {
    font-size: var(--novoui-ui-input-14);
    line-height: var(--tw-leading, var(--novoui-ui-input-14--line-height));
    color: var(--novoui-text-color-forms-empty);
    margin-right: calc(var(--spacing, .25rem) * 1);
  }

  .input:not(.input-disabled) svg.input-icon.search-icon, .input:not(.input-disabled) svg.input-leading-icon.search-icon {
    fill: currentColor;
    color: var(--novoui-text-color-forms-filled);
  }

  .input:not(.input-disabled) .search-field:placeholder-shown ~ svg.input-icon.search-icon, .input:not(.input-disabled) .search-field:placeholder-shown ~ svg.input-leading-icon.search-icon {
    fill: var(--novoui-fill-forms-empty);
    color: var(--novoui-text-color-general-secondary);
  }

  .input svg.input-icon-dark {
    color: var(--novoui-text-color-general-primary);
  }

  .input .input-assistive {
    margin-top: calc(var(--spacing, .25rem) * 1);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    color: var(--novoui-text-color-forms-assistive);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    grid-row: 3;
    display: flex;
  }

  .input .input-assistive > svg {
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 3);
    fill: currentColor;
    --tw-translate-y: 3px;
    min-width: 12px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    align-self: flex-start;
    display: inline;
  }

  .input .input-label {
    left: var(--novoui-input-padding-left);
    z-index: 10;
    margin-bottom: calc(var(--spacing, .25rem) * 2);
    --tw-translate-y: calc(var(--novoui-input-label-translate-y) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    top: var(--novoui-input-label-top-padding-to);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-input-label-color);
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    grid-area: 1 / 1 / auto / span 2;
    transition: all .18s ease-in-out;
    display: -webkit-box;
    position: absolute;
    overflow: hidden;
  }

  .input:not(.input-disabled):has(.input-field:placeholder-shown) {
    --novoui-input-label-color: var(--novoui-text-color-forms-empty);
  }

  .input .input-field {
    height: var(--novoui-input-height);
    width: 100%;
    padding-right: var(--novoui-input-padding-right);
    padding-left: var(--novoui-input-padding-left);
    padding-top: var(--novoui-input-padding-top);
    padding-bottom: var(--novoui-input-padding-bottom);
    font-size: var(--novoui-ui-input-16);
    line-height: var(--tw-leading, var(--novoui-ui-input-16--line-height));
    color: var(--novoui-input-label-color);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--novoui-input-border);
    border-top-left-radius: var(--novoui-radius-small);
    border-top-right-radius: var(--novoui-radius-small);
    background-color: var(--novoui-input-bg);
    order: 1;
    grid-area: 2 / 1 / auto / span 3;
    position: relative;
  }

  .input .input-field::placeholder {
    color: #0000;
  }

  .input .input-field:placeholder-shown ~ .input-label {
    top: var(--novoui-input-label-top-padding-from);
    font-size: var(--novoui-ui-input-16);
    line-height: var(--tw-leading, var(--novoui-ui-input-16--line-height));
  }

  .input .input-field ~ .input-label .input-required {
    padding-left: calc(var(--spacing, .25rem) * 1);
  }

  .input .input-field[type="password"]::-ms-reveal {
    height: var(--novoui-input-ms-reveal-height);
    width: var(--novoui-input-ms-reveal-width);
    margin-right: calc(var(--spacing, .25rem) * 0);
    margin-left: calc(var(--spacing, .25rem) * 0);
  }

  .input .input-field[type="password"]:not(.input-field-outline, .input-field-outline-light)::-ms-reveal {
    margin-bottom: var(--novoui-input-ms-reveal-margin-bottom);
  }

  @media (hover: hover) {
    .input .input-field:hover:not(:disabled), .input .input-field-hover:not(:disabled) {
      border-color: var(--novoui-input-border-active);
    }
  }

  .input .input-field-focus, .input .input-field:focus, .input .input-field[focus] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--novoui-input-border-active);
    padding-bottom: calc(var(--novoui-input-padding-bottom)  - 1px);
    background-color: var(--novoui-input-bg-active);
    --tw-outline-style: none;
    color: var(--novoui-text-color-forms-filled);
    outline-style: none;
  }

  .input .input-field-focus ~ .input-label, .input .input-field:focus ~ .input-label, .input .input-field[focus] ~ .input-label {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    top: var(--novoui-input-label-top-padding-to);
  }

  .input .input-field-disabled, .input .input-field:disabled, .input .input-field[disabled] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--novoui-border-disabled-subtle);
    padding-bottom: var(--novoui-input-padding-bottom);
    background-color: var(--novoui-input-bg);
    pointer-events: none;
    color: var(--novoui-text-color-disabled-medium);
  }

  .input .input-field-disabled:placeholder-shown ~ .input-label, .input .input-field:disabled:placeholder-shown ~ .input-label, .input .input-field[disabled]:placeholder-shown ~ .input-label {
    top: var(--novoui-input-label-top-padding-from);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .input .input-field-light {
    --novoui-input-bg: var(--novoui-background-forms-light-disabled);
    --novoui-input-bg-active: var(--novoui-background-forms-light-active);
  }

  .input .input-field-outline {
    --novoui-input-padding-top: 0px;
    --novoui-input-padding-bottom: 0px;
    border-radius: var(--novoui-radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .input .input-field-outline::placeholder {
    color: var(--novoui-text-color-forms-empty);
  }

  .input .input-field-outline:placeholder-shown ~ .input-label {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .input .input-field-outline ~ .input-label .input-required {
    color: var(--novoui-text-color-alert-enabled);
  }

  .input .input-field-outline ~ .input-label, .input .input-field-outline-select {
    left: calc(var(--spacing, .25rem) * 0);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    color: var(--novoui-text-color-forms-filled);
    position: static;
  }

  .input .input-field-outline.input-field-focus, .input .input-field-outline:focus, .input .input-field-outline[focus] {
    border-style: var(--tw-border-style);
    padding-right: calc(var(--novoui-input-padding-right)  - 1px);
    padding-left: calc(var(--novoui-input-padding-left)  - 1px);
    padding-top: calc(var(--novoui-input-padding-top)  - 1px);
    padding-bottom: calc(var(--novoui-input-padding-bottom)  - 1px);
    border-width: 2px;
  }

  .input .input-field-outline.input-field-focus ~ .input-label, .input .input-field-outline:focus ~ .input-label, .input .input-field-outline[focus] ~ .input-label {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    color: var(--novoui-text-color-forms-label);
  }

  .input .input-field-outline.input-field-invalid::placeholder, .input .input-field-outline:invalid::placeholder, .input .input-field-outline[invalid]::placeholder {
    color: var(--novoui-text-color-forms-empty);
  }

  .input .input-field-outline.input-field-disabled, .input .input-field-outline:disabled, .input .input-field-outline[disabled] {
    padding-right: var(--novoui-input-padding-right);
    padding-left: var(--novoui-input-padding-left);
    padding-bottom: var(--novoui-input-padding-bottom);
    padding-top: var(--novoui-input-padding-top);
    pointer-events: none;
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .input .input-field-outline.input-field-disabled::placeholder, .input .input-field-outline:disabled::placeholder, .input .input-field-outline[disabled]::placeholder {
    color: var(--novoui-text-color-disabled-medium);
  }

  .input .input-field-outline.input-field-disabled:placeholder-shown ~ .input-label, .input .input-field-outline:disabled:placeholder-shown ~ .input-label, .input .input-field-outline[disabled]:placeholder-shown ~ .input-label {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .input .input-field-outline.input-field-disabled ~ .input-label, .input .input-field-outline:disabled ~ .input-label, .input .input-field-outline[disabled] ~ .input-label {
    color: var(--novoui-text-color-disabled-medium);
  }

  .input .input-field-outline.input-field-disabled ~ .input-label .input-required, .input .input-field-outline:disabled ~ .input-label .input-required, .input .input-field-outline[disabled] ~ .input-label .input-required {
    color: inherit;
  }

  .input .input-field-outline-light {
    --novoui-input-padding-top: 0px;
    --novoui-input-padding-bottom: 0px;
    --novoui-input-bg: var(--novoui-background-forms-light-disabled);
    --novoui-input-bg-active: var(--novoui-background-forms-light-active);
    border-radius: var(--novoui-radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .input .input-field-outline-light::placeholder {
    color: var(--novoui-text-color-forms-empty);
  }

  .input .input-field-outline-light:placeholder-shown ~ .input-label {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .input .input-field-outline-light ~ .input-label {
    left: calc(var(--spacing, .25rem) * 0);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    color: var(--novoui-text-color-forms-label);
    position: static;
  }

  .input .input-field-outline-light ~ .input-label .input-required {
    color: var(--novoui-text-color-alert-enabled);
  }

  .input .input-field-outline-light.input-field-focus, .input .input-field-outline-light:focus, .input .input-field-outline-light[focus] {
    border-style: var(--tw-border-style);
    padding-right: calc(var(--novoui-input-padding-right)  - 1px);
    padding-left: calc(var(--novoui-input-padding-left)  - 1px);
    padding-top: calc(var(--novoui-input-padding-top)  - 1px);
    padding-bottom: calc(var(--novoui-input-padding-bottom)  - 1px);
    border-width: 2px;
  }

  .input .input-field-outline-light.input-field-focus ~ .input-label, .input .input-field-outline-light:focus ~ .input-label, .input .input-field-outline-light[focus] ~ .input-label {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    color: var(--novoui-text-color-forms-label);
  }

  .input .input-field-outline-light.input-field-invalid::placeholder, .input .input-field-outline-light:invalid::placeholder, .input .input-field-outline-light[invalid]::placeholder {
    color: var(--novoui-text-color-forms-empty);
  }

  .input .input-field-outline-light.input-field-disabled, .input .input-field-outline-light:disabled, .input .input-field-outline-light[disabled] {
    padding-right: var(--novoui-input-padding-right);
    padding-left: var(--novoui-input-padding-left);
    padding-bottom: var(--novoui-input-padding-bottom);
    padding-top: var(--novoui-input-padding-top);
    pointer-events: none;
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .input .input-field-outline-light.input-field-disabled::placeholder, .input .input-field-outline-light:disabled::placeholder, .input .input-field-outline-light[disabled]::placeholder {
    color: var(--novoui-text-color-disabled-medium);
  }

  .input .input-field-outline-light.input-field-disabled:placeholder-shown ~ .input-label, .input .input-field-outline-light:disabled:placeholder-shown ~ .input-label, .input .input-field-outline-light[disabled]:placeholder-shown ~ .input-label {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .input .input-field-outline-light.input-field-disabled ~ .input-label, .input .input-field-outline-light:disabled ~ .input-label, .input .input-field-outline-light[disabled] ~ .input-label {
    color: var(--novoui-text-color-disabled-medium);
  }

  .input .input-field-outline-light.input-field-disabled ~ .input-label .input-required, .input .input-field-outline-light:disabled ~ .input-label .input-required, .input .input-field-outline-light[disabled] ~ .input-label .input-required {
    color: inherit;
  }

  .input .search-field {
    --novoui-input-padding-bottom: 12px;
    --novoui-input-padding-top: 12px;
    padding-right: 52px;
  }

  .input .search-field::placeholder {
    color: var(--novoui-text-color-general-secondary);
  }

  .input .search-field::-webkit-search-cancel-button {
    appearance: none;
  }

  .input .search-field-disabled, .input .search-field:disabled, .input .search-field[disabled] {
    pointer-events: none;
    padding-bottom: var(--novoui-input-padding-bottom);
  }

  .input .search-field-disabled::placeholder, .input .search-field:disabled::placeholder, .input .search-field[disabled]::placeholder {
    color: var(--novoui-text-color-disabled-medium);
  }

  .input-primary {
    --novoui-input-bg: var(--novoui-background-forms-disabled);
    --novoui-input-bg-active: var(--novoui-background-forms-active);
    --novoui-input-border: var(--novoui-border-forms-enabled);
    --novoui-input-border-active: var(--novoui-border-forms-active);
    --novoui-input-label-color: var(--novoui-text-color-forms-label);
  }

  .input-primary .input-field-outline, .input-primary .input-field-outline-light {
    --novoui-input-border: var(--novoui-border-forms-enabled);
  }

  .input-disabled {
    --novoui-input-color: var(--novoui-text-color-disabled-medium);
    --novoui-input-bg: var(--novoui-background-forms-disabled);
    --novoui-input-border: var(--novoui-border-disabled-subtle);
    --novoui-input-border-active: var(--novoui-border-disabled-subtle);
    --novoui-input-label-color: var(--novoui-text-color-disabled-medium);
  }

  .input-disabled .input-suffix, .input-disabled svg.input-trailing-icon, .input-disabled .input-assistive {
    color: var(--novoui-text-color-disabled-medium);
  }

  .input-invalid:not(.input-disabled) {
    --novoui-input-bg: var(--novoui-background-alert-low-emphasis-enabled);
    --novoui-input-bg-active: var(--novoui-background-alert-low-emphasis-enabled);
    --novoui-input-border: var(--novoui-border-alert-enabled);
    --novoui-input-border-active: var(--novoui-border-alert-enabled);
  }

  .input-invalid:not(.input-disabled) .input-field-light, .input-invalid:not(.input-disabled) .input-field-outline-light {
    --novoui-input-bg: var(--novoui-background-alert-low-emphasis-enabled);
    --novoui-input-bg-active: var(--novoui-background-alert-low-emphasis-enabled);
  }

  .input-invalid:not(.input-disabled) .input-field-outline, .input-invalid:not(.input-disabled) .input-field-outline-light {
    --novoui-input-border: var(--novoui-border-alert-enabled);
    --novoui-input-border-active: var(--novoui-border-alert-enabled);
  }

  .input-invalid:not(.input-disabled) .input-assistive {
    color: var(--novoui-text-color-alert-enabled);
  }

  .input-md {
    --novoui-input-padding-top: 18px;
    --novoui-input-padding-bottom: 6px;
    --novoui-input-height: 48px;
    --novoui-input-label-top-padding-to: 14px;
    --novoui-input-label-top-padding-from: 22px;
    --novoui-input-icon-padding-top: 12px;
    --novoui-input-ms-reveal-width: 22px;
    --novoui-input-ms-reveal-height: 22px;
    --novoui-input-ms-reveal-margin-bottom: 8px;
  }

  .input-lg {
    --novoui-input-padding-top: 26px;
    --novoui-input-padding-bottom: 10px;
    --novoui-input-height: 60px;
    --novoui-input-label-top-padding-to: 18px;
    --novoui-input-label-top-padding-from: 28px;
    --novoui-input-icon-padding-top: 18px;
    --novoui-input-ms-reveal-width: 22px;
    --novoui-input-ms-reveal-height: 22px;
    --novoui-input-ms-reveal-margin-bottom: 14px;
  }

  .input-sm, .input-tiny {
    --novoui-input-padding-top: 14px;
    --novoui-input-padding-bottom: 0px;
    --novoui-input-height: 40px;
    --novoui-input-label-top-padding-to: 10px;
    --novoui-input-label-top-padding-from: 22px;
    --novoui-input-icon-padding-top: 10px;
    --novoui-input-ms-reveal-width: 20px;
    --novoui-input-ms-reveal-height: 20px;
    --novoui-input-ms-reveal-margin-bottom: 10px;
  }

  .input-sm .input-field, .input-tiny .input-field {
    font-size: var(--novoui-ui-input-14);
    line-height: var(--tw-leading, var(--novoui-ui-input-14--line-height));
  }

  .input-sm svg.input-icon, .input-sm svg.input-leading-icon, .input-sm svg.input-trailing-icon, .input-tiny svg.input-icon, .input-tiny svg.input-leading-icon, .input-tiny svg.input-trailing-icon {
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
  }

  .input-sm .input-field:not(.input-field-outline, .input-field-outline-light):placeholder-shown ~ .input-label, .input-tiny .input-field:not(.input-field-outline, .input-field-outline-light):placeholder-shown ~ .input-label {
    font-size: var(--novoui-ui-input-14);
    line-height: var(--tw-leading, var(--novoui-ui-input-14--line-height));
  }

  .input-sm .input-field:not(.input-field-outline, .input-field-outline-light):focus ~ .input-label, .input-sm .input-field:not(.input-field-outline, .input-field-outline-light)[focus] ~ .input-label, .input-tiny .input-field:not(.input-field-outline, .input-field-outline-light):focus ~ .input-label, .input-tiny .input-field:not(.input-field-outline, .input-field-outline-light)[focus] ~ .input-label {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .input-tiny {
    --novoui-input-height: 32px;
  }

  .input-tiny .input-icon, .input-tiny .input-leading-icon {
    margin-left: calc(var(--spacing, .25rem) * 3);
  }

  .input-tiny .input-trailing-icon {
    margin-right: calc(var(--spacing, .25rem) * 3);
  }

  .input-tiny .input-label {
    margin-bottom: calc(var(--spacing, .25rem) * 1);
  }

  .input-tiny svg.input-icon, .input-tiny svg.input-leading-icon, .input-tiny svg.input-trailing-icon {
    width: 18px;
    height: 18px;
  }

  .layout {
    transition: grid .25s ease-in-out;
    display: grid;
  }

  .layout > .top-navigation {
    top: calc(var(--spacing, .25rem) * 0);
    right: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * 0);
    grid-column: 1 / -1;
    position: fixed;
  }

  .layout:has(.side-bar-navigation) > .layout-content {
    grid-column-start: 2;
  }

  .layout:has(.top-navigation) > .layout-content {
    grid-row-start: 2;
  }

  .layout:has(.side-bar-navigation-collapsed) {
    grid-template-columns: 72px 1fr;
  }

  .layout:has(.side-bar-navigation:not(.side-bar-navigation-collapsed)) {
    grid-template-columns: 16rem 1fr;
  }

  .layout:has(.side-bar-navigation:not(.side-bar-navigation-collapsed)):has(.collapse-menu-button:hover) {
    transition: grid .25s ease-in-out .25s;
  }

  .layout-has-top-navigation {
    --top-navigation-height: 5rem;
    grid-template-rows: var(--top-navigation-height) 1fr;
  }

  .layout-has-top-navigation > .top-navigation {
    grid-column: 1 / -1;
    grid-row-start: 1;
  }

  .layout-has-top-navigation > .top-navigation ~ .side-sheet, .layout-has-top-navigation > .top-navigation ~ .side-bar-navigation {
    top: var(--top-navigation-height);
    height: max(calc(100% - var(--top-navigation-height)), calc(100svh - var(--top-navigation-height)));
  }

  .layout-has-side-sheet {
    grid-template-columns: 1fr 0;
  }

  .layout-has-side-sheet:has(.side-bar-navigation-collapsed) {
    grid-template-columns: 72px 1fr 0;
  }

  .layout-has-side-sheet:has(.side-bar-navigation:not(.side-bar-navigation-collapsed)) {
    grid-template-columns: 16rem 1fr 0;
  }

  .layout-has-side-sheet:has(.side-bar-navigation:not(.side-bar-navigation-collapsed)):has(.collapse-menu-button:hover) {
    transition: grid .25s ease-in-out .25s;
  }

  .layout-has-side-sheet.layout-open-side-sheet {
    grid-template-columns: 1fr 20rem;
  }

  .layout-has-side-sheet.layout-open-side-sheet:has(.side-bar-navigation-collapsed) {
    grid-template-columns: 72px 1fr 20rem;
  }

  .layout-has-side-sheet.layout-open-side-sheet:has(.side-bar-navigation:not(.side-bar-navigation-collapsed)) {
    grid-template-columns: 16rem 1fr 20rem;
  }

  .layout-has-side-sheet.layout-open-side-sheet:has(.side-bar-navigation:not(.side-bar-navigation-collapsed)):has(.collapse-menu-button:hover) {
    transition: grid .25s ease-in-out .25s;
  }

  .link {
    color: var(--novoui-text-color-links-enabled);
    text-underline-offset: 4px;
    background-color: #0000;
    border-color: #0000;
  }

  .link-standalone {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    font-size: var(--novoui-body-medium);
    line-height: var(--tw-leading, var(--novoui-body-medium--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    display: inline-flex;
  }

  .link-standalone svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    min-width: calc(var(--spacing, .25rem) * 4);
    fill: currentColor;
  }

  .link-standalone.link-md {
    font-size: var(--novoui-body-medium);
    line-height: var(--tw-leading, var(--novoui-body-medium--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .link-standalone.link-md svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    min-width: calc(var(--spacing, .25rem) * 4);
  }

  .link-standalone.link-sm {
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .link-standalone.link-sm svg {
    height: calc(var(--spacing, .25rem) * 3.5);
    width: calc(var(--spacing, .25rem) * 3.5);
    min-width: calc(var(--spacing, .25rem) * 3.5);
  }

  .link-standalone.link-xs {
    font-size: var(--novoui-body-xsmall);
    line-height: var(--tw-leading, var(--novoui-body-xsmall--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .link-standalone.link-xs svg {
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 3);
    min-width: calc(var(--spacing, .25rem) * 3);
  }

  @media (hover: hover) {
    .link:hover:not(.link-disabled), .link-hover:not(.link-disabled) {
      color: var(--novoui-text-color-links-hover);
      background-color: #0000;
      border-color: #0000;
      text-decoration-line: underline;
    }
  }

  .link:active:not(.link-disabled), .link-active:not(.link-disabled) {
    color: var(--novoui-text-color-links-active);
    background-color: #0000;
    border-color: #0000;
    text-decoration-line: underline;
  }

  .link:visited {
    color: var(--novoui-text-color-links-visited);
  }

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

  @media (hover: hover) {
    .link-underlined:hover:not(.link-underlined-disabled), .link-underlined-hover:not(.link-underlined-disabled) {
      text-decoration-line: none;
    }
  }

  .link-underlined:active:not(.link-underlined-disabled) {
    text-decoration-line: none;
  }

  .link-light {
    color: var(--novoui-light-blue-6);
  }

  @media (hover: hover) {
    .link-light:hover:not(.link-light-disabled), .link-light-hover:not(.link-light-disabled) {
      color: var(--novoui-light-blue-5);
    }
  }

  .link-light:active:not(.link-light-disabled) {
    color: var(--novoui-light-blue-4);
  }

  .link-light:visited {
    color: var(--novoui-rose-pink-7);
  }

  .link:disabled, .link-disabled {
    color: var(--novoui-text-color-disabled-medium);
    pointer-events: none;
    background-color: #0000;
    border-color: #0000;
  }

  .list {
    white-space: nowrap;
    --novoui-list-padding-x: .5rem;
  }

  .list-tiny {
    --novoui-list-padding-x: .375rem;
  }

  .list-tiny > .list-item {
    padding-inline: calc(var(--spacing, .25rem) * 1.5);
  }

  .list-medium-vertical .list-item > .button-text {
    height: calc(var(--spacing, .25rem) * 12);
  }

  .list-medium-vertical .list-item > .list-item-selection {
    height: calc(var(--spacing, .25rem) * 5);
  }

  .list-wrap {
    white-space: normal;
  }

  .list-wrap > .list-item > .button {
    height: auto;
    min-height: calc(var(--spacing, .25rem) * 10);
    text-align: left;
  }

  .list-truncate {
    white-space: nowrap;
  }

  .list-truncate > .list-item > .button > .button-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
  }

  .list-full-width {
    width: 100%;
  }

  .list {
    --left-indentation: auto;
    --right-indentation: auto;
  }

  .list:has(.list-item > .button.button-text > svg) {
    --left-indentation: 1.75rem;
  }

  .list:has(.list-item > .list-item-type-label) {
    --right-indentation: 2.5rem;
  }

  .list .list-item {
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * .5);
    grid-template-columns: var(--novoui-list-padding-x) var(--left-indentation) 1fr auto var(--right-indentation) var(--novoui-list-padding-x);
    align-items: center;
    display: grid;
  }

  .list .list-item.list-item-indent {
    grid-template-columns: var(--novoui-list-padding-x) 1.75rem 1fr auto auto var(--novoui-list-padding-x);
  }

  .list .list-item.list-item-stretch > .button.button-text {
    justify-items: stretch;
  }

  .list .list-item-leading-icon {
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
    grid-column: 2;
  }

  .list .list-item-trailing-icon {
    grid-column: 4;
  }

  .list .list-item-no-icon > .button.button-text > span {
    grid-column: 3 / span 4;
  }

  .list .list-item:has(.button:focus-visible) {
    position: relative;
  }

  .list .list-item-focused > .button-text, .list .list-item-active > .button {
    background-color: var(--novoui-background-general-medium-emphasis-hover);
  }

  .list .list-item-active.list-item-destructive {
    color: var(--novoui-text-color-alert-enabled);
  }

  .list .list-item-active.list-item-destructive > .button {
    background-color: var(--novoui-background-alert-low-emphasis-enabled);
  }

  .list .list-item-destructive > button.button.button-text:not(:disabled):not(.link-disabled), .list .list-item-destructive > a.button.button-text:not(:disabled):not(.link-disabled) {
    color: var(--novoui-text-color-alert-enabled);
  }

  .list .list-item-destructive > button.button.button-text:hover:not(:disabled):not(.link-disabled), .list .list-item-destructive > a.button.button-text:hover:not(:disabled):not(.link-disabled) {
    background-color: var(--novoui-background-alert-low-emphasis-enabled);
    color: var(--novoui-text-color-alert-enabled);
  }

  .list .list-item-destructive > button.button.button-text:active:not(:disabled):not(.link-disabled), .list .list-item-destructive > a.button.button-text:active:not(:disabled):not(.link-disabled) {
    background-color: var(--novoui-background-alert-low-emphasis-hover);
    color: var(--novoui-text-color-alert-enabled);
  }

  .list .list-item .button:active, .list .list-item .link:active, .list .list-item .link-active {
    background-color: var(--novoui-background-general-medium-emphasis-active);
  }

  .list .list-item .button:disabled ~ .list-item-type-label, .list .list-item .button:disabled ~ .button-suffix-icon, .list .list-item .link-disabled ~ .list-item-type-label, .list .list-item .link-disabled ~ .button-suffix-icon, .list .list-item .link-disabled {
    color: var(--novoui-text-color-disabled-medium);
  }

  .list .list-item > .button.button-text {
    grid-template-columns: subgrid;
    justify-items: start;
    gap: calc(var(--spacing, .25rem) * 0);
    border-radius: var(--novoui-radius);
    padding-inline: calc(var(--spacing, .25rem) * 0);
    font-size: var(--novoui-ui-label-16);
    line-height: var(--tw-leading, var(--novoui-ui-label-16--line-height));
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    grid-area: 1 / 1 / auto / span 6;
    display: grid;
  }

  .list .list-item > .button.button-text > .button-icon {
    grid-column: 2;
    margin-right: 10px;
  }

  .list .list-item > .button.button-text > .button-label {
    grid-area: 1 / 3;
  }

  .list .list-item > .button.button-text > .button-suffix-icon {
    grid-area: 1 / 5;
  }

  .list .list-item > .button.button-text:not(:disabled):not(.link-disabled) {
    color: var(--novoui-text-color-general-primary);
  }

  .list .list-item .list-item-selection {
    height: calc(var(--spacing, .25rem) * 6);
    fill: currentColor;
    grid-area: 1 / 4;
    position: relative;
  }

  .list .list-item-icon-small > .button.button-text {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .list .list-item-icon-small > .button.button-text > .button-icon, .list .list-item-icon-small > .button.button-text > .button-icon > svg {
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
  }

  .list .list-item-icon-large > .button.button-text > .button-icon {
    margin-right: calc(var(--spacing, .25rem) * 2);
  }

  .list .list-item > .checkbox {
    pointer-events: none;
    grid-area: 1 / 2;
    margin-right: 10px;
    overflow: hidden;
  }

  .list .list-item-type-label {
    pointer-events: none;
    margin-left: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    color: var(--novoui-text-color-general-secondary);
    text-transform: uppercase;
    grid-area: 1 / 5;
    position: relative;
  }

  .list-lead-with-selected-icon > .list-item > .list-item-selection {
    grid-column: 2;
  }

  .list-large-vertical > .list-item > .button-text {
    height: 3.25rem;
  }

  .list-medium-vertical > .list-item > .button-text {
    height: calc(var(--spacing, .25rem) * 11);
  }

  .list-medium-vertical > .list-item > .list-item-selection {
    height: calc(var(--spacing, .25rem) * 5);
  }

  .list-small-vertical > .list-item > .button-text {
    height: calc(var(--spacing, .25rem) * 9);
  }

  .list-small-vertical > .list-item.list-item-indent {
    grid-template-columns: var(--novoui-list-padding-x) 1.75rem 1fr auto var(--novoui-list-padding-x);
  }

  .list-tiny > .list-item > .button.button-text {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .list-tiny > .list-item > .button-text {
    height: calc(var(--spacing, .25rem) * 7);
  }

  .list-tiny > .list-item > .list-item-selection {
    height: calc(var(--spacing, .25rem) * 5);
  }

  .list-tiny > .list-item.list-item-indent {
    grid-template-columns: var(--novoui-list-padding-x) 1.75rem 1fr auto var(--novoui-list-padding-x);
  }

  .notification {
    column-gap: calc(var(--spacing, .25rem) * 4);
    border-radius: var(--novoui-radius);
    width: 22.625rem;
    padding: calc(var(--spacing, .25rem) * 4);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    color: var(--novoui-text-color-notifications-and-tags-enabled);
    --tw-shadow: 0px 4px 4px var(--tw-shadow-color, #1622330a), 0px 4px 24px var(--tw-shadow-color, #1622330a), 0px 24px 24px var(--tw-shadow-color, #1622330a), 0px 32px 32px var(--tw-shadow-color, #1622330a), 0px 64px 64px var(--tw-shadow-color, #1622331f), 0px 120px 120px var(--tw-shadow-color, #16223314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    z-index: 60;
    --tw-translate-y: calc(var(--spacing, .25rem) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 1;
    grid-template-columns: 24px 1fr 16px;
    grid-template-areas: "notificationIcon notificationHeadline notificationClose"
                         "notificationIcon notificationBody notificationBody"
                         "notificationFooter notificationFooter notificationFooter";
    display: inline-grid;
    position: relative;
  }

  .notification-enter-active, .notification-leave-active {
    transition-property: transform, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  }

  .notification-enter-from, .notification-leave-to {
    --tw-translate-y: calc(var(--spacing, .25rem) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 0;
  }

  @media (min-width: 64rem) {
    .notification-enter-from, .notification-leave-to {
      --tw-translate-y: calc(var(--spacing, .25rem) * -4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  .notification-large {
    width: 100%;
    max-width: 49.5rem;
    display: grid;
  }

  .notification-tiny {
    column-gap: calc(var(--spacing, .25rem) * 2);
    width: 21.4375rem;
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    grid-template-columns: 16px 1fr auto 16px;
  }

  .notification-tiny > .notification-icon {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  .notification-tiny > .notification-body {
    padding-right: calc(var(--spacing, .25rem) * 1);
    padding-bottom: calc(var(--spacing, .25rem) * 0);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
  }

  .notification-tiny > .notification-title {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
  }

  .notification-small {
    grid-template-columns: 24px 1fr auto 16px;
    width: 30.1875rem;
  }

  .notification-small > .notification-body {
    padding-right: calc(var(--spacing, .25rem) * 1);
    padding-bottom: calc(var(--spacing, .25rem) * 0);
  }

  .notification-small, .notification-tiny {
    grid-template-areas: "notificationIcon notificationHeadline notificationFooter notificationClose"
                         "notificationIcon notificationBody notificationFooter notificationClose";
    align-items: center;
  }

  .notification-small > .button-notification, .notification-tiny > .button-notification {
    margin-right: calc(var(--spacing, .25rem) * 2);
  }

  .notification-small > .notification-close, .notification-small > .button-notification, .notification-tiny > .notification-close, .notification-tiny > .button-notification {
    margin-top: calc(var(--spacing, .25rem) * 0);
    place-self: center;
  }

  .notification-not-dismissible {
    grid-template-areas: "notificationIcon notificationHeadline notificationHeadline"
                         "notificationIcon notificationBody notificationBody"
                         "notificationFooter notificationFooter notificationFooter";
  }

  .notification-not-dismissible.notification-small {
    grid-template-columns: 24px 1fr auto;
  }

  .notification-not-dismissible.notification-small > .button-notification {
    margin-right: calc(var(--spacing, .25rem) * 0);
  }

  .notification-not-dismissible.notification-tiny {
    grid-template-columns: 16px 1fr auto;
  }

  .notification-not-dismissible.notification-tiny > .button-notification {
    margin-right: calc(var(--spacing, .25rem) * 0);
  }

  .notification-not-dismissible.notification-small, .notification-not-dismissible.notification-tiny {
    grid-template-areas: "notificationIcon notificationHeadline notificationFooter"
                         "notificationIcon notificationBody notificationFooter";
  }

  .notification-without-icon {
    grid-template-areas: "notificationHeadline notificationHeadline notificationClose"
                         "notificationBody notificationBody notificationBody"
                         "notificationFooter notificationFooter notificationFooter";
  }

  .notification-without-icon.notification-small, .notification-without-icon.notification-tiny {
    grid-template-areas: "notificationHeadline notificationHeadline notificationFooter notificationClose"
                         "notificationBody notificationBody notificationFooter notificationClose";
  }

  .notification.notification-not-dismissible.notification-without-icon {
    grid-template-areas: "notificationHeadline notificationHeadline notificationHeadline"
                         "notificationBody notificationBody notificationBody"
                         "notificationFooter notificationFooter notificationFooter";
  }

  .notification.notification-not-dismissible.notification-without-icon.notification-small, .notification.notification-not-dismissible.notification-without-icon.notification-tiny {
    grid-template-areas: "notificationHeadline notificationHeadline notificationHeadline notificationFooter"
                         "notificationBody notificationBody notificationBody notificationFooter";
  }

  .notification-without-body {
    grid-template-areas: "notificationIcon notificationHeadline notificationClose"
                         "notificationIcon notificationFooter notificationFooter";
  }

  .notification-without-body.notification-without-icon {
    grid-template-areas: "notificationHeadline notificationHeadline notificationClose"
                         "notificationFooter notificationFooter notificationFooter";
  }

  .notification-without-body.notification-without-icon.notification-small, .notification-without-body.notification-without-icon.notification-tiny {
    grid-template-areas: "notificationHeadline notificationHeadline notificationFooter notificationClose"
                         "notificationHeadline notificationHeadline notificationFooter notificationClose";
  }

  .notification-without-body.notification-without-icon.notification-small.notification-not-dismissible, .notification-without-body.notification-without-icon.notification-tiny.notification-not-dismissible {
    grid-template-areas: "notificationHeadline notificationHeadline notificationFooter notificationFooter"
                         "notificationHeadline notificationHeadline notificationFooter notificationFooter";
  }

  .notification-without-body.notification-without-icon.notification-not-dismissible {
    grid-template-areas: "notificationHeadline notificationHeadline notificationHeadline"
                         "notificationFooter notificationFooter notificationFooter";
  }

  .notification-without-body.notification-without-icon.notification-not-dismissible.notification-small, .notification-without-body.notification-without-icon.notification-not-dismissible.notification-tiny {
    grid-template-areas: "notificationHeadline notificationHeadline notificationHeadline notificationFooter"
                         "notificationFooter notificationFooter notificationFooter notificationFooter";
  }

  .notification-without-body.notification-small, .notification-without-body.notification-tiny {
    grid-template-areas: "notificationIcon notificationHeadline notificationFooter notificationClose"
                         "notificationIcon notificationHeadline notificationFooter notificationClose";
  }

  .notification-inline {
    z-index: unset;
    --tw-shadow: 0 0 var(--tw-shadow-color, #fff);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .notification-inline.notification-neutral {
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--novoui-border-notifications-neutral-enabled);
  }

  .notification-inline > .button-primary.button-outline {
    border-color: var(--novoui-border-button-transparent-enabled);
    color: var(--novoui-text-color-button-transparent-enabled);
    background-color: #0000;
  }

  .notification-inline > .button-primary.button-outline:hover, .notification-inline > .button-primary.button-outline-hover {
    border-color: var(--novoui-border-button-transparent-hover);
    background-color: #0000;
  }

  .notification-inline > .button-primary.button-outline:active, .notification-inline > .button-primary.button-outline-active {
    border-color: var(--novoui-border-button-transparent-active);
    background-color: #0000;
  }

  .notification-inline.notification-brand > .button-primary.button-outline {
    border-color: var(--novoui-neutral-1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .notification-inline.notification-brand > .button-primary.button-outline {
      border-color: var(--novoui-neutral-1);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .notification-inline.notification-brand > .button-primary.button-outline {
        border-color: color-mix(in oklab, var(--novoui-neutral-1) 15%, transparent);
      }
    }
  }

  .notification-inline.notification-brand > .button-primary.button-outline {
    color: var(--novoui-text-color-general-inverted);
  }

  .notification-inline.notification-brand > .button-primary.button-outline:hover, .notification-inline.notification-brand > .button-primary.button-outline-hover {
    border-color: var(--novoui-neutral-1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .notification-inline.notification-brand > .button-primary.button-outline:hover, .notification-inline.notification-brand > .button-primary.button-outline-hover {
      border-color: var(--novoui-neutral-1);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .notification-inline.notification-brand > .button-primary.button-outline:hover, .notification-inline.notification-brand > .button-primary.button-outline-hover {
        border-color: color-mix(in oklab, var(--novoui-neutral-1) 50%, transparent);
      }
    }
  }

  .notification-inline.notification-brand > .button-primary.button-outline:active, .notification-inline.notification-brand > .button-primary.button-outline-active {
    border-color: var(--novoui-neutral-1);
  }

  .notification-body {
    padding-right: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    overflow-wrap: normal;
    word-break: normal;
    overflow-wrap: anywhere;
    grid-area: notificationHeadline;
  }

  .notification .notification-title ~ .notification-body {
    grid-area: notificationBody;
  }

  .notification .button-notification {
    grid-area: notificationFooter;
    justify-self: flex-end;
  }

  .notification-icon {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    fill: currentColor;
    grid-area: notificationIcon;
  }

  .notification-title {
    font-size: var(--novoui-ui-label-16);
    line-height: var(--tw-leading, var(--novoui-ui-label-16--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    overflow-wrap: normal;
    word-break: normal;
    overflow-wrap: anywhere;
    grid-area: notificationHeadline;
  }

  .notification-close {
    color: var(--novoui-text-color-general-primary);
    grid-area: notificationClose;
    place-self: flex-start flex-end;
  }

  @media (hover: hover) {
    .notification-close:hover, .notification-close-hover {
      color: var(--novoui-text-color-general-primary);
    }
  }

  .notification-close:active, .notification-close-active {
    color: var(--novoui-text-color-general-primary);
  }

  .notification-close:focus-visible, .notification-close-focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
  }

  .notification-close svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    fill: currentColor;
    flex-shrink: 0;
  }

  .notification-no-close > .notification-close {
    display: none;
  }

  .notification-no-close > .notification-body {
    padding-right: calc(var(--spacing, .25rem) * 0);
  }

  .notification-info {
    background-color: var(--novoui-background-notifications-and-tags-info-light);
  }

  .notification-info .button-notification {
    --tw-border-style: none;
    border-style: none;
  }

  .notification-info-inline {
    background-color: var(--novoui-background-notifications-and-tags-info-subtle);
  }

  .notification-success {
    background-color: var(--novoui-background-notifications-and-tags-success-light);
  }

  .notification-success .button-notification {
    --tw-border-style: none;
    border-style: none;
  }

  .notification-success-inline {
    background-color: var(--novoui-background-notifications-and-tags-success-subtle);
  }

  .notification-warning {
    background-color: var(--novoui-background-notifications-and-tags-warning-light);
  }

  .notification-warning .button-notification {
    --tw-border-style: none;
    border-style: none;
  }

  .notification-warning-inline {
    background-color: var(--novoui-background-notifications-and-tags-warning-subtle);
  }

  .notification-alert {
    background-color: var(--novoui-background-notifications-and-tags-alert-light);
  }

  .notification-alert .button-notification {
    --tw-border-style: none;
    border-style: none;
  }

  .notification-alert-inline {
    background-color: var(--novoui-background-notifications-and-tags-alert-subtle);
  }

  .notification-neutral {
    border-color: var(--novoui-border-notifications-neutral-enabled);
    background-color: var(--novoui-background-notifications-and-tags-neutral-subtle);
  }

  .notification-neutral-inline {
    background-color: var(--novoui-background-notifications-and-tags-neutral-light);
  }

  .notification-neutral .button-notification {
    border-color: var(--novoui-border-button-transparent-enabled);
    color: var(--novoui-text-color-button-transparent-enabled);
    background-color: #0000;
  }

  .notification-neutral .button-notification:hover, .notification-neutral .button-notification-hover {
    border-color: var(--novoui-border-button-transparent-hover);
    color: var(--novoui-text-color-button-transparent-enabled);
    background-color: #0000;
  }

  .notification-neutral .button-notification:active, .notification-neutral .button-notification-active {
    border-color: var(--novoui-border-button-transparent-active);
    color: var(--novoui-text-color-button-transparent-enabled);
    background-color: #0000;
  }

  .notification-brand {
    background-color: var(--novoui-background-notifications-and-tags-brand-subtle);
    color: var(--novoui-text-color-notifications-and-tags-on-brand);
  }

  .notification-brand .button-notification {
    background-color: var(--novoui-neutral-1);
    border-color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .notification-brand .button-notification {
      background-color: var(--novoui-neutral-1);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .notification-brand .button-notification {
        background-color: color-mix(in oklab, var(--novoui-neutral-1) 15%, transparent);
      }
    }
  }

  .notification-brand .button-notification {
    color: var(--novoui-text-color-button-transparent-inverted);
  }

  .notification-brand .button-notification:hover, .notification-brand .button-notification-hover {
    background-color: var(--novoui-neutral-1);
    border-color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .notification-brand .button-notification:hover, .notification-brand .button-notification-hover {
      background-color: var(--novoui-neutral-1);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .notification-brand .button-notification:hover, .notification-brand .button-notification-hover {
        background-color: color-mix(in oklab, var(--novoui-neutral-1) 30%, transparent);
      }
    }
  }

  .notification-brand .button-notification:hover, .notification-brand .button-notification-hover {
    color: var(--novoui-text-color-button-transparent-inverted);
  }

  .notification-brand .button-notification:active, .notification-brand .button-notification-active {
    background-color: var(--novoui-neutral-1);
    border-color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .notification-brand .button-notification:active, .notification-brand .button-notification-active {
      background-color: var(--novoui-neutral-1);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .notification-brand .button-notification:active, .notification-brand .button-notification-active {
        background-color: color-mix(in oklab, var(--novoui-neutral-1) 70%, transparent);
      }
    }
  }

  .notification-brand .button-notification:active, .notification-brand .button-notification-active {
    color: var(--novoui-text-color-button-transparent-inverted);
  }

  .notification-brand .notification-close {
    color: var(--novoui-text-color-general-inverted);
  }

  .pagination {
    gap: calc(var(--spacing, .25rem) * 1);
    flex-wrap: wrap;
    display: flex;
  }

  .pagination .button {
    min-width: calc(var(--spacing, .25rem) * 10);
    padding-inline: calc(var(--spacing, .25rem) * 1);
  }

  .pagination .button-sm {
    min-width: calc(var(--spacing, .25rem) * 10);
  }

  .pagination .button-xs {
    min-width: calc(var(--spacing, .25rem) * 8);
  }

  .pagination .button-text {
    color: var(--novoui-text-color-button-outline-subtle-enabled);
  }

  @media (hover: hover) {
    .pagination .button-text:hover {
      color: var(--novoui-text-color-button-outline-subtle-enabled);
    }
  }

  .pagination .button-text:active, .pagination .button-text.button-active {
    color: var(--novoui-text-color-button-outline-subtle-enabled);
  }

  .pagination .button-text-disabled, .pagination .button-text:disabled, .pagination .button-text[disabled] {
    pointer-events: none;
    background-color: var(--novoui-background-general-base);
    color: var(--novoui-text-color-disabled-medium);
  }

  .pagination .mock-button {
    border-radius: var(--novoui-radius-x-large);
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    height: calc(var(--spacing, .25rem) * 10);
    min-width: calc(var(--spacing, .25rem) * 10);
    background-color: var(--novoui-background-general-base);
    padding-inline: calc(var(--spacing, .25rem) * 1);
    color: var(--novoui-text-color-button-outline-subtle-enabled);
    text-transform: var(--button-text-case);
    flex-wrap: wrap;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    text-decoration-line: none;
    display: inline-flex;
  }

  .pagination .mock-button-primary {
    border-style: var(--tw-border-style);
    background-color: var(--novoui-background-button-fill-enabled);
    color: var(--novoui-text-color-button-fill-enabled);
    outline-color: var(--novoui-border-general-high-emphasis-enabled);
    border-width: 0;
  }

  .pagination .mock-button-brand {
    border-style: var(--tw-border-style);
    background-color: var(--novoui-background-button-fill-secondary-enabled);
    color: var(--novoui-text-color-button-fill-enabled);
    outline-color: var(--novoui-border-button-transparent-active);
    border-width: 0;
  }

  .pagination .mock-button-sm {
    height: calc(var(--spacing, .25rem) * 10);
    min-width: calc(var(--spacing, .25rem) * 10);
    font-size: var(--novoui-ui-button-14);
    line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .pagination .mock-button-xs {
    height: calc(var(--spacing, .25rem) * 8);
    min-width: calc(var(--spacing, .25rem) * 8);
    font-size: var(--novoui-ui-button-12);
    line-height: var(--tw-leading, var(--novoui-ui-button-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .pagination-container {
    align-items: center;
    display: inline-flex;
  }

  .pagination-container .pagination-counter-label {
    margin-right: calc(var(--spacing, .25rem) * 1);
    font-size: var(--novoui-ui-control-14);
    line-height: var(--tw-leading, var(--novoui-ui-control-14--line-height));
    color: var(--novoui-text-color-general-primary);
    align-self: center;
  }

  .pagination-container .input-select {
    --novoui-input-border: var(--novoui-border-button-outline-subtle-enabled);
    --novoui-input-select-padding-icon: 8px;
    --novoui-input-padding-left: 8px;
    margin-right: calc(var(--spacing, .25rem) * 4);
  }

  .pagination-container .input-field-outline-light {
    --novoui-input-padding-top: 8px;
    --novoui-input-padding-bottom: 8px;
  }

  .pagination-container .input-xs {
    --novoui-input-height: 32px;
  }

  .pin-input-wrapper {
    display: flex;
  }

  .pin-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: calc(var(--spacing, .25rem) * 0);
  }

  .pin-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: calc(var(--spacing, .25rem) * 0);
  }

  .pin-input:not(:last-child) {
    margin-right: calc(var(--spacing, .25rem) * 3);
  }

  .pin-input {
    background-color: var(--novoui-background-forms-enabled);
    text-align: center;
    width: 44px;
    height: 60px;
    font-size: var(--novoui-headings-h2);
    line-height: var(--tw-leading, var(--novoui-headings-h2--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
    border-radius: var(--novoui-radius-small);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--novoui-border-forms-enabled);
    --tw-outline-style: none;
    outline-style: none;
  }

  .pin-input:hover {
    border-color: var(--novoui-border-forms-active);
  }

  .pin-input:active, .pin-input:focus {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--novoui-border-forms-active);
    background-color: var(--novoui-background-forms-active);
  }

  .pin-input:disabled {
    border-style: var(--tw-border-style);
    pointer-events: none;
    color: var(--novoui-text-color-disabled-medium);
    border-width: 1px;
  }

  .pin-input-password {
    font-size: var(--text-6xl, 3.75rem);
    line-height: var(--tw-leading, var(--text-6xl--line-height, 1));
  }

  .pin-input-field-outline-light {
    border-color: var(--novoui-border-forms-enabled);
    background-color: var(--novoui-background-forms-light-active);
  }

  .pin-input-field-outline-light:active, .pin-input-field-outline-light:focus {
    background-color: var(--novoui-background-forms-light-active);
  }

  .pin-input-field, .pin-input-field-light {
    border-style: var(--tw-border-style);
    border-width: 0;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--novoui-input-border);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .pin-input-field:active, .pin-input-field:focus, .pin-input-field-light:active, .pin-input-field-light:focus {
    border-style: var(--tw-border-style);
    border-width: 0;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--novoui-border-forms-active);
    background-color: var(--novoui-background-forms-light-active);
  }

  .pin-input-field:disabled, .pin-input-field-light:disabled {
    border-style: var(--tw-border-style);
    border-width: 0;
    border-bottom-style: var(--tw-border-style);
    pointer-events: none;
    color: var(--novoui-text-color-disabled-medium);
    border-bottom-width: 1px;
  }

  .pin-input-field-light {
    background-color: var(--novoui-background-forms-light-active);
  }

  .pin-input-invalid {
    border-color: var(--novoui-border-alert-enabled);
    background-color: var(--novoui-background-alert-low-emphasis-enabled);
    color: var(--novoui-text-color-general-primary);
  }

  .pin-input-invalid:hover {
    border-color: var(--novoui-border-alert-enabled);
  }

  .pin-input-invalid:active, .pin-input-invalid:focus {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--novoui-input-border);
    background-color: var(--novoui-background-alert-low-emphasis-enabled);
    color: var(--novoui-text-color-general-primary);
  }

  .pin-input-invalid:disabled {
    border-style: var(--tw-border-style);
    --novoui-input-color: var(--novoui-text-color-general-primary);
    --novoui-input-bg: var(--novoui-background-alert-low-emphasis-enabled);
    border-width: 1px;
  }

  .progress {
    --novoui-progress-bar-size: 8px;
    margin-top: calc(var(--spacing, .25rem) * 2);
    height: var(--novoui-progress-bar-size);
    border-radius: var(--novoui-radius);
    appearance: none;
    background-color: var(--novoui-background-progress-base);
    grid-column: span 2 / span 2;
    width: 100%;
    margin-bottom: 1px;
    position: relative;
    overflow: hidden;
  }

  .progress::-moz-progress-bar {
    border-radius: var(--novoui-radius);
    background-color: var(--novoui-background-progress-base);
  }

  .progress::-webkit-progress-bar {
    border-radius: var(--novoui-radius);
    background-color: var(--novoui-background-progress-base);
  }

  .progress::-webkit-progress-value {
    border-radius: var(--novoui-radius);
    background-color: var(--novoui-background-progress-enabled);
  }

  .progress-completed {
    background-color: var(--novoui-background-progress-success);
  }

  .progress-completed::-moz-progress-bar {
    background-color: var(--novoui-background-progress-success);
  }

  .progress-completed::-webkit-progress-value {
    background-color: var(--novoui-background-progress-success);
  }

  .progress-invalid {
    background-color: var(--novoui-background-alert-high-emphasis-enabled);
  }

  .progress-invalid::-moz-progress-bar {
    background-color: var(--novoui-background-alert-high-emphasis-enabled);
  }

  .progress-invalid::-webkit-progress-value {
    background-color: var(--novoui-background-alert-high-emphasis-enabled);
  }

  .progress-md {
    --novoui-progress-bar-size: 8px;
  }

  .progress-sm {
    --novoui-progress-bar-size: 2px;
  }

  .progress-container {
    grid-template-columns: 1fr min-content;
    display: grid;
  }

  .progress-label, .progress-assistive-text {
    word-break: break-all;
  }

  .progress-label, .progress-percentage {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    color: var(--novoui-text-color-general-primary);
  }

  .progress-percentage {
    margin-left: calc(var(--spacing, .25rem) * 2);
    text-align: right;
    align-self: flex-end;
  }

  .progress-assistive-text {
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    color: var(--novoui-text-color-general-secondary);
    grid-column: span 2 / span 2;
  }

  .radio {
    --novoui-radio-label-color: var(--novoui-text-color-selection-enabled);
    --novoui-radio-input-color: var(--novoui-background-selection-enabled);
    --novoui-radio-input-color-hover: var(--novoui-border-selection-hover);
    --novoui-radio-input-color-active: var(--novoui-border-selection-active);
    --novoui-radio-input-color-checked: var(--novoui-background-selection-active);
    --novoui-radio-input-color-checked-hover: var(--novoui-border-selection-hover);
    --novoui-radio-input-color-checked-active: var(--novoui-border-selection-active);
    --novoui-radio-input-bg-color-active: var(--novoui-border-selection-enabled);
    --novoui-radio-input-knob-size: 10px;
    margin-block: calc(var(--spacing, .25rem) * 2);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    display: inline-flex;
  }

  .radio-label {
    cursor: pointer;
    font-size: var(--novoui-ui-control-14);
    line-height: var(--tw-leading, var(--novoui-ui-control-14--line-height));
    color: var(--novoui-radio-label-color);
  }

  .radio, .radio-primary {
    --novoui-radio-label-color: var(--novoui-text-color-selection-enabled);
    --novoui-radio-input-color: var(--novoui-border-selection-enabled);
    --novoui-radio-input-color-hover: var(--novoui-border-selection-hover);
    --novoui-radio-input-color-active: var(--novoui-border-selection-active);
    --novoui-radio-input-color-checked: var(--novoui-border-selection-active);
    --novoui-radio-input-color-checked-hover: var(--novoui-border-selection-hover);
    --novoui-radio-input-color-checked-active: var(--novoui-border-selection-active);
  }

  .radio-alert {
    --novoui-radio-input-color: var(--novoui-text-color-alert-enabled);
    --novoui-radio-input-color-hover: var(--novoui-border-alert-enabled);
    --novoui-radio-input-color-active: var(--novoui-border-alert-active);
    --novoui-radio-input-color-checked: var(--novoui-border-alert-enabled);
    --novoui-radio-input-color-checked-hover: var(--novoui-border-alert-enabled);
    --novoui-radio-input-color-checked-active: var(--novoui-border-alert-enabled);
  }

  .radio-input {
    cursor: pointer;
    appearance: none;
    border-style: var(--tw-border-style);
    background-color: var(--novoui-background-general-base);
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    border-width: 1px;
    border-color: var(--novoui-radio-input-color);
    border-radius: 100%;
    flex-shrink: 0;
    place-content: center;
    display: grid;
    position: relative;
  }

  .radio-input:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .radio-input:before {
    content: "";
    height: var(--novoui-radio-input-knob-size);
    width: var(--novoui-radio-input-knob-size);
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    box-shadow: inset 0px var(--novoui-radio-input-knob-size) var(--novoui-radio-input-color-checked);
    border-radius: 50%;
  }

  .radio-input:checked:before {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  @media (hover: hover) {
    .radio-input:hover {
      border-color: var(--novoui-radio-input-color-hover);
    }

    .radio-input:hover:checked {
      border-color: var(--novoui-radio-input-color-checked-hover);
    }
  }

  .radio-input:active, .radio-input[active] {
    border-color: var(--novoui-radio-input-color-active);
    background-color: var(--novoui-radio-input-bg-color-active);
  }

  .radio-input:active:checked, .radio-input[active]:checked {
    border-color: var(--novoui-radio-input-color-checked-active);
    background-color: var(--novoui-radio-input-bg-color-active);
  }

  .radio-disabled, .radio:disabled {
    --novoui-radio-label-color: var(--novoui-text-color-disabled-medium);
    --novoui-radio-input-color: var(--novoui-border-disabled-medium);
    --novoui-radio-input-color-hover: var(--novoui-border-disabled-medium);
    --novoui-radio-input-color-active: var(--novoui-border-disabled-medium);
    --novoui-radio-input-color-checked: var(--novoui-background-disabled-medium);
    --novoui-radio-input-color-checked-hover: var(--novoui-border-disabled-medium);
    --novoui-radio-input-color-checked-active: var(--novoui-border-disabled-medium);
    --novoui-radio-input-bg-color-active: var(--novoui-background-disabled-medium);
    pointer-events: none;
    border-color: var(--novoui-border-disabled-subtle);
  }

  .radio-group {
    display: flex;
  }

  .radio-group-vertical {
    flex-direction: column;
  }

  .radio-group-gap {
    gap: calc(var(--spacing, .25rem) * 3);
  }

  .radio-sm .radio-input {
    --novoui-radio-input-knob-size: 8px;
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 3);
  }

  .radio-sm .radio-input:focus-visible {
    outline-offset: 0px;
  }

  .radio-sm .radio-label {
    font-size: var(--novoui-ui-control-12);
    line-height: var(--tw-leading, var(--novoui-ui-control-12--line-height));
  }

  .radio-md .radio-input {
    --novoui-radio-input-knob-size: 10px;
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  .radio-md .radio-label {
    font-size: var(--novoui-ui-control-14);
    line-height: var(--tw-leading, var(--novoui-ui-control-14--line-height));
  }

  .radio-lg .radio-input {
    --novoui-radio-input-knob-size: 14px;
    margin-block: calc(var(--spacing, .25rem) * .5);
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
  }

  .radio-lg .radio-label {
    font-size: var(--novoui-ui-control-16);
    line-height: var(--tw-leading, var(--novoui-ui-control-16--line-height));
  }

  .n-scroll, .n-scroll * {
    scrollbar-width: thin;
    scrollbar-color: var(--novoui-background-general-strong) var(--novoui-background-general-elevated);
  }

  .input-select {
    --novoui-input-select-padding-icon: 16px;
    --novoui-input-select-icon-width: 16px;
    --novoui-input-select-icon-height: 16px;
  }

  .input-select.selection-colors {
    color: var(--novoui-text-color-general-primary);
  }

  .input-select.selection-colors svg.input-icon {
    fill: currentColor;
    color: currentColor;
  }

  .input-select.selection-colors svg.input-icon-fill {
    grid-row: 1;
  }

  .input-select.selection-colors.selection-colors-pristine:not(.input-select-disabled) {
    color: var(--novoui-text-color-general-secondary);
  }

  .input-select select {
    appearance: none;
    color: var(--novoui-input-select-color);
    cursor: pointer;
  }

  .input-select select:not(.select-closed):focus ~ .select-icon {
    rotate: 180deg;
  }

  .input-select select.input-field {
    padding-right: calc(var(--novoui-input-select-padding-icon) * 2 + var(--novoui-input-select-icon-width));
  }

  .input-select select.input-field-outline.input-field-focus, .input-select select.input-field-outline:focus, .input-select select.input-field-outline[focus], .input-select select.input-field-outline-light.input-field-focus, .input-select select.input-field-outline-light:focus, .input-select select.input-field-outline-light[focus] {
    padding-right: calc(var(--novoui-input-select-padding-icon) * 2 + var(--novoui-input-select-icon-width)  - 1px);
  }

  .input-select select.input-field-disabled, .input-select select:disabled, .input-select select[disabled] {
    pointer-events: none;
    opacity: 1;
  }

  .input-select select.input-field-disabled.input-field-outline:has(option[value=""]:checked), .input-select select.input-field-disabled.input-field-outline-light:has(option[value=""]:checked), .input-select select:disabled.input-field-outline:has(option[value=""]:checked), .input-select select:disabled.input-field-outline-light:has(option[value=""]:checked), .input-select select[disabled].input-field-outline:has(option[value=""]:checked), .input-select select[disabled].input-field-outline-light:has(option[value=""]:checked) {
    color: var(--novoui-text-color-disabled-medium);
  }

  .input-select select option {
    color: var(--novoui-input-select-option-color);
    background-color: var(--novoui-background-general-base);
  }

  .input-select select:not(.input-field-outline, .input-field-outline-light):has(option[value=""]:checked), .input-select select:not(.input-field-outline, .input-field-outline-light):not(:has(option:checked)) {
    color: #0000;
    -webkit-user-select: none;
    user-select: none;
  }

  .input-select select:not(.input-field-outline, .input-field-outline-light):has(option[value=""]:checked) ~ .input-label, .input-select select:not(.input-field-outline, .input-field-outline-light):not(:has(option:checked)) ~ .input-label {
    top: var(--novoui-input-label-top-padding-from);
    font-size: var(--novoui-ui-input-16);
    line-height: var(--tw-leading, var(--novoui-ui-input-16--line-height));
  }

  .input-select select.input-field-outline:has(option[value=""]:checked), .input-select select.input-field-outline-light:has(option[value=""]:checked) {
    color: var(--novoui-text-color-general-secondary);
  }

  .input-select .select-icon {
    height: var(--novoui-input-select-icon-height);
    width: var(--novoui-input-select-icon-width);
    right: var(--novoui-input-select-padding-icon);
    z-index: 10;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    top: calc((var(--novoui-input-height) / 2)  - (var(--novoui-input-select-icon-height) / 2));
    color: var(--novoui-input-select-color);
    fill: currentColor;
    transition: transform .2s ease-in-out;
    position: absolute;
  }

  .input-select .outline-leading-icon {
    margin-left: calc(var(--spacing, .25rem) * 4);
  }

  .input-select.input-tiny .outline-leading-icon {
    margin-left: calc(var(--spacing, .25rem) * 3);
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
  }

  .input-select .input-icon-fill ~ .dropdown-container {
    grid-row-start: 1;
  }

  .input-select .input-icon-fill ~ span.input-label {
    margin-left: calc(var(--spacing, .25rem) * 0);
  }

  .input-select .dropdown-container {
    grid-template-columns: subgrid;
    grid-column: 1 / span 3;
    width: auto;
    display: grid;
  }

  .input-select.input-lg .select-custom-selected-label-bottom {
    margin-bottom: calc(var(--spacing, .25rem) * 1.5);
  }

  .input-select .select-custom {
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    color: currentColor;
    --novoui-input-padding-right: 2rem;
    --novoui-input-padding-top: 2px;
    --novoui-input-padding-bottom: 2px;
    grid-template-rows: 1fr auto;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    display: grid;
    overflow: hidden;
  }

  .input-select .select-custom.input-field-outline:not(.select-closed) {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--novoui-border-general-high-emphasis-enabled);
    background-color: var(--novoui-background-general-medium-emphasis-hover);
    padding-left: calc(var(--novoui-input-padding-left)  - 1px);
    padding-right: calc(var(--novoui-input-padding-right)  - 1px);
  }

  .input-select .select-custom-icon {
    fill: currentColor;
    grid-row: span 2;
    margin-right: 10px;
  }

  .input-select .select-custom-icon.flag {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
  }

  .input-select .select-custom-icon-fill {
    grid-row: 1 / span 2;
  }

  .input-select .select-custom-selected-label {
    margin-right: calc(var(--spacing, .25rem) * 3);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .input-select .select-custom-selected-label-full {
    overflow: visible;
  }

  .input-select .select-custom-selected-label-bottom {
    grid-area: 2 / 2;
    align-self: flex-end;
  }

  .input-select .select-custom-selected-label-indent {
    margin-left: 6px;
  }

  .input-select .select-custom-selected-label-cover {
    grid-column: span 2 / span 2;
  }

  .input-select .select-custom-selected-type-label {
    margin-right: calc(var(--spacing, .25rem) * 4);
    pointer-events: none;
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    color: var(--novoui-text-color-general-secondary);
    text-transform: uppercase;
    grid-row: span 2 / span 2;
  }

  .input-select .select-custom-flipped-icon {
    rotate: 180deg;
  }

  .input-select .select-custom-placeholder-icon {
    display: none;
  }

  .input-select .select-custom-dropdown {
    transform-origin: top;
    --tw-scale-x: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: var(--novoui-radius-small);
    border-bottom-left-radius: var(--novoui-radius-small);
  }

  .input-select .select-custom-dropdown-outline {
    border-radius: var(--novoui-radius);
  }

  .input-select .select-custom-dropdown-outline.dropdown-container {
    grid-row-start: 2;
  }

  .input-select .select-custom-dropdown.shown ~ .select-icon {
    rotate: 180deg;
  }

  .input-select .select-custom-dropdown.select-custom-dropdown-outline {
    top: calc(var(--spacing, .25rem) * 1);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .input-select .select-custom-dropdown .list-item {
    --tw-outline-style: none;
    outline-style: none;
  }

  .input-select .select-custom ~ .input-label.input-label-pristine, .input-select .select-custom ~ .input-label.input-label-pristine:focus, .input-select .select-custom ~ .input-label.input-label-pristine[focus], .input-select .select-custom-label.input-label-pristine, .input-select .select-custom-label.input-label-pristine:focus, .input-select .select-custom-label.input-label-pristine[focus] {
    top: var(--novoui-input-label-top-padding-from);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
  }

  .input-select:has(.dropdown-container) .input-label.input-label-of-pristine-multiselect {
    top: var(--novoui-input-label-top-padding-from);
    font-size: var(--novoui-body-xsmall);
    line-height: var(--tw-leading, var(--novoui-body-xsmall--line-height));
  }

  .input-select:has(.dropdown-container) .input-label-indent {
    margin-top: calc(var(--spacing, .25rem) * .5);
    margin-left: calc(var(--spacing, .25rem) * 10);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
  }

  .input-select select.input-field ~ span.input-label {
    transition-property: none;
  }

  .input-select .input-field-outline ~ .input-label ~ .select-icon, .input-select .input-field-outline-light ~ .input-label ~ .select-icon, .input-select .dropdown-container ~ .input-label ~ .select-icon-outline {
    --novoui-input-outline-label-height: 20px + 8px;
    top: calc(var(--novoui-input-outline-label-height)  + (var(--novoui-input-height) / 2)  - (var(--novoui-input-select-icon-height) / 2));
  }

  .input-select.input-tiny .input-field-outline ~ .input-label ~ .select-icon, .input-select.input-tiny .input-field-outline-light ~ .input-label ~ .select-icon, .input-select.input-tiny .dropdown-container ~ .input-label ~ .select-icon-outline {
    --novoui-input-outline-label-height: 20px + 4px;
    top: calc(var(--novoui-input-outline-label-height)  + (var(--novoui-input-height) / 2)  - (var(--novoui-input-select-icon-height) / 2));
  }

  .input-select.input-tiny .input-field-outline-light ~ .input-label, .input-select.input-tiny .input-field-outline ~ .input-label {
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
  }

  .input-select.input-sm select {
    font-size: var(--novoui-ui-input-14);
    line-height: var(--tw-leading, var(--novoui-ui-input-14--line-height));
  }

  .input-select.input-sm select:not(.input-field-outline, .input-field-outline-light):has(option[value=""]:checked) {
    color: #0000;
    -webkit-user-select: none;
    user-select: none;
  }

  .input-select.input-sm select:not(.input-field-outline, .input-field-outline-light):has(option[value=""]:checked) + .input-label {
    top: var(--novoui-input-label-top-padding-from);
    font-size: var(--novoui-ui-input-14);
    line-height: var(--tw-leading, var(--novoui-ui-input-14--line-height));
  }

  .input-select.input-sm .outline-leading-icon {
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
  }

  .input-select.input-sm .select-custom ~ .input-label.input-label-pristine, .input-select.input-sm .select-custom ~ .input-label.input-label-pristine:focus, .input-select.input-sm .select-custom ~ .input-label.input-label-pristine[focus], .input-select.input-sm .select-custom-label.input-label-pristine, .input-select.input-sm .select-custom-label.input-label-pristine:focus, .input-select.input-sm .select-custom-label.input-label-pristine[focus] {
    top: var(--novoui-input-label-top-padding-from);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
  }

  .input-select.input-select-disabled, .input-select.input-select-disabled select, .input-select.input-select-disabled .select-custom-selected-label, .input-select.input-select-disabled .select-custom-selected-type-label, .input-select.input-select-disabled .input-label {
    color: var(--novoui-text-color-disabled-medium);
  }

  .input-select-inline-loader {
    margin-right: calc(var(--spacing, .25rem) * 5);
  }

  .input-select-no-results {
    height: calc(var(--spacing, .25rem) * 60);
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * .5);
    padding: calc(var(--spacing, .25rem) * 2);
    padding-left: calc(var(--spacing, .25rem) * 3);
    text-align: center;
    text-wrap: wrap;
    color: var(--novoui-text-color-general-tertiary);
    flex-direction: column;
    display: flex;
  }

  .input-select-no-results .input-select-loading-text {
    color: var(--novoui-text-color-general-tertiary);
    margin-top: calc(var(--spacing, .25rem) * 1.5);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .input-select-no-results .input-select-no-results-text {
    fill: currentColor;
    color: var(--novoui-text-color-general-primary);
  }

  .input-select-no-results > span {
    font-size: var(--novoui-ui-label-10);
    line-height: var(--tw-leading, var(--novoui-ui-label-10--line-height));
    color: var(--novoui-text-color-general-tertiary);
  }

  .input-select-enter-from, .input-select-leave-to {
    opacity: 0;
  }

  .input-select-enter-active, .input-select-leave-active {
    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, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .side-bar-navigation {
    top: calc(var(--spacing, .25rem) * 0);
    bottom: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * 0);
    width: calc(var(--spacing, .25rem) * 64);
    z-index: 37;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--novoui-border-general-medium);
    background-color: var(--novoui-background-side-menus-elevated);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    padding-top: calc(var(--spacing, .25rem) * 7);
    padding-bottom: calc(var(--spacing, .25rem) * 5);
    --tw-shadow: 0px 0px 24px var(--tw-shadow-color, #16223314), 0px 0px 8px var(--tw-shadow-color, #16223314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    flex-direction: column;
    justify-content: space-between;
    transition: width .25s ease-in-out .25s;
    display: flex;
    position: fixed;
    overflow-y: auto;
  }

  .side-bar-navigation-dark {
    border-color: var(--novoui-true-blue-5);
    background-color: var(--novoui-background-notifications-and-tags-brand-subtle);
  }

  .side-bar-navigation-bordered {
    border-right-style: var(--tw-border-style);
    background-color: var(--novoui-background-side-menus-side-panel);
    box-shadow: none;
    border-right-width: 1px;
  }

  .side-bar-navigation-bordered .sub-menu {
    background-color: var(--novoui-background-side-menus-side-panel);
  }

  .side-bar-navigation .sub-menu.sub-menu-full-height {
    box-shadow: none;
    transition: width .25s ease-in-out, box-shadow 0s ease-in-out .25s, border 0s ease-in-out .25s;
  }

  .side-bar-navigation .sub-menu.sub-menu-full-height.sub-menu-open {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    transition: width .25s ease-in-out;
    box-shadow: 5px 20px 15px -4px #00000013, 10px 0 15px -3px #00000008;
  }

  .side-bar-navigation-collapsed {
    width: 72px;
    padding-inline: calc(var(--spacing, .25rem) * 0);
    transition-delay: 0s;
  }

  .side-bar-navigation-collapsed.side-bar-navigation .sub-menu.sub-menu-full-height {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
    transition: width .25s ease-in-out, box-shadow 0s ease-in-out .25s;
  }

  .side-bar-navigation-collapsed:has(.dropdown), .side-bar-navigation-collapsed:has(.side-bar-navigation-collapsed), .side-bar-navigation-collapsed.has-active-dropdown {
    overflow-y: visible;
  }

  .side-bar-navigation .top-section > :first-child {
    margin-top: calc(var(--spacing, .25rem) * 0);
  }

  .side-bar-navigation .bottom-section > :last-child {
    margin-bottom: calc(var(--spacing, .25rem) * 0);
  }

  .side-bar-navigation-label-fade-enter-active {
    transition: opacity .4s ease-out .6s;
  }

  .side-bar-navigation-sub-menu-label-fade-enter-active {
    transition: opacity .4s ease-out .1s;
  }

  .side-bar-navigation-label-fade-leave-active {
    transition: opacity 50ms ease-out;
  }

  .side-bar-navigation-label-fade-enter-from, .side-bar-navigation-label-fade-leave-to {
    opacity: 0;
  }

  .side-bar-navigation-collapsed-label-fade-enter-active, .side-bar-navigation-collapsed-label-fade-leave-active {
    transition: opacity .25s ease-out;
  }

  .side-bar-navigation-collapsed-label-fade-enter-active {
    transition-delay: .8s;
  }

  .side-bar-navigation-collapsed-label-fade-enter-from, .side-bar-navigation-collapsed-label-fade-leave-to {
    opacity: 0;
  }

  .logo-header {
    margin-block: calc(var(--spacing, .25rem) * 5);
    height: calc(var(--spacing, .25rem) * 14);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 4);
    font-size: var(--novoui-headings-h4);
    line-height: var(--tw-leading, var(--novoui-headings-h4--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
    display: flex;
  }

  .logo-header-icon {
    height: calc(var(--spacing, .25rem) * 10);
    width: calc(var(--spacing, .25rem) * 10);
    border-radius: var(--novoui-radius);
    background-color: var(--novoui-background-notifications-and-tags-brand-subtle);
    flex-shrink: 0;
    align-content: center;
  }

  .logo-header-icon svg {
    margin: auto;
  }

  .logo-header-dark {
    color: var(--novoui-text-color-general-inverted);
  }

  .logo-header-dark .logo-header-icon {
    background-color: var(--novoui-background-general-high-emphasis-enabled);
  }

  .logo-header-collapsed {
    padding-inline: calc(var(--spacing, .25rem) * 4);
  }

  .menu-section {
    margin-block: calc(var(--spacing, .25rem) * 5);
  }

  .menu-section-content {
    transition-property: grid-template-rows;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .3s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    grid-template-rows: 1fr;
    display: grid;
  }

  .menu-section-content > div {
    overflow: hidden;
  }

  .menu-section-collapsed {
    transition-property: grid-template-rows;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .3s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    grid-template-rows: 0fr;
    display: grid;
  }

  .menu-section-collapsed > div {
    overflow: hidden;
  }

  .menu-section-title {
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-side-menus-menu-header);
    height: calc(var(--spacing, .25rem) * 8);
    padding-bottom: calc(var(--spacing, .25rem) * 1);
    padding-left: calc(var(--spacing, .25rem) * 3);
    align-content: center;
    transition: height .25s ease-in-out;
  }

  .menu-section-title-button {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .menu-section-title-button > svg {
    margin-right: calc(var(--spacing, .25rem) * 4);
    fill: currentColor;
    color: var(--novoui-text-color-side-menus-menu-enabled);
    transition: transform .25s ease-in-out;
  }

  .menu-section-title-icon-collapsed {
    transform: rotate(180deg);
  }

  .menu-section-title-dark {
    color: var(--novoui-true-blue-3);
  }

  .menu-section-title-collapsed {
    height: calc(var(--spacing, .25rem) * 0);
    padding-left: 28px;
    transition-delay: .25s;
  }

  .menu-section:not(:has(.menu-item-leading-icon)) .menu-item-leading-icon-wrapper {
    display: none;
  }

  .menu-section:not(:has(.menu-item-leading-icon)) .menu-item-wrapper .menu-item-label {
    grid-column: 1 / span 2;
  }

  .menu-item {
    height: calc(var(--spacing, .25rem) * 10);
    border-radius: var(--novoui-radius-small);
    width: 100%;
    color: var(--novoui-text-color-side-menus-menu-enabled);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .menu-item svg {
    fill: currentColor;
  }

  .menu-item-leading-icon {
    margin: calc(var(--spacing, .25rem) * 2);
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
    min-width: calc(var(--spacing, .25rem) * 6);
  }

  .menu-item-content-wrapper {
    height: calc(var(--spacing, .25rem) * 10);
    padding-left: calc(var(--spacing, .25rem) * 2);
    align-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    grid-template-columns: 40px auto;
    width: 100%;
    transition: padding .25s ease-in-out .25s;
    display: grid;
  }

  .menu-item-content-wrapper-with-notification, .menu-item-content-wrapper-with-submenu {
    grid-template-columns: 40px 1fr 40px;
  }

  .menu-item-content-wrapper-with-submenu.menu-item-content-wrapper-with-notification {
    grid-template-columns: 40px 1fr 24px 40px;
  }

  .menu-item-label {
    text-align: left;
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .menu-item-notification {
    height: calc(var(--spacing, .25rem) * 6);
    min-width: calc(var(--spacing, .25rem) * 6);
    border-radius: var(--novoui-radius-small);
    background-color: var(--novoui-background-side-menus-menu-badge-enabled);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    color: var(--novoui-text-color-side-menus-menu-enabled);
    align-content: center;
    justify-self: center;
  }

  .menu-item-notification-collapsed {
    top: calc(var(--spacing, .25rem) * 2);
    right: calc(var(--spacing, .25rem) * 2);
    height: calc(var(--spacing, .25rem) * 2);
    width: calc(var(--spacing, .25rem) * 2);
    border-radius: var(--novoui-radius-full);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--novoui-border-side-menus-menu-notification);
    background-color: var(--novoui-background-side-menus-menu-notification);
    position: absolute;
  }

  .menu-item-trailing-icon {
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 3);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    justify-self: center;
    transition-duration: .3s;
  }

  .menu-item-trailing-icon-menu-open {
    transform: rotate(180deg);
  }

  @media (hover: hover) {
    .menu-item:hover, .menu-item-hover {
      background-color: var(--novoui-background-side-menus-menu-hover);
      color: var(--novoui-text-color-side-menus-menu-hover);
    }

    .menu-item:hover .menu-item-notification, .menu-item-hover .menu-item-notification {
      background-color: var(--novoui-background-side-menus-menu-badge-hover);
    }

    .menu-item:hover .menu-item-notification-collapsed, .menu-item-hover .menu-item-notification-collapsed {
      border-color: var(--novoui-border-side-menus-menu-notification-selected);
    }
  }

  .menu-item:active, .menu-item-active {
    background-color: var(--novoui-background-side-menus-menu-hover);
    color: var(--novoui-text-color-side-menus-menu-hover);
  }

  .menu-item:active .menu-item-notification, .menu-item-active .menu-item-notification {
    background-color: var(--novoui-background-side-menus-menu-badge-hover);
  }

  .menu-item:disabled, .menu-item-disabled {
    color: var(--novoui-text-color-disabled-medium);
    background-color: #0000;
  }

  .menu-item:disabled .menu-item-notification, .menu-item-disabled .menu-item-notification {
    background-color: var(--novoui-background-disabled-strong);
    color: var(--novoui-text-color-disabled-medium);
  }

  .menu-item-collapsed {
    padding-inline: calc(var(--spacing, .25rem) * 4);
    flex-direction: column;
    align-items: center;
    position: relative;
  }

  .menu-item-collapsed-with-label {
    height: 56px;
  }

  .menu-item-collapsed-label {
    margin: calc(var(--spacing, .25rem) * 0);
    padding: calc(var(--spacing, .25rem) * 0);
    font-size: var(--novoui-ui-button-10);
    line-height: var(--tw-leading, var(--novoui-ui-button-10--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .menu-item-collapsed .menu-item-leading-icon-wrapper {
    height: calc(var(--spacing, .25rem) * 10);
    border-radius: var(--novoui-radius-small);
    align-content: center;
    position: relative;
  }

  .menu-item-collapsed .menu-item-content-wrapper {
    padding-left: calc(var(--spacing, .25rem) * 0);
    transition-delay: 0s;
  }

  @media (hover: hover) {
    .menu-item-collapsed:hover, .menu-item-collapsed.menu-item-hover {
      background-color: inherit;
    }

    .menu-item-collapsed:hover .menu-item-leading-icon-wrapper, .menu-item-collapsed.menu-item-hover .menu-item-leading-icon-wrapper {
      background-color: var(--novoui-background-side-menus-menu-hover);
    }
  }

  .menu-item-collapsed:active, .menu-item-collapsed.menu-item-active {
    background-color: inherit;
    color: var(--novoui-text-color-side-menus-menu-hover);
  }

  .menu-item-collapsed:active .menu-item-leading-icon-wrapper, .menu-item-collapsed.menu-item-active .menu-item-leading-icon-wrapper {
    background-color: var(--novoui-background-side-menus-menu-hover);
  }

  .menu-item-collapsed:active .menu-item-notification-collapsed, .menu-item-collapsed.menu-item-active .menu-item-notification-collapsed {
    border-color: var(--novoui-border-side-menus-menu-notification-selected);
  }

  .menu-item-collapsed:disabled, .menu-item-collapsed.menu-item-disabled {
    color: var(--novoui-text-color-disabled-medium);
  }

  .menu-item-collapsed:disabled .menu-item-leading-icon-wrapper, .menu-item-collapsed.menu-item-disabled .menu-item-leading-icon-wrapper {
    background-color: #0000;
  }

  .menu-item-dark {
    color: var(--novoui-true-blue-2);
  }

  .menu-item-dark .menu-item-notification {
    background-color: var(--novoui-sea-blue-8);
    color: var(--novoui-text-color-general-inverted);
  }

  .menu-item-dark .menu-item-notification-collapsed {
    border-color: var(--novoui-border-button-transparent-active);
    background-color: var(--novoui-sea-blue-4);
  }

  @media (hover: hover) {
    .menu-item-dark:hover, .menu-item-dark.menu-item-hover {
      background-color: var(--novoui-true-blue-5);
      color: var(--novoui-text-color-general-inverted);
    }

    .menu-item-dark:hover .menu-item-notification, .menu-item-dark.menu-item-hover .menu-item-notification {
      background-color: var(--novoui-sea-blue-5);
      color: var(--novoui-text-color-general-inverted);
    }

    .menu-item-dark:hover .menu-item-notification-collapsed, .menu-item-dark.menu-item-hover .menu-item-notification-collapsed {
      border-color: var(--novoui-true-blue-5);
    }
  }

  .menu-item-dark:active, .menu-item-dark.menu-item-active {
    background-color: var(--novoui-true-blue-5);
    color: var(--novoui-text-color-general-inverted);
  }

  .menu-item-dark:active .menu-item-notification, .menu-item-dark.menu-item-active .menu-item-notification {
    background-color: var(--novoui-sea-blue-5);
    color: var(--novoui-text-color-general-inverted);
  }

  .menu-item-dark:disabled, .menu-item-dark.menu-item-disabled {
    color: var(--novoui-neutral-8);
    background-color: #0000;
  }

  .menu-item-dark:disabled .menu-item-notification, .menu-item-dark.menu-item-disabled .menu-item-notification {
    background-color: var(--novoui-background-disabled-strong);
    color: var(--novoui-neutral-8);
  }

  @media (hover: hover) {
    .menu-item-dark.menu-item-collapsed:hover, .menu-item-dark.menu-item-collapsed.menu-item-hover {
      background-color: inherit;
      color: var(--novoui-text-color-general-inverted);
    }

    .menu-item-dark.menu-item-collapsed:hover .menu-item-leading-icon-wrapper, .menu-item-dark.menu-item-collapsed.menu-item-hover .menu-item-leading-icon-wrapper {
      background-color: var(--novoui-true-blue-5);
    }
  }

  .menu-item-dark.menu-item-collapsed:active, .menu-item-dark.menu-item-collapsed.menu-item-active {
    background-color: inherit;
    color: var(--novoui-text-color-general-inverted);
  }

  .menu-item-dark.menu-item-collapsed:active .menu-item-leading-icon-wrapper, .menu-item-dark.menu-item-collapsed.menu-item-active .menu-item-leading-icon-wrapper {
    background-color: var(--novoui-true-blue-5);
  }

  .menu-item-dark.menu-item-collapsed:disabled, .menu-item-dark.menu-item-collapsed.menu-item-disabled {
    color: var(--novoui-neutral-8);
  }

  .menu-item-dark.menu-item-collapsed:disabled .menu-item-leading-icon-wrapper, .menu-item-dark.menu-item-collapsed.menu-item-disabled .menu-item-leading-icon-wrapper {
    background-color: #0000;
  }

  .menu-item + .tooltip-right {
    right: calc(var(--spacing, .25rem) * 0);
  }

  .menu-item-wrapper {
    position: relative;
  }

  .menu-item-wrapper + .menu-item-wrapper {
    padding-top: calc(var(--spacing, .25rem) * 1);
  }

  .menu-divider {
    border-color: var(--novoui-border-general-medium);
  }

  .menu-divider-dark {
    border-color: var(--novoui-true-blue-5);
  }

  .menu-divider-collapsed {
    margin-inline: calc(var(--spacing, .25rem) * 4);
  }

  .sub-menu {
    background-color: var(--novoui-background-side-menus-elevated);
  }

  .sub-menu-inline {
    transition-property: grid-template-rows;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .3s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    grid-template-rows: 0fr;
    display: grid;
  }

  .sub-menu-content {
    overflow: hidden;
  }

  .sub-menu-popup {
    visibility: hidden;
    border-radius: var(--novoui-radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--novoui-border-side-menus-menu-enabled);
    width: max-content;
    padding-block: calc(var(--spacing, .25rem) * 2);
    color: var(--novoui-text-color-side-menus-menu-header);
    top: calc(var(--spacing, .25rem) * 0);
    transform-origin: 0 0;
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 0;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition: transform .2s, opacity .2s, visibility;
    position: absolute;
    left: 100%;
  }

  .sub-menu-label {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--novoui-border-side-menus-menu-enabled);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    padding-bottom: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-body-xsmall);
    line-height: var(--tw-leading, var(--novoui-body-xsmall--line-height));
  }

  .sub-menu-full-height {
    width: calc(var(--spacing, .25rem) * 0);
    padding-top: calc(var(--spacing, .25rem) * 7);
    padding-bottom: calc(var(--spacing, .25rem) * 5);
    top: calc(var(--spacing, .25rem) * 0);
    bottom: calc(var(--spacing, .25rem) * 0);
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
    border-color: var(--novoui-border-side-menus-menu-enabled);
    --tw-shadow: 0px 0px 24px var(--tw-shadow-color, #16223314), 0px 0px 8px var(--tw-shadow-color, #16223314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition: width .25s ease-in-out;
    position: fixed;
  }

  .sub-menu-full-height .sub-menu-content {
    margin-inline: calc(var(--spacing, .25rem) * 3);
  }

  .sub-menu-dark {
    border-color: var(--novoui-true-blue-5);
    background-color: var(--novoui-background-notifications-and-tags-brand-subtle);
    color: var(--novoui-true-blue-2);
  }

  .sub-menu-dark .sub-menu-label, .sub-menu-dark .sub-menu-full-height {
    border-color: var(--novoui-true-blue-5);
  }

  .sub-menu-open.sub-menu-inline {
    grid-template-rows: 1fr;
  }

  .sub-menu-open.sub-menu-popup {
    visibility: visible;
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
    position: fixed;
  }

  .sub-menu-open.sub-menu-full-height {
    width: calc(var(--spacing, .25rem) * 64);
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .sub-menu-item {
    height: calc(var(--spacing, .25rem) * 9);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 4);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-side-menus-menu-enabled);
    display: flex;
  }

  .sub-menu-item:first-of-type {
    margin-top: calc(var(--spacing, .25rem) * 2);
  }

  @media (hover: hover) {
    .sub-menu-item:hover, .sub-menu-item-hover {
      background-color: var(--novoui-background-side-menus-menu-hover);
      color: var(--novoui-text-color-side-menus-menu-hover);
    }

    .sub-menu-item:hover .sub-menu-item-divider, .sub-menu-item-hover .sub-menu-item-divider {
      color: var(--novoui-text-color-drag-enabled);
    }
  }

  .sub-menu-item:active, .sub-menu-item-active {
    background-color: var(--novoui-background-side-menus-menu-hover);
  }

  .sub-menu-item:active .sub-menu-item-divider, .sub-menu-item-active .sub-menu-item-divider {
    color: var(--novoui-text-color-drag-enabled);
  }

  .sub-menu-item:disabled, .sub-menu-item-disabled {
    color: var(--novoui-text-color-disabled-medium);
    background-color: #0000;
  }

  .sub-menu-item:disabled .sub-menu-item-divider, .sub-menu-item-disabled .sub-menu-item-divider {
    color: var(--novoui-text-color-date-picker-read-only);
  }

  .sub-menu-item-divider {
    margin-inline: 17px;
  }

  .sub-menu-item-dark {
    color: var(--novoui-true-blue-2);
  }

  .sub-menu-item-dark .sub-menu-item-divider {
    color: var(--novoui-true-blue-5);
  }

  @media (hover: hover) {
    .sub-menu-item-dark.sub-menu-item:hover, .sub-menu-item-dark.sub-menu-item-hover {
      background-color: var(--novoui-true-blue-5);
      color: var(--novoui-text-color-general-inverted);
    }
  }

  .sub-menu-item-dark.sub-menu-item:active, .sub-menu-item-dark.sub-menu-item-active {
    background-color: var(--novoui-true-blue-5);
    color: var(--novoui-text-color-general-inverted);
  }

  .sub-menu-item-dark.sub-menu-item:active .sub-menu-item-divider, .sub-menu-item-dark.sub-menu-item-active .sub-menu-item-divider {
    color: var(--novoui-text-color-drag-enabled);
  }

  .sub-menu-item-dark.sub-menu-item:disabled, .sub-menu-item-dark.sub-menu-item-disabled {
    color: var(--novoui-neutral-8);
    background-color: #0000;
  }

  .sub-menu-item-dark.sub-menu-item:disabled .sub-menu-item-divider, .sub-menu-item-dark.sub-menu-item-disabled .sub-menu-item-divider {
    color: var(--novoui-true-blue-5);
  }

  .sub-menu-item-inline {
    border-radius: var(--novoui-radius-small);
    padding-inline: calc(var(--spacing, .25rem) * 2);
  }

  .collapse-menu-button-icon {
    align-items: center;
    display: flex;
  }

  .collapse-menu-button {
    height: calc(var(--spacing, .25rem) * 8);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: var(--novoui-radius-small);
    width: 100%;
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-side-menus-menu-enabled);
    display: flex;
    overflow: hidden;
  }

  .collapse-menu-button-icon {
    height: calc(var(--spacing, .25rem) * 8);
    width: calc(var(--spacing, .25rem) * 10);
    border-radius: var(--novoui-radius-small);
  }

  .collapse-menu-button svg {
    margin-inline: calc(var(--spacing, .25rem) * 2);
    margin-block: calc(var(--spacing, .25rem) * 1);
    fill: currentColor;
  }

  @media (hover: hover) {
    .collapse-menu-button:hover, .collapse-menu-button-hover {
      background-color: var(--novoui-background-side-menus-menu-hover);
      color: var(--novoui-text-color-side-menus-menu-hover);
    }
  }

  .collapse-menu-button:active, .collapse-menu-button-active {
    background-color: var(--novoui-background-side-menus-menu-hover);
    color: var(--novoui-text-color-side-menus-menu-hover);
  }

  .collapse-menu-button-collapsed {
    padding-inline: calc(var(--spacing, .25rem) * 4);
  }

  @media (hover: hover) {
    .collapse-menu-button-collapsed.collapse-menu-button:hover, .collapse-menu-button-collapsed.collapse-menu-button-hover {
      background-color: inherit;
      color: var(--novoui-text-color-side-menus-menu-hover);
    }

    .collapse-menu-button-collapsed.collapse-menu-button:hover .collapse-menu-button-icon, .collapse-menu-button-collapsed.collapse-menu-button-hover .collapse-menu-button-icon {
      background-color: var(--novoui-background-side-menus-menu-hover);
    }
  }

  .collapse-menu-button-collapsed.collapse-menu-button:active, .collapse-menu-button-collapsed.collapse-menu-button-active {
    background-color: inherit;
    color: var(--novoui-text-color-side-menus-menu-hover);
  }

  .collapse-menu-button-collapsed.collapse-menu-button:active .collapse-menu-button-icon, .collapse-menu-button-collapsed.collapse-menu-button-active .collapse-menu-button-icon {
    background-color: var(--novoui-background-side-menus-menu-hover);
  }

  .collapse-menu-button-dark {
    color: var(--novoui-true-blue-2);
  }

  @media (hover: hover) {
    .collapse-menu-button-dark.collapse-menu-button:hover, .collapse-menu-button-dark.collapse-menu-button-hover {
      background-color: var(--novoui-true-blue-5);
      color: var(--novoui-text-color-general-inverted);
    }
  }

  .collapse-menu-button-dark.collapse-menu-button:active, .collapse-menu-button-dark.collapse-menu-button-active {
    background-color: var(--novoui-true-blue-5);
    color: var(--novoui-text-color-general-inverted);
  }

  @media (hover: hover) {
    .collapse-menu-button-dark.collapse-menu-button-collapsed.collapse-menu-button:hover, .collapse-menu-button-dark.collapse-menu-button-collapsed.collapse-menu-button-hover {
      background-color: inherit;
      color: var(--novoui-text-color-general-inverted);
    }

    .collapse-menu-button-dark.collapse-menu-button-collapsed.collapse-menu-button:hover .collapse-menu-button-icon, .collapse-menu-button-dark.collapse-menu-button-collapsed.collapse-menu-button-hover .collapse-menu-button-icon {
      background-color: var(--novoui-true-blue-5);
    }
  }

  .collapse-menu-button-dark.collapse-menu-button-collapsed.collapse-menu-button:active, .collapse-menu-button-dark.collapse-menu-button-collapsed.collapse-menu-button-active {
    background-color: inherit;
    color: var(--novoui-text-color-general-inverted);
  }

  .collapse-menu-button-dark.collapse-menu-button-collapsed.collapse-menu-button:active .collapse-menu-button-icon, .collapse-menu-button-dark.collapse-menu-button-collapsed.collapse-menu-button-active .collapse-menu-button-icon {
    background-color: var(--novoui-true-blue-5);
  }

  .side-bar-search {
    margin-inline: auto;
    margin-block: calc(var(--spacing, .25rem) * 5);
  }

  .side-bar-search .search-field {
    border-radius: var(--novoui-radius);
    caret-color: currentColor;
    width: 100%;
    transition: padding .25s ease-in-out .25s, caret-color .4s ease-in-out .6s, color .4s ease-in-out .6s, height .25s ease-in-out;
  }

  .side-bar-search .search-field::-webkit-search-cancel-button {
    opacity: 1;
    transition: opacity .4s ease-in-out .6s;
  }

  .side-bar-search .search-field::placeholder {
    transition: color .4s ease-in-out .6s;
  }

  .side-bar-search .input-icon, .side-bar-search .input-leading-icon {
    transition: margin .25s ease-in-out .25s;
  }

  .side-bar-search-collapsed {
    margin-inline: calc(var(--spacing, .25rem) * 4);
  }

  .side-bar-search-collapsed.side-bar-search-collapsed {
    border-radius: var(--novoui-radius);
    border-style: var(--tw-border-style);
    border-width: 0;
    border-color: var(--novoui-border-forms-enabled);
  }

  .side-bar-search-collapsed .search-field {
    height: calc(var(--spacing, .25rem) * 10);
    padding-inline: calc(var(--spacing, .25rem) * 0);
    color: #0000;
    caret-color: #0000;
    grid-column: 1 / span 2;
    transition: padding .25s ease-in-out, height .25s ease-in-out .25s;
  }

  .side-bar-search-collapsed .search-field::placeholder {
    color: #0000;
    transition: none;
  }

  .side-bar-search-collapsed .search-field::-webkit-search-cancel-button {
    opacity: 0;
    transition: none;
  }

  .side-bar-search-collapsed .search-field-focus, .side-bar-search-collapsed .search-field:focus, .side-bar-search-collapsed .search-field[focus] {
    padding-inline: calc(var(--spacing, .25rem) * 3);
    color: #0000;
    transition: padding .25s ease-in-out;
  }

  .side-bar-search-collapsed svg.input-icon, .side-bar-search-collapsed .input-leading-icon {
    margin-inline: calc(var(--spacing, .25rem) * 2);
    margin-left: calc(var(--spacing, .25rem) * 2);
    cursor: text;
    transition-delay: 0s;
  }

  .side-bar-search-dark.input:not(.input-disabled) .input-icon.search-icon, .side-bar-search-dark.input:not(.input-disabled) .input-leading-icon.search-icon, .side-bar-search-dark.input:not(.input-disabled) .search-field:placeholder-shown ~ .input-icon.search-icon, .side-bar-search-dark.input:not(.input-disabled) .search-field:placeholder-shown ~ .input-leading-icon.search-icon {
    color: var(--novoui-true-blue-2);
  }

  .side-bar-search-dark.input .search-field {
    border-color: var(--novoui-true-blue-5);
    background-color: var(--novoui-background-notifications-and-tags-brand-subtle);
    color: var(--novoui-true-blue-2);
  }

  .side-bar-search-dark.input .search-field::placeholder, .side-bar-search-dark.input .search-field:focus {
    color: var(--novoui-true-blue-2);
  }

  .side-bar-search-dark.input.side-bar-search-collapsed .search-field, .side-bar-search-dark.input.side-bar-search-collapsed .search-field::placeholder, .side-bar-search-dark.input.side-bar-search-collapsed .search-field-focus, .side-bar-search-dark.input.side-bar-search-collapsed .search-field:focus, .side-bar-search-dark.input.side-bar-search-collapsed .search-field[focus] {
    color: #0000;
  }

  .session-selector {
    border-radius: var(--novoui-radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--novoui-border-side-menus-menu-enabled);
    width: 100%;
    height: 100%;
    padding: calc(var(--spacing, .25rem) * 1.5);
    text-align: left;
    align-items: center;
    transition: padding .25s ease-in-out .25s;
    display: flex;
  }

  .session-selector-content {
    width: 100%;
    padding-right: calc(var(--spacing, .25rem) * 1.5);
    padding-left: calc(var(--spacing, .25rem) * 2);
    grid-template-columns: auto 16px;
    align-items: center;
    display: grid;
  }

  .session-selector-leading-content {
    flex-shrink: 0;
    justify-items: center;
    width: 37px;
    display: grid;
  }

  .session-selector-header {
    padding-left: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-side-menus-switcher-primary);
  }

  .session-selector-subheader {
    padding-left: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    color: var(--novoui-text-color-side-menus-switcher-secondary);
    grid-row-start: 2;
  }

  .session-selector-label {
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-side-menus-switcher-primary);
  }

  .session-selector-leading-icon {
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
    fill: var(--novoui-fill-side-menus-switcher-secondary);
  }

  .session-selector-leading-cover {
    border-radius: var(--novoui-radius-small);
    background-color: var(--novoui-background-accent-red-light);
    text-align: center;
    width: 35px;
    height: 36px;
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
    align-content: center;
    transition: height .25s ease-in-out .25s, width .25s ease-in-out .25s;
  }

  .session-selector-leading-image {
    border-radius: var(--novoui-radius-full);
    object-fit: cover;
    width: 35px;
    height: 36px;
    transition: height .25s ease-in-out .25s, width .25s ease-in-out .25s;
  }

  .session-selector-trailing-icon {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    fill: var(--novoui-fill-side-menus-menu-enabled);
    grid-row: span 2 / span 2;
    grid-column-start: 2;
  }

  @media (hover: hover) {
    .session-selector:hover, .session-selector-hover {
      border-color: var(--novoui-border-general-strong);
    }

    .session-selector:hover .session-selector-leading-cover, .session-selector-hover .session-selector-leading-cover {
      background-color: var(--novoui-background-accent-red-medium);
    }
  }

  .session-selector:active, .session-selector-active {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--novoui-border-side-menus-menu-enabled);
    background-color: var(--novoui-background-side-menus-menu-hover);
  }

  @media (hover: hover) {
    .session-selector:active:hover, .session-selector-active:hover {
      border-color: var(--novoui-border-side-menus-menu-hover);
    }
  }

  .session-selector:active .session-selector-leading-cover, .session-selector-active .session-selector-leading-cover {
    background-color: var(--novoui-background-accent-red-medium);
  }

  .session-selector:active .session-selector-content, .session-selector-active .session-selector-content {
    padding-right: 5px;
  }

  .session-selector:active .session-selector-leading-content, .session-selector-active .session-selector-leading-content {
    margin-left: -1px;
  }

  .session-selector-dark {
    border-color: var(--novoui-true-blue-5);
  }

  @media (hover: hover) {
    .session-selector-dark:hover, .session-selector-dark.session-selector-hover {
      border-color: var(--novoui-true-blue-3);
      background-color: var(--novoui-true-blue-5);
    }
  }

  .session-selector-dark:active, .session-selector-dark.session-selector-active {
    border-color: var(--novoui-true-blue-3);
    background-color: var(--novoui-true-blue-5);
  }

  .session-selector-dark:active .session-selector-leading-cover, .session-selector-dark.session-selector-active .session-selector-leading-cover {
    background-color: var(--novoui-background-accent-red-medium);
  }

  .session-selector-dark .session-selector-header, .session-selector-dark .session-selector-label {
    color: var(--novoui-text-color-general-inverted);
  }

  .session-selector-dark .session-selector-subheader {
    color: var(--novoui-true-blue-2);
  }

  .session-selector-dark .session-selector-leading-icon, .session-selector-dark .session-selector-trailing-icon {
    fill: var(--novoui-true-blue-2);
  }

  .session-selector-dark .session-selector-leading-cover {
    background-color: var(--novoui-rose-pink-2);
  }

  .session-selector-wrapper {
    margin-block: calc(var(--spacing, .25rem) * 5);
    height: 52px;
    transition: height .25s ease-in-out;
  }

  .session-selector-wrapper-collapsed {
    margin-inline: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 10);
    transition-delay: .25s;
  }

  .session-selector-wrapper-collapsed .session-selector {
    padding: calc(var(--spacing, .25rem) * 0);
    transition: padding .25s ease-in-out;
  }

  .session-selector-wrapper-collapsed .session-selector-leading-cover, .session-selector-wrapper-collapsed .session-selector-leading-image {
    width: 31px;
    height: 32px;
    transition: height .25s ease-in-out, width .25s ease-in-out;
  }

  .session-selector-dropdown {
    z-index: 10;
    border-radius: var(--novoui-radius);
    width: 100%;
  }

  .session-selector-dropdown.dropdown {
    transform-origin: top;
    --tw-scale-x: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .session-selector-dropdown-dark.dropdown {
    border-color: var(--novoui-true-blue-3);
    background-color: var(--novoui-true-blue-5);
  }

  .session-selector-dropdown-collapsed.dropdown {
    border-radius: var(--novoui-radius-large);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--novoui-border-general-medium);
    transform: translate(72px, -44px);
  }

  .session-selector-dropdown-collapsed.session-selector-dropdown-dark.dropdown {
    background-color: var(--novoui-background-button-fill-secondary-enabled);
  }

  .session-item {
    width: 100%;
    padding-block: calc(var(--spacing, .25rem) * 1);
    padding-left: calc(var(--spacing, .25rem) * 2);
    align-items: center;
    display: flex;
  }

  .session-item-leading-content {
    margin-right: calc(var(--spacing, .25rem) * 2);
    height: calc(var(--spacing, .25rem) * 8);
    width: calc(var(--spacing, .25rem) * 8);
    flex-shrink: 0;
    align-content: center;
    justify-items: center;
  }

  .session-item-content {
    padding-left: calc(var(--spacing, .25rem) * 2);
    text-align: left;
  }

  .session-item-header {
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
  }

  .session-item-subheader {
    font-size: var(--novoui-ui-label-10);
    line-height: var(--tw-leading, var(--novoui-ui-label-10--line-height));
    color: var(--novoui-text-color-general-tertiary);
  }

  .session-item-label {
    font-size: var(--novoui-ui-label-10);
    line-height: var(--tw-leading, var(--novoui-ui-label-10--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-general-primary);
  }

  .session-item-leading-icon {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    fill: var(--novoui-fill-general-secondary);
  }

  .session-item-leading-cover {
    border-radius: var(--novoui-radius);
    background-color: var(--novoui-background-accent-red-light);
    width: 100%;
    height: 100%;
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
    align-content: center;
  }

  .session-item-leading-image {
    height: calc(var(--spacing, .25rem) * 8);
    width: calc(var(--spacing, .25rem) * 8);
    border-radius: var(--novoui-radius-full);
    object-fit: cover;
  }

  .session-item-trailing-icon {
    margin-right: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    fill: var(--novoui-true-blue-6);
    margin-left: auto;
  }

  @media (hover: hover) {
    .session-item:hover, .session-item-hover {
      background-color: var(--novoui-background-general-medium-emphasis-hover);
    }
  }

  .session-item:active, .session-item-active {
    background-color: var(--novoui-background-general-medium-emphasis-hover);
  }

  .session-item-dark .session-item-header, .session-item-dark .session-item-label {
    color: var(--novoui-text-color-general-inverted);
  }

  .session-item-dark .session-item-subheader {
    color: var(--novoui-true-blue-2);
  }

  .session-item-dark .session-item-leading-icon {
    fill: var(--novoui-true-blue-2);
  }

  .session-item-dark .session-item-trailing-icon {
    fill: var(--novoui-fill-general-inverted);
  }

  @media (hover: hover) {
    .session-item-dark:hover, .session-item-dark.session-item-hover {
      background-color: var(--novoui-true-blue-4);
    }
  }

  .session-item-dark:active, .session-item-dark.session-item-active {
    background-color: var(--novoui-true-blue-4);
  }

  @media (hover: hover) {
    .session-item-dark.session-item-collapsed:hover, .session-item-dark.session-item-collapsed.session-item-hover {
      background-color: var(--novoui-true-blue-5);
    }
  }

  .session-item-dark.session-item-collapsed:active, .session-item-dark.session-item-collapsed.session-item-active {
    background-color: var(--novoui-true-blue-5);
  }

  .side-sheet {
    --tw-translate-x: calc(var(--spacing, .25rem) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: var(--novoui-background-side-menus-side-panel);
    top: calc(var(--spacing, .25rem) * 0);
    right: calc(var(--spacing, .25rem) * 0);
    z-index: 51;
    height: max(100%, 100svh);
    width: calc(var(--spacing, .25rem) * 80);
    border-left-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-left-width: 1px;
    border-color: var(--novoui-border-side-menus-menu-enabled);
    flex-direction: column;
    display: flex;
    position: fixed;
  }

  .side-sheet-header {
    margin-inline: calc(var(--spacing, .25rem) * 4);
    margin-top: calc(var(--spacing, .25rem) * 3);
    margin-bottom: calc(var(--spacing, .25rem) * 4);
    align-items: center;
    column-gap: calc(var(--spacing, .25rem) * 3);
    grid-template-columns: auto 1fr auto;
    display: grid;
  }

  .side-sheet-close-button, .side-sheet-back-button {
    height: calc(var(--spacing, .25rem) * 10);
    width: calc(var(--spacing, .25rem) * 10);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .side-sheet-close-button > svg, .side-sheet-back-button > svg {
    color: var(--novoui-text-color-general-primary);
  }

  .side-sheet-back-button {
    grid-column: 1;
  }

  .side-sheet-close-button {
    grid-column: 3;
  }

  .side-sheet-body {
    margin-inline: calc(var(--spacing, .25rem) * 4);
    flex-grow: 1;
    overflow-y: auto;
  }

  .side-sheet-body > .side-sheet-divider {
    margin-inline: calc(var(--spacing, .25rem) * 0);
  }

  .side-sheet-footer {
    margin-inline: calc(var(--spacing, .25rem) * 4);
    margin-top: calc(var(--spacing, .25rem) * 2);
    margin-bottom: calc(var(--spacing, .25rem) * 6);
    gap: calc(var(--spacing, .25rem) * 2);
    display: flex;
  }

  .side-sheet-primary-action {
    margin-left: calc(var(--spacing, .25rem) * 4);
  }

  .side-sheet-title {
    font-size: var(--novoui-headings-h5);
    line-height: var(--tw-leading, var(--novoui-headings-h5--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
  }

  .side-sheet-section-headline {
    margin-top: calc(var(--spacing, .25rem) * 2);
    margin-right: calc(var(--spacing, .25rem) * 4);
    margin-bottom: calc(var(--spacing, .25rem) * 5);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-general-tertiary);
    margin-left: 14px;
  }

  .side-sheet-divider {
    margin-inline: calc(var(--spacing, .25rem) * 4);
    margin-top: calc(var(--spacing, .25rem) * 5);
    margin-bottom: calc(var(--spacing, .25rem) * 4);
  }

  .side-sheet-divider:first-child {
    margin-top: calc(var(--spacing, .25rem) * 0);
  }

  .side-sheet-shadow {
    border-left-style: var(--tw-border-style);
    background-color: var(--novoui-background-side-menus-elevated);
    --tw-shadow: 0px -16px 24px var(--tw-shadow-color, #16223314), 0px -4px 8px var(--tw-shadow-color, #16223314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-left-width: 0;
  }

  .side-sheet-enter-active, .side-sheet-leave-active {
    transition: translate .25s ease-in-out;
  }

  .side-sheet-enter-from, .side-sheet-leave-to {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .side-sheet-backdrop {
    z-index: 50;
    background-color: var(--novoui-background-modal-enabled);
    opacity: .5;
    top: calc(var(--spacing, .25rem) * 0);
    right: calc(var(--spacing, .25rem) * 0);
    bottom: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * 0);
    cursor: pointer;
    height: max(100%, 100svh);
    position: fixed;
  }

  .side-sheet-backdrop-enter-active, .side-sheet-backdrop-leave-active {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  }

  .side-sheet-backdrop-enter-from, .side-sheet-backdrop-leave-to {
    opacity: 0;
  }

  .skeleton {
    border-radius: var(--novoui-radius-small);
    background-color: var(--novoui-background-loading-edges);
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .skeleton:after {
    top: calc(var(--spacing, .25rem) * 0);
    right: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * 0);
    content: "";
    background: linear-gradient(90deg, var(--novoui-background-loading-edges), var(--novoui-background-loading-middle), var(--novoui-background-loading-edges));
    height: 100%;
    animation: 1s linear infinite skeleton-animation;
    position: absolute;
  }

  @keyframes skeleton-animation {
    0% {
      transform: translate(-100%);
    }

    to {
      transform: translate(100%);
    }
  }

  .skeleton-rounded {
    border-radius: var(--novoui-radius-full);
  }

  .slider {
    flex-direction: column;
    min-height: 48px;
    display: flex;
  }

  .slider-label {
    --novoui-slider-label-color: var(--novoui-text-color-general-primary);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    color: var(--novoui-slider-label-color);
    --tw-leading: calc(var(--spacing, .25rem) * 5);
    line-height: calc(var(--spacing, .25rem) * 5);
    margin-bottom: calc(var(--spacing, .25rem) * 2);
    word-break: break-word;
    flex-grow: 1;
  }

  .slider-input {
    --novoui-slider-thumb-height: 16px;
    --novoui-slider-thumb-width: 16px;
    --novoui-slider-thumb-border-radius: 50%;
    --novoui-slider-thumb-background: var(--novoui-background-slider-thumb-enabled);
    --novoui-slider-track-height: 2px;
    --novoui-slider-track-background-lower: var(--novoui-background-slider-track-filled);
    --novoui-slider-track-background-upper: var(--novoui-background-slider-track);
    --novoui-slider-shadow: drop-shadow(0px 2px 4px #0000001a) drop-shadow(0px 4px 6px #0000001a);
    --novoui-slider-clip-edges: 2px;
    appearance: none;
    width: 100%;
    height: var(--novoui-slider-thumb-height);
  }

  .slider-input:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .slider-input::-webkit-slider-runnable-track {
    appearance: none;
    height: var(--novoui-slider-thumb-height);
    cursor: pointer;
  }

  .slider-input::-webkit-slider-thumb {
    appearance: none;
    height: var(--novoui-slider-thumb-height);
    cursor: pointer;
  }

  .slider-input::-webkit-slider-thumb {
    --novoui-slider-clip-top: calc((var(--novoui-slider-thumb-height)  - var(--novoui-slider-track-height)) * .5 - .5px);
    --novoui-slider-clip-bottom: calc(var(--novoui-slider-thumb-height)  - var(--novoui-slider-clip-top));
    --novoui-slider-clip-further: calc(100% + 1px);
    --novoui-slider-progress-width: calc((var(--width)  - var(--novoui-slider-thumb-width)) * var(--value) / 100);
    --novoui-slider-shadow-offset-x: calc((var(--novoui-slider-thumb-width) / -2)  - (var(--novoui-slider-progress-width) / 2));
    --novoui-slider-shadow-spread-radius: calc((var(--novoui-slider-thumb-width) / -2)  + (var(--novoui-slider-progress-width) / 2));
    --novoui-slider-box-fill: var(--novoui-slider-shadow-offset-x) 0 0 var(--novoui-slider-shadow-spread-radius) var(--novoui-slider-track-background-lower);
    width: var(--novoui-slider-thumb-width);
    background-color: var(--novoui-slider-thumb-background);
    border-radius: var(--novoui-slider-thumb-border-radius);
    box-shadow: var(--novoui-slider-box-fill);
    clip-path: polygon(100% -1px, var(--novoui-slider-clip-edges) -1px, 0 var(--novoui-slider-clip-top), -100vmax var(--novoui-slider-clip-top), -100vmax var(--novoui-slider-clip-bottom), 0 var(--novoui-slider-clip-bottom), var(--novoui-slider-clip-edges) 100%, var(--novoui-slider-clip-further) var(--novoui-slider-clip-further));
  }

  .slider-input::-webkit-slider-thumb:hover {
    --novoui-slider-thumb-background: var(--novoui-background-slider-thumb-hover);
  }

  .slider-input::-webkit-slider-thumb:active {
    --novoui-slider-thumb-background: var(--novoui-background-slider-thumb-enabled);
  }

  .slider-input::-webkit-slider-runnable-track {
    background: linear-gradient(var(--novoui-slider-track-background-upper) 0 0) scroll no-repeat center / 100% calc(var(--novoui-slider-track-height)  + 1px);
  }

  .slider-input::-moz-range-track {
    appearance: none;
    cursor: pointer;
  }

  .slider-input::-moz-range-thumb {
    appearance: none;
    cursor: pointer;
  }

  .slider-input::-moz-range-thumb {
    background-color: var(--novoui-slider-thumb-background);
    --tw-border-style: none;
    width: var(--novoui-slider-thumb-width);
    height: var(--novoui-slider-thumb-height);
    border-radius: var(--novoui-slider-thumb-border-radius);
    border-style: none;
  }

  .slider-input::-moz-range-thumb:hover {
    --novoui-slider-thumb-background: var(--novoui-background-slider-thumb-hover);
  }

  .slider-input::-moz-range-thumb:active {
    --novoui-slider-thumb-background: var(--novoui-background-slider-thumb-enabled);
  }

  .slider-input::-moz-range-track {
    background-color: var(--novoui-slider-track-background-upper);
    width: 100%;
  }

  .slider-input::-moz-range-progress {
    background-color: var(--novoui-slider-track-background-lower);
  }

  .slider-input::-moz-range-track {
    height: var(--novoui-slider-track-height);
  }

  .slider-input::-moz-range-progress {
    height: var(--novoui-slider-track-height);
  }

  .slider-input[readonly] {
    pointer-events: none;
  }

  .slider-input[readonly]::-webkit-slider-thumb {
    --novoui-slider-thumb-background: var(--novoui-background-slider-read-only);
    --novoui-slider-track-background-lower: var(--novoui-background-slider-read-only);
  }

  .slider-input[readonly]::-moz-range-thumb {
    --novoui-slider-thumb-background: var(--novoui-background-slider-read-only);
  }

  .slider-input[readonly]::-moz-range-progress {
    --novoui-slider-track-background-lower: var(--novoui-background-slider-read-only);
  }

  .slider-input:disabled {
    pointer-events: none;
    --novoui-slider-shadow: none;
  }

  .slider-input:disabled::-webkit-slider-thumb {
    --novoui-slider-thumb-background: var(--novoui-background-disabled-strong);
    --novoui-slider-track-background-lower: var(--novoui-background-disabled-strong);
  }

  .slider-input:disabled::-moz-range-thumb {
    --novoui-slider-thumb-background: var(--novoui-background-disabled-strong);
  }

  .slider-input:disabled::-moz-range-progress {
    --novoui-slider-track-background-lower: var(--novoui-background-disabled-strong);
  }

  .slider-input-md {
    --novoui-slider-thumb-height: 16px;
    --novoui-slider-thumb-width: 16px;
  }

  .slider-input-lg {
    --novoui-slider-thumb-height: 32px;
    --novoui-slider-thumb-width: 32px;
  }

  .slider-readonly .slider-label {
    --novoui-slider-label-color: var(--novoui-text-color-disabled-strong);
  }

  .slider-disabled .slider-label {
    --novoui-slider-label-color: var(--novoui-text-color-disabled-medium);
  }

  .slider-md .slider-label {
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
  }

  .slider-lg .slider-label {
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    margin-bottom: 6px;
  }

  .spinner {
    --tw-gradient-position: from 180deg in oklab;
    background-image: conic-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-to: var(--novoui-gradient-on-light-sea-blue-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
    border-radius: var(--novoui-radius-full);
    -webkit-mask: radial-gradient(closest-side, transparent calc(100% - .25rem), var(--novoui-gradient-on-light-sea-blue-100) calc(100% - .2rem));
    -webkit-mask: radial-gradient(closest-side, transparent calc(100% - .25rem), var(--novoui-gradient-on-light-sea-blue-100) calc(100% - .2rem));
    mask: radial-gradient(closest-side, transparent calc(100% - .25rem), var(--novoui-gradient-on-light-sea-blue-100) calc(100% - .2rem));
    font-size: 0;
    animation: .75s linear infinite spinner;
    position: relative;
  }

  .spinner-white {
    --tw-gradient-to: var(--novoui-gradient-on-dark-white-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .spinner-red {
    --tw-gradient-to: var(--novoui-gradient-alert-lava-red-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .spinner-medium {
    height: calc(var(--spacing, .25rem) * 8);
    width: calc(var(--spacing, .25rem) * 8);
  }

  .spinner-large {
    width: 54px;
    height: 54px;
    -webkit-mask: radial-gradient(closest-side, transparent calc(100% - .3rem), var(--novoui-gradient-on-light-sea-blue-100) calc(100% - .25rem));
    -webkit-mask: radial-gradient(closest-side, transparent calc(100% - .3rem), var(--novoui-gradient-on-light-sea-blue-100) calc(100% - .25rem));
    mask: radial-gradient(closest-side, transparent calc(100% - .3rem), var(--novoui-gradient-on-light-sea-blue-100) calc(100% - .25rem));
  }

  .spinner-absolute {
    position: absolute;
  }

  @keyframes spinner {
    0% {
      transform: rotate(0);
    }

    to {
      transform: rotate(360deg);
    }
  }

  .status-tag {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    border-radius: var(--novoui-radius-small);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 1);
    font-size: var(--novoui-ui-button-12);
    line-height: var(--tw-leading, var(--novoui-ui-button-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-general-primary);
    display: inline-flex;
  }

  .status-tag > svg {
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 3);
    fill: currentColor;
  }

  .status-tag-rounded {
    border-radius: var(--novoui-radius-x-large);
  }

  .status-tag-success {
    background-color: var(--novoui-background-notifications-and-tags-success-light);
  }

  .status-tag-alert {
    background-color: var(--novoui-background-alert-low-emphasis-hover);
  }

  .status-tag-warning {
    background-color: var(--novoui-background-notifications-and-tags-warning-light);
  }

  .status-tag-info {
    background-color: var(--novoui-background-accent-blue-light);
  }

  .status-tag-none {
    background-color: var(--novoui-background-general-low-emphasis-enabled);
  }

  .status-tag-strong {
    color: var(--novoui-text-color-general-inverted);
  }

  .status-tag-strong.status-tag-success {
    background-color: var(--novoui-background-notifications-and-tags-success-strong);
  }

  .status-tag-strong.status-tag-alert {
    background-color: var(--novoui-background-alert-high-emphasis-enabled);
  }

  .status-tag-strong.status-tag-warning {
    background-color: var(--novoui-background-notifications-and-tags-warning-strong);
    color: var(--novoui-text-color-notifications-and-tags-on-strong-warning);
  }

  .status-tag-strong.status-tag-info {
    background-color: var(--novoui-background-notifications-and-tags-info-strong);
  }

  .status-tag-strong.status-tag-none {
    background-color: var(--novoui-background-notifications-and-tags-neutral-strong);
  }

  .status-tag-subtle {
    color: var(--novoui-text-color-general-inverted);
  }

  .status-tag-subtle.status-tag-success {
    background-color: var(--novoui-background-notifications-and-tags-success-subtle);
    color: var(--novoui-text-color-notifications-and-tags-on-subtle-sucess);
  }

  .status-tag-subtle.status-tag-alert {
    background-color: var(--novoui-background-alert-low-emphasis-enabled);
    color: var(--novoui-text-color-alert-active);
  }

  .status-tag-subtle.status-tag-warning {
    background-color: var(--novoui-background-notifications-and-tags-warning-subtle);
    color: var(--novoui-text-color-notifications-and-tags-on-warning);
  }

  .status-tag-subtle.status-tag-info {
    background-color: var(--novoui-background-accent-blue-subtle);
    color: var(--novoui-text-color-notifications-and-tags-on-info);
  }

  .status-tag-subtle.status-tag-none {
    color: var(--novoui-text-color-general-secondary);
  }

  .status-tag-large {
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-ui-button-14);
    line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .status-tag-large > svg {
    height: calc(var(--spacing, .25rem) * 3.5);
    width: calc(var(--spacing, .25rem) * 3.5);
    fill: currentColor;
  }

  .status-tag-small {
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * .5);
    font-size: var(--novoui-ui-button-10);
    line-height: var(--tw-leading, var(--novoui-ui-button-10--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .status-tag-small > svg {
    height: calc(var(--spacing, .25rem) * 2.5);
    width: calc(var(--spacing, .25rem) * 2.5);
    fill: currentColor;
  }

  .stepper {
    flex-direction: column;
    display: flex;
  }

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

  .stepper-horizontal .stepper-step {
    --novoui-stepper-column-size: 80px;
  }

  .stepper-horizontal .stepper-step-action {
    grid-template-columns: calc(var(--novoui-stepper-column-size) / 2) 32px calc(var(--novoui-stepper-column-size) / 2);
    text-align: center;
    justify-content: center;
    place-items: center;
  }

  .stepper-horizontal .stepper-step-action:before {
    content: var(--tw-content);
    background-color: var(--novoui-background-general-low-emphasis-hover);
    grid-column-start: 1;
  }

  .stepper-horizontal .stepper-step-action:after {
    content: var(--tw-content);
    grid-column-start: 3;
  }

  .stepper-horizontal .stepper-step-complete > .stepper-step-action:after, .stepper-horizontal .stepper-step-complete + .stepper-step > .stepper-step-action:before {
    content: var(--tw-content);
    background-color: var(--novoui-background-general-high-emphasis-enabled);
  }

  .stepper-horizontal .stepper-step-action:after {
    min-height: unset;
  }

  .stepper-horizontal .stepper-step-action:before, .stepper-horizontal .stepper-step-action:after {
    grid-row-start: 1;
    width: 100%;
    height: 1px;
  }

  .stepper-horizontal .stepper-step:first-child .stepper-step-action:before {
    content: var(--tw-content);
    --tw-content: none;
    content: none;
  }

  .stepper-horizontal .stepper-step-indicator {
    grid-column-start: 2;
  }

  .stepper-horizontal .stepper-step-name {
    grid-column: 1 / span 3;
    grid-row-start: 2;
  }

  .stepper-horizontal .stepper-step-description {
    margin-top: calc(var(--spacing, .25rem) * 2);
    grid-column: 1 / span 3;
    grid-row-start: 3;
  }

  .stepper-large .stepper-step-action:after {
    content: var(--tw-content);
    min-height: 92px;
  }

  .stepper-large.stepper-horizontal .stepper-step-action {
    --novoui-stepper-column-size: 164px;
  }

  .stepper-large.stepper-horizontal .stepper-step-action:after {
    min-height: unset;
  }

  .stepper-step {
    counter-increment: number;
  }

  .stepper-step-action {
    margin-bottom: calc(var(--spacing, .25rem) * 1);
    align-content: flex-start;
    column-gap: calc(var(--spacing, .25rem) * 2.5);
    row-gap: calc(var(--spacing, .25rem) * 1);
    text-align: left;
    color: var(--novoui-text-color-general-secondary);
    grid-template-rows: auto 1fr;
    grid-template-columns: auto 1fr;
    display: grid;
  }

  .stepper-step-action:after {
    pointer-events: none;
    content: var(--tw-content);
    background-color: var(--novoui-neutral-5);
    grid-row-start: 2;
    justify-self: center;
    width: 1px;
    height: 100%;
    min-height: 52px;
  }

  .stepper-step:last-child .stepper-step-action:after {
    content: var(--tw-content);
    --tw-content: none;
    content: none;
  }

  .stepper-step-indicator {
    height: calc(var(--spacing, .25rem) * 8);
    width: calc(var(--spacing, .25rem) * 8);
    border-radius: var(--novoui-radius-x-large);
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--novoui-border-general-medium);
    background-color: var(--novoui-background-general-base);
    color: currentColor;
    box-sizing: border-box;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    justify-content: center;
    place-items: center;
    display: grid;
  }

  .stepper-step-complete .stepper-step-indicator, .stepper-step-active.stepper-step-complete .stepper-step-indicator {
    background-color: var(--novoui-background-general-high-emphasis-enabled);
    color: var(--novoui-text-color-general-inverted);
  }

  .stepper-step-numbered:before {
    content: "0" counter(number);
    text-align: center;
    font-size: var(--novoui-ui-button-12);
    line-height: var(--tw-leading, var(--novoui-ui-button-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    grid-row-start: 1;
    grid-column-start: 1;
  }

  .stepper-step:nth-child(9) ~ .stepper-step-numbered:before {
    content: counter(number) "";
  }

  .stepper-step-bullet:before {
    content: "";
    border-radius: var(--novoui-radius-large);
    opacity: 1;
    width: 10.5px;
    height: 10.5px;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    background-color: currentColor;
    grid-row-start: 1;
    grid-column-start: 1;
  }

  .stepper-step-indicator > svg {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    grid-row-start: 1;
    grid-column-start: 1;
  }

  .stepper-step-indicator-icon {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    fill: currentColor;
    opacity: 1;
  }

  .stepper-step-indicator-complete {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    fill: currentColor;
    opacity: 0;
  }

  .stepper-step-name {
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: currentColor;
  }

  .stepper-step-name:last-child {
    align-self: center;
  }

  .stepper-step-name ~ .stepper-step-description {
    align-self: flex-start;
  }

  .stepper-step-description {
    margin-top: calc(var(--spacing, .25rem) * -1);
    font-size: var(--novoui-body-xsmall);
    line-height: var(--tw-leading, var(--novoui-body-xsmall--line-height));
    color: var(--novoui-text-color-general-secondary);
    grid-column: 2;
    align-self: center;
  }

  .stepper-step-active .stepper-step-name {
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
  }

  .stepper-step-active .stepper-step-description {
    color: var(--novoui-text-color-general-primary);
  }

  .stepper-step-active .stepper-step-indicator {
    border-color: var(--novoui-border-general-high-emphasis-enabled);
    background-color: var(--novoui-background-general-base);
    color: currentColor;
  }

  .stepper-step-active .stepper-step-action, .stepper-step-complete .stepper-step-action {
    color: var(--novoui-text-color-general-high-emphasis-enabled);
  }

  .stepper-step-complete .stepper-step-indicator {
    border-color: var(--novoui-border-general-high-emphasis-enabled);
  }

  .stepper-step-complete .stepper-step-description {
    color: var(--novoui-text-color-general-primary);
  }

  .stepper-step-complete .stepper-step-action:after {
    content: var(--tw-content);
    background-color: var(--novoui-background-general-high-emphasis-enabled);
  }

  .stepper-step-complete .stepper-step-indicator {
    color: var(--novoui-text-color-general-inverted);
  }

  .stepper-step-complete .stepper-step-indicator:before, .stepper-step-complete .stepper-step-indicator-icon {
    opacity: 0;
  }

  .stepper-step-complete .stepper-step-indicator-complete {
    opacity: 1;
  }

  .stepper .stepper-step-detailed {
    margin-bottom: calc(var(--spacing, .25rem) * 4);
    cursor: pointer;
    border-radius: var(--novoui-radius);
    width: 100%;
    padding: calc(var(--spacing, .25rem) * 3);
    align-items: center;
    display: flex;
  }

  .stepper .stepper-step-detailed:last-of-type {
    margin-bottom: calc(var(--spacing, .25rem) * 0);
  }

  .stepper .stepper-step-detailed .step-name {
    min-width: max-content;
    color: var(--novoui-text-color-general-high-emphasis-enabled);
  }

  .stepper .stepper-step-detailed .description-wrapper {
    text-align: right;
    align-content: center;
    align-items: center;
    margin-left: auto;
    display: flex;
  }

  .stepper .stepper-step-detailed .step-action-icon {
    margin-inline: calc(var(--spacing, .25rem) * 2);
  }

  .stepper .stepper-step-detailed .stepper-step-description {
    font-size: var(--novoui-ui-button-14);
    line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .stepper .stepper-step-detailed-step-active {
    background-color: var(--novoui-background-accent-blue-subtle);
    fill: var(--novoui-fill-general-high-emphasis-enabled);
  }

  .stepper .stepper-step-detailed-step-active .step-name, .stepper .stepper-step-detailed-step-active .stepper-step-description {
    color: var(--novoui-text-color-general-high-emphasis-enabled);
  }

  .stepper .stepper-step-detailed-step-active .step-icon {
    margin-right: calc(var(--spacing, .25rem) * 2);
    border-radius: var(--novoui-radius-x-large);
    background-color: var(--novoui-background-accent-blue-light);
    fill: var(--novoui-fill-general-high-emphasis-enabled);
    padding: calc(var(--spacing, .25rem) * 2);
  }

  .stepper .stepper-step-detailed-step-complete {
    background-color: var(--novoui-background-notifications-and-tags-success-light);
  }

  .stepper .stepper-step-detailed-step-complete .step-name, .stepper .stepper-step-detailed-step-complete .stepper-step-description {
    color: var(--novoui-text-color-notifications-and-tags-on-subtle-sucess);
  }

  .stepper .stepper-step-detailed-step-complete .step-icon {
    margin-right: calc(var(--spacing, .25rem) * 2);
    border-radius: var(--novoui-radius-x-large);
    background-color: var(--novoui-background-general-high-emphasis-enabled);
    fill: var(--novoui-fill-general-inverted);
    padding: calc(var(--spacing, .25rem) * 2);
  }

  .stepper .stepper-step-detailed-step-inactive {
    background-color: var(--novoui-background-general-low-emphasis-enabled);
    color: var(--novoui-sand-grey-4);
  }

  .stepper .stepper-step-detailed-step-inactive .step-name, .stepper .stepper-step-detailed-step-inactive .stepper-step-description {
    color: var(--novoui-text-color-disabled-medium);
  }

  .stepper .stepper-step-detailed-step-inactive .step-icon {
    margin-right: calc(var(--spacing, .25rem) * 2);
    border-radius: var(--novoui-radius-x-large);
    background-color: var(--novoui-background-general-strong);
    fill: var(--novoui-sand-grey-4);
    padding: calc(var(--spacing, .25rem) * 2);
  }

  .stepper .stepper-step-detailed-step-inactive .step-action-icon {
    fill: var(--novoui-sand-grey-4);
    color: var(--novoui-sand-grey-4);
  }

  .switch {
    --novoui-switch-width: 42px;
    --novoui-switch-height: 24px;
    --novoui-switch-toggle-diameter: 18px;
    --novoui-switch-icon-width: 16px;
    --novoui-switch-icon-margin: 1px;
    --novoui-switch-toggle-offset: calc((var(--novoui-switch-height)  - var(--novoui-switch-toggle-diameter)) / 2 - 1px);
    --novoui-switch-default-bg: var(--novoui-background-selection-switch-base-enabled);
    --novoui-switch-default-bg-hover: var(--novoui-background-selection-switch-base-hover);
    --novoui-selected-bg: var(--novoui-background-selection-selected-enabled);
    --novoui-selected-bg-hover: var(--novoui-background-selection-selected-hover);
    --novoui-switch-default-shadow: none;
    --novoui-switch-label-color: var(--novoui-text-color-selection-selected);
    border-radius: var(--novoui-radius-x-large);
    margin-block: calc(var(--spacing, .25rem) * 2);
    align-items: center;
    display: inline-flex;
  }

  .switch:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .switch .switch-icon {
    fill: var(--novoui-fill-selection-selected);
  }

  .switch .switch-label {
    word-break: break-word;
    cursor: pointer;
    font-size: var(--novoui-ui-control-14);
    line-height: var(--tw-leading, var(--novoui-ui-control-14--line-height));
    padding-inline: calc(var(--spacing, .25rem) * 2);
    color: var(--novoui-switch-label-color);
    flex: 1;
  }

  .switch-error {
    --novoui-selected-bg: var(--novoui-background-alert-high-emphasis-enabled);
    --novoui-selected-bg-hover: var(--novoui-background-alert-high-emphasis-hover);
    --novoui-switch-default-bg-hover: var(--novoui-background-alert-low-emphasis-hover);
  }

  .switch-error .switch-label {
    --novoui-switch-label-color: var(--novoui-text-color-alert-active);
  }

  .switch-error .switch-icon {
    fill: var(--novoui-fill-alert-enabled);
  }

  .switch-error .switch-slider {
    border-color: var(--novoui-border-alert-enabled);
    background-color: var(--novoui-background-selection-switch-base-error);
  }

  .switch-error:hover .switch-slider {
    border-color: var(--novoui-border-alert-hover);
  }

  .switch-success {
    --novoui-selected-bg: var(--novoui-success);
    --novoui-selected-bg-hover: var(--novoui-success-hover);
  }

  .switch-success .switch-label {
    --novoui-switch-label-color: var(--novoui-success);
  }

  .switch-md {
    --novoui-switch-width: 42px;
    --novoui-switch-height: 24px;
    --novoui-switch-toggle-diameter: 18px;
    --novoui-switch-icon-margin: 1px;
  }

  .switch-md .switch-label {
    padding-inline: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-ui-control-14);
    line-height: var(--tw-leading, var(--novoui-ui-control-14--line-height));
  }

  .switch-lg {
    --novoui-switch-width: 56px;
    --novoui-switch-height: 32px;
    --novoui-switch-toggle-diameter: 24px;
    --novoui-switch-icon-width: 20px;
    --novoui-switch-icon-margin: 2px;
  }

  .switch-lg .switch-label {
    padding-inline: calc(var(--spacing, .25rem) * 4);
    font-size: var(--novoui-ui-control-16);
    line-height: var(--tw-leading, var(--novoui-ui-control-16--line-height));
  }

  .switch-disabled {
    pointer-events: none;
    --novoui-switch-default-bg: var(--novoui-background-disabled-medium);
    --novoui-switch-default-bg-hover: var(--novoui-background-disabled-medium);
    --novoui-selected-bg: var(--novoui-background-disabled-medium);
    --novoui-selected-bg-hover: var(--novoui-background-disabled-medium);
    transition-property: none;
  }

  .switch-disabled .switch-slider {
    box-shadow: none;
    border-color: var(--novoui-border-disabled-subtle);
    background-color: var(--novoui-background-disabled-medium);
  }

  .switch-disabled .switch-slider:after {
    background-color: var(--novoui-background-selection-enabled);
  }

  .switch-disabled .switch-icon {
    fill: var(--novoui-fill-disabled-subtle);
  }

  .switch-disabled .switch-label {
    --novoui-switch-label-color: var(--novoui-text-color-disabled-subtle);
  }

  .switch-slider {
    height: var(--novoui-switch-height);
    width: var(--novoui-switch-width);
    cursor: pointer;
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--novoui-border-selection-enabled);
    background-color: var(--novoui-switch-default-bg);
    box-shadow: var(--novoui-switch-default-shadow);
    border-radius: 16px;
    display: inline-block;
    position: relative;
  }

  @media (hover: hover) {
    .switch-slider:hover {
      background-color: var(--novoui-switch-default-bg-hover);
    }
  }

  .switch-icon {
    top: 50%;
    left: var(--novoui-switch-toggle-offset);
    z-index: 10;
    width: var(--novoui-switch-icon-width);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    fill: var(--novoui-selected-bg);
    opacity: 0;
    transition-property: left opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .3s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    position: absolute;
  }

  .switch-slider:after {
    top: var(--novoui-switch-toggle-offset);
    left: var(--novoui-switch-toggle-offset);
    height: var(--novoui-switch-toggle-diameter);
    width: var(--novoui-switch-toggle-diameter);
    border-radius: calc(var(--novoui-switch-toggle-diameter) / 2);
    background-color: var(--novoui-background-general-base);
    --tw-shadow: 0px 8px 16px var(--tw-shadow-color, #15213314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: left;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .3s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    --tw-content: "";
    content: var(--tw-content);
    display: inline-block;
    position: absolute;
  }

  .switch-control:checked + .switch .switch-slider {
    background-color: var(--novoui-selected-bg);
  }

  @media (hover: hover) {
    .switch-control:checked:hover + .switch .switch-slider {
      background-color: var(--novoui-selected-bg-hover);
    }

    .switch-control:checked:hover + .switch.switch-error .switch-slider {
      --novoui-selected-bg: var(--novoui-background-alert-high-emphasis-hover);
      border-color: var(--novoui-border-alert-hover);
    }
  }

  .switch-control:checked + .switch .switch-slider .switch-icon {
    left: calc(var(--novoui-switch-width)  - var(--novoui-switch-toggle-diameter)  - var(--novoui-switch-toggle-offset)  + var(--novoui-switch-icon-margin)  - 2px);
    opacity: 1;
  }

  .switch-control:checked + .switch .switch-slider:after {
    left: calc(var(--novoui-switch-width)  - var(--novoui-switch-toggle-diameter)  - var(--novoui-switch-toggle-offset)  - 2px);
  }

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

  .switch-control {
    z-index: 1;
    appearance: none;
    width: 1px;
    height: 1px;
    position: absolute;
  }

  .switch-control:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .table {
    --novoui-table-header-border: var(--novoui-border-table-light);
    --novoui-table-body-border: var(--novoui-border-table-light);
    border-collapse: separate;
    --tw-border-spacing-x: calc(var(--spacing, .25rem) * 0);
    --tw-border-spacing-y: calc(var(--spacing, .25rem) * 0);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    width: 100%;
  }

  .table-resizable-columns th:last-child, .table-resizable-columns td:last-child {
    width: auto;
  }

  .table-prepended-container {
    display: grid;
  }

  .table-prepended-head {
    border-top-left-radius: var(--novoui-radius-large);
    border-top-right-radius: var(--novoui-radius-large);
    background-color: var(--novoui-background-table-header-light);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 1);
    text-align: center;
    font-size: var(--novoui-ui-table-12);
    line-height: var(--tw-leading, var(--novoui-ui-table-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-table-primary);
  }

  .table-prepended-first-column.table-container {
    border-top-left-radius: 0;
  }

  .table-prepended-last-column.table-container {
    border-top-right-radius: 0;
  }

  .table-head:has(.table-head-row-light) {
    background-color: var(--novoui-background-table-header-light);
  }

  .table-head:has(.table-head-row-dark) {
    background-color: var(--novoui-background-table-header-dark);
  }

  .table-freeze-first-column .table-head-row > .table-head-row-cell:first-child, .table-freeze-first-column .table-body-row > .table-body-row-cell:first-child {
    left: calc(var(--spacing, .25rem) * 0);
    z-index: 36;
    background-color: var(--novoui-background-general-base);
    position: sticky;
  }

  .table-freeze-first-column .table-head-row > .table-head-row-cell:first-child {
    background-color: var(--novoui-background-table-header-light);
  }

  .table-freeze-first-column .table-head-row-dark > .table-head-row-cell:first-child {
    background-color: var(--novoui-background-table-header-dark);
  }

  .table-rounded-container {
    margin-top: calc(var(--spacing, .25rem) * 16);
    max-height: inherit;
    overflow: auto;
  }

  .table-container {
    border-radius: var(--novoui-radius-large);
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--novoui-border-table-light);
    position: relative;
    overflow: hidden;
  }

  .table-container.table-transparent {
    border-color: #0000;
  }

  .table-container.table-transparent .table-head-row {
    background-color: var(--novoui-background-table-header-transparent);
  }

  .table-expandable > tr:nth-last-child(2) > td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .table tr td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-bottom-color: var(--novoui-table-body-border);
  }

  .table tr th {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-bottom-color: var(--novoui-table-header-border);
  }

  .table thead > tr.th-hidden-before-width-adjustment > th {
    opacity: 0;
  }

  .table thead > tr.th-post-adjustment > th {
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  }

  .table tr:last-child td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .table-col-border tr th {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-right-color: var(--novoui-table-header-border);
  }

  .table-col-border tr th:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .table-col-border tr td {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-right-color: var(--novoui-table-body-border);
  }

  .table-col-border tr td:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .table-windows-scroll-bar tbody > tr > td:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--novoui-border-table-light);
  }

  .table-head {
    top: calc(var(--spacing, .25rem) * 0);
    width: 100%;
    position: absolute;
  }

  .table-head-row {
    z-index: 30;
    height: calc(var(--spacing, .25rem) * 16);
    background-color: var(--novoui-background-table-header-light);
    width: 100%;
    display: flex;
  }

  .table-head-row-cell {
    height: inherit;
    padding: calc(var(--spacing, .25rem) * 0);
    padding-right: calc(var(--spacing, .25rem) * 2);
    place-content: center;
    position: relative;
  }

  .table-head-row-cell-content {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    width: calc(100% - 8px);
    height: calc(100% - 1px);
    padding-left: 22px;
    display: flex;
  }

  @media print {
    .table-head-row-cell-content {
      display: none;
    }
  }

  .table-head-row-cell-content-print {
    display: none;
  }

  @media print {
    .table-head-row-cell-content-print {
      display: flex;
    }
  }

  .table-head-row-cell-right {
    padding-right: 14px;
    padding-left: calc(var(--spacing, .25rem) * 0);
    justify-content: flex-end;
  }

  .table-head-row-cell-unsortable {
    cursor: default;
  }

  .table-head-row-cell-header {
    text-align: left;
    font-size: var(--novoui-ui-table-12);
    line-height: var(--tw-leading, var(--novoui-ui-table-12--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-table-primary);
    text-transform: uppercase;
  }

  .table-head-row-cell-subheader {
    text-align: left;
    font-size: var(--novoui-ui-table-12);
    line-height: var(--tw-leading, var(--novoui-ui-table-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-table-secondary);
  }

  .table-head-row-cell-sort {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    fill: var(--novoui-fill-table-primary);
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    flex-shrink: 0;
  }

  .table-head-row-cell-sort-shown {
    opacity: 1;
  }

  .table-head-row-cell-sort svg {
    fill: currentColor;
  }

  .table-head-row-cell-tooltip {
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 3);
    color: var(--novoui-text-color-general-secondary);
  }

  .table-head-row-cell-tooltip svg {
    fill: currentColor;
  }

  .table-head-resizer {
    top: calc(var(--spacing, .25rem) * 0);
    right: calc(var(--spacing, .25rem) * 0);
    height: 100%;
    width: calc(var(--spacing, .25rem) * 2);
    cursor: col-resize;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
  }

  .table-head-resizer:hover, .table-head-resizing {
    border-right-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-right-width: 1px;
    border-color: var(--novoui-border-general-high-emphasis-enabled);
    height: 100svh;
  }

  .table-head-row-sticky {
    top: calc(var(--spacing, .25rem) * 0);
    z-index: 36;
    position: sticky;
  }

  .table-head-row-light {
    background-color: var(--novoui-background-table-header-light);
  }

  .table-head-row-dark {
    --novoui-table-header-border: var(--novoui-border-table-dark);
    background-color: var(--novoui-background-table-header-dark);
  }

  .table-head-row-dark .table-head-row-cell-header {
    color: var(--novoui-text-color-table-inverted);
  }

  .table-head-row-dark .table-head-row-cell-subheader {
    color: var(--novoui-neutral-3);
  }

  .table-head-row-dark .table-head-row-cell-sort {
    color: var(--novoui-text-color-table-inverted);
  }

  .table-head-row-dark .table-head-row-cell-tooltip {
    color: var(--novoui-neutral-3);
  }

  .table .card-drag-small {
    height: calc(var(--spacing, .25rem) * 10);
    grid-template-rows: .2rem auto .2rem;
    position: fixed;
  }

  .table-card-drag-initial-position {
    position: absolute;
  }

  .table-card-drag-cell {
    height: calc(var(--spacing, .25rem) * 0);
    width: calc(var(--spacing, .25rem) * 0);
    --tw-border-style: none;
    padding: calc(var(--spacing, .25rem) * 0);
    border-style: none;
  }

  .table-body-resize-helper td {
    --tw-border-style: none;
    border-style: none;
    font-size: 0;
  }

  .table-body-row {
    height: calc(var(--spacing, .25rem) * 12);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--novoui-border-table-light);
  }

  .table-body-row:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .table-body-row-cell {
    padding-inline: 22px;
    padding-block: calc(var(--spacing, .25rem) * 0);
    font-size: var(--novoui-ui-table-14);
    line-height: var(--tw-leading, var(--novoui-ui-table-14--line-height));
    color: var(--novoui-text-color-table-primary);
    align-items: center;
  }

  .table-body-row-details {
    z-index: -1;
    background-color: var(--novoui-background-table-hover);
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-delay: 0s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    position: absolute;
  }

  .table-body-row-details.table-inside-table {
    width: 100%;
    position: static;
    overflow-y: auto;
  }

  .table-body-row-details.table-inside-table .table-inside-table-td {
    --tw-border-style: none;
    border-style: none;
  }

  .table-body-row-details.table-inside-table .table-inside-table-td .table-rounded-container {
    margin-top: calc(var(--spacing, .25rem) * 0);
  }

  .table-body-row-details.table-inside-table .table-inside-table-td .table-rounded-container thead {
    position: static;
  }

  .table-body-row-details.table-inside-table .table-inside-table-td .table-rounded-container thead tr {
    display: table-row;
    position: static;
  }

  .table-body-row-details.table-inside-table .table-inside-table-td .table .table-body-row {
    background-color: var(--novoui-background-general-base);
  }

  .table-body-row-details.table-inside-table .table-inside-table-td .table.table-interactive > tbody > .table-body-row:hover {
    background-color: var(--novoui-background-table-hover);
  }

  .table-body-row-details.table-inside-table .table-inside-table-td .table.table-interactive > tbody > .table-body-row:active {
    background-color: var(--novoui-background-table-active);
  }

  .table-body-row-details.table-body-row-details-content-enter-from, .table-body-row-details.table-body-row-details-content-leave-to {
    opacity: 0;
  }

  .table-body-row-details-content-enter-active, .table-body-row-details-content-leave-active {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  }

  .table-body-row-details-cell {
    padding-inline: calc(var(--spacing, .25rem) * 16);
    padding-block: 22px;
  }

  .table-body-row-details-active {
    z-index: auto;
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  }

  .table-body-row-details-active-post-transition {
    position: relative;
  }

  .table-body-row-details-transition-helper {
    height: 35rem;
  }

  .table-body-row-details-transition-helper-active {
    position: absolute;
  }

  .table-body-row-details-enter-from, .table-body-row-details-leave-to {
    max-height: calc(var(--spacing, .25rem) * 0);
  }

  .table-body-row-details-enter-active, .table-body-row-details-leave-active {
    transition-property: max-height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  }

  .table-body-row-details-td-wrapper {
    border-style: var(--tw-border-style);
    --tw-border-style: none;
    padding: calc(var(--spacing, .25rem) * 0);
    border-style: none;
    border-width: 0;
  }

  .table-body-row-disabled {
    pointer-events: none;
    background-color: var(--novoui-background-table-enabled);
  }

  .table-body-row-disabled .table-body-row-cell {
    color: var(--novoui-text-color-disabled-medium);
  }

  .table-body-row-empty td {
    text-align: center;
    color: var(--novoui-text-color-general-secondary);
  }

  .table-body-row-drag-active {
    opacity: .3;
  }

  .table-body-row-drag-active > td {
    background-color: var(--novoui-background-table-hover);
  }

  .table-body-row-drag-active.table-body-row-drag-marker {
    box-shadow: none;
  }

  .table-body-row-drag-marker {
    box-shadow: 0 2px 0 0 var(--novoui-background-table-active-hover);
    position: relative;
  }

  .table-mark-drag-row-bottom.table-container {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-bottom-color: var(--novoui-border-general-high-emphasis-enabled);
  }

  .table-mark-drag-row-top.table-container {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-top-color: var(--novoui-border-general-high-emphasis-enabled);
  }

  .table .table-head-mark-drag-row-top > th {
    box-shadow: 0 2px 0 0 var(--novoui-text-color-table-primary);
  }

  .table-fake-row-for-drag-animation {
    pointer-events: none;
    z-index: 1;
    --tw-translate-y: -100%;
    width: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: var(--novoui-background-general-base);
    animation-duration: .15s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    display: grid;
    position: fixed;
  }

  .table-fake-row-for-drag-animation > td {
    padding-block: calc(var(--spacing, .25rem) * 4);
  }

  .table-fake-row-for-drag-animation-below {
    animation-name: table-row-drag-below-animation;
  }

  .table-fake-row-for-drag-animation-above {
    animation-name: table-row-drag-above-animation;
  }

  .table-row-action {
    width: calc(var(--spacing, .25rem) * 12);
    padding-left: 22px;
    padding-right: 10px;
  }

  .table-row-action-expand {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    rotate: none;
  }

  .table-row-action-expand-active {
    rotate: 90deg;
  }

  .table-row-action svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    cursor: pointer;
    fill: currentColor;
  }

  .table-row-menu {
    width: calc(var(--spacing, .25rem) * 12);
    padding-inline: calc(var(--spacing, .25rem) * 2);
  }

  .table-row-lg {
    height: calc(var(--spacing, .25rem) * 16);
  }

  .table-row-lg.table-body-row-empty {
    height: 108px;
  }

  .table-row-md {
    height: calc(var(--spacing, .25rem) * 12);
  }

  .table-row-md.table-body-row-empty {
    height: 108px;
  }

  @media (hover: hover) {
    .table-drag-active.table-interactive :not(.table-body-row-empty).table-body-row:hover, .table-drag-active.table-interactive :not(.table-body-row-empty).table-body-row-hover, .table-drag-active.table-interactive-first-col :not(.table-body-row-empty).table-body-row > td:first-child:hover {
      background-color: #0000;
    }

    .table-drag-active.table-interactive-first-col :not(.table-body-row-empty).table-body-row > td:first-child-hover {
      background-color: #0000;
    }
  }

  .table-interactive :not(.table-body-row-empty).table-body-row {
    cursor: pointer;
  }

  @media (hover: hover) {
    .table-interactive :not(.table-body-row-empty).table-body-row:hover, .table-interactive :not(.table-body-row-empty).table-body-row-hover {
      background-color: var(--novoui-background-table-hover);
    }
  }

  .table-interactive :not(.table-body-row-empty).table-body-row:active, .table-interactive :not(.table-body-row-empty).table-body-row-active, .table-interactive :not(.table-body-row-empty).table-body-row-selected {
    background-color: var(--novoui-background-table-active);
  }

  .table-interactive :not(.table-body-row-empty).table-body-row:hover.table-body-row-selected, .table-interactive :not(.table-body-row-empty).table-body-row-hover.table-body-row-selected {
    background-color: var(--novoui-background-table-active-hover);
  }

  .table-interactive .table-body-row-disabled {
    cursor: default;
    background-color: var(--novoui-background-table-enabled);
  }

  @media (hover: hover) {
    .table-interactive .table-body-row-disabled:hover, .table-interactive .table-body-row-disabled-hover {
      background-color: var(--novoui-background-general-base);
    }
  }

  .table-interactive .table-body-row-disabled:active, .table-interactive .table-body-row-disabled-active, .table-interactive .table-body-row-disabled-selected {
    background-color: var(--novoui-background-table-active-hover);
  }

  .table-interactive .table-body-row-disabled:hover.table-body-row-selected, .table-interactive .table-body-row-disabled-hover.table-body-row-selected {
    background-color: var(--novoui-background-general-base);
  }

  .table-interactive > tbody > tr > td:first-child, .table-interactive > thead > tr > th:first-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .table-interactive-first-col :not(.table-body-row-empty).table-body-row > td:first-child {
    cursor: pointer;
  }

  @media (hover: hover) {
    .table-interactive-first-col :not(.table-body-row-empty).table-body-row > td:first-child:hover {
      background-color: var(--novoui-background-table-hover);
    }

    .table-interactive-first-col :not(.table-body-row-empty).table-body-row > td:first-child-hover {
      background-color: var(--novoui-background-table-hover);
    }
  }

  .table-interactive-first-col :not(.table-body-row-empty).table-body-row > td:first-child:active {
    background-color: var(--novoui-background-table-active-hover);
  }

  .table-interactive-first-col :not(.table-body-row-empty).table-body-row > td:first-child-active {
    background-color: var(--novoui-background-table-active-hover);
  }

  .table-interactive-first-col :not(.table-body-row-empty).table-body-row > td:first-child-selected {
    background-color: var(--novoui-background-table-active-hover);
  }

  .table-interactive-first-col :not(.table-body-row-empty).table-body-row > td:first-child:hover.table-body-row-selected {
    background-color: var(--novoui-background-table-active-hover);
  }

  .table-interactive-first-col :not(.table-body-row-empty).table-body-row > td:first-child-hover.table-body-row-selected {
    background-color: var(--novoui-background-table-active-hover);
  }

  .table-interactive-first-col .table-body-row-disabled {
    cursor: default;
    pointer-events: none;
    background-color: var(--novoui-background-table-enabled);
  }

  @media (hover: hover) {
    .table-interactive-first-col .table-body-row-disabled:hover, .table-interactive-first-col .table-body-row-disabled-hover {
      background-color: var(--novoui-background-table-enabled);
    }
  }

  .table-interactive-first-col .table-body-row-disabled:active, .table-interactive-first-col .table-body-row-disabled-active, .table-interactive-first-col .table-body-row-disabled-selected, .table-interactive-first-col .table-body-row-disabled:hover.table-body-row-selected, .table-interactive-first-col .table-body-row-disabled-hover.table-body-row-selected {
    background-color: var(--novoui-background-table-enabled);
  }

  .table-interactive-first-col > tbody > tr > td:first-child, .table-interactive-first-col > thead > tr > th:first-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  @keyframes table-row-drag-below-animation {
    0% {
      transform: translateY(0);
    }

    to {
      transform: translateY(-100%);
    }
  }

  @keyframes table-row-drag-above-animation {
    0% {
      transform: translateY(0);
    }

    to {
      transform: translateY(100%);
    }
  }

  .tabs {
    position: relative;
  }

  .tabs, .tabs-scroll {
    display: flex;
    overflow-x: auto;
  }

  .tabs-wrap {
    display: block;
    overflow: auto;
  }

  .tabs-content {
    padding: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    color: var(--novoui-text-color-general-secondary);
  }

  .tabs-sticky {
    top: calc(var(--spacing, .25rem) * 0);
    background-color: var(--novoui-background-general-base);
    position: sticky;
  }

  .tabs-fill-container {
    display: grid;
  }

  .tabs-fill-container > li {
    overflow: hidden;
  }

  .tabs:after {
    bottom: calc(var(--spacing, .25rem) * 0);
    z-index: -1;
    background-color: var(--novoui-border-general-medium);
    --tw-content: "";
    content: var(--tw-content);
    width: 100%;
    height: 1px;
    position: absolute;
  }

  .tab {
    --novoui-tab-top-padding-hover: 13px;
    --novoui-tab-bg-hover: var(--novoui-background-tabs-hover);
    --novoui-tab-text-hover: var(--novoui-text-color-tabs-hover);
    --novoui-tab-text-active: var(--novoui-text-color-tabs-active);
    --novoui-tab-border-hover: var(--novoui-border-tabs-hover);
    --novoui-tab-border-active: var(--novoui-border-tabs-active);
    background-color: var(--novoui-background-general-base);
    vertical-align: top;
    font-size: var(--novoui-ui-button-14);
    line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-general-secondary);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    padding-inline: calc(var(--spacing, .25rem) * 6);
    padding-block: calc(var(--spacing, .25rem) * 3);
    box-sizing: border-box;
    height: calc(var(--spacing, .25rem) * 10);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--novoui-border-general-medium);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    display: inline-flex;
  }

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

  .tab-fill-container {
    justify-content: center;
    width: 100%;
  }

  .tab-fill-container > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .tab svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    fill: currentColor;
  }

  .tab-disabled, .tab:disabled, .tab[disabled] {
    pointer-events: none;
    color: var(--novoui-text-color-disabled-medium);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--novoui-border-disabled-subtle);
    background-color: #0000;
  }

  .tab-disabled.tab-active, .tab-disabled:active, .tab-disabled[active], .tab:disabled.tab-active, .tab:disabled:active, .tab:disabled[active], .tab[disabled].tab-active, .tab[disabled]:active, .tab[disabled][active] {
    border-color: var(--novoui-border-disabled-subtle);
    color: var(--novoui-text-color-disabled-medium);
  }

  .tab:focus-visible, .tab-focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: calc(2px * -1);
    outline-width: 2px;
  }

  @media (hover: hover) {
    .tab:hover, .tab-hover {
      border-color: var(--novoui-tab-border-hover);
      background-color: var(--novoui-tab-bg-hover);
      padding-top: var(--novoui-tab-top-padding-hover);
      color: var(--novoui-tab-text-hover);
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 2px;
    }
  }

  .tab:active, .tab.tab-active {
    border-color: var(--novoui-tab-border-active);
    padding-top: var(--novoui-tab-top-padding-hover);
    color: var(--novoui-tab-text-active);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .tab, .tab-primary {
    --novoui-tab-bg-hover: var(--novoui-background-tabs-hover);
    --novoui-tab-text-hover: var(--novoui-text-color-tabs-hover);
    --novoui-tab-text-active: var(--novoui-text-color-tabs-active);
    --novoui-tab-border-hover: var(--novoui-border-tabs-hover);
    --novoui-tab-border-active: var(--novoui-border-tabs-active);
  }

  .tab-md {
    height: calc(var(--spacing, .25rem) * 10);
    font-size: var(--novoui-ui-button-14);
    line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .tab-md svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  .tab-lg {
    height: calc(var(--spacing, .25rem) * 12);
    font-size: var(--novoui-ui-button-16);
    line-height: var(--tw-leading, var(--novoui-ui-button-16--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .tab-lg svg:only-child {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
  }

  .text-area {
    --label-from-top: 16px;
    --label-fill-transform: 10px;
    height: auto;
  }

  .text-area textarea::-webkit-resizer {
    background-image: url("data:image/svg+xml;utf8,<svg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.7729 0.227096C11.4701 -0.0756986 10.9792 -0.0756988 10.6764 0.227096L0.227096 10.6764C-0.0756988 10.9792 -0.0756986 11.4701 0.227096 11.7729C0.529891 12.0757 1.02082 12.0757 1.32361 11.7729L11.7729 1.32361C12.0757 1.02082 12.0757 0.529891 11.7729 0.227096ZM11.7729 6.36785C11.4701 6.06505 10.9792 6.06505 10.6764 6.36785L6.36782 10.6764C6.06503 10.9792 6.06503 11.4701 6.36782 11.7729C6.67062 12.0757 7.16155 12.0757 7.46434 11.7729L11.7729 7.46437C12.0757 7.16157 12.0757 6.67064 11.7729 6.36785Z' fill='%23dcdee5'/></svg>");
    background-repeat: no-repeat;
    background-size: 12px;
  }

  .text-area.input-invalid:not(.input-disabled) textarea::-webkit-resizer {
    background-image: url("data:image/svg+xml;utf8,<svg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.7729 0.227096C11.4701 -0.0756986 10.9792 -0.0756988 10.6764 0.227096L0.227096 10.6764C-0.0756988 10.9792 -0.0756986 11.4701 0.227096 11.7729C0.529891 12.0757 1.02082 12.0757 1.32361 11.7729L11.7729 1.32361C12.0757 1.02082 12.0757 0.529891 11.7729 0.227096ZM11.7729 6.36785C11.4701 6.06505 10.9792 6.06505 10.6764 6.36785L6.36782 10.6764C6.06503 10.9792 6.06503 11.4701 6.36782 11.7729C6.67062 12.0757 7.16155 12.0757 7.46434 11.7729L11.7729 7.46437C12.0757 7.16157 12.0757 6.67064 11.7729 6.36785Z' fill='%23c44836'/></svg>");
  }

  .text-area.input-disabled::-webkit-resizer {
    background-image: url("data:image/svg+xml;utf8,<svg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.7729 0.227096C11.4701 -0.0756986 10.9792 -0.0756988 10.6764 0.227096L0.227096 10.6764C-0.0756988 10.9792 -0.0756986 11.4701 0.227096 11.7729C0.529891 12.0757 1.02082 12.0757 1.32361 11.7729L11.7729 1.32361C12.0757 1.02082 12.0757 0.529891 11.7729 0.227096ZM11.7729 6.36785C11.4701 6.06505 10.9792 6.06505 10.6764 6.36785L6.36782 10.6764C6.06503 10.9792 6.06503 11.4701 6.36782 11.7729C6.67062 12.0757 7.16155 12.0757 7.46434 11.7729L11.7729 7.46437C12.0757 7.16157 12.0757 6.67064 11.7729 6.36785Z' fill='%23dfdad5'/></svg>");
  }

  .text-area :not(.input-field-outline, .input-field-outline-light).input-field {
    border-top-style: var(--tw-border-style);
    height: 100%;
    min-height: 110px;
    padding-top: calc(var(--spacing, .25rem) * 0);
    border-top-width: 28px;
    border-top-color: var(--novoui-input-bg);
    grid-row-start: 1;
  }

  .text-area :not(.input-field-outline, .input-field-outline-light).input-field + .input-label {
    top: calc(var(--label-from-top)  + var(--label-fill-transform));
    font-size: var(--novoui-ui-input-16);
    line-height: var(--tw-leading, var(--novoui-ui-input-16--line-height));
  }

  @media (hover: hover) {
    .text-area :not(.input-field-outline, .input-field-outline-light).input-field:hover, .text-area :not(.input-field-outline, .input-field-outline-light).input-field-hover {
      border-top-color: var(--novoui-input-bg);
    }
  }

  .text-area :not(.input-field-outline, .input-field-outline-light).input-field-focus, .text-area :not(.input-field-outline, .input-field-outline-light).input-field:focus, .text-area :not(.input-field-outline, .input-field-outline-light).input-field[focus] {
    border-top-color: var(--novoui-input-bg-active);
  }

  .text-area :not(.input-field-outline, .input-field-outline-light).input-field-focus + .input-label, .text-area :not(.input-field-outline, .input-field-outline-light).input-field:focus + .input-label, .text-area :not(.input-field-outline, .input-field-outline-light).input-field[focus] + .input-label {
    --novoui-input-label-translate-y: 18px;
    top: calc(var(--label-from-top)  + var(--label-fill-transform));
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .text-area .input-field {
    --novoui-input-padding-top: 12px;
    vertical-align: middle;
    height: auto;
    min-height: 104px;
    overflow: auto;
  }

  .text-area .input-assistive {
    margin-top: calc(var(--spacing, .25rem) * 1);
    grid-column: 1 / -1;
    position: relative;
    bottom: auto;
  }

  .text-area .input-assistive-right > span {
    text-align: right;
    width: 100%;
  }

  .time-picker {
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--novoui-border-general-subtle);
    background-color: var(--novoui-background-general-elevated);
    --tw-shadow: 0px 16px 24px var(--tw-shadow-color, #16223314), 0px 4px 8px var(--tw-shadow-color, #16223314);
    width: 181px;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    overflow: hidden;
  }

  .time-picker-windows {
    width: 211px;
  }

  .time-picker-lg {
    height: 265px;
  }

  .time-picker-lg .time-picker-lists {
    height: 208px;
    font-size: var(--novoui-ui-label-16);
    line-height: var(--tw-leading, var(--novoui-ui-label-16--line-height));
  }

  .time-picker-md {
    height: 233px;
  }

  .time-picker-md .time-picker-lists {
    height: 176px;
    font-size: var(--novoui-ui-label-16);
    line-height: var(--tw-leading, var(--novoui-ui-label-16--line-height));
  }

  .time-picker-sm {
    height: 233px;
  }

  .time-picker-sm .time-picker-lists {
    height: 176px;
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .time-picker-xs {
    height: 201px;
  }

  .time-picker-xs .time-picker-lists {
    height: 152px;
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .time-picker-ampm {
    width: 272px;
  }

  .time-picker-ampm.time-picker-windows {
    width: 355px;
  }

  .time-picker-fill {
    border-bottom-right-radius: var(--novoui-radius);
    border-bottom-left-radius: var(--novoui-radius);
  }

  .time-picker-outline {
    border-radius: var(--novoui-radius);
  }

  .time-picker-lists {
    display: flex;
  }

  .time-picker-lists .time-picker-list .time-picker-list-item > .button {
    justify-items: center;
  }

  .time-picker-list {
    scroll-behavior: smooth;
    width: 100%;
    padding-top: calc(var(--spacing, .25rem) * 1.5);
    overflow: auto;
  }

  .time-picker-list + .time-picker-list {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--novoui-border-general-subtle);
  }

  .time-picker-list:first-child {
    border-top-left-radius: var(--novoui-radius);
  }

  .time-picker-list:last-child {
    border-top-right-radius: var(--novoui-radius);
  }

  .time-picker-list > .list-item {
    grid-template-columns: var(--novoui-list-padding-x) var(--left-indentation) 1fr var(--left-indentation) var(--right-indentation) var(--novoui-list-padding-x);
  }

  .time-picker-list > .list-item > svg.list-item-selection {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  .time-picker-list-item {
    --left-indentation: 1.25rem;
    justify-items: center;
  }

  .time-picker-footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--novoui-border-general-subtle);
    padding: calc(var(--spacing, .25rem) * 2);
    justify-content: space-between;
    display: flex;
  }

  .time-picker-input-outline {
    padding-bottom: calc(var(--spacing, .25rem) * 1);
  }

  .time-picker-input-picker {
    overflow: hidden;
  }

  .time-picker-enter-active, .time-picker-leave-active {
    transition: height .2s ease-in-out, opacity .2s ease-in-out;
  }

  .time-picker-enter-from, .time-picker-leave-to {
    opacity: 0;
    height: 0;
  }

  .tooltip {
    visibility: hidden;
    left: calc(var(--spacing, .25rem) * 8);
    z-index: 35;
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    width: max-content;
    max-width: 14rem;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    border-radius: var(--novoui-radius-small);
    background-color: var(--novoui-background-tooltip-enabled);
    padding: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    --tw-leading: calc(var(--spacing, .25rem) * 4);
    line-height: calc(var(--spacing, .25rem) * 4);
    color: var(--novoui-text-color-tooltip-enabled);
    opacity: 0;
    --tw-shadow: 0px 16px 24px var(--tw-shadow-color, #16223314), 0px 4px 8px var(--tw-shadow-color, #16223314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    justify-content: center;
    transition: transform .2s, opacity .2s, visibility;
    display: flex;
    position: absolute;
  }

  .tooltip.shown {
    visibility: visible;
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .tooltip-container {
    display: inline-flex;
    position: relative;
  }

  .tooltip-light {
    background-color: var(--novoui-background-general-medium-emphasis-hover);
    color: var(--novoui-text-color-general-primary);
  }

  .tooltip-content-slot {
    grid-template-columns: 1fr auto;
    align-items: flex-start;
    gap: 1rem 10px;
    display: grid;
  }

  .tooltip-up {
    visibility: hidden;
    transform-origin: bottom;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    top: -.75rem;
    left: 50%;
  }

  .tooltip-up.tooltip-indicator:after {
    bottom: calc(var(--spacing, .25rem) * 0);
    height: calc(var(--spacing, .25rem) * 0);
    width: calc(var(--spacing, .25rem) * 0);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-top-style: var(--tw-border-style);
    border-top-width: 8px;
    border-right-style: var(--tw-border-style);
    border-right-width: 5px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 8px;
    border-left-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-color: #0000;
    border-left-width: 5px;
    border-top-color: var(--novoui-true-blue-10);
    --tw-content: "";
    content: var(--tw-content);
    position: absolute;
    left: 50%;
  }

  .tooltip-up.tooltip-indicator.tooltip-light:after {
    border-top-color: var(--novoui-sea-blue-1);
  }

  .tooltip-up.shown {
    visibility: visible;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .tooltip-down {
    visibility: hidden;
    transform-origin: top;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    bottom: -.75rem;
    left: 50%;
  }

  .tooltip-down.tooltip-indicator:after {
    top: calc(var(--spacing, .25rem) * 0);
    height: calc(var(--spacing, .25rem) * 0);
    width: calc(var(--spacing, .25rem) * 0);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-top-style: var(--tw-border-style);
    border-top-width: 8px;
    border-right-style: var(--tw-border-style);
    border-right-width: 5px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 8px;
    border-left-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-color: #0000;
    border-left-width: 5px;
    border-bottom-color: var(--novoui-true-blue-10);
    --tw-content: "";
    content: var(--tw-content);
    position: absolute;
    left: 50%;
  }

  .tooltip-down.tooltip-indicator.tooltip-light:after {
    border-bottom-color: var(--novoui-sea-blue-1);
  }

  .tooltip-down.shown {
    visibility: visible;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .tooltip-left {
    visibility: hidden;
    transform-origin: 100%;
    --tw-translate-x: calc(-100% - 12px);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    top: 50%;
    left: -.75rem;
  }

  .tooltip-left.tooltip-indicator:after {
    top: 50%;
    right: calc(var(--spacing, .25rem) * 0);
    height: calc(var(--spacing, .25rem) * 0);
    width: calc(var(--spacing, .25rem) * 0);
    --tw-translate-x: calc(100% - 1px);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-top-style: var(--tw-border-style);
    border-top-width: 5px;
    border-right-style: var(--tw-border-style);
    border-right-width: 8px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 5px;
    border-left-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-color: #0000;
    border-left-width: 8px;
    border-left-color: var(--novoui-true-blue-10);
    --tw-content: "";
    content: var(--tw-content);
    position: absolute;
  }

  .tooltip-left.tooltip-indicator.tooltip-light:after {
    border-left-color: var(--novoui-sea-blue-1);
  }

  .tooltip-left.shown {
    visibility: visible;
    --tw-translate-x: calc(-100% - 12px);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .tooltip-right {
    visibility: hidden;
    transform-origin: 0;
    --tw-translate-x: calc(100% + 12px);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    top: 50%;
    left: auto;
    right: -.75rem;
  }

  .tooltip-right.tooltip-indicator:after {
    top: 50%;
    left: calc(var(--spacing, .25rem) * 0);
    height: calc(var(--spacing, .25rem) * 0);
    width: calc(var(--spacing, .25rem) * 0);
    --tw-translate-x: calc(-100% + 1px);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-top-style: var(--tw-border-style);
    border-top-width: 5px;
    border-right-style: var(--tw-border-style);
    border-right-width: 8px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 5px;
    border-left-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-color: #0000;
    border-left-width: 8px;
    border-right-color: var(--novoui-true-blue-10);
    --tw-content: "";
    content: var(--tw-content);
    position: absolute;
  }

  .tooltip-right.tooltip-indicator.tooltip-light:after {
    border-right-color: var(--novoui-sea-blue-1);
  }

  .tooltip-right.shown {
    visibility: visible;
    --tw-translate-x: calc(100% + 12px);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .tooltip-icon-trigger {
    pointer-events: none;
    fill: var(--novoui-fill-general-primary);
  }

  .tooltip-hover-trigger:hover ~ .tooltip {
    visibility: visible;
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .tooltip-hover-trigger:hover ~ .tooltip-up {
    visibility: visible;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .tooltip-hover-trigger:hover ~ .tooltip-down {
    visibility: visible;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .tooltip-hover-trigger:hover ~ .tooltip-left {
    visibility: visible;
    --tw-translate-x: calc(-100% - 12px);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .tooltip-hover-trigger:hover ~ .tooltip-right {
    visibility: visible;
    --tw-translate-x: calc(100% + 12px);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .tooltip-fixed {
    position: fixed;
  }

  .tooltip-button-trigger > svg {
    pointer-events: none;
  }

  .tooltip-close-button {
    height: calc(var(--spacing, .25rem) * 4);
    min-height: 1rem;
    max-height: 1rem;
    width: calc(var(--spacing, .25rem) * 4);
    min-width: 1rem;
    max-width: 1rem;
  }

  .tooltip-close-button > svg, .tooltip-close-button > svg > path {
    fill: currentColor;
  }

  .tooltip-floating-ui {
    z-index: 35;
    border-radius: var(--novoui-radius-small);
    background-color: var(--novoui-background-tooltip-enabled);
    width: max-content;
    max-width: 14rem;
    padding: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    --tw-leading: calc(var(--spacing, .25rem) * 4);
    line-height: calc(var(--spacing, .25rem) * 4);
    color: var(--novoui-text-color-tooltip-enabled);
    --tw-shadow: 0px 16px 24px var(--tw-shadow-color, #16223314), 0px 4px 8px var(--tw-shadow-color, #16223314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    opacity: 1;
    justify-content: center;
    display: flex;
    transform: scale(1);
  }

  .tooltip-floating-ui-trigger-icon {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    fill: currentColor;
  }

  .tooltip-floating-ui-container {
    z-index: 50;
  }

  .tooltip-floating-ui-enter-from {
    opacity: 1;
    transform: scale(0);
  }

  .tooltip-floating-ui-enter-active {
    transition: transform 60ms cubic-bezier(.05, .43, 0, .87), opacity .1s cubic-bezier(.05, .43, 0, .87);
  }

  .tooltip-floating-ui-leave-active {
    transition: transform .45s cubic-bezier(.05, .43, 0, .87), opacity .1s cubic-bezier(.05, .43, 0, .87);
  }

  .tooltip-floating-ui-leave-to {
    opacity: 0;
    transform: scale(0);
  }

  .tooltip-floating-ui-arrow {
    border-color: #0000;
    position: absolute;
  }

  .tooltip-floating-ui-arrow-up {
    height: calc(var(--spacing, .25rem) * 4);
    border-inline-style: var(--tw-border-style);
    border-inline-width: 5px;
    border-block-style: var(--tw-border-style);
    border-block-width: 8px;
    border-top-color: var(--novoui-border-tooltip-border);
    width: 10px;
  }

  .tooltip-floating-ui-arrow-down {
    height: calc(var(--spacing, .25rem) * 4);
    border-inline-style: var(--tw-border-style);
    border-inline-width: 5px;
    border-block-style: var(--tw-border-style);
    border-block-width: 8px;
    border-bottom-color: var(--novoui-border-tooltip-border);
    width: 10px;
  }

  .tooltip-floating-ui-arrow-right {
    height: 10px;
    width: calc(var(--spacing, .25rem) * 4);
    border-inline-style: var(--tw-border-style);
    border-inline-width: 8px;
    border-block-style: var(--tw-border-style);
    border-block-width: 5px;
    border-right-color: var(--novoui-border-tooltip-border);
  }

  .tooltip-floating-ui-arrow-left {
    height: 10px;
    width: calc(var(--spacing, .25rem) * 4);
    border-inline-style: var(--tw-border-style);
    border-inline-width: 8px;
    border-block-style: var(--tw-border-style);
    border-block-width: 5px;
    border-left-color: var(--novoui-border-tooltip-border);
  }

  .tooltip-floating-ui-light {
    background-color: var(--novoui-background-general-medium-emphasis-hover);
    color: var(--novoui-text-color-general-primary);
  }

  .tooltip-floating-ui-light .tooltip-floating-ui-arrow-up {
    border-top-color: var(--novoui-sea-blue-1);
  }

  .tooltip-floating-ui-light .tooltip-floating-ui-arrow-down {
    border-bottom-color: var(--novoui-sea-blue-1);
  }

  .tooltip-floating-ui-light .tooltip-floating-ui-arrow-right {
    border-right-color: var(--novoui-sea-blue-1);
  }

  .tooltip-floating-ui-light .tooltip-floating-ui-arrow-left {
    border-left-color: var(--novoui-sea-blue-1);
  }

  .top-navigation {
    z-index: 50;
    height: calc(var(--spacing, .25rem) * 20);
    background-color: var(--novoui-background-general-base);
    width: 100%;
  }

  .top-navigation-border {
    border-bottom-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-bottom-width: 1px;
    border-color: var(--novoui-border-general-subtle);
  }

  .top-navigation-logo {
    height: 34px;
    width: calc(var(--spacing, .25rem) * 12);
    fill: currentColor;
    color: var(--novoui-text-color-general-primary);
  }

  .top-navigation-centered {
    max-width: calc(var(--spacing, .25rem) * 331);
  }

  .top-navigation-nav {
    width: 100%;
    height: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 5);
    justify-content: space-between;
    align-items: center;
    margin-inline: auto;
    display: flex;
  }

  .top-navigation-nav > menu {
    align-items: center;
    height: 100%;
    display: flex;
  }

  .top-navigation-nav > menu > li {
    height: 100%;
  }

  .top-navigation-nav > menu > li > a {
    box-sizing: content-box;
    height: calc(100% - 4px);
    padding-inline: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-ui-button-14);
    line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-general-primary);
    align-items: center;
    display: grid;
  }

  .top-navigation-nav > menu > li > a:hover {
    border-bottom-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-bottom-width: 4px;
    border-color: var(--novoui-border-tabs-hover);
    background-color: var(--novoui-background-tabs-hover);
  }

  .top-navigation-nav > menu > li.active > a {
    border-bottom-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-bottom-width: 4px;
    border-color: var(--novoui-border-tabs-active);
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
  }

  .touch-area {
    cursor: pointer;
    border-radius: var(--novoui-radius);
    background-color: var(--novoui-background-cards-fill-unselected-enabled);
    padding: calc(var(--spacing, .25rem) * 4);
    text-align: left;
    min-width: 224px;
    color: var(--novoui-text-color-cards-unselected);
    flex-direction: column;
    display: flex;
  }

  @media (hover: hover) {
    .touch-area:hover {
      background-color: var(--novoui-background-cards-fill-unselected-hover);
      color: var(--novoui-text-color-general-primary);
    }

    .touch-area:hover .checkbox-input:not(:checked, :indeterminate) {
      border-color: var(--novoui-checkbox-input-color-hover);
    }

    .touch-area:hover .checkbox-input:checked:before, .touch-area:hover .checkbox-input:indeterminate:before {
      background-color: var(--novoui-checkbox-input-color-checked-hover);
    }

    .touch-area:hover .switch-slider {
      background-color: var(--novoui-switch-default-bg-hover);
    }

    .touch-area:hover .radio-input {
      border-color: var(--novoui-radio-input-color-hover);
    }

    .touch-area:hover .radio-input:checked {
      border-color: var(--novoui-radio-input-color-checked-hover);
    }
  }

  .touch-area:focus-visible {
    background-color: var(--novoui-background-cards-fill-unselected-hover);
    color: var(--novoui-text-color-general-primary);
    --tw-outline-style: none;
    outline-style: none;
  }

  .touch-area:focus-visible .checkbox-input {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .touch-area:focus-visible .switch-slider {
    background-color: var(--novoui-switch-default-bg-hover);
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .touch-area:focus-visible .radio-input {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .touch-area:active .checkbox-input:not(:checked, :indeterminate), .touch-area[active] .checkbox-input:not(:checked, :indeterminate) {
    border-color: var(--novoui-checkbox-input-color-active);
    background-color: var(--novoui-checkbox-input-bg-color-active);
  }

  .touch-area:active .checkbox-input:checked:before, .touch-area:active .checkbox-input:indeterminate:before, .touch-area[active] .checkbox-input:checked:before, .touch-area[active] .checkbox-input:indeterminate:before {
    background-color: var(--novoui-checkbox-input-color-active);
  }

  .touch-area:active .radio-input, .touch-area[active] .radio-input {
    border-color: var(--novoui-radio-input-color-active);
    background-color: var(--novoui-radio-input-bg-color-active);
  }

  .touch-area:active .radio-input:checked, .touch-area[active] .radio-input:checked {
    border-color: var(--novoui-radio-input-color-checked-active);
    background-color: var(--novoui-radio-input-bg-color-active);
  }

  .touch-area.touch-area-selected, .touch-area.touch-area-indeterminate {
    background-color: var(--novoui-background-cards-fill-selected-enabled);
    color: var(--novoui-text-color-general-primary);
  }

  @media (hover: hover) {
    .touch-area.touch-area-selected:hover, .touch-area.touch-area-indeterminate:hover {
      background-color: var(--novoui-background-cards-fill-selected-hover);
      color: var(--novoui-text-color-general-primary);
    }

    .touch-area.touch-area-selected:hover .switch-slider, .touch-area.touch-area-indeterminate:hover .switch-slider {
      background-color: var(--novoui-selected-bg-hover);
    }
  }

  .touch-area.touch-area-selected:focus-visible, .touch-area.touch-area-indeterminate:focus-visible {
    background-color: var(--novoui-background-cards-fill-selected-hover);
    color: var(--novoui-text-color-general-primary);
  }

  .touch-area.touch-area-selected:focus-visible .switch-slider, .touch-area.touch-area-indeterminate:focus-visible .switch-slider {
    background-color: var(--novoui-selected-bg-hover);
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .touch-area.touch-area-selected:active, .touch-area.touch-area-selected[active], .touch-area.touch-area-indeterminate:active, .touch-area.touch-area-indeterminate[active] {
    background-color: var(--novoui-background-cards-fill-selected-hover);
    color: var(--novoui-text-color-general-primary);
  }

  .touch-area.touch-area-disabled {
    pointer-events: none;
    cursor: default;
    background-color: var(--novoui-background-disabled-subtle);
    color: var(--novoui-text-color-disabled-medium);
  }

  .touch-area.touch-area-disabled .touch-area-switch-label {
    color: var(--novoui-text-color-disabled-medium);
  }

  .touch-area.touch-area-invalid {
    background-color: var(--novoui-background-alert-low-emphasis-enabled);
    color: var(--novoui-text-color-alert-hover);
  }

  .touch-area.touch-area-invalid .touch-area-switch-label, .touch-area.touch-area-invalid .checkbox-label, .touch-area.touch-area-invalid .radio-label {
    color: var(--novoui-text-color-alert-hover);
  }

  @media (hover: hover) {
    .touch-area.touch-area-invalid:hover {
      background-color: var(--novoui-background-alert-low-emphasis-enabled);
      color: var(--novoui-text-color-alert-hover);
    }
  }

  .touch-area.touch-area-invalid:focus-visible, .touch-area.touch-area-invalid:active, .touch-area.touch-area-invalid[active] {
    background-color: var(--novoui-background-alert-low-emphasis-enabled);
    color: var(--novoui-text-color-alert-hover);
  }

  .touch-area-outline {
    --tw-shadow-color: var(--novoui-border-cards-outline-unselected-enabled);
    background-color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .touch-area-outline {
      --tw-shadow-color: var(--novoui-border-cards-outline-unselected-enabled);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .touch-area-outline {
        --tw-shadow-color: color-mix(in oklab, var(--novoui-border-cards-outline-unselected-enabled) var(--tw-shadow-alpha), transparent);
      }
    }
  }

  .touch-area-outline {
    box-shadow: 0 0 0 1px var(--tw-shadow-color);
  }

  @media (hover: hover) {
    .touch-area-outline:hover {
      background-color: var(--novoui-background-general-base);
      --tw-shadow-color: var(--novoui-border-cards-outline-unselected-hover);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .touch-area-outline:hover {
        --tw-shadow-color: var(--novoui-border-cards-outline-unselected-hover);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .touch-area-outline:hover {
          --tw-shadow-color: color-mix(in oklab, var(--novoui-border-cards-outline-unselected-hover) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }

  .touch-area-outline:focus-visible {
    background-color: var(--novoui-background-general-base);
    --tw-shadow-color: var(--novoui-border-cards-outline-unselected-enabled);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .touch-area-outline:focus-visible {
      --tw-shadow-color: var(--novoui-border-cards-outline-unselected-enabled);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .touch-area-outline:focus-visible {
        --tw-shadow-color: color-mix(in oklab, var(--novoui-border-cards-outline-unselected-enabled) var(--tw-shadow-alpha), transparent);
      }
    }
  }

  .touch-area-outline:active, .touch-area-outline[active] {
    background-color: var(--novoui-background-general-base);
    --tw-shadow-color: var(--novoui-border-cards-outline-unselected-pressed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .touch-area-outline:active, .touch-area-outline[active] {
      --tw-shadow-color: var(--novoui-border-cards-outline-unselected-pressed);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .touch-area-outline:active, .touch-area-outline[active] {
        --tw-shadow-color: color-mix(in oklab, var(--novoui-border-cards-outline-unselected-pressed) var(--tw-shadow-alpha), transparent);
      }
    }
  }

  .touch-area-outline.touch-area-selected, .touch-area-outline.touch-area-indeterminate {
    background-color: var(--novoui-background-cards-outline-selected-enabled);
  }

  .touch-area-outline.touch-area-disabled {
    background-color: var(--novoui-background-general-base);
    --tw-shadow-color: var(--novoui-border-disabled-subtle);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .touch-area-outline.touch-area-disabled {
      --tw-shadow-color: var(--novoui-border-disabled-subtle);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .touch-area-outline.touch-area-disabled {
        --tw-shadow-color: color-mix(in oklab, var(--novoui-border-disabled-subtle) var(--tw-shadow-alpha), transparent);
      }
    }
  }

  .touch-area-outline.touch-area-invalid {
    background-color: var(--novoui-background-alert-low-emphasis-hover);
    box-shadow: none;
  }

  .touch-area-assistive-text {
    margin-left: calc(var(--spacing, .25rem) * 8);
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    overflow-wrap: break-word;
    color: currentColor;
  }

  .touch-area .checkbox {
    margin-block: calc(var(--spacing, .25rem) * 0);
    cursor: pointer;
    align-items: flex-start;
    gap: calc(var(--spacing, .25rem) * 3);
  }

  .touch-area .checkbox-label {
    top: calc(var(--spacing, .25rem) * .5);
    cursor: pointer;
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    position: relative;
  }

  .touch-area .checkbox-input {
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
  }

  .touch-area .radio {
    margin-block: calc(var(--spacing, .25rem) * 0);
    cursor: pointer;
    align-items: flex-start;
    gap: calc(var(--spacing, .25rem) * 3);
  }

  .touch-area .radio-label {
    top: calc(var(--spacing, .25rem) * .5);
    cursor: pointer;
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    position: relative;
  }

  .touch-area .radio-input {
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
  }

  .touch-area-switch {
    align-items: center;
    column-gap: calc(var(--spacing, .25rem) * 3);
    grid-template-columns: auto 1fr;
    display: grid;
  }

  .touch-area-switch .switch.switch-md {
    margin-block: calc(var(--spacing, .25rem) * 0);
  }

  .touch-area-switch-label {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-general-primary);
  }

  .touch-area-switch .touch-area-assistive-text {
    margin-left: calc(var(--spacing, .25rem) * 0);
    color: currentColor;
    grid-column-start: 2;
  }

  .touch-area-switch .touch-area-switch-label {
    cursor: pointer;
  }

  .touch-area-switch-revert {
    grid-template-columns: 1fr auto;
  }

  .touch-area-switch-revert .touch-area-assistive-text {
    grid-column-start: 1;
  }

  .touch-area-switch-revert .touch-area-switch-label {
    grid-row-start: 1;
  }
}

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

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .static {
    position: static;
  }

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

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

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

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

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

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

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

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

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

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

  .float-right {
    float: right;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 260px) {
    .container {
      max-width: 260px;
    }
  }

  @media (min-width: 320px) {
    .container {
      max-width: 320px;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mr-auto {
    margin-right: auto;
  }

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

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

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .table {
    display: table;
  }

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

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

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

  .h-full {
    height: 100%;
  }

  .min-h-\[50\%\] {
    min-height: 50%;
  }

  .w-full {
    width: 100%;
  }

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

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

  .flex-auto {
    flex: auto;
  }

  .flex-none {
    flex: none;
  }

  .cursor-pointer {
    cursor: pointer;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-medium {
    gap: var(--novoui-spacing-medium);
  }

  :where(.space-y-small > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--novoui-spacing-small) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--novoui-spacing-small) * calc(1 - var(--tw-space-y-reverse)));
  }

  .place-self-end {
    place-self: end;
  }

  .place-self-stretch {
    place-self: stretch stretch;
  }

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

  .overflow-scroll {
    overflow: scroll;
  }

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

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

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

  .border-general-medium {
    border-color: var(--novoui-border-general-medium);
  }

  .bg-general-base {
    background-color: var(--novoui-background-general-base);
  }

  .bg-general-strong {
    background-color: var(--novoui-background-general-strong);
  }

  .bg-notifications-and-tags-brand-subtle {
    background-color: var(--novoui-background-notifications-and-tags-brand-subtle);
  }

  .fill-general-primary {
    fill: var(--novoui-fill-general-primary);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pr-small {
    padding-right: var(--novoui-spacing-small);
  }

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

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

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

  .text-ui-label-14 {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

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

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

  .text-general-high-emphasis-enabled {
    color: var(--novoui-text-color-general-high-emphasis-enabled);
  }

  .text-general-inverted {
    color: var(--novoui-text-color-general-inverted);
  }

  .text-general-primary {
    color: var(--novoui-text-color-general-primary);
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

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

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

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

  @media (min-width: 320px) {
    .xs\:col-span-6 {
      grid-column: span 6 / span 6;
    }
  }

  @media (min-width: 40rem) {
    .sm\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .sm\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .sm\:col-span-9 {
      grid-column: span 9 / span 9;
    }

    .sm\:col-span-11 {
      grid-column: span 11 / span 11;
    }
  }

  .list-item {
    display: revert-layer;
  }
}

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

@property --tw-ease {
  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-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

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

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

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

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

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

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

.padding {
  margin: 0 5px 5px;
  padding: 0 5px 5px;
}

.panel {
  border-bottom: 1px solid #d3d3d3;
  margin: 5px;
  padding: 2px;
}

#drop-zone.hover-package {
  animation: 2s infinite colorchange;
}

@keyframes colorchange {
  0% {
    color: #2a6496;
    background: #fff;
  }

  50% {
    color: #fff;
    background: #2a6496;
  }

  100% {
    color: #2a6496;
    background: #fff;
  }
}

.main-content-row {
  background: #fff;
  width: 100%;
  max-width: 100%;
  height: calc(100% - 134px);
  max-height: calc(100% - 134px);
  position: fixed;
  overflow: auto;
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

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

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

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

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

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

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

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

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

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

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

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

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

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-duration:initial;--tw-ease: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-outline-style:solid;--tw-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-leading:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-border-spacing-x:0;--tw-border-spacing-y:0}}}@layer components{.accordion{border-bottom-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-bottom-width:1px;border-color:var(--novoui-border-accordion-enabled);background-color:var(--novoui-background-accordion-enabled)}.accordion-header{width:100%;padding:calc(var(--spacing,.25rem)*4);font-size:var(--novoui-ui-label-16);line-height:var(--tw-leading,var(--novoui-ui-label-16--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--novoui-text-color-accordion-headline);transition-property:border-radius;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;justify-content:space-between;transition-duration:.3s;display:flex}@media (hover:hover){.accordion-header:hover,.accordion-header-hover{background-color:var(--novoui-background-accordion-hover)}}.accordion-header svg{margin-block:auto;margin-left:calc(var(--spacing,.25rem)*2);height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);fill:currentColor;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s}.accordion-item-title{font-size:var(--novoui-headings-h5);line-height:var(--tw-leading,var(--novoui-headings-h5--line-height));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.accordion-content{color:var(--novoui-text-color-accordion-body);transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));grid-template-rows:0fr;display:grid}.accordion-content>div{overflow:hidden}.accordion-content>div>p{padding:calc(var(--spacing,.25rem)*4)}.accordion-open .accordion-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--novoui-border-accordion-enabled);background-color:var(--novoui-background-accordion-hover);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--novoui-text-color-accordion-active)}@media (hover:hover){.accordion-open .accordion-header:hover,.accordion-open .accordion-header-hover{background-color:var(--novoui-background-accordion-active)}}.accordion-open .accordion-header svg{rotate:180deg}.accordion-open .accordion-content{grid-template-rows:1fr}.accordion-open .accordion-content>div.animation-overflow{overflow:visible}.accordion-cards{border-radius:var(--novoui-radius-large);border-bottom-style:var(--tw-border-style);border-bottom-width:0}.accordion-cards .accordion-header{border-top-left-radius:var(--novoui-radius-large);border-top-right-radius:var(--novoui-radius-large)}.accordion-cards:not(.accordion-open) .accordion-header{border-bottom-right-radius:var(--novoui-radius-large);border-bottom-left-radius:var(--novoui-radius-large)}.accordion-cards+.accordion-cards{margin-top:var(--novoui-spacing-xsmall)}.accordion-outline{border-inline-style:var(--tw-border-style);border-inline-width:1px;border-bottom-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-bottom-width:1px;border-color:var(--novoui-border-accordion-enabled)}.accordion-outline.accordion-cards{border-style:var(--tw-border-style);border-width:1px}.accordion-outline:first-of-type{border-top-left-radius:var(--novoui-radius-large);border-top-right-radius:var(--novoui-radius-large);border-top-style:var(--tw-border-style);border-top-width:1px}.accordion-outline:first-of-type .accordion-header{border-top-left-radius:var(--novoui-radius-large);border-top-right-radius:var(--novoui-radius-large)}.accordion-outline:last-of-type,.accordion-outline:last-of-type:not(.accordion-open) .accordion-header{border-bottom-right-radius:var(--novoui-radius-large);border-bottom-left-radius:var(--novoui-radius-large)}.accordion-elevation{background-color:var(--novoui-background-accordion-elevated-enabled);--tw-shadow:0px 4px 12px var(--tw-shadow-color,#15213314);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (hover:hover){.accordion-elevation .accordion-header:hover,.accordion-elevation .accordion-header-hover{background-color:var(--novoui-background-accordion-elevated-hover)}}.accordion-elevation.accordion-open .accordion-header{background-color:var(--novoui-background-accordion-elevated-hover)}@media (hover:hover){.accordion-elevation.accordion-open .accordion-header:hover,.accordion-elevation.accordion-open .accordion-header-hover{background-color:var(--novoui-background-accordion-elevated-active)}}.avatar{cursor:pointer;grid-column-gap:.5rem;border-radius:50%;grid-template-rows:1fr 1fr;grid-template-columns:2.5rem 0 auto;display:inline-grid;position:relative}.avatar figcaption{grid-template-columns:subgrid;grid-template-rows:subgrid;grid-area:span 2/span 2;display:grid}.avatar-name{font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--novoui-text-color-general-primary)}.avatar-email{font-size:var(--novoui-body-small);line-height:var(--tw-leading,var(--novoui-body-small--line-height));color:var(--novoui-text-color-general-secondary)}.avatar-picture{background-color:var(--novoui-background-general-medium);transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));height:calc(var(--spacing,.25rem)*10);width:calc(var(--spacing,.25rem)*10);fill:var(--novoui-fill-general-primary);text-align:center;font-size:var(--novoui-body-large);line-height:var(--tw-leading,var(--novoui-body-large--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);border-radius:50%;grid-row:1/span 2;align-content:center;align-self:center;justify-items:center}.avatar img.avatar-picture{transition-property:filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.avatar-xsmall{grid-template-columns:1.5rem 0 auto}.avatar-xsmall .avatar-picture{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);font-size:var(--novoui-body-small);line-height:var(--tw-leading,var(--novoui-body-small--line-height))}.avatar-xsmall span.avatar-status{margin-bottom:calc(var(--spacing,.25rem)*-1.5);margin-left:calc(var(--spacing,.25rem)*-4);height:calc(var(--spacing,.25rem)*2.5);width:calc(var(--spacing,.25rem)*2.5);padding:.5px}.avatar-xsmall span.avatar-name{font-size:var(--novoui-ui-label-10);line-height:var(--tw-leading,var(--novoui-ui-label-10--line-height))}.avatar-xsmall span.avatar-email{font-size:var(--novoui-body-xsmall);line-height:var(--tw-leading,var(--novoui-body-xsmall--line-height))}.avatar-small{grid-template-columns:2rem 0 auto}.avatar-small .avatar-picture{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);font-size:var(--novoui-body-medium);line-height:var(--tw-leading,var(--novoui-body-medium--line-height))}.avatar-small span.avatar-status{margin-bottom:calc(var(--spacing,.25rem)*-2.5);height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*3);padding:calc(var(--spacing,.25rem)*.25)}.avatar-small span.avatar-name{font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height))}.avatar-small span.avatar-email{font-size:var(--novoui-body-xsmall);line-height:var(--tw-leading,var(--novoui-body-xsmall--line-height))}.avatar-large{grid-template-columns:3rem 0 auto}.avatar-large .avatar-picture{height:calc(var(--spacing,.25rem)*12);width:calc(var(--spacing,.25rem)*12);font-size:var(--novoui-headings-h4);line-height:var(--tw-leading,var(--novoui-headings-h4--line-height))}.avatar-large span.avatar-status{margin-bottom:calc(var(--spacing,.25rem)*-3);margin-left:calc(var(--spacing,.25rem)*-5);height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);padding:calc(var(--spacing,.25rem)*.5)}.avatar-large span.avatar-name{font-size:var(--novoui-ui-label-16);line-height:var(--tw-leading,var(--novoui-ui-label-16--line-height))}.avatar-large span.avatar-email{font-size:var(--novoui-body-medium);line-height:var(--tw-leading,var(--novoui-body-medium--line-height))}.avatar-xlarge{grid-template-columns:3.5rem 0 auto}.avatar-xlarge .avatar-picture{height:calc(var(--spacing,.25rem)*14);width:calc(var(--spacing,.25rem)*14);font-size:var(--novoui-headings-h3);line-height:var(--tw-leading,var(--novoui-headings-h3--line-height))}.avatar-xlarge span.avatar-status{margin-bottom:calc(var(--spacing,.25rem)*-3.5);margin-left:calc(var(--spacing,.25rem)*-6);height:calc(var(--spacing,.25rem)*4.5);width:calc(var(--spacing,.25rem)*4.5);padding:calc(var(--spacing,.25rem)*.5)}.avatar-xlarge span.avatar-name{font-size:var(--novoui-ui-label-18);line-height:var(--tw-leading,var(--novoui-ui-label-18--line-height))}.avatar-xlarge span.avatar-email{font-size:var(--novoui-body-medium);line-height:var(--tw-leading,var(--novoui-body-medium--line-height))}.avatar-xxlarge{grid-template-columns:4rem 0 auto}.avatar-xxlarge .avatar-picture{height:calc(var(--spacing,.25rem)*16);width:calc(var(--spacing,.25rem)*16);font-size:var(--novoui-headings-h2);line-height:var(--tw-leading,var(--novoui-headings-h2--line-height))}.avatar-xxlarge span.avatar-status{margin-bottom:calc(var(--spacing,.25rem)*-3.5);margin-left:calc(var(--spacing,.25rem)*-6);height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5);padding:calc(var(--spacing,.25rem)*.5)}.avatar-xxlarge span.avatar-name{font-size:var(--novoui-headings-h3);line-height:var(--tw-leading,var(--novoui-headings-h3--line-height))}.avatar-xxlarge span.avatar-email{font-size:var(--novoui-body-medium);line-height:var(--tw-leading,var(--novoui-body-medium--line-height))}.avatar-xxxlarge{grid-template-columns:5rem 0 auto}.avatar-xxxlarge .avatar-picture{height:calc(var(--spacing,.25rem)*20);width:calc(var(--spacing,.25rem)*20);font-size:var(--novoui-headings-h2);line-height:var(--tw-leading,var(--novoui-headings-h2--line-height))}.avatar-xxxlarge span.avatar-status{margin-bottom:calc(var(--spacing,.25rem)*-4.5);margin-left:calc(var(--spacing,.25rem)*-7);height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);padding:calc(var(--spacing,.25rem)*1)}.avatar-xxxlarge span.avatar-name{font-size:var(--novoui-headings-h2);line-height:var(--tw-leading,var(--novoui-headings-h2--line-height))}.avatar-xxxlarge span.avatar-email{font-size:var(--novoui-body-large);line-height:var(--tw-leading,var(--novoui-body-large--line-height))}.avatar-status{height:calc(var(--spacing,.25rem)*3.5);width:calc(var(--spacing,.25rem)*3.5);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:2px;border-color:var(--novoui-border-general-subtle);margin-bottom:calc(var(--spacing,.25rem)*-3);margin-left:calc(var(--spacing,.25rem)*-4.5);border-radius:50%;grid-row:2/span 2;justify-content:center;align-self:center;align-items:center;padding:1.5px;display:flex;position:relative}.avatar figcaption>span:not(.avatar-status){grid-column:2;align-self:center}.avatar-offline figcaption span.avatar-status{background-color:var(--novoui-background-disabled-strong)}.avatar-edit figcaption span.avatar-status{background-color:var(--novoui-background-general-medium)}.avatar-edit figcaption span.avatar-status>svg{fill:var(--novoui-fill-general-primary)}.avatar-online figcaption span.avatar-status{background-color:var(--novoui-background-notifications-and-tags-success-strong)}.avatar:hover img.avatar-picture{--tw-brightness:brightness(80%);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,)}.avatar:hover div.avatar-picture{background-color:var(--novoui-background-general-medium-emphasis-hover)}.avatar:active .avatar-picture,.avatar:focus .avatar-picture,.avatar:focus-visible .avatar-picture{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--novoui-border-general-focus)}.avatar:active img.avatar-picture,.avatar:focus img.avatar-picture,.avatar:focus-visible img.avatar-picture{--tw-brightness:brightness(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.avatar:active div.avatar-picture,.avatar:focus div.avatar-picture,.avatar:focus-visible div.avatar-picture{background-color:var(--novoui-background-general-medium)}.badge{width:max-content}.badge-with-number{border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*1);min-height:calc(var(--spacing,.25rem)*4);min-width:calc(var(--spacing,.25rem)*5);border-radius:var(--novoui-radius-small);border-width:1px;border-color:var(--novoui-gradient-on-dark-white-100);background-color:var(--novoui-background-notifications-and-tags-neutral-light);padding-block:1px}.badge-number{text-align:center;white-space:nowrap;font-size:var(--novoui-ui-label-10);line-height:var(--tw-leading,var(--novoui-ui-label-10--line-height));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--novoui-text-color-notifications-and-tags-on-neutral);flex-direction:column;justify-content:center;display:flex}.badge-dot{background-color:var(--novoui-background-notifications-and-tags-alert-strong);height:calc(var(--spacing,.25rem)*2.5);width:calc(var(--spacing,.25rem)*2.5);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--novoui-gradient-on-dark-white-100);border-radius:var(--novoui-radius-full)}.badge-rounded .badge-with-number{min-width:calc(var(--spacing,.25rem)*6);border-radius:var(--novoui-radius-x-large);padding-inline:calc(var(--spacing,.25rem)*1);padding-block:1px}.badge-square .badge-with-number{border-radius:var(--novoui-radius-small)}.badge-alert .badge-with-number{background-color:var(--novoui-background-notifications-and-tags-alert-strong)}.badge-alert .badge-number{color:var(--novoui-text-color-notifications-and-tags-on-brand)}.badge-alert .badge-dot{background-color:var(--novoui-background-notifications-and-tags-alert-strong)}.badge-disabled .badge-with-number{background-color:var(--novoui-background-disabled-subtle)}.badge-disabled .badge-number{color:var(--novoui-text-color-disabled-subtle)}.badge-disabled .badge-dot,.badge-disabled.badge-alert .badge-with-number{background-color:var(--novoui-background-disabled-strong)}.badge-disabled.badge-alert .badge-number{color:var(--novoui-text-color-notifications-and-tags-on-brand)}.bottom-navigation{right:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);border-top-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-top-width:1px;border-color:var(--novoui-border-side-menus-menu-enabled);background-color:var(--novoui-background-general-elevated);padding-bottom:calc(var(--spacing,.25rem)*4);flex-direction:column;align-items:center;display:flex;position:fixed}.bottom-navigation>ul{width:91.6667%;max-width:768px;padding-inline:calc(var(--spacing,.25rem)*4);grid-template-columns:repeat(auto-fit,minmax(60px,1fr));justify-content:space-between;align-items:stretch;display:grid}.bottom-navigation-item{min-width:60px}.bottom-navigation-item>button{width:100%;padding-inline:10px;padding-block:calc(var(--spacing,.25rem)*2);color:var(--novoui-text-color-general-tertiary);flex-direction:column;align-items:center;display:flex;position:relative}.bottom-navigation-item>button>svg{box-sizing:content-box;border-radius:var(--novoui-radius-small);fill:currentColor;padding:calc(var(--spacing,.25rem)*2)}.bottom-navigation-item>button>span{text-align:center;width:calc(100% + 1.25rem);font-size:var(--novoui-ui-button-12);line-height:var(--tw-leading,var(--novoui-ui-button-12--line-height));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bottom-navigation-item-strong.bottom-navigation-item-active>button{color:var(--novoui-text-color-side-menus-menu-hover)}.bottom-navigation-item-subtle.bottom-navigation-item-active>button{color:var(--novoui-text-color-general-secondary)}.bottom-navigation-item-notification button:after{height:calc(var(--spacing,.25rem)*2);width:calc(var(--spacing,.25rem)*2);border-radius:var(--novoui-radius-full);border-color:var(--novoui-gradient-on-dark-white-100);background-color:var(--novoui-background-notifications-and-tags-alert-strong);box-shadow:0px 0px 0px 1px var(--novoui-gradient-on-dark-white-100);content:"";margin-left:2px;position:absolute;top:16px;left:50%}.bottom-navigation>.accordion.bottom-navigation-disclaimer{right:calc(var(--spacing,.25rem)*0);bottom:calc(100% + 1px);left:calc(var(--spacing,.25rem)*0);border-right-style:var(--tw-border-style);border-right-width:0;border-bottom-style:var(--tw-border-style);border-bottom-width:0;border-left-style:var(--tw-border-style);--tw-shadow:0px -16px 24px var(--tw-shadow-color,#16223314),0px -4px 8px var(--tw-shadow-color,#16223314);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:var(--novoui-neutral-3);border-left-width:0;border-bottom-right-radius:0;border-bottom-left-radius:0;position:absolute}@supports (color:color-mix(in lab, red, red)){.bottom-navigation>.accordion.bottom-navigation-disclaimer{--tw-shadow-color:color-mix(in oklab,var(--novoui-neutral-3)var(--tw-shadow-alpha),transparent)}}.bottom-navigation>.accordion.bottom-navigation-disclaimer>.accordion-header{background-color:var(--novoui-background-general-elevated)}.bottom-navigation>.accordion.bottom-navigation-disclaimer>.accordion-header>p{margin-left:calc(var(--spacing,.25rem)*2)}.bottom-navigation>.accordion.bottom-navigation-disclaimer .bottom-navigation-disclaimer-headline{margin-top:calc(var(--spacing,.25rem)*4);margin-left:calc(var(--spacing,.25rem)*6);font-size:var(--novoui-headings-h4);line-height:var(--tw-leading,var(--novoui-headings-h4--line-height));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--novoui-text-color-general-primary)}.bottom-navigation>.accordion.bottom-navigation-disclaimer .bottom-navigation-disclaimer-content{margin-left:calc(var(--spacing,.25rem)*2);font-size:var(--novoui-body-medium);line-height:var(--tw-leading,var(--novoui-body-medium--line-height));color:var(--novoui-text-color-general-primary)}@media only screen and (orientation:landscape) and (hover:none){.bottom-navigation{top:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);border-top-style:var(--tw-border-style);border-top-width:0;border-right-style:var(--tw-border-style);right:unset;border-right-width:1px;justify-content:center}.bottom-navigation ul.bottom-navigation-list{height:50%;max-height:768px;padding-inline:calc(var(--spacing,.25rem)*1.5);width:unset;grid-template-columns:unset;grid-template-rows:repeat(auto-fit,minmax(60px,1fr));align-items:center}.bottom-navigation ul.bottom-navigation-list li.bottom-navigation-item{width:60px}.bottom-navigation .accordion.bottom-navigation-disclaimer{display:none}}.bottom-sheet{bottom:calc(var(--spacing,.25rem)*0);background-color:var(--novoui-background-general-elevated);--tw-shadow:0px 0px 24px var(--tw-shadow-color,#16223314),0px 0px 8px var(--tw-shadow-color,#16223314);width:100%;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;grid-area:3/2/span 3/span 4;display:flex;position:absolute}.bottom-sheet-predefined-height{height:100%}.bottom-sheet-container{top:calc(var(--spacing,.25rem)*0);right:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);z-index:40;opacity:1;grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));place-items:center;width:100%;height:100%;display:grid;position:fixed}.bottom-sheet-background{cursor:pointer;background-color:var(--novoui-background-modal-enabled);opacity:.5;grid-area:1/1/span 5/span 6;width:100%;height:100%}.bottom-sheet-enter-active,.bottom-sheet-leave-active{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,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.bottom-sheet-enter-active .bottom-sheet-background,.bottom-sheet-leave-active .bottom-sheet-background{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.bottom-sheet-enter-active .bottom-sheet,.bottom-sheet-leave-active .bottom-sheet{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.bottom-sheet-enter-from,.bottom-sheet-leave-to{color:var(--novoui-text-color-general-secondary)}.bottom-sheet-enter-from .bottom-sheet-background,.bottom-sheet-leave-to .bottom-sheet-background{opacity:0}.bottom-sheet-enter-from .bottom-sheet,.bottom-sheet-leave-to .bottom-sheet{transform:translateY(100%)}.bottom-sheet-controls{margin-inline:calc(var(--spacing,.25rem)*6);grid-template-columns:auto 1fr auto;align-items:center;margin-top:22px;margin-bottom:22px;display:grid}.bottom-sheet-controls-handle{margin-top:calc(var(--spacing,.25rem)*0);margin-bottom:calc(var(--spacing,.25rem)*1)}.bottom-sheet-controls-handle .bottom-sheet-header{grid-row:2}.bottom-sheet-back{z-index:1;cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*2);font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--novoui-text-color-general-primary);grid-area:1/1;display:flex}.bottom-sheet-back:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px}.bottom-sheet-back svg{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);fill:currentColor}.bottom-sheet-close{z-index:1;grid-area:1/3}.bottom-sheet-close:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px}.bottom-sheet-handle{height:calc(var(--spacing,.25rem)*1);width:calc(var(--spacing,.25rem)*11);border-radius:var(--novoui-radius-small);background-color:var(--novoui-background-general-strong);margin-inline:auto}.bottom-sheet-handle-buffer{box-sizing:content-box;height:calc(var(--spacing,.25rem)*4);cursor:ns-resize;width:100%;padding-top:calc(var(--spacing,.25rem)*1);padding-bottom:calc(var(--spacing,.25rem)*5);grid-column:span 3/span 3}.bottom-sheet-header{text-align:center;font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--novoui-text-color-general-secondary);grid-area:1/1/auto/span 3}.bottom-sheet-body{flex-grow:1;max-height:66svh;overflow-y:auto}.bottom-sheet-body-content{align-items:center;gap:calc(var(--spacing,.25rem)*4);padding:calc(var(--spacing,.25rem)*6);flex-direction:column;display:flex}.bottom-sheet-body-title{text-align:center;font-size:var(--novoui-headings-h4);line-height:var(--tw-leading,var(--novoui-headings-h4--line-height));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--novoui-text-color-general-primary)}.bottom-sheet-body-text{text-align:center;font-size:var(--novoui-body-small);line-height:var(--tw-leading,var(--novoui-body-small--line-height));color:var(--novoui-text-color-general-primary)}.bottom-sheet-slide{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .2s ease-in-out,opacity .2s ease-in-out .2s;display:grid;overflow:hidden}.bottom-sheet-slide-content{min-height:calc(var(--spacing,.25rem)*0);opacity:0}.bottom-sheet-slide-visible{opacity:1;grid-template-rows:1fr}.bottom-sheet-slide-visible>.bottom-sheet-slide-content{opacity:1}.bottom-sheet-footer{gap:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*6);padding-top:calc(var(--spacing,.25rem)*2);padding-bottom:calc(var(--spacing,.25rem)*4);flex-direction:column;display:flex}.bottom-sheet-footer-side-by-side{flex-direction:row-reverse;justify-content:space-between}@media screen and (width<=1024px){.bottom-sheet{grid-column:span 6/span 6;min-width:100%}.bottom-sheet-body-title{font-size:var(--novoui-headings-h3);line-height:var(--tw-leading,var(--novoui-headings-h3--line-height));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.bottom-sheet-body-text{font-size:var(--novoui-body-large);line-height:var(--tw-leading,var(--novoui-body-large--line-height))}}.breadcrumbs{align-items:center;gap:calc(var(--spacing,.25rem)*1);height:fit-content;display:flex}.breadcrumbs-compact{width:fit-content}.breadcrumbs-expanded{width:100%;overflow:auto}.breadcrumbs-overflow-list.list{padding-inline:calc(var(--spacing,.25rem)*1.5)}.breadcrumbs-overflow-list.list li.list-item{padding:1px}.breadcrumbs-overflow-list.list li.list-item>.button{border-radius:var(--novoui-radius);font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height))}.breadcrumbs-overflow-dropdown{height:calc(var(--spacing,.25rem)*3)}.breadcrumbs-overflow-button.button{margin-top:calc(var(--spacing,.25rem)*-2);border-radius:var(--novoui-radius-x-small);width:18px;height:26px}.breadcrumbs-overflow-button.button svg{padding-top:calc(var(--spacing,.25rem)*2)}.breadcrumbs .crumb{border-radius:var(--novoui-radius-x-small);padding:calc(var(--spacing,.25rem)*.5);text-wrap:nowrap;padding-block:1px}.breadcrumbs .crumb:has(.breadcrumb-icon){padding-inline:calc(var(--spacing,.25rem)*.5);padding-block:3px}.breadcrumbs .crumb.crumb-inactive{pointer-events:none;color:var(--novoui-text-color-general-tertiary)}.breadcrumbs .crumb .breadcrumb-icon{height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*3)}.breadcrumbs .breadcrumb-separator{color:var(--novoui-text-color-general-seperator)}.breadcrumbs-small .crumb,.breadcrumbs-small .breadcrumb-separator{font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.breadcrumbs-small .breadcrumb-separator-icon{height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*3)}.breadcrumbs-medium .crumb,.breadcrumbs-medium .breadcrumb-separator{font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.breadcrumbs-medium .crumb .breadcrumb-icon,.breadcrumbs-medium .breadcrumb-separator .breadcrumb-icon,.breadcrumbs-medium .breadcrumb-separator-icon{height:calc(var(--spacing,.25rem)*3.5);width:calc(var(--spacing,.25rem)*3.5)}.breadcrumbs-large .crumb,.breadcrumbs-large .breadcrumb-separator{font-size:var(--novoui-ui-label-16);line-height:var(--tw-leading,var(--novoui-ui-label-16--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.breadcrumbs-large .crumb .breadcrumb-icon,.breadcrumbs-large .breadcrumb-separator .breadcrumb-icon,.breadcrumbs-large .breadcrumb-separator-icon{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.breadcrumbs-subtle .crumb{color:var(--novoui-text-color-general-primary)}@media (hover:hover){.breadcrumbs-subtle .crumb:hover{background-color:var(--novoui-background-general-medium-emphasis-hover)}}.breadcrumbs-subtle .breadcrumb-separator-icon,.breadcrumbs-subtle .breadcrumb-icon{fill:currentColor}.breadcrumbs-subtle .breadcrumbs-overflow-button>svg{fill:var(--novoui-fill-general-primary)}.breadcrumbs-strong .crumb{color:var(--novoui-text-color-general-high-emphasis-enabled)}@media (hover:hover){.breadcrumbs-strong .crumb:hover{background-color:var(--novoui-background-general-medium-emphasis-hover);color:var(--novoui-text-color-general-high-emphasis-hover)}}.breadcrumbs-strong .breadcrumb-icon,.breadcrumbs-strong .breadcrumb-separator-icon{fill:currentColor}.breadcrumbs-outline{border-radius:var(--novoui-radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--novoui-border-general-subtle);padding:calc(var(--spacing,.25rem)*2)}.button-group,.button-group-scroll{display:flex;overflow-x:auto}.button-group-wrap{display:block;overflow:auto}.button-group-content{padding:calc(var(--spacing,.25rem)*6);font-size:var(--novoui-body-small);line-height:var(--tw-leading,var(--novoui-body-small--line-height));color:var(--novoui-text-color-general-secondary)}.button-group .button-toggle{cursor:pointer;text-align:center;user-select:none;height:calc(var(--spacing,.25rem)*8);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--novoui-radius-small);padding-inline:calc(var(--spacing,.25rem)*4);font-size:var(--novoui-ui-button-14);line-height:var(--tw-leading,var(--novoui-ui-button-14--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--novoui-text-color-toggle-button-fill-enabled);border-style:var(--tw-border-style);--tw-border-style:solid;background-color:var(--novoui-background-toggle-button-fill-enabled);text-transform:var(--button-text-case);border:1px solid #0000;flex-wrap:wrap;flex-shrink:0;text-decoration-line:none;display:inline-flex}.button-group .button-toggle svg{fill:currentColor;width:14px;height:14px}.button-group .button-toggle svg:only-child{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.button-group .button-toggle:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.button-group .button-toggle:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.button-group .button-toggle:not(:first-child):not(:last-child){border-radius:0}@media (hover:hover){.button-group .button-toggle:hover,.button-group .button-toggle-hover{background-color:var(--novoui-background-toggle-button-fill-hover)}}.button-group .button-toggle.active,.button-group .button-toggle:active,.button-group .button-toggle[active]{background-color:var(--novoui-background-toggle-button-fill-selected);color:var(--novoui-text-color-toggle-button-fill-selected)}.button-group .button-toggle:focus-visible,.button-group .button-toggle-focus-visible{outline-style:var(--tw-outline-style);outline-offset:calc(2px*-1);outline-width:2px;outline-color:var(--novoui-border-general-focus)}.button-group .button-toggle.button-toggle-selected{border-color:var(--novoui-border-general-high-emphasis-enabled);background-color:var(--novoui-background-toggle-button-fill-selected);color:var(--novoui-text-color-toggle-button-fill-selected)}.button-group .button-toggle:disabled,.button-group .button-toggle[disabled]{pointer-events:none;background-color:var(--novoui-background-disabled-strong);color:var(--novoui-text-color-disabled-medium)}.button-group .button-toggle-fill-light{background-color:var(--novoui-background-general-base)}.button-group .button-toggle-fill-light:hover:not(.button-toggle-selected){background-color:var(--novoui-background-general-subtle)}.button-group .button-toggle-outline{background-color:var(--novoui-background-toggle-button-outline-enabled);border-color:var(--novoui-border-toggle-button-outline-enabled)}@media (hover:hover){.button-group .button-toggle-outline:hover,.button-group .button-toggle-outline-hover{border-color:var(--novoui-border-toggle-button-outline-hover);background-color:var(--novoui-background-toggle-button-outline-hover)}.button-group .button-toggle-outline:hover:not(:first-child),.button-group .button-toggle-outline-hover:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:1px;margin-left:-1px}}.button-group .button-toggle-outline.active,.button-group .button-toggle-outline:active,.button-group .button-toggle-outline[active],.button-group .button-toggle-outline.button-toggle-selected{border-color:var(--novoui-border-toggle-button-outline-selected);background-color:var(--novoui-background-toggle-button-outline-selected);color:var(--novoui-text-color-toggle-button-outline-selected)}.button-group .button-toggle-outline:not(:first-child),.button-group .button-toggle-outline:last-child{border-left-style:var(--tw-border-style);border-left-width:0}.button-group .button-toggle-outline:disabled,.button-group .button-toggle-outline[disabled]{border-color:var(--novoui-border-disabled-subtle);background-color:var(--novoui-background-general-base);color:var(--novoui-text-color-disabled-medium)}.button-group .button-toggle:has(+.button-toggle-selected):not([disabled]){border-right-color:var(--novoui-border-general-high-emphasis-enabled)}.button-group .button-toggle-md{height:calc(var(--spacing,.25rem)*8);padding-inline:calc(var(--spacing,.25rem)*4);font-size:var(--novoui-ui-button-14);line-height:var(--tw-leading,var(--novoui-ui-button-14--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.button-group .button-toggle-md svg{width:14px;height:14px}.button-group .button-toggle-md svg:only-child{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.button-group .button-toggle-lg{height:calc(var(--spacing,.25rem)*10);padding-inline:calc(var(--spacing,.25rem)*6);font-size:var(--novoui-ui-button-14);line-height:var(--tw-leading,var(--novoui-ui-button-14--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.button-group .button-toggle-lg svg{width:18px;height:18px}.button-group .button-toggle-lg svg:only-child{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6)}.button-split{display:inline-flex}.button-split .button-loading{padding-inline:35.5px}.button-split .button-loading.button-xs{box-sizing:content-box;height:30px;padding-inline:27px}.button-split .button-xs.button.button-split-main{z-index:1;padding-right:calc(var(--spacing,.25rem)*2);padding-left:14px}.button-split .button-xs.button.button-split-dropdown{width:auto;padding-inline:calc(var(--spacing,.25rem)*1.5);padding-right:calc(var(--spacing,.25rem)*2)}.button-split .button-xs.button.button-split-dropdown.button-outline{border-left-color:#0000}.button-split .button-xs.button.button-split-dropdown.button-text{margin-left:calc(var(--spacing,.25rem)*0);padding-left:calc(var(--spacing,.25rem)*0)}.button-split-main.button{padding-right:calc(var(--spacing,.25rem)*3);padding-left:calc(var(--spacing,.25rem)*5);border-top-right-radius:0;border-bottom-right-radius:0;position:relative}.button-split-main.button:focus-visible,.button-split-main.button-focus-visible{--tw-outline-style:none;outline-style:none}.button-split-main.button:focus-visible:after,.button-split-main.button-focus-visible:after{z-index:2;border-top-left-radius:var(--novoui-radius-x-large);border-bottom-left-radius:var(--novoui-radius-x-large);outline-style:var(--tw-outline-style);outline-offset:3px;outline-width:2px;outline-color:var(--novoui-border-general-focus);--tw-content:"";content:var(--tw-content);background-color:#0000;width:calc(100% - 4px);height:100%;position:absolute;right:4px}.button-split-main.button:hover,.button-split-main.button:active{z-index:1}.button-split-main.button-split-delimiter,.button-split-main.button-outline,.button-split-main.button-outline-subtle,.button-split-main.button-destructive{border-right-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-right-width:1px}.button-split-main.button-split-delimiter{border-right-color:var(--novoui-neutral-1)}@supports (color:color-mix(in lab, red, red)){.button-split-main.button-split-delimiter{border-right-color:color-mix(in oklab,var(--novoui-neutral-1)30%,transparent)}}.button-split-main.button-split-delimiter.button[disabled],.button-split-main.button-split-delimiter.button-disabled,.button-split-main.button-split-delimiter.button:disabled{border-right-color:var(--novoui-border-disabled-strong)}@supports (color:color-mix(in lab, red, red)){.button-split-main.button-split-delimiter.button[disabled],.button-split-main.button-split-delimiter.button-disabled,.button-split-main.button-split-delimiter.button:disabled{border-right-color:color-mix(in oklab,var(--novoui-border-disabled-strong)30%,transparent)}}.button-split-main.button-split-delimiter+.button,.button-split-main.button-split-delimiter+.dropdown-container .button-split-dropdown{border-left-color:#0000}.button-split-main.button-split-delimiter+.button[disabled],.button-split-main.button-split-delimiter+.button-disabled,.button-split-main.button-split-delimiter+.button:disabled,.button-split-main.button-split-delimiter+.dropdown-container .button-split-dropdown[disabled],.button-split-main.button-split-delimiter+.dropdown-container .button-split-dropdown-disabled,.button-split-main.button-split-delimiter+.dropdown-container .button-split-dropdown:disabled{border-left-color:var(--novoui-border-disabled-strong)}@supports (color:color-mix(in lab, red, red)){.button-split-main.button-split-delimiter+.button[disabled],.button-split-main.button-split-delimiter+.button-disabled,.button-split-main.button-split-delimiter+.button:disabled,.button-split-main.button-split-delimiter+.dropdown-container .button-split-dropdown[disabled],.button-split-main.button-split-delimiter+.dropdown-container .button-split-dropdown-disabled,.button-split-main.button-split-delimiter+.dropdown-container .button-split-dropdown:disabled{border-left-color:color-mix(in oklab,var(--novoui-border-disabled-strong)30%,transparent)}}.button-split-main.button-destructive{z-index:1;border-right-color:var(--novoui-neutral-1)}@supports (color:color-mix(in lab, red, red)){.button-split-main.button-destructive{border-right-color:color-mix(in oklab,var(--novoui-neutral-1)30%,transparent)}}.button-split-main.button-outline-subtle+.dropdown-container>.button-split-dropdown{border-left-color:#0000}.button-split-main.button-outline-subtle+.dropdown-container>.button-split-dropdown:hover{border-left-color:var(--novoui-border-button-outline-subtle-hover)}.button-split-main.button-outline-subtle+.dropdown-container>.button-split-dropdown:active{border-left-color:var(--novoui-border-button-outline-subtle-active)}.button-split-main.button-outline-subtle:active,.button-split-main.button-outline-subtle-active{border-right-color:var(--novoui-border-button-outline-subtle-active)}.button-split-main.button-outline-subtle:active:hover,.button-split-main.button-outline-subtle-active:hover,.button-split-main.button-outline-subtle-active-hover{border-left-style:var(--tw-border-style);border-left-width:1px;border-right-color:var(--novoui-border-button-outline-subtle-hover);background-color:var(--novoui-background-button-outline-subtle-hover)}.button-split-main.button-outline-subtle:active-hover{border-left-style:var(--tw-border-style);border-left-width:1px;border-right-color:var(--novoui-border-button-outline-subtle-hover);background-color:var(--novoui-background-button-outline-subtle-hover)}.button-split-main.button-outline-subtle:active+.button-split-dropdown,.button-split-main.button-outline-subtle-active+.button-split-dropdown{margin-left:calc(var(--spacing,.25rem)*0);border-left-style:var(--tw-border-style);border-left-width:1px;border-left-color:var(--novoui-border-button-outline-subtle-enabled)}.button-split .list .list-item>.button-text.button-xs{height:30px}.button-split .list .list-item>.button-text.button-sm{height:calc(var(--spacing,.25rem)*8)}.button-split-dropdown.button{width:calc(var(--spacing,.25rem)*10);padding-right:calc(var(--spacing,.25rem)*3);border-top-left-radius:0;border-bottom-left-radius:0;padding-left:9px;position:relative}.button-split-dropdown.button.button-icon-square{border-top-right-radius:var(--novoui-radius);border-bottom-right-radius:var(--novoui-radius)}.button-split-dropdown.button.button-split-dropdown,.button-split-dropdown.button.button-split-dropdown:active,.button-split-dropdown.button.button-split-dropdown:hover{border-left-color:#0000}.button-split-dropdown.button.button-outline-subtle:hover+.button-outline-subtle,.button-split-dropdown.button.button-outline-subtle-hover+.button-outline-subtle{border-left-color:var(--novoui-border-button-outline-subtle-enabled)}.button-split-dropdown.button:focus-visible,.button-split-dropdown.button-focus-visible{--tw-outline-style:none;outline-style:none}.button-split-dropdown.button:focus-visible:after,.button-split-dropdown.button-focus-visible:after{left:calc(var(--spacing,.25rem)*1);border-top-right-radius:var(--novoui-radius-x-large);border-bottom-right-radius:var(--novoui-radius-x-large);outline-style:var(--tw-outline-style);outline-offset:3px;outline-width:2px;outline-color:var(--novoui-border-general-focus);--tw-content:"";content:var(--tw-content);background-color:#0000;width:calc(100% - 4px);height:100%;position:absolute}.button-split-dropdown-content{display:none}.button-split-dropdown-open{display:block}.button-split .dropdown.dropdown-up{top:calc(var(--spacing,.25rem)*-1)}.button-toggle-switch-group{border-style:var(--tw-border-style);border-width:1px;border-color:var(--novoui-border-toggle-switch-base);background-color:var(--novoui-background-toggle-switch-enabled);width:max-content;padding:.5px;padding-bottom:calc(var(--spacing,.25rem)*.25);border-radius:7px;display:grid}.button-toggle-switch-group .active-indicator-container{grid-template-columns:subgrid;grid-row:1;display:grid}.button-toggle-switch-group:hover{background-color:var(--novoui-background-toggle-switch-hover)}.button-toggle-switch-group.button-toggle-switch-rounded{border-radius:var(--novoui-radius-xx-large)}.button-toggle-switch-group .active-indicator{z-index:0;border-radius:7px;grid-row:1;height:calc(100% - 1px);left:.5px;right:.5px}.button-toggle-switch-group .active-indicator-transition{transition:transform .2s,width .2s}.button-toggle-switch-group .button-toggle-switch{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*1);text-align:center;user-select:none;color:var(--novoui-text-color-toggle-switch-enabled);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--novoui-ui-button-14);line-height:var(--tw-leading,var(--novoui-ui-button-14--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);border-radius:7px;flex-wrap:wrap;grid-row:1;transition:transform .4s,color .4s;display:inline-flex;position:relative}.button-toggle-switch-group .button-toggle-switch svg{fill:currentColor;transition:fill .4s}.button-toggle-switch-group .button-toggle-switch-rounded,.button-toggle-switch-group .button-toggle-switch .button-toggle-switch-group,.button-toggle-switch-group .button-toggle-switch-rounded .active-indicator,.button-toggle-switch-group .button-toggle-switch .button-toggle-switch-group .active-indicator{border-radius:var(--novoui-radius-xx-large)}.button-toggle-switch-group .button-toggle-switch-primary.active-indicator{background-color:var(--novoui-background-toggle-switch-fill-selected)}.button-toggle-switch-group .button-toggle-switch-primary.button-toggle-switch-selected{color:var(--novoui-text-color-toggle-switch-selected)}.button-toggle-switch-group .button-toggle-switch-primary.button-toggle-switch-selected svg{fill:currentColor}.button-toggle-switch-group .button-toggle-switch-primary.button-toggle-switch-selected.button-toggle-switch-disabled{cursor:default;background-color:var(--novoui-background-disabled-strong);color:var(--novoui-text-color-disabled-medium)}.button-toggle-switch-group .button-toggle-switch-primary.button-toggle-switch-selected.button-toggle-switch-disabled svg{fill:currentColor}.button-toggle-switch-group .button-toggle-switch-light.active-indicator{border-style:var(--tw-border-style);border-width:1px;border-color:var(--novoui-border-toggle-switch-base);background-color:var(--novoui-background-toggle-switch-outline-selected);--tw-shadow:0px 8px 16px var(--tw-shadow-color,#15213314);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.button-toggle-switch-group .button-toggle-switch-light svg{fill:currentColor}.button-toggle-switch-group .button-toggle-switch-disabled{cursor:default;color:var(--novoui-text-color-disabled-medium)}.button-toggle-switch-group .button-toggle-switch-disabled svg{fill:currentColor}.button-toggle-switch-group .button-toggle-switch-disabled.active-indicator{background-color:#0000}.button-toggle-switch-group .button-toggle-switch-medium{height:calc(var(--spacing,.25rem)*11);padding-inline:calc(var(--spacing,.25rem)*4);font-size:var(--novoui-ui-button-16);line-height:var(--tw-leading,var(--novoui-ui-button-16--line-height))}.button-toggle-switch-group .button-toggle-switch-medium svg{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.button-toggle-switch-group .button-toggle-switch-small{height:calc(var(--spacing,.25rem)*9);font-size:var(--novoui-ui-button-14);line-height:var(--tw-leading,var(--novoui-ui-button-14--line-height))}.button-toggle-switch-group .button-toggle-switch-small svg{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.button-toggle-switch-group .button-toggle-switch-tiny{height:calc(var(--spacing,.25rem)*7);font-size:var(--novoui-ui-button-12);line-height:var(--tw-leading,var(--novoui-ui-button-12--line-height))}.button-toggle-switch-group .button-toggle-switch-tiny svg{height:calc(var(--spacing,.25rem)*3.5);width:calc(var(--spacing,.25rem)*3.5)}.button{cursor:pointer;border-radius:var(--novoui-radius-xx-large);text-align:center;user-select:none;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-style:var(--tw-border-style);--tw-border-style:solid;height:calc(var(--spacing,.25rem)*12);padding-inline:calc(var(--spacing,.25rem)*6);font-size:var(--novoui-ui-button-16);line-height:var(--tw-leading,var(--novoui-ui-button-16--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);border:1px solid #0000;flex-wrap:wrap;flex-shrink:0;text-decoration-line:none;display:inline-flex;position:relative}.button .button-badge{top:calc(var(--spacing,.25rem)*.5);right:calc(var(--spacing,.25rem)*1);--tw-translate-x:calc(1/2*100%);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);position:absolute}.button svg{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);fill:currentColor}.button-loading{pointer-events:none}.button-loading .button-label,.button-loading .button-icon{opacity:0}.button:focus-visible,.button-focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px}.button,.button-primary{background-color:var(--novoui-background-button-fill-enabled);color:var(--novoui-text-color-button-fill-enabled);outline-color:var(--novoui-border-general-focus)}@media (hover:hover){.button:hover,.button-hover,.button-primary:hover,.button-primary-hover{background-color:var(--novoui-background-button-fill-hover)}}.button:active,.button.button-active,.button-primary:active,.button-primary.button-active{background-color:var(--novoui-background-button-fill-active)}.button-disabled,.button:disabled,.button[disabled],.button-primary-disabled,.button-primary:disabled,.button-primary[disabled]{cursor:default;background-color:var(--novoui-background-disabled-medium);color:var(--novoui-text-color-disabled-medium)}.button-outline{background-color:var(--novoui-background-button-outline-enabled)}.button-outline.button-primary{border-color:var(--novoui-border-button-outline-enabled);color:var(--novoui-text-color-button-outline-enabled)}@media (hover:hover){.button-outline.button-primary:hover{border-color:var(--novoui-border-button-outline-hover);background-color:var(--novoui-background-button-outline-hover);color:var(--novoui-text-color-button-outline-hover)}}.button-outline.button-primary:active,.button-outline.button-primary.button-active{border-color:var(--novoui-border-button-outline-active);background-color:var(--novoui-background-button-outline-active);color:var(--novoui-text-color-button-outline-active)}.button-outline.button-disabled,.button-outline:disabled,.button-outline[disabled]{pointer-events:none;border-color:var(--novoui-border-disabled-medium);background-color:var(--novoui-background-disabled-subtle);color:var(--novoui-text-color-disabled-medium)}.button-outline-subtle{border-color:var(--novoui-border-button-outline-subtle-enabled);color:var(--novoui-text-color-button-outline-subtle-enabled);background-color:#0000}.button-outline-subtle:hover,.button-outline-subtle.button-hover{border-color:var(--novoui-border-button-outline-subtle-hover);background-color:var(--novoui-background-button-outline-subtle-hover)}.button-outline-subtle:active,.button-outline-subtle.button-active{border-color:var(--novoui-border-button-outline-subtle-active);background-color:var(--novoui-background-button-outline-subtle-active)}.button-outline-subtle:disabled,.button-outline-subtle.button-disabled,.button-outline-subtle[disabled]{pointer-events:none;border-color:var(--novoui-border-disabled-subtle);background-color:var(--novoui-background-general-base);color:var(--novoui-text-color-disabled-medium)}.button-destructive{background-color:var(--novoui-background-button-destructive-enabled);color:var(--novoui-text-color-button-destructive-enabled)}.button-destructive:hover,.button-destructive.button-hover{background-color:var(--novoui-background-button-destructive-hover)}.button-destructive:active,.button-destructive.button-active{background-color:var(--novoui-background-button-destructive-active)}.button-destructive:focus-visible,.button-destructive.button-focus-visible{background-color:var(--novoui-background-button-destructive-enabled);outline-color:var(--novoui-border-button-destructive-focus)}.button-destructive:disabled,.button-destructive.button-disabled,.button-destructive[disabled]{background-color:var(--novoui-background-disabled-medium);color:var(--novoui-text-color-disabled-medium)}.button-destructive-subtle{background-color:var(--novoui-background-alert-low-emphasis-enabled);color:var(--novoui-text-color-alert-hover)}.button-destructive-subtle:hover,.button-destructive-subtle.button-hover{background-color:var(--novoui-background-alert-low-emphasis-hover)}.button-destructive-subtle:active,.button-destructive-subtle.button-active{background-color:var(--novoui-background-alert-low-emphasis-active)}.button-destructive-subtle:focus-visible,.button-destructive-subtle.button-focus-visible{background-color:var(--novoui-background-alert-low-emphasis-enabled);outline-color:var(--novoui-border-button-destructive-focus)}.button-destructive-subtle:disabled,.button-destructive-subtle.button-disabled,.button-destructive-subtle[disabled]{background-color:var(--novoui-background-disabled-medium);color:var(--novoui-text-color-disabled-medium)}.button-text{background-color:#0000;border-color:#0000}.button-text.button-primary{color:var(--novoui-text-color-button-text-enabled)}@media (hover:hover){.button-text.button-primary:hover{background-color:var(--novoui-background-button-text-hover);color:var(--novoui-text-color-button-text-hover)}}.button-text.button-primary:active,.button-text.button-primary.button-active{background-color:var(--novoui-background-button-text-active);color:var(--novoui-text-color-button-text-active)}.button-text:focus-visible,.button-text.button-focus-visible{border-color:var(--novoui-border-general-focus)}.button-text.button-disabled,.button-text:disabled,.button-text[disabled]{pointer-events:none;background-color:var(--novoui-background-general-base);color:var(--novoui-text-color-disabled-medium)}.button-notification{margin-top:calc(var(--spacing,.25rem)*4);border-color:var(--novoui-border-button-transparent-enabled);background-color:var(--novoui-background-button-transparent-enabled);color:var(--novoui-text-color-button-transparent-enabled);outline-color:var(--novoui-border-side-menus-menu-notification)}.button-notification:hover,.button-notification-hover{border-color:var(--novoui-border-button-transparent-hover);background-color:var(--novoui-background-button-transparent-hover)}.button-notification:active,.button-notification-active{border-color:var(--novoui-border-button-transparent-active);background-color:var(--novoui-background-button-transparent-active)}.button-notification:focus-visible,.button-notification-focus-visible{outline-color:var(--novoui-border-general-focus)}.button-notification:disabled,.button-notification.button-disabled,.button-notification:disabled:hover,.button-notification.button-disabled:hover,.button-notification.button-disabled-hover{background-color:var(--novoui-background-disabled-strong);color:var(--novoui-text-color-disabled-medium);border-color:#0000}.button-notification:disabled-hover{background-color:var(--novoui-background-disabled-strong);color:var(--novoui-text-color-disabled-medium);border-color:#0000}.button-notification:disabled:active,.button-notification.button-disabled:active,.button-notification.button-disabled-active{background-color:var(--novoui-background-disabled-strong);color:var(--novoui-text-color-disabled-medium);border-color:#0000}.button-notification:disabled-active{background-color:var(--novoui-background-disabled-strong);color:var(--novoui-text-color-disabled-medium);border-color:#0000}.button-xs{height:calc(var(--spacing,.25rem)*8);padding-inline:calc(var(--spacing,.25rem)*4);font-size:var(--novoui-ui-button-12);line-height:var(--tw-leading,var(--novoui-ui-button-12--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.button-xs svg{width:12px;height:12px}.button-sm{height:calc(var(--spacing,.25rem)*10);padding-inline:calc(var(--spacing,.25rem)*6);font-size:var(--novoui-ui-button-14);line-height:var(--tw-leading,var(--novoui-ui-button-14--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.button-sm svg{width:14px;height:14px}.button-md{height:calc(var(--spacing,.25rem)*12);padding-inline:calc(var(--spacing,.25rem)*6);font-size:var(--novoui-ui-button-16);line-height:var(--tw-leading,var(--novoui-ui-button-16--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.button-md svg{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.button-lg{height:56px;padding-inline:calc(var(--spacing,.25rem)*6);font-size:var(--novoui-ui-button-16);line-height:var(--tw-leading,var(--novoui-ui-button-16--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.button-lg svg{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.button-full-width{width:100%}.button-square{border-radius:var(--novoui-radius)}.button-icon-square,.button-icon-circle{height:calc(var(--spacing,.25rem)*12);width:calc(var(--spacing,.25rem)*12);padding:calc(var(--spacing,.25rem)*0)}.button-icon-square:where(.button-xs),.button-icon-circle:where(.button-xs){height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);padding:calc(var(--spacing,.25rem)*0)}.button-icon-square:where(.button-sm),.button-icon-circle:where(.button-sm){height:calc(var(--spacing,.25rem)*10);width:calc(var(--spacing,.25rem)*10);padding:calc(var(--spacing,.25rem)*0)}.button-icon-square:where(.button-md),.button-icon-circle:where(.button-md){height:calc(var(--spacing,.25rem)*12);width:calc(var(--spacing,.25rem)*12);padding:calc(var(--spacing,.25rem)*0)}.button-icon-square:where(.button-lg),.button-icon-circle:where(.button-lg){width:56px;height:56px;padding:calc(var(--spacing,.25rem)*0)}.button-icon-square:where(.button-xs) svg,.button-icon-square:where(.button-sm) svg,.button-icon-circle:where(.button-xs) svg,.button-icon-circle:where(.button-sm) svg{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.button-icon-square:where(.button-md) svg,.button-icon-square:where(.button-lg) svg,.button-icon-circle:where(.button-md) svg,.button-icon-circle:where(.button-lg) svg{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6)}.button-icon-square{border-radius:var(--novoui-radius)}.button-icon-circle{border-radius:var(--novoui-radius-full)}.card-drag{--tw-border-style:solid;border-style:solid;border-color:var(--novoui-border-drag-enabled);grid-template-rows:1rem auto 1rem;grid-template-columns:36px auto 1fr;display:grid}.card-drag-container{padding-block:calc(var(--spacing,.25rem)*1)}.card-drag-marker:hover{position:relative}.card-drag-marker:hover.card-drag-marker-above:before{top:calc(var(--spacing,.25rem)*0);margin-top:calc(var(--spacing,.25rem)*-1);height:calc(var(--spacing,.25rem)*.5);border-radius:var(--novoui-radius-large);background-color:var(--novoui-background-general-high-emphasis-enabled);content:"";width:104%;position:absolute;left:-2%}.card-drag-marker:hover.card-drag-marker-below:after{bottom:calc(var(--spacing,.25rem)*-1);height:calc(var(--spacing,.25rem)*.5);border-radius:var(--novoui-radius-large);background-color:var(--novoui-background-general-high-emphasis-enabled);content:"";width:104%;position:absolute;left:-2%}.card-drag-small{grid-template-rows:.5rem auto .5rem}.card-drag .card-drag-draggable{grid-template-rows:subgrid;grid-template-columns:subgrid;grid-area:1/1/span 3/span 3;display:grid}.card-drag .card-drag-draggable.card-no-selection-allowed{cursor:grab}.card-drag-handle{box-sizing:content-box;height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);fill:var(--novoui-fill-drag-enabled);padding-inline:calc(var(--spacing,.25rem)*1.5)}.card-drag-content{box-sizing:content-box;min-height:calc(var(--spacing,.25rem)*9);font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));color:var(--novoui-text-color-general-primary);pointer-events:none;cursor:grab;background-color:var(--novoui-background-drag-card-enabled);padding-left:calc(var(--spacing,.25rem)*4);--tw-leading:calc(var(--spacing,.25rem)*9);line-height:calc(var(--spacing,.25rem)*9);user-select:none;flex-grow:1;grid-area:2/2;align-items:center;display:inline-flex}.card-drag-content.card-drag-selection-allowed{pointer-events:auto;cursor:auto;user-select:auto}.card-drag-top,.card-drag-bottom,.card-drag-right{cursor:grab;--tw-border-style:solid;border-style:solid;border-color:var(--novoui-border-drag-enabled);background-color:var(--novoui-background-drag-card-enabled)}.card-drag-top,.card-drag-left,.card-drag-bottom,.card-drag-right{user-select:none}.card-drag-left{border-top-style:var(--tw-border-style);border-top-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--novoui-border-drag-enabled);background-color:var(--novoui-background-drag-handle-enabled);cursor:grab;border-top-left-radius:var(--novoui-radius-large);border-bottom-left-radius:var(--novoui-radius-large);grid-area:1/1/span 3;align-content:center;height:100%}.card-drag-top{border-top-style:var(--tw-border-style);border-top-width:1px;grid-area:1/2}.card-drag-bottom{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;grid-area:3/2}.card-drag-right{height:100%;min-width:calc(var(--spacing,.25rem)*8);border-top-right-radius:var(--novoui-radius-large);border-bottom-right-radius:var(--novoui-radius-large);border-top-style:var(--tw-border-style);border-top-width:1px;border-right-style:var(--tw-border-style);border-right-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;grid-area:1/3/span 3}.card-drag-draggable:hover .card-drag-top,.card-drag-draggable:hover .card-drag-bottom,.card-drag-draggable:hover .card-drag-right,.card-drag-draggable:hover .card-drag-left{border-color:var(--novoui-border-drag-hover)}.card-drag-draggable:hover .card-drag-left{background-color:var(--novoui-background-drag-handle-hover)}.card-drag-draggable:hover .card-drag-handle{fill:var(--novoui-fill-drag-hover)}.card-drag-draggable:active .card-drag-left,.card-drag-draggable-active .card-drag-left{background-color:var(--novoui-background-drag-handle-active)}.card-drag-draggable:active~.card-drag-content,.card-drag-draggable:active .card-drag-top,.card-drag-draggable:active .card-drag-bottom,.card-drag-draggable:active .card-drag-right,.card-drag-draggable-active~.card-drag-content,.card-drag-draggable-active .card-drag-top,.card-drag-draggable-active .card-drag-bottom,.card-drag-draggable-active .card-drag-right{background-color:var(--novoui-background-drag-card-active)}.card-drag-draggable:active .card-drag-left,.card-drag-draggable:active .card-drag-top,.card-drag-draggable:active .card-drag-bottom,.card-drag-draggable:active .card-drag-right,.card-drag-draggable-active .card-drag-left,.card-drag-draggable-active .card-drag-top,.card-drag-draggable-active .card-drag-bottom,.card-drag-draggable-active .card-drag-right{border-color:var(--novoui-border-drag-active)}.card-drag-draggable:active .card-drag-handle,.card-drag-draggable-active .card-drag-handle{fill:var(--novoui-fill-drag-active)}.card-drag-dragging{pointer-events:none;z-index:1;position:absolute}.card-drag-dragging.card-drag-truncate>*{max-width:calc(var(--spacing,.25rem)*52);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-drag-ghost{border-radius:var(--novoui-radius-large);background-color:var(--novoui-background-drag-card-active)}.card-drag-flip{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.card-drag-animation{animation-duration:.15s;animation-timing-function:ease-in-out;animation-iteration-count:1}.card-drag-animation-below{animation-name:card-drag-below-animation}.card-drag-animation-above{animation-name:card-drag-above-animation}@keyframes card-drag-below-animation{0%{transform:translateY(100%)}to{transform:translateY(0%)}}@keyframes card-drag-above-animation{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.card-slim:hover{background-color:var(--novoui-background-cards-hover)}.card-slim-elevated:hover{background-color:var(--novoui-background-cards-elevated-hover)}.card-slim-footer{border-top-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-top-width:1px;border-color:var(--novoui-border-general-subtle);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--novoui-body-small);line-height:var(--tw-leading,var(--novoui-body-small--line-height));color:var(--novoui-text-color-general-secondary);grid-area:2/1/-1/-1;justify-content:center;display:flex}.card-slim-media{right:calc(var(--spacing,.25rem)*0);min-width:100%;max-width:none;height:100%;position:absolute}.card-slim-media-container{align-self:stretch;min-width:80px;position:relative}.card-slim-body{margin-block:calc(var(--spacing,.25rem)*4);margin-right:calc(var(--spacing,.25rem)*3);margin-left:calc(var(--spacing,.25rem)*4);flex-direction:column;grid-column-start:2;display:inline-flex}.card-slim-headline{font-size:var(--novoui-body-medium);line-height:var(--tw-leading,var(--novoui-body-medium--line-height));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--novoui-text-color-general-primary);word-break:break-word}.card-slim-subheader{font-size:var(--novoui-body-small);line-height:var(--tw-leading,var(--novoui-body-small--line-height));color:var(--novoui-text-color-general-secondary);word-break:break-word}.card-slim-eyebrow{font-size:var(--novoui-body-xsmall);line-height:var(--tw-leading,var(--novoui-body-xsmall--line-height));color:var(--novoui-text-color-general-secondary);word-break:break-word}.card-slim-slot{border-left-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-left-width:1px;border-color:var(--novoui-border-general-subtle);padding-block:calc(var(--spacing,.25rem)*2);padding-right:calc(var(--spacing,.25rem)*3);padding-left:calc(var(--spacing,.25rem)*4);grid-column-start:2;margin-block:7px}.card-slim-multi-column .card-slim-slot{border-left-style:var(--tw-border-style);border-left-width:1px;grid-column-start:3}.card-slim-circle-icon{margin-right:calc(var(--spacing,.25rem)*3);margin-left:calc(var(--spacing,.25rem)*5);box-sizing:content-box;background-color:var(--novoui-background-accent-blue-subtle);min-width:24px;max-width:24px;fill:var(--novoui-fill-general-secondary);padding:calc(var(--spacing,.25rem)*3);border-radius:50%;overflow:visible}.card-slim-trailing-icon{box-sizing:content-box;min-width:24px;max-width:24px;min-height:24px;max-height:24px;fill:var(--novoui-fill-general-primary);padding-inline:calc(var(--spacing,.25rem)*4);margin-left:auto}.card-slim-disabled{pointer-events:none;border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--novoui-border-disabled-medium)}.card-slim-disabled.card-elevated{background-color:var(--novoui-background-cards-disabled);box-shadow:none}.card-slim-disabled.card-slim{background-color:var(--novoui-background-cards-disabled)}.card-slim-disabled.card-slim:not(.card-outline){border-style:var(--tw-border-style);border-width:0}.card-slim-disabled .card-slim-media-container{opacity:.3}.card-slim-disabled .card-slim-headline,.card-slim-disabled .card-slim-subheader,.card-slim-disabled .card-slim-eyebrow,.card-slim-disabled .card-slim-footer{color:var(--novoui-text-color-disabled-medium)}.card-slim-disabled .card-slim-slot{border-color:var(--novoui-border-disabled-subtle)}.card-slim-disabled .card-slim-trailing-icon{fill:var(--novoui-fill-disabled-medium)}.card-slim-disabled .card-slim-circle-icon{background-color:var(--novoui-background-disabled-strong);fill:var(--novoui-fill-disabled-medium)}.card{--novoui-card-body-color:var(--novoui-text-color-general-secondary);border-radius:var(--novoui-radius-large);background-color:var(--novoui-background-cards-enabled);color:var(--novoui-text-color-general-secondary);transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));flex-direction:column;width:296px;display:flex}.card:hover{background-color:var(--novoui-background-cards-hover)}.card:focus-visible,.card-focus-visible{outline-style:var(--tw-outline-style);outline-width:3px;outline-color:var(--novoui-border-general-focus)}.card-slim{border-radius:var(--novoui-radius-large);background-color:var(--novoui-background-cards-enabled);min-height:64px;transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));flex-direction:row;align-items:center;display:flex;overflow:hidden}.card-slim-has-footer{grid-template-rows:auto auto;grid-template-columns:auto 1fr auto auto;display:grid}.card-slim-has-footer.card-slim-multi-column{grid-template-columns:auto 1fr 1fr auto}.card-elevated{background-color:var(--novoui-background-cards-elevated-enabled);--tw-shadow:0px 8px 16px var(--tw-shadow-color,#15213314);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.card-elevated:hover{background-color:var(--novoui-background-cards-elevated-hover)}.card-elevated.card-disabled,.card-elevated:disabled,.card-elevated[disabled]{border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--novoui-border-disabled-medium);--tw-shadow-color:inherit}.card-outline{border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--novoui-border-cards-enabled);overflow:hidden}.card-outline .card-slim-body{margin-block:15px}.card-outline.card-disabled,.card-outline:disabled,.card-outline[disabled]{border-color:var(--novoui-border-disabled-medium)}.card-clickable{text-align:left}@media (hover:hover){.card-clickable:hover{--tw-shadow:0px 16px 32px var(--tw-shadow-color,#16223329),0px 4px 12px var(--tw-shadow-color,#1622331f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.card-clickable.card-outline:hover{border-color:var(--novoui-border-cards-hover);--tw-shadow:0 0 var(--tw-shadow-color,#000);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.card-disabled,.card:disabled,.card[disabled]{--novoui-card-body-color:var(--novoui-text-color-disabled-medium);pointer-events:none;background-color:var(--novoui-background-cards-disabled);color:var(--novoui-text-color-disabled-medium)}.card-disabled .card-body h5,.card-disabled .card-footer,.card-disabled .card-footer-icon,.card-disabled .card-header-subtitle,.card-disabled .card-header-icon,.card:disabled .card-body h5,.card:disabled .card-footer,.card:disabled .card-footer-icon,.card:disabled .card-header-subtitle,.card:disabled .card-header-icon,.card[disabled] .card-body h5,.card[disabled] .card-footer,.card[disabled] .card-footer-icon,.card[disabled] .card-header-subtitle,.card[disabled] .card-header-icon{color:var(--novoui-text-color-disabled-medium)}.card-disabled .card-media,.card:disabled .card-media,.card[disabled] .card-media,.card-disabled .card-header-avatar,.card:disabled .card-header-avatar,.card[disabled] .card-header-avatar{opacity:.3}.card-header{align-items:center;gap:calc(var(--spacing,.25rem)*4);width:100%;padding:calc(var(--spacing,.25rem)*4);display:flex}.card-header-avatar{height:calc(var(--spacing,.25rem)*12);width:calc(var(--spacing,.25rem)*12);object-fit:cover;border-radius:100%}.card-header-title{font-size:var(--novoui-headings-h4);line-height:var(--tw-leading,var(--novoui-headings-h4--line-height));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.card-header-subtitle{font-size:var(--novoui-body-small);line-height:var(--tw-leading,var(--novoui-body-small--line-height));color:var(--novoui-text-color-general-secondary)}.card-header-icon{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);color:var(--novoui-text-color-general-secondary);margin-left:auto}.card-header-icon svg{fill:currentColor}.card-media{border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:inherit;position:relative}.card-media:not(:last-child){border-end-end-radius:unset;border-end-start-radius:unset}.card-media:not(:first-child){border-start-start-radius:unset;border-start-end-radius:unset}.card-media img{border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:inherit;width:100vw}.card-media-status-tag.status-tag-none{top:calc(var(--spacing,.25rem)*4);left:calc(var(--spacing,.25rem)*4);z-index:10;position:absolute}.card-media-status-tag-container{top:calc(var(--spacing,.25rem)*4);left:calc(var(--spacing,.25rem)*4);position:absolute}.card-media-status-tag-container .status-tag+.status-tag{margin-left:calc(var(--spacing,.25rem)*4)}.card-media-length-tag.status-tag-none{right:calc(var(--spacing,.25rem)*4);bottom:calc(var(--spacing,.25rem)*4);z-index:10;color:var(--novoui-text-color-general-inverted);background-color:#1d1e21;position:absolute}.card-media-play-icon{bottom:calc(var(--spacing,.25rem)*4);left:calc(var(--spacing,.25rem)*4);z-index:10;height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);padding-top:calc(var(--spacing,.25rem)*2);background-color:var(--novoui-background-general-base);color:var(--novoui-text-color-general-primary);border-radius:100%;padding-left:9px;position:absolute}.card-media-play-icon svg{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);fill:currentColor}.card-body{gap:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*4);flex-direction:column;display:flex}.card-body h5{font-size:var(--novoui-headings-h5);line-height:var(--tw-leading,var(--novoui-headings-h5--line-height));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--novoui-text-color-general-primary)}.card-body p{font-size:var(--novoui-body-small);line-height:var(--tw-leading,var(--novoui-body-small--line-height));color:var(--novoui-card-body-color)}.card-footer{align-items:center;gap:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*4);padding-top:calc(var(--spacing,.25rem)*0);font-size:var(--novoui-body-small);line-height:var(--tw-leading,var(--novoui-body-small--line-height));color:var(--novoui-text-color-general-primary);margin-top:auto;margin-left:auto;display:flex}.card-footer-icon{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);color:var(--novoui-text-color-general-primary)}.card-footer-icon svg{fill:currentColor}.card-sm{width:223px}.card-md{width:296px}.card-lg{width:624px}.card-lg .card-body h5{font-size:var(--novoui-headings-h3);line-height:var(--tw-leading,var(--novoui-headings-h3--line-height));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.card-lg .card-body p{font-size:var(--novoui-body-medium);line-height:var(--tw-leading,var(--novoui-body-medium--line-height))}.card-loading .card-loading-media{border-top-left-radius:var(--novoui-radius-large);border-top-right-radius:var(--novoui-radius-large);border-bottom-right-radius:0;border-bottom-left-radius:0}.card-loading .card-loading-contents{gap:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*2);padding-top:calc(var(--spacing,.25rem)*4);flex-direction:column;display:flex}.card-loading .card-loading-contents-small{margin-bottom:calc(var(--spacing,.25rem)*12)}.card-loading .card-loading-contents-medium{margin-bottom:calc(var(--spacing,.25rem)*9)}.card-loading .card-loading-contents-large{height:calc(var(--spacing,.25rem)*5)}.checkbox{--novoui-checkbox-label-color:var(--novoui-text-color-selection-enabled);--novoui-checkbox-input-color:var(--novoui-border-selection-enabled);--novoui-checkbox-input-color-hover:var(--novoui-border-selection-hover);--novoui-checkbox-input-color-active:var(--novoui-border-selection-active);--novoui-checkbox-input-color-checked:var(--novoui-background-selection-selected-enabled);--novoui-checkbox-input-color-checked-hover:var(--novoui-background-selection-selected-hover);--novoui-checkbox-input-color-checked-active:var(--novoui-background-selection-selected-active);--novoui-checkbox-input-bg-color-active:var(--novoui-background-selection-enabled);--novoui-checkbox-size:1rem;margin-block:calc(var(--spacing,.25rem)*2);align-items:center;gap:calc(var(--spacing,.25rem)*2);display:inline-flex}.checkbox-input{cursor:pointer;appearance:none;border-style:var(--tw-border-style);background-color:var(--novoui-background-general-base);height:var(--novoui-checkbox-size);width:var(--novoui-checkbox-size);border-radius:var(--novoui-radius-small);border-width:1px;border-color:var(--novoui-checkbox-input-color);place-content:center;display:grid;position:relative}.checkbox-input:before{content:"";height:var(--novoui-checkbox-size);width:var(--novoui-checkbox-size);background-color:var(--novoui-checkbox-input-color-checked);--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y);border-radius:50%;margin:-1px;transition-property:scale,border-radius;transition-duration:.1s;transition-timing-function:ease-out;position:absolute}.checkbox-input:after{content:"";height:var(--novoui-checkbox-size);width:var(--novoui-checkbox-size);background-position:50%;background-repeat:no-repeat;position:relative}.checkbox-input:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--novoui-border-general-focus);--tw-outline-style:solid;outline-style:solid}.checkbox-input:checked:after{background-size:var(--novoui-checkbox-size);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M11.5956 4.29252L6.87931 9.95166L4.32943 7.40188C4.17957 7.26225 3.98137 7.18623 3.77657 7.18984C3.57177 7.19345 3.37637 7.27642 3.23154 7.42125C3.0867 7.56609 3.00374 7.76149 3.00012 7.96629C2.99651 8.17108 3.07253 8.36929 3.21217 8.51914L6.37423 11.6812C6.52234 11.8295 6.72327 11.9129 6.93286 11.9131L6.9689 11.912C7.07862 11.9071 7.18611 11.8794 7.28449 11.8305C7.38286 11.7817 7.46995 11.7128 7.54018 11.6284L12.8103 5.30428C12.8783 5.22473 12.9299 5.13246 12.9619 5.03283C12.994 4.9332 13.006 4.82819 12.9972 4.72389C12.9884 4.61959 12.9589 4.51808 12.9106 4.42526C12.8622 4.33243 12.7959 4.25013 12.7155 4.18314C12.635 4.11614 12.5421 4.06579 12.4421 4.03499C12.342 4.00419 12.2369 3.99357 12.1327 4.00374C12.0285 4.0139 11.9274 4.04466 11.8352 4.09421C11.743 4.14377 11.6616 4.21125 11.5956 4.29252Z' fill='white'/></svg>")}.checkbox-input:indeterminate:after{background-size:var(--novoui-checkbox-size);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M3.0498 8C3.0498 7.58579 3.31055 7.25 3.63219 7.25H12.368C12.6897 7.25 12.9504 7.58579 12.9504 8C12.9504 8.41421 12.6897 8.75 12.368 8.75H3.63219C3.31055 8.75 3.0498 8.41421 3.0498 8Z' fill='white'/></svg>")}.checkbox-input:checked,.checkbox-input:indeterminate{border-color:var(--novoui-checkbox-input-color-checked)}.checkbox-input:checked:before,.checkbox-input:indeterminate:before{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);border-radius:var(--novoui-radius-small);transition:scale .2s ease-in}@media (hover:hover){.checkbox-input:hover:not(:checked,:indeterminate){border-color:var(--novoui-checkbox-input-color-hover)}.checkbox-input:hover:checked:before,.checkbox-input:hover:indeterminate:before{background-color:var(--novoui-checkbox-input-color-checked-hover)}}.checkbox-input:active:not(:checked,:indeterminate),.checkbox-input[active]:not(:checked,:indeterminate){border-color:var(--novoui-checkbox-input-color-active);background-color:var(--novoui-checkbox-input-bg-color-active)}.checkbox-input:active:checked:before,.checkbox-input:active:indeterminate:before,.checkbox-input[active]:checked:before,.checkbox-input[active]:indeterminate:before{background-color:var(--novoui-checkbox-input-color-active)}.checkbox-label{cursor:pointer;font-size:var(--novoui-ui-control-14);line-height:var(--tw-leading,var(--novoui-ui-control-14--line-height));color:var(--novoui-checkbox-label-color)}.checkbox,.checkbox-primary{--novoui-checkbox-label-color:var(--novoui-text-color-selection-enabled);--novoui-checkbox-input-color:var(--novoui-border-selection-enabled);--novoui-checkbox-input-color-hover:var(--novoui-border-selection-hover);--novoui-checkbox-input-color-active:var(--novoui-border-selection-active);--novoui-checkbox-input-color-checked:var(--novoui-background-selection-selected-enabled);--novoui-checkbox-input-color-checked-hover:var(--novoui-background-selection-selected-hover);--novoui-checkbox-input-color-checked-active:var(--novoui-background-selection-selected-active)}.checkbox-alert{--novoui-checkbox-input-color:var(--novoui-border-alert-enabled);--novoui-checkbox-input-color-hover:var(--novoui-border-alert-hover);--novoui-checkbox-input-color-active:var(--novoui-border-alert-active);--novoui-checkbox-input-color-checked:var(--novoui-background-alert-high-emphasis-enabled);--novoui-checkbox-input-color-checked-hover:var(--novoui-background-alert-high-emphasis-hover);--novoui-checkbox-input-color-checked-active:var(--novoui-background-alert-high-emphasis-active)}.checkbox-disabled,.checkbox:disabled{--novoui-checkbox-label-color:var(--novoui-text-color-disabled-medium);--novoui-checkbox-input-color:var(--novoui-border-disabled-subtle);--novoui-checkbox-input-color-hover:var(--novoui-border-disabled-subtle);--novoui-checkbox-input-color-active:var(--novoui-border-disabled-subtle);--novoui-checkbox-input-color-checked:var(--novoui-border-disabled-subtle);--novoui-checkbox-input-color-checked-hover:var(--novoui-background-selection-disabled);--novoui-checkbox-input-color-checked-active:var(--novoui-background-selection-disabled);--novoui-checkbox-input-bg-color-active:var(--novoui-bg-light);pointer-events:none;border-color:var(--novoui-border-disabled-subtle)}.checkbox-leading-text{flex-direction:row-reverse}.checkbox-sm{--novoui-checkbox-size:.75rem}.checkbox-sm .checkbox-input{outline-offset:0px}.checkbox-sm .checkbox-label{font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height))}.checkbox-md{--novoui-checkbox-size:1rem}.checkbox-md .checkbox-label{font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height))}.checkbox-lg{--novoui-checkbox-size:1.25rem}.checkbox-lg .checkbox-input{margin-block:calc(var(--spacing,.25rem)*.5)}.checkbox-lg .checkbox-label{font-size:var(--novoui-ui-label-16);line-height:var(--tw-leading,var(--novoui-ui-label-16--line-height))}.checkbox-group{display:flex}.checkbox-group-vertical{flex-direction:column}.checkbox-group-gap{gap:calc(var(--spacing,.25rem)*3)}.checkbox .checkbox-input.checkbox-mark{display:none}.chip-filter{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*1);border-radius:var(--novoui-radius-x-large);height:calc(var(--spacing,.25rem)*8);padding-block:calc(var(--spacing,.25rem)*2);padding-right:calc(var(--spacing,.25rem)*3);padding-left:calc(var(--spacing,.25rem)*1.5);font-size:var(--novoui-ui-button-12);line-height:var(--tw-leading,var(--novoui-ui-button-12--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);border-style:var(--tw-border-style);--tw-border-style:solid;border:1px solid #0000;display:flex}.chip-filter:focus-visible,.chip-filter-focus-visible{outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--novoui-border-general-focus)}.chip-filter-disabled,.chip-filter:disabled,.chip-filter[disabled]{pointer-events:none;background-color:var(--novoui-background-disabled-subtle);color:var(--novoui-text-color-disabled-medium);--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,);border-color:#0000}.chip-filter svg{fill:currentColor;width:14px;height:14px}.chip-filter,.chip-filter-fill{background-color:var(--novoui-background-controls-fill-enabled);color:var(--novoui-text-color-controls-low-emphasis)}.chip-filter:where(.chip-filter-strong),.chip-filter-fill:where(.chip-filter-strong){color:var(--novoui-text-color-controls-high-emphasis)}@media (hover:hover){.chip-filter:hover,.chip-filter-hover,.chip-filter-fill:hover,.chip-filter-fill-hover{background-color:var(--novoui-background-controls-fill-hover)}.chip-filter:hover:where(.chip-filter-strong),.chip-filter-hover:where(.chip-filter-strong),.chip-filter-fill:hover:where(.chip-filter-strong),.chip-filter-fill-hover:where(.chip-filter-strong){color:var(--novoui-text-color-controls-high-emphasis-hover)}}.chip-filter-outline{border-color:var(--novoui-border-controls-low-emphasis-enabled);background-color:var(--novoui-background-controls-outline-low-emphasis-enabled);color:var(--novoui-text-color-controls-low-emphasis);overflow:hidden}.chip-filter-outline:where(.chip-filter-strong){border-color:var(--novoui-border-controls-high-emphasis-enabled);color:var(--novoui-text-color-controls-high-emphasis)}@media (hover:hover){.chip-filter-outline:hover,.chip-filter-outline-hover{border-color:var(--novoui-border-controls-low-emphasis-hover);background-color:var(--novoui-background-controls-outline-low-emphasis-hover)}.chip-filter-outline:hover:where(.chip-filter-strong),.chip-filter-outline-hover:where(.chip-filter-strong){border-color:var(--novoui-border-controls-high-emphasis-hover);background-color:var(--novoui-background-controls-outline-high-emphasis-hover);color:var(--novoui-text-color-controls-high-emphasis-hover)}}.chip-filter-selected{background-color:var(--novoui-background-controls-fill-low-emphasis-selected);color:var(--novoui-text-color-controls-low-emphasis);border-color:#0000;overflow:hidden}.chip-filter-selected:where(.chip-filter-outline){border-color:var(--novoui-border-controls-low-emphasis-selected);background-color:var(--novoui-background-controls-outline-low-emphasis-selected);color:var(--novoui-text-color-controls-low-emphasis)}.chip-filter-selected:where(.chip-filter-strong){background-color:var(--novoui-background-controls-outline-high-emphasis-selected);color:var(--novoui-text-color-controls-selected)}@media (hover:hover){.chip-filter-selected:hover,.chip-filter-selected-hover{background-color:var(--novoui-background-controls-fill-low-emphasis-selected-hover);color:var(--novoui-text-color-controls-low-emphasis)}.chip-filter-selected:hover:where(.chip-filter-outline),.chip-filter-selected-hover:where(.chip-filter-outline){border-color:var(--novoui-border-controls-low-emphasis-selected-hover);background-color:var(--novoui-background-controls-outline-low-emphasis-selected-hover)}.chip-filter-selected:hover:where(.chip-filter-strong),.chip-filter-selected-hover:where(.chip-filter-strong){background-color:var(--novoui-background-controls-fill-high-emphasis-selected-hover);color:var(--novoui-text-color-general-inverted)}}.chip-filter-rounded{border-radius:var(--novoui-radius-x-large)}.chip-filter-squared{border-radius:var(--novoui-radius-small)}.chip-filter-md{height:calc(var(--spacing,.25rem)*8);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--novoui-ui-button-12);line-height:var(--tw-leading,var(--novoui-ui-button-12--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.chip-filter-md svg{width:14px;height:14px}.chip-filter-sm{height:calc(var(--spacing,.25rem)*6);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--novoui-ui-button-10);line-height:var(--tw-leading,var(--novoui-ui-button-10--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.chip-filter-sm svg{height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*3)}.chip-filter-prepend:where(.chip-filter-md),.chip-filter-selected:where(.chip-filter-md){padding-left:calc(var(--spacing,.25rem)*2)}.chip-filter-prepend:where(.chip-filter-sm),.chip-filter-selected:where(.chip-filter-sm){padding-left:6px}.chip-filter-prepend-container,.chip-filter-selected-container{font-size:var(--novoui-ui-button-12);line-height:var(--tw-leading,var(--novoui-ui-button-12--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.chip-input{border-style:var(--tw-border-style);--tw-border-style:solid;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*1);border-radius:var(--novoui-radius-x-large);background-color:var(--novoui-chip-input-bg);width:fit-content;color:var(--novoui-chip-input-content);border:1px solid #0000;flex-shrink:0;display:flex}.chip-input-restrict-pointers:not(.chip-input-clickable){pointer-events:none}.chip-input-restrict-pointers:not(.chip-input-clickable):not(.chip-input-disabled) .chip-input-close-container{pointer-events:auto}.chip-input-restrict-pointers:not(.chip-input-clickable):not(.chip-input-disabled) .chip-input-close-container:focus{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--novoui-border-general-focus)}.chip-input:focus-visible,.chip-input-focus-visible{outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--novoui-border-general-focus)}.chip-input,.chip-input-md{--novoui-chip-input-close-size:1.25rem;--novoui-chip-input-close-icon-size:1rem;--novoui-chip-input-prepend-size:1.25rem;--novoui-chip-input-prepended-icon-size:.875rem;--novoui-chip-input-close-padding-right:.375rem;--novoui-chip-input-prepend-padding-left:.5rem;height:calc(var(--spacing,.25rem)*8);font-size:var(--novoui-ui-button-12);line-height:var(--tw-leading,var(--novoui-ui-button-12--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2)}.chip-input-sm{--novoui-chip-input-close-size:1rem;--novoui-chip-input-close-icon-size:.875rem;--novoui-chip-input-prepend-size:1rem;--novoui-chip-input-prepended-icon-size:.75rem;--novoui-chip-input-close-padding-right:.25rem;--novoui-chip-input-prepend-padding-left:.375rem;height:calc(var(--spacing,.25rem)*6);font-size:var(--novoui-ui-button-10);line-height:var(--tw-leading,var(--novoui-ui-button-10--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1)}.chip-input,.chip-input-fill{--novoui-chip-input-bg:var(--novoui-background-controls-fill-enabled);--novoui-chip-input-content:var(--novoui-text-color-controls-low-emphasis)}.chip-input:where(.chip-input-strong),.chip-input-fill:where(.chip-input-strong){--novoui-chip-input-content:var(--novoui-text-color-controls-high-emphasis)}@media (hover:hover){.chip-input:hover,.chip-input-hover,.chip-input-fill:hover,.chip-input-fill-hover{--novoui-chip-input-bg:var(--novoui-background-controls-fill-hover)}.chip-input:hover:where(.chip-input-strong),.chip-input-hover:where(.chip-input-strong),.chip-input-fill:hover:where(.chip-input-strong),.chip-input-fill-hover:where(.chip-input-strong){--novoui-chip-input-content:var(--novoui-text-color-controls-high-emphasis-hover)}}.chip-input:active,.chip-input-active,.chip-input-fill:active,.chip-input-fill-active{--novoui-chip-input-bg:var(--novoui-background-controls-fill-pressed)}.chip-input:active:where(.chip-input-strong),.chip-input-active:where(.chip-input-strong),.chip-input-fill:active:where(.chip-input-strong),.chip-input-fill-active:where(.chip-input-strong){--novoui-chip-input-content:var(--novoui-text-color-controls-high-emphasis-pressed)}.chip-input-outline{border-color:var(--novoui-chip-input-border);--novoui-chip-input-bg:var(--novoui-background-controls-outline-low-emphasis-enabled);--novoui-chip-input-border:var(--novoui-border-controls-low-emphasis-enabled)}.chip-input-outline:where(.chip-input-strong){--novoui-chip-input-content:var(--novoui-text-color-controls-high-emphasis);--novoui-chip-input-border:var(--novoui-border-controls-high-emphasis-enabled)}@media (hover:hover){.chip-input-outline:hover,.chip-input-outline-hover{--novoui-chip-input-bg:var(--novoui-background-controls-outline-low-emphasis-hover);--novoui-chip-input-border:var(--novoui-border-controls-low-emphasis-hover)}.chip-input-outline:hover:where(.chip-input-strong),.chip-input-outline-hover:where(.chip-input-strong){--novoui-chip-input-bg:var(--novoui-background-controls-outline-high-emphasis-hover);--novoui-chip-input-border:var(--novoui-border-controls-high-emphasis-hover);--novoui-chip-input-content:var(--novoui-text-color-controls-high-emphasis-hover)}}.chip-input-outline:active,.chip-input-outline-active{--novoui-chip-input-bg:var(--novoui-background-controls-outline-low-emphasis-pressed);--novoui-chip-input-border:var(--novoui-border-controls-low-emphasis-pressed)}.chip-input-outline:active:where(.chip-input-strong),.chip-input-outline-active:where(.chip-input-strong){--novoui-chip-input-bg:var(--novoui-background-controls-outline-high-emphasis-pressed);--novoui-chip-input-border:var(--novoui-border-controls-high-emphasis-pressed);--novoui-chip-input-content:var(--novoui-text-color-controls-high-emphasis-pressed)}.chip-input-close{padding-right:var(--novoui-chip-input-close-padding-right);--novoui-chip-input-close-bg:transparent;--novoui-chip-input-close-icon-color:var(--novoui-text-color-controls-low-emphasis)}.chip-input-close:where(.chip-input-strong){--novoui-chip-input-close-icon-color:var(--novoui-text-color-controls-high-emphasis)}@media (hover:hover){.chip-input-close:hover,.chip-input-close-hover{--novoui-chip-input-close-bg:var(--novoui-background-controls-fill-hover);--novoui-chip-input-bg:var(--novoui-background-controls-fill-enabled);--novoui-chip-input-content:var(--novoui-text-color-controls-low-emphasis)}.chip-input-close:hover:where(.chip-input-strong),.chip-input-close-hover:where(.chip-input-strong){--novoui-chip-input-close-icon-color:var(--novoui-text-color-controls-high-emphasis-hover);--novoui-chip-input-content:var(--novoui-text-color-controls-high-emphasis)}.chip-input-close:hover:where(.chip-input-outline),.chip-input-close-hover:where(.chip-input-outline){--novoui-chip-input-bg:var(--novoui-background-controls-outline-low-emphasis-enabled);--novoui-chip-input-border:var(--novoui-border-controls-low-emphasis-enabled);--novoui-chip-input-content:var(--novoui-text-color-controls-low-emphasis)}.chip-input-close:hover:where(.chip-input-outline):where(.chip-input-strong),.chip-input-close-hover:where(.chip-input-outline):where(.chip-input-strong){--novoui-chip-input-close-bg:var(--novoui-background-controls-fill-hover);--novoui-chip-input-border:var(--novoui-border-controls-high-emphasis-enabled);--novoui-chip-input-content:var(--novoui-text-color-controls-high-emphasis)}}.chip-input-close:active,.chip-input-close-active{--novoui-chip-input-close-bg:var(--novoui-background-controls-fill-pressed);--novoui-chip-input-bg:var(--novoui-background-controls-fill-enabled)}.chip-input-close:active:where(.chip-input-outline),.chip-input-close-active:where(.chip-input-outline){--novoui-chip-input-bg:var(--novoui-background-controls-outline-low-emphasis-enabled)}.chip-input-close .chip-input-close-container{height:var(--novoui-chip-input-close-size);width:var(--novoui-chip-input-close-size);background-color:var(--novoui-chip-input-close-bg);border-radius:9999px;align-content:center}@media (hover:hover){.chip-input-close .chip-input-close-container:hover,.chip-input-close .chip-input-close-container-hover{--novoui-chip-input-close-bg:var(--novoui-background-controls-fill-hover)}}.chip-input-close .chip-input-close-container:active,.chip-input-close .chip-input-close-container-active{--novoui-chip-input-close-bg:var(--novoui-background-controls-fill-pressed)}.chip-input-close .chip-input-close-container svg{height:var(--novoui-chip-input-close-icon-size);width:var(--novoui-chip-input-close-icon-size);fill:var(--novoui-chip-input-close-icon-color);margin:auto}.chip-input-disabled{--novoui-chip-input-bg:var(--novoui-background-disabled-subtle);--novoui-chip-input-content:var(--novoui-text-color-disabled-medium);--novoui-chip-input-border:transparent;--novoui-chip-input-close-bg:transparent;--novoui-chip-input-close-icon-color:var(--novoui-text-color-disabled-medium);pointer-events:none;--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.chip-input-disabled img{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.chip-input-prepended{padding-left:var(--novoui-chip-input-prepend-padding-left)}.chip-input-prepended .chip-input-prepend-container img{height:var(--novoui-chip-input-prepend-size);width:var(--novoui-chip-input-prepend-size);object-fit:cover;border-radius:9999px}.chip-input-prepended .chip-input-prepend-container svg{height:var(--novoui-chip-input-prepended-icon-size);width:var(--novoui-chip-input-prepended-icon-size);fill:currentColor}.chip-input-squared{border-radius:var(--novoui-radius-small)}.combo-box.input .input-field{height:100%;padding-right:calc(var(--spacing,.25rem)*10);min-height:var(--novoui-input-height)}.combo-box.input .input-label{color:var(--novoui-input-label-color);font-size:var(--novoui-body-xsmall);line-height:var(--tw-leading,var(--novoui-body-xsmall--line-height))}.combo-box.input .input-label .input-required{padding-left:calc(var(--spacing,.25rem)*1)}.combo-box.input .input-label.input-field-outline-select{font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));--novoui-input-label-color:var(--novoui-text-color-forms-label)}.combo-box.input .input-label.input-field-outline-select .input-required{color:var(--novoui-text-color-alert-enabled)}.combo-box.input-disabled .input-label.input-field-outline-select .input-required{color:var(--novoui-text-color-disabled-medium)}.combo-box.input.input-sm{--novoui-input-padding-bottom:6px}.combo-box.input.input-tiny .input-field{--novoui-input-padding-top:4px;--novoui-input-padding-bottom:4px;--novoui-input-padding-left:12px;--novoui-input-padding-right:12px}.combo-box.input .input-field-outline,.combo-box.input .input-field-outline-light{--novoui-input-padding-top:7px;--novoui-input-padding-bottom:7px;--novoui-input-padding-right:35px}.combo-box.input .input-field-outline.input-label,.combo-box.input .input-field-outline-light.input-label{font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height))}.combo-box.input .input-icon-fill{grid-row:1}.combo-box.input .combobox-leading-icon-empty{fill:var(--novoui-fill-forms-empty)}.combo-box.input-disabled{pointer-events:none}.combo-box.input-disabled .combo-box-toggle-icon{fill:var(--novoui-fill-disabled-medium)}.combo-box-toggle-icon{pointer-events:none;right:var(--novoui-input-select-padding-icon);z-index:10;fill:var(--novoui-fill-general-primary);color:var(--novoui-input-label-color);grid-row:2;align-self:center;position:absolute}.combo-box-chip-list{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*1);flex-wrap:wrap;display:flex}.combo-box-chip-list-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.combo-box.input-tiny :has(.input-field-outline-light)+.input-label,.combo-box.input-tiny :has(.input-field-outline)+.input-label{font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height))}.combo-box .combo-box-autoresize{flex-wrap:nowrap;overflow-x:hidden}.combo-box .combo-box-autoresize .combo-box-chip-list{flex-wrap:nowrap}.combo-box-chip{max-width:min(176px,100%)}.combo-box-placeholder{pointer-events:none;color:var(--novoui-text-color-forms-filled);position:absolute}.combo-box-placeholder-disabled{color:currentColor}.combo-box-search-input{min-width:calc(var(--spacing,.25rem)*1);background-color:#0000;flex-grow:1}.combo-box-search-input:focus{--tw-outline-style:none;outline-style:none}.combo-box-no-results{align-items:center;gap:calc(var(--spacing,.25rem)*.5);padding:calc(var(--spacing,.25rem)*2);padding-left:calc(var(--spacing,.25rem)*3);text-align:center;text-wrap:wrap;color:var(--novoui-text-color-general-tertiary);flex-direction:column;display:flex}.combo-box-no-results-dropdown{height:calc(var(--spacing,.25rem)*64)}.combo-box-no-results-list{justify-content:center;align-items:center;height:100%;display:flex}.combo-box-no-results>p{margin-top:calc(var(--spacing,.25rem)*1.5);font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height))}.combo-box-no-results .combo-box-loading-text{color:var(--novoui-text-color-general-tertiary)}.combo-box-no-results .combo-box-no-results-text{fill:currentColor;color:var(--novoui-text-color-general-primary)}.combo-box-no-results>span{font-size:var(--novoui-ui-label-10);line-height:var(--tw-leading,var(--novoui-ui-label-10--line-height));color:var(--novoui-text-color-general-tertiary)}.combo-box-enter-from,.combo-box-leave-to{opacity:0}.combo-box-enter-active,.combo-box-leave-active{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,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s}.combo-box .dropdown-container .dropdown{width:100%}.date-picker{background-color:var(--novoui-background-general-elevated);--tw-shadow:0px 16px 24px var(--tw-shadow-color,#16223314),0px 4px 8px var(--tw-shadow-color,#16223314);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--novoui-border-cards-enabled);border-radius:16px;width:max-content;position:absolute}.date-picker-container{flex-direction:column;align-items:stretch;display:flex;position:relative;overflow:hidden}.date-picker-calendar{flex:1}.date-picker-calendar-range{flex-direction:column;flex:1;align-items:stretch;display:flex}.date-picker-header{border-color:var(--novoui-border-general-medium);padding:calc(var(--spacing,.25rem)*1.5);padding-inline:calc(var(--spacing,.25rem)*4);column-gap:calc(var(--spacing,.25rem)*.5);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;grid-template-columns:repeat(3,auto) 1fr repeat(3,auto);display:grid}.date-picker-header>button.button-text,.date-picker-header .date-picker-header-dropdown-trigger{outline-offset:0px;width:max-content}@media (hover:hover){.date-picker-header>button.button-text:hover,.date-picker-header .date-picker-header-dropdown-trigger:hover{background-color:#0000}}.date-picker-header .date-picker-header-dropdown-trigger-disabled{color:var(--novoui-text-color-general-secondary)}@media (hover:hover){.date-picker-header .date-picker-header-dropdown-trigger-disabled:hover{color:var(--novoui-text-color-general-secondary)}}.date-picker-footer{border-color:var(--novoui-border-general-medium);border-top-style:var(--tw-border-style);gap:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*4);border-top-width:1px;flex-direction:row-reverse;display:flex}.date-picker-footer-range{padding-inline:calc(var(--spacing,.25rem)*3)}.date-picker-footer-clear-btn{margin-right:auto}.date-picker-footer-hidden{opacity:0}.date-picker-footer-button{margin-right:auto}.date-picker-input{text-overflow:ellipsis;width:max-content}.date-picker-input input:placeholder-shown .input-trailing-icon{fill:var(--novoui-fill-general-high-emphasis-enabled)}.date-picker-input+.date-picker-no-assistive-text{margin-top:calc(var(--spacing,.25rem)*1)}.date-picker-input+.date-picker{z-index:20}.date-picker-input>svg.input-trailing-icon{fill:var(--novoui-fill-general-primary)}.date-picker-input-focus:has(input:placeholder-shown)>svg.input-trailing-icon{fill:var(--novoui-fill-general-high-emphasis-enabled)}.date-picker-input.input-invalid>svg.input-trailing-icon{fill:var(--novoui-fill-alert-enabled)}.date-picker-dropdown.dropdown-container{width:unset;position:static}.date-picker-dropdown-footer{bottom:calc(var(--spacing,.25rem)*0);justify-content:flex-end;gap:calc(var(--spacing,.25rem)*2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--novoui-border-general-medium);background-color:var(--novoui-background-cards-enabled);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*4);display:flex;position:sticky}.date-picker-dropdown .dropdown.dropdown-hide-indicator.dropdown-left{transform-origin:top;--tw-scale-x:100%;width:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.date-picker-dropdown-range-list{transform-origin:top;grid-template-columns:repeat(2,minmax(0,1fr));height:100%;display:grid;overflow-y:auto}.date-picker-dropdown-range-list-year{scrollbar-width:none;border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--novoui-border-general-medium);padding-bottom:calc(var(--spacing,.25rem)*20);overflow-y:auto}.date-picker-dropdown-range-list-month{scrollbar-width:none;padding-bottom:calc(var(--spacing,.25rem)*20);overflow-y:auto}.date-picker-dropdown-range>.dropdown.dropdown-hide-indicator.dropdown-left{transform-origin:top;--tw-duration:0s;width:calc(50% + 1px);transition-duration:0s;transform:none}.date-picker-dropdown-range>.dropdown.dropdown-hide-indicator.dropdown-left.shown{border-bottom-right-radius:0;border-bottom-left-radius:var(--novoui-radius-large);border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--novoui-border-general-medium);padding-block:calc(var(--spacing,.25rem)*0)}.date-picker-dropdown-range .dropdown-content{padding-block:calc(var(--spacing,.25rem)*0);overflow-y:hidden}.date-picker-dropdown-range>.dropdown.dropdown-hide-indicator.dropdown-right{--tw-duration:0s;transform-origin:top;width:50%;transition-duration:0s;transform:none}.date-picker-dropdown-range>.dropdown.dropdown-hide-indicator.dropdown-right.shown{border-radius:0;border-bottom-right-radius:var(--novoui-radius-large);border-right-style:var(--tw-border-style);border-right-width:0;border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--novoui-border-general-medium);left:auto}.date-picker-dropdown .dropdown.shown{--range-picker-header-height:53px;--tw-shadow-color:transparent}@supports (color:color-mix(in lab, red, red)){.date-picker-dropdown .dropdown.shown{--tw-shadow-color:color-mix(in oklab,transparent var(--tw-shadow-alpha),transparent)}}.date-picker-dropdown .dropdown.shown{top:var(--range-picker-header-height);left:calc(var(--spacing,.25rem)*0);height:calc(100% - var(--range-picker-header-height));border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--novoui-radius-large);border-bottom-left-radius:var(--novoui-radius-large);border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--novoui-border-general-medium);width:100%;padding-block:calc(var(--spacing,.25rem)*0)}.date-picker-dropdown .date-picker-dropdown-option-indent .button-text:focus-visible{border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:2px;border-color:var(--novoui-border-general-focus);--tw-outline-style:none;outline-style:none}.date-picker-dropdown .date-picker-dropdown-option-indent .button-label{padding-left:calc(var(--spacing,.25rem)*8);font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height))}.date-picker-dropdown .date-picker-dropdown-option-active>.button-text{background-color:var(--novoui-background-general-medium-emphasis-hover)}.date-picker-dropdown .date-picker-dropdown-option-active>.button-text:focus-visible{border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:2px;border-color:var(--novoui-border-general-focus);--tw-outline-style:none;outline-style:none}.date-picker-dropdown .date-picker-dropdown-option-active>.button-text .button-label{font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));align-items:center}.date-picker-dropdown .date-picker-dropdown-option-active>.button-text .button-label>svg{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6)}.date-picker-dropdown .button-label{gap:calc(var(--spacing,.25rem)*2);display:flex}.date-picker-header-button{justify-self:flex-end}@media (hover:hover){.date-picker-header-button:hover{background-color:#0000}}.date-picker-header-button-hidden{pointer-events:none;opacity:0}.date-picker-header-range{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.date-picker-header-range-start{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (hover:hover){.date-picker-header-range-start-button.button:hover{background:0 0}}.date-picker-header-range-end{justify-content:center;display:flex}.date-picker-header-range-end-button{right:calc(var(--spacing,.25rem)*4);position:absolute}@media (hover:hover){.date-picker-header-range-end-button.button:hover{background:0 0}}.date-picker-header-dropdown-trigger{width:4.625rem;padding-inline:calc(var(--spacing,.25rem)*2);justify-content:space-between}.date-picker-header-dropdown-trigger[disabled],.date-picker-header-dropdown-trigger:disabled{color:var(--novoui-text-color-general-secondary);background-color:#0000}.date-picker-month-days{padding-inline:calc(var(--spacing,.25rem)*4);padding-bottom:calc(var(--spacing,.25rem)*1);align-items:center;column-gap:calc(var(--spacing,.25rem)*1);row-gap:calc(var(--spacing,.25rem)*1);text-align:center;grid-template-rows:repeat(6,2.5rem);grid-template-columns:repeat(7,2.5rem);display:grid}.date-picker-week-day{font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--novoui-text-color-general-tertiary)}.date-picker-day{border-radius:var(--novoui-radius);padding-inline:calc(var(--spacing,.25rem)*0);font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.date-picker-day.button-text{color:var(--novoui-text-color-date-picker-enabled)}.date-picker-day.button-text:hover{background-color:var(--novoui-background-date-picker-default-hover)}.date-picker-day.button-text:active{background-color:var(--novoui-background-date-picker-default-active)}.date-picker-day-hidden{pointer-events:none;opacity:0}.date-picker-day-outside-month{opacity:.3}.date-picker-day-today{border-color:var(--novoui-border-date-picker-enabled);border-style:var(--tw-border-style);border-width:1px}.date-picker-day-selected{--tw-border-style:none;border-style:none}.date-picker-day-selected.button-text{background-color:var(--novoui-background-date-picker-selected-enabled);color:var(--novoui-text-color-date-picker-selected)}.date-picker-day-selected.button-text:hover{background-color:var(--novoui-background-date-picker-selected-hover);color:var(--novoui-text-color-date-picker-selected)}.date-picker-day-selected.button-text:active{background-color:var(--novoui-background-date-picker-selected-active);color:var(--novoui-text-color-date-picker-selected)}.date-picker-wrapper.dropdown{padding:calc(var(--spacing,.25rem)*0);box-shadow:none;overflow:visible}.date-picker-animation-view{position:relative}.date-picker-animation-reel{top:calc(var(--spacing,.25rem)*0);background-color:var(--novoui-background-cards-enabled);display:flex;position:absolute}.date-picker-animation-reel-next{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.date-picker-animation-reel-next-range{--tw-translate-x:calc(calc(1/3*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.date-picker-animation-reel-prev{--tw-translate-x:calc(var(--spacing,.25rem)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.date-picker-animation-next-enter-active,.date-picker-animation-next-leave-active,.date-picker-animation-prev-enter-active,.date-picker-animation-prev-leave-active{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}.date-picker-animation-next-enter-from{--tw-translate-x:calc(var(--spacing,.25rem)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.date-picker-animation-prev-enter-from{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.date-picker-animation-prev-enter-from-range{--tw-translate-x:calc(calc(1/3*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.date-picker-animation-next-leave-to,.date-picker-animation-prev-leave-to{opacity:0;display:none;position:absolute}.date-picker-day-end{box-shadow:-4px 0px 0 0 var(--novoui-background-date-picker-middle-enabled);position:relative}.date-picker-day-end:before{top:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*-1);width:calc(var(--spacing,.25rem)*2);--tw-content:"";content:var(--tw-content);box-shadow:inset 4px -1.1px 0px 0px var(--novoui-background-date-picker-middle-enabled),inset 4px 3.1px 0px -2px var(--novoui-background-date-picker-middle-enabled);position:absolute}.date-picker-day-start{box-shadow:4px 0px 0 0 var(--novoui-background-date-picker-middle-enabled);position:relative}.date-picker-day-start:after{top:calc(var(--spacing,.25rem)*0);right:calc(var(--spacing,.25rem)*-1);bottom:calc(var(--spacing,.25rem)*0);width:calc(var(--spacing,.25rem)*2);--tw-content:"";content:var(--tw-content);box-shadow:inset -4px -1.1px 0px 0px var(--novoui-background-date-picker-middle-enabled),inset -4px 3.1px 0px -2px var(--novoui-background-date-picker-middle-enabled);position:absolute}.date-picker-range{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.date-picker-range-month{border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--novoui-border-general-medium)}.date-picker-range-input-wrapper{align-items:flex-start;gap:calc(var(--spacing,.25rem)*4);display:flex}.date-picker-range-input-wrapper-single{gap:calc(var(--spacing,.25rem)*0)}.date-picker-range-input-wrapper-single .date-picker-input{width:50%}.date-picker-range-input-wrapper-single .date-picker-input-end{margin-left:calc(var(--spacing,.25rem)*-3)}.date-picker-range-input-wrapper-single .date-picker-input-end .input-field,.date-picker-range-input-wrapper-single .date-picker-input-end .input-field-outline,.date-picker-range-input-wrapper-single .date-picker-input-end .input-field-outline:focus,.date-picker-range-input-wrapper-single .date-picker-input-end .input-field-outline:focus-visible{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.date-picker-range-input-wrapper-single .date-picker-input-start .input-field,.date-picker-range-input-wrapper-single .date-picker-input-start .input-field-outline,.date-picker-range-input-wrapper-single .date-picker-input-start .input-field-outline:focus,.date-picker-range-input-wrapper-single .date-picker-input-start .input-field-outline:focus-visible{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.date-picker-range-input-wrapper-single:has(.date-picker-input:hover) .date-picker-input .input-field{border-color:var(--novoui-border-forms-active)}.date-picker-range-input-wrapper-single:has(.date-picker-input .input-field:focus-visible) .date-picker-input .input-field{border-style:var(--tw-border-style);border-width:2px;border-color:var(--novoui-border-forms-active);background-color:var(--novoui-background-forms-active)}.date-picker-range-input-wrapper-single:has(.date-picker-input .input-field:focus-visible) .date-picker-input-end .input-field{border-left-style:var(--tw-border-style);border-left-width:0}.date-picker-range-input-wrapper-single:has(.date-picker-input .input-field:focus-visible) .date-picker-input-end .input-field:focus{padding-left:calc(var(--spacing,.25rem)*4)}.date-picker-range-input-wrapper-single:has(.date-picker-input-end .input-field:focus) .date-picker-input-start .input-field{padding-left:calc(var(--novoui-input-padding-left) - 1px)}.date-picker-range-input-wrapper-single:has(.date-picker-input.input-invalid .input-field) .date-picker-input>input.input-field{border-color:var(--novoui-border-alert-enabled);background-color:var(--novoui-background-alert-low-emphasis-enabled)}.date-picker-range-input-wrapper-single:has(.date-picker-input.input-invalid .input-field) .date-picker-input>svg.input-trailing-icon{fill:var(--novoui-fill-alert-enabled)}.date-picker-range-input-wrapper-single:has(.date-picker-input.input-invalid .input-field:focus-visible) .date-picker-input .input-field{border-color:var(--novoui-border-alert-enabled);background-color:var(--novoui-background-alert-low-emphasis-enabled)}.date-picker-range-input-wrapper-single .date-picker-input-end>.input-label{margin-left:calc(var(--spacing,.25rem)*4)}.date-picker-day-range{--tw-border-style:none;background-color:var(--novoui-background-date-picker-middle-enabled);border-style:none;border-radius:0;position:relative}.date-picker-day-range .date-picker-day{z-index:1;position:relative}.date-picker-day-range .date-picker-day:after{top:calc(var(--spacing,.25rem)*0);right:-4.5px;bottom:calc(var(--spacing,.25rem)*0);background-color:var(--novoui-background-date-picker-middle-enabled);--tw-content:"";content:var(--tw-content);width:5px;position:absolute}.date-picker-day-range:after{top:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);background-color:var(--novoui-background-date-picker-middle-enabled);--tw-content:"";content:var(--tw-content);width:2px;position:absolute;left:-2px}.date-picker-day-range:before{top:calc(var(--spacing,.25rem)*0);right:-2px;bottom:calc(var(--spacing,.25rem)*0);background-color:var(--novoui-background-date-picker-middle-enabled);--tw-content:"";content:var(--tw-content);width:2px;position:absolute}.dialog{--novoui-dialog-padding:24px;--novoui-dialog-gap:16px;column-gap:var(--novoui-dialog-gap);background-color:var(--novoui-background-general-elevated);--tw-shadow:0px 16px 32px var(--tw-shadow-color,#16223329),0px 4px 12px var(--tw-shadow-color,#1622331f);width:100%;max-width:544px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-translate-y:none;translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:16px;grid-template-columns:auto 1fr auto auto auto;grid-template-areas:"dialogHeaderIcon dialogHeadline dialogHeadline dialogHeadline dialogClose""dialogHeaderIcon dialogSubheadline dialogSubheadline dialogSubheadline dialogSubheadline""dialogDivider dialogDivider dialogDivider dialogDivider dialogDivider""dialogBody dialogBody dialogBody dialogBody dialogBody""dialogDivider2 dialogDivider2 dialogDivider2 dialogDivider2 dialogDivider2""dialogFooter1 dialogFooter1 dialogFooter2 dialogFooter3 dialogFooter3";grid-row-start:1;grid-column-start:1;display:grid;position:relative}.dialog-enter-active,.dialog-leave-active{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.dialog-enter-active>.dialog,.dialog-leave-active>.dialog{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.dialog-enter-from.dialog-container,.dialog-leave-to.dialog-container{opacity:0}.dialog-enter-from>.dialog,.dialog-leave-to>.dialog{--tw-translate-y:calc(var(--spacing,.25rem)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.dialog-header-slot{grid-template-areas:"dialogHeader dialogHeader dialogHeader dialogHeader dialogClose""dialogHeader2 dialogHeader2 dialogHeader2 dialogHeader2 dialogHeader2""dialogDivider dialogDivider dialogDivider dialogDivider dialogDivider""dialogBody dialogBody dialogBody dialogBody dialogBody""dialogDivider2 dialogDivider2 dialogDivider2 dialogDivider2 dialogDivider2""dialogFooter1 dialogFooter1 dialogFooter2 dialogFooter3 dialogFooter3"}.dialog-background{cursor:pointer;background-color:var(--novoui-background-modal-enabled);opacity:.5;grid-row-start:1;grid-column-start:1;width:calc(100% + 2rem);height:calc(100% + 2rem)}.dialog-container{top:calc(var(--spacing,.25rem)*0);right:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);z-index:50;opacity:1;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));place-items:center;width:100%;height:100%;display:grid;position:fixed}.dialog-container-fallback-padding{padding:calc(var(--spacing,.25rem)*4)}.dialog-small{max-width:400px}.dialog-small .dialog-close~button+button+.dialog-tertiary-action{margin-top:var(--novoui-dialog-padding);grid-area:dialogDivider2;justify-self:flex-start}.dialog-large{max-width:942px}.dialog-headline{font-size:var(--novoui-headings-h4);line-height:var(--tw-leading,var(--novoui-headings-h4--line-height));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--novoui-text-color-general-primary)}.dialog-headline-placement{margin-top:var(--novoui-dialog-padding);margin-left:calc(var(--novoui-dialog-padding) - var(--novoui-dialog-gap));grid-area:dialogHeadline}.dialog-headline-placement~.dialog-subheadline{margin-top:calc(var(--spacing,.25rem)*2);margin-right:var(--novoui-dialog-padding);grid-area:dialogSubheadline}.dialog-headline-placement:last-child{margin-bottom:var(--novoui-dialog-padding)}.dialog-no-subheadline>.dialog-headline-placement{align-self:center}.dialog-subheadline{grid-area:dialogHeadline}.dialog-subheadline:last-child{margin-bottom:var(--novoui-dialog-padding)}.dialog-subheadline{font-size:var(--novoui-body-small);line-height:var(--tw-leading,var(--novoui-body-small--line-height));color:var(--novoui-text-color-general-primary);margin-top:var(--novoui-dialog-padding);margin-bottom:calc(var(--spacing,.25rem)*3);margin-left:calc(var(--novoui-dialog-padding) - var(--novoui-dialog-gap))}.dialog-header-icon{margin-top:var(--novoui-dialog-padding);margin-left:var(--novoui-dialog-padding);height:calc(var(--spacing,.25rem)*12);width:calc(var(--spacing,.25rem)*12);border-radius:var(--novoui-radius-x-large);background-color:var(--novoui-background-accent-green-subtle);grid-area:dialogHeaderIcon;justify-content:center;align-items:center;display:flex}.dialog-header-icon>svg{height:calc(var(--spacing,.25rem)*6);fill:var(--novoui-fill-general-secondary)}.dialog-header-icon~.dialog-headline-placement,.dialog-header-icon~.dialog-subheadline{margin-left:calc(var(--spacing,.25rem)*0)}.dialog-header-icon:nth-last-child(2){margin-bottom:var(--novoui-dialog-padding)}.dialog-header{margin-top:var(--novoui-dialog-padding);margin-left:var(--novoui-dialog-padding);grid-area:dialogHeader}.dialog-header:last-child{margin-bottom:var(--novoui-dialog-padding)}.dialog-footer{margin-inline:var(--novoui-dialog-padding);margin-top:calc(var(--spacing,.25rem)*2);margin-bottom:var(--novoui-dialog-padding);grid-area:dialogFooter1/span 5}.dialog-header-2{margin-inline:var(--novoui-dialog-padding);grid-area:dialogHeader2}.dialog-header-2:last-child{margin-bottom:var(--novoui-dialog-padding)}.dialog-headline-placement+.dialog-divider,.dialog-headline-placement+.dialog-body,.dialog-headline-placement+.dialog-divider-2,.dialog-headline-placement+.dialog-primary-action,.dialog-headline-placement+.dialog-secondary-action,.dialog-headline-placement+.dialog-tertiary-action,.dialog-header+.dialog-divider,.dialog-header+.dialog-body,.dialog-header+.dialog-divider-2,.dialog-header+.dialog-primary-action,.dialog-header+.dialog-secondary-action,.dialog-header+.dialog-tertiary-action,.dialog-header-2+.dialog-divider,.dialog-header-2+.dialog-body,.dialog-header-2+.dialog-divider-2,.dialog-header-2+.dialog-primary-action,.dialog-header-2+.dialog-secondary-action,.dialog-header-2+.dialog-tertiary-action{margin-top:calc(var(--spacing,.25rem)*2)}.dialog-body{margin-inline:var(--novoui-dialog-padding);margin-top:calc(var(--spacing,.25rem)*2);margin-bottom:calc(var(--spacing,.25rem)*3);grid-area:dialogBody;max-height:66svh;overflow-y:auto}.dialog-body:last-child{margin-bottom:var(--novoui-dialog-padding)}.dialog-close{margin-top:var(--novoui-dialog-padding);margin-right:var(--novoui-dialog-padding);grid-area:dialogClose;align-self:flex-start}.dialog-close-icon{height:calc(var(--spacing,.25rem)*4);fill:var(--novoui-fill-general-primary)}.dialog-close:focus-visible,.dialog-close-focus-visible{border-radius:var(--novoui-radius-small);outline-style:var(--tw-outline-style);outline-width:2px;outline-color:var(--novoui-border-general-focus)}.dialog-divider{grid-area:dialogDivider}.dialog-divider-2{grid-area:dialogDivider2}.dialog-primary-action{margin-top:calc(var(--spacing,.25rem)*3);margin-right:var(--novoui-dialog-padding);margin-bottom:var(--novoui-dialog-padding);grid-area:dialogFooter3;align-self:center}.dialog-primary-action~.dialog-secondary-action{margin-right:calc(var(--spacing,.25rem)*0);grid-area:dialogFooter2}.dialog-primary-action~.dialog-secondary-action~.dialog-tertiary-action{grid-area:dialogFooter1}.dialog-primary-action~.dialog-tertiary-action{margin-right:calc(var(--spacing,.25rem)*0);grid-area:dialogFooter2/2/dialogFooter2/span 2}.dialog-secondary-action{margin-top:calc(var(--spacing,.25rem)*3);margin-right:var(--novoui-dialog-padding);margin-bottom:var(--novoui-dialog-padding);grid-area:dialogFooter3;align-self:center}.dialog-secondary-action~.dialog-tertiary-action{margin-right:calc(var(--spacing,.25rem)*0);grid-column:2/span 2}.dialog-tertiary-action{margin-top:calc(var(--spacing,.25rem)*3);margin-right:var(--novoui-dialog-padding);margin-bottom:var(--novoui-dialog-padding);margin-left:var(--novoui-dialog-padding);grid-area:dialogFooter3;place-self:center flex-end}.dialog-header-center{grid-template-areas:"dialogHeaderIcon dialogHeaderIcon dialogHeaderIcon dialogHeaderIcon dialogClose""dialogHeadline dialogHeadline dialogHeadline dialogHeadline dialogClose""dialogSubheadline dialogSubheadline dialogSubheadline dialogSubheadline dialogSubheadline""dialogDivider dialogDivider dialogDivider dialogDivider dialogDivider""dialogBody dialogBody dialogBody dialogBody dialogBody""dialogDivider2 dialogDivider2 dialogDivider2 dialogDivider2 dialogDivider2""dialogFooter1 dialogFooter1 dialogFooter2 dialogFooter3 dialogFooter3"}.dialog-header-center>.dialog-header-icon{margin-left:calc(var(--spacing,.25rem)*0);grid-column:1/span 5;justify-self:center}.dialog-header-center>.dialog-headline-placement,.dialog-header-center>.dialog-subheadline{margin-inline:var(--novoui-dialog-padding);text-align:center;justify-self:center}.dialog-header-center>.dialog-headline-placement{margin-top:calc(var(--spacing,.25rem)*4);grid-column:1/span 5}.dialog-header-center>.dialog-headline-placement:nth-child(2){margin-top:var(--novoui-dialog-padding)}.dialog-header-center.dialog-no-subheadline>.dialog-headline-placement{margin-bottom:calc(var(--spacing,.25rem)*2)}.dialog-header-center.dialog-no-subheadline>.dialog-headline-placement:last-child{margin-bottom:var(--novoui-dialog-padding)}.divider{white-space:nowrap;color:var(--novoui-border-general-medium);flex-direction:row;align-self:stretch;align-items:center;display:flex}.divider-strong{color:var(--novoui-border-general-strong)}.divider-medium{color:var(--novoui-border-general-medium)}.divider:not(:empty){gap:calc(var(--spacing,.25rem)*1)}.divider-vertical{margin-inline:calc(var(--spacing,.25rem)*1);margin-block:calc(var(--spacing,.25rem)*0);background-color:currentColor;flex-direction:column;width:1px;height:100%}.divider-vertical:before,.divider-vertical:after{content:"";flex-grow:1;width:1px;height:100%}.divider-horizontal{margin-inline:calc(var(--spacing,.25rem)*0);margin-block:calc(var(--spacing,.25rem)*1);height:calc(var(--spacing,.25rem)*1);flex-direction:row}.dropdown{--novoui-dropdown-width:220px;--novoui-indicator-space:1rem;visibility:hidden;z-index:35;width:var(--novoui-dropdown-width);transform-origin:top;--tw-scale-y:0%;scale:var(--tw-scale-x)var(--tw-scale-y);border-radius:var(--novoui-radius-large);background-color:var(--novoui-background-general-elevated);color:var(--novoui-text-color-general-primary);opacity:0;--tw-shadow:0px 0px 24px var(--tw-shadow-color,#16223314),0px 0px 8px var(--tw-shadow-color,#16223314);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline-color:var(--novoui-border-general-focus);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));flex-direction:column;transition:scale .2s,opacity .2s,visibility;position:absolute;overflow:hidden}.dropdown-with-search{--novoui-dropdown-width:274px}.dropdown-fixed{position:fixed}.dropdown.shown{visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}.dropdown-indicator{pointer-events:none;top:calc(var(--spacing,.25rem)*0);z-index:36;--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));position:absolute;overflow:hidden}.dropdown-indicator-shown{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);opacity:1}.dropdown-indicator:before{bottom:calc(var(--spacing,.25rem)*0);--tw-translate-x:calc(calc(1/2*100%)*-1);--tw-translate-y:calc(1/2*100%);width:15px;height:15px;translate:var(--tw-translate-x)var(--tw-translate-y);background-color:var(--novoui-background-general-elevated);--tw-shadow:0px 0px 24px var(--tw-shadow-color,#16223314),0px 0px 8px var(--tw-shadow-color,#16223314);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-content:"";content:var(--tw-content);position:absolute;left:50%;rotate:45deg;box-shadow:0 0 7px #0000001a}.dropdown-hide-indicator{--novoui-indicator-space:4px}.dropdown-bordered .dropdown{border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--novoui-border-general-medium)}.dropdown-bordered-primary .dropdown{border-style:var(--tw-border-style);border-width:2px;border-color:var(--novoui-border-general-high-emphasis-enabled)}.dropdown-bordered-primary .dropdown-indicator:before{border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:2px;border-color:var(--novoui-border-general-high-emphasis-enabled)}.dropdown-bordered .dropdown-indicator:before{border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--novoui-border-general-medium)}.dropdown-container{width:min-content;position:relative;overflow:visible}.dropdown-search{margin:calc(var(--spacing,.25rem)*4);margin-top:calc(var(--spacing,.25rem)*2)}.dropdown-list-item.list-item>.button.button-text{height:auto;min-height:calc(var(--spacing,.25rem)*9);padding-block:calc(var(--spacing,.25rem)*1.5)}.dropdown-sections{background-color:var(--novoui-background-general-elevated);flex-direction:column;align-items:flex-start;width:100%;display:flex;overflow-y:auto}.dropdown-sections.has-search{border-top-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-top-width:1px;border-color:var(--novoui-border-general-subtle)}.dropdown-content{height:100%;max-height:inherit;padding-block:calc(var(--spacing,.25rem)*2);overflow-y:auto}.dropdown-section,.dropdown-options-section{flex-direction:column;align-items:flex-start;width:100%;display:flex}.dropdown-option{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*2.5);background-color:var(--novoui-background-general-elevated);padding-block:calc(var(--spacing,.25rem)*2);padding-right:calc(var(--spacing,.25rem)*4);padding-left:calc(var(--spacing,.25rem)*6);text-align:left;font-size:var(--novoui-ui-control-14);line-height:var(--tw-leading,var(--novoui-ui-control-14--line-height));user-select:none;align-self:stretch;display:flex}.dropdown-option-disabled,.dropdown-option[disabled],.dropdown-option:disabled{pointer-events:none;color:var(--novoui-text-color-disabled-medium)}.dropdown-option-disabled .dropdown-option-icon svg,.dropdown-option-disabled .dropdown-option-icon-small svg,.dropdown-option[disabled] .dropdown-option-icon svg,.dropdown-option[disabled] .dropdown-option-icon-small svg,.dropdown-option:disabled .dropdown-option-icon svg,.dropdown-option:disabled .dropdown-option-icon-small svg{fill:var(--novoui-fill-disabled-medium)}.dropdown-option:active{background-color:var(--novoui-background-general-medium-emphasis-active)}.dropdown-option:focus-visible{outline-style:var(--tw-outline-style);outline-offset:calc(2px*-1);outline-width:2px}.dropdown-option:not(:active):hover{background-color:var(--novoui-background-general-medium-emphasis-hover)}.dropdown-option-unselected{visibility:hidden}.dropdown-option-label{column-gap:calc(var(--spacing,.25rem)*4);width:100%;font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));justify-content:space-between;display:grid}.dropdown-option-label-suffix{padding-right:calc(var(--spacing,.25rem)*1.5);text-align:right;font-size:var(--novoui-ui-control-12);line-height:var(--tw-leading,var(--novoui-ui-control-12--line-height));color:var(--novoui-text-color-general-tertiary);grid-row:1/span 2;grid-column-start:2;align-content:center}.dropdown-option-label-details{padding-top:calc(var(--spacing,.25rem)*.5);text-align:left;font-size:var(--novoui-ui-control-12);line-height:var(--tw-leading,var(--novoui-ui-control-12--line-height));color:var(--novoui-text-color-general-tertiary)}.dropdown-option-icon{height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5)}.dropdown-option-icon>svg{height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5);fill:var(--novoui-fill-general-primary)}.dropdown-option-icon-flag>svg,.dropdown-option-icon-large{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6)}.dropdown-option-icon-large>svg{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);fill:var(--novoui-fill-general-primary)}.dropdown-option-icon-small{height:calc(var(--spacing,.25rem)*3.5);width:calc(var(--spacing,.25rem)*3.5)}.dropdown-option-icon-small>svg{height:calc(var(--spacing,.25rem)*3.5);width:calc(var(--spacing,.25rem)*3.5);fill:var(--novoui-fill-general-primary)}.dropdown-header{padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);font-size:var(--novoui-headings-h5);line-height:var(--tw-leading,var(--novoui-headings-h5--line-height));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.dropdown-header-small{padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--novoui-body-xsmall);line-height:var(--tw-leading,var(--novoui-body-xsmall--line-height));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--novoui-text-color-general-tertiary)}.dropdown-subheader{padding-right:calc(var(--spacing,.25rem)*4);padding-left:calc(var(--spacing,.25rem)*6);font-size:var(--novoui-body-xsmall);line-height:var(--tw-leading,var(--novoui-body-xsmall--line-height));color:var(--novoui-text-color-general-primary);user-select:none}.dropdown-headers{width:100%;padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);user-select:none}.dropdown-headers-header{font-size:var(--novoui-headings-h5);line-height:var(--tw-leading,var(--novoui-headings-h5--line-height))}.dropdown-headers-subheader{font-size:var(--novoui-body-xsmall);line-height:var(--tw-leading,var(--novoui-body-xsmall--line-height));color:var(--novoui-text-color-general-tertiary)}.dropdown-divider{margin-inline:calc(var(--spacing,.25rem)*4)}.dropdown-divider-large{margin-block:calc(var(--spacing,.25rem)*4)}.dropdown-divider-invis{margin-block:calc(var(--spacing,.25rem)*0);height:calc(var(--spacing,.25rem)*6);padding-block:calc(var(--spacing,.25rem)*0);background-color:#0000;border-color:#0000}.empty-state,.empty-state-top{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*6);flex-direction:column;display:inline-flex}.empty-state-top-images{user-select:none;flex-shrink:0;justify-content:center;width:100%;height:243px;min-height:243px;display:flex;position:relative}.empty-state-top-images-circle{width:50%;min-width:200px;max-width:300px;height:100%;fill:var(--novoui-background-general-medium)}.empty-state-top-images-graphic{bottom:calc(var(--spacing,.25rem)*0);width:100%;min-width:320px;max-width:500px;height:92%;fill:var(--novoui-fill-general-primary);position:absolute}.empty-state-top-images-graphic-art{bottom:calc(var(--spacing,.25rem)*5);width:100%;height:100%;position:absolute}.empty-state-top-icon-error{fill:var(--novoui-fill-alert-enabled)}.empty-state-top-text{justify-content:center;align-items:center;gap:var(--novoui-spacing-xxsmall);flex-direction:column;align-self:stretch;display:flex}.empty-state-top-text-header{text-align:center;font-size:var(--novoui-headings-h4);line-height:var(--tw-leading,var(--novoui-headings-h4--line-height));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--novoui-text-color-general-primary)}.empty-state-top-text-subheader{text-align:center;font-size:var(--novoui-body-medium);line-height:var(--tw-leading,var(--novoui-body-medium--line-height));color:var(--novoui-text-color-general-secondary)}.empty-state-actions{flex-direction:column;align-items:center;width:75%;display:flex}.empty-state-actions-spacious{gap:calc(var(--spacing,.25rem)*12)}.empty-state-actions-compact{gap:calc(var(--spacing,.25rem)*4)}.empty-state-actions-buttons{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*4);flex-direction:column;width:100%;display:flex}.empty-state-actions-error{text-align:center;width:100%;font-size:var(--novoui-body-xsmall);line-height:var(--tw-leading,var(--novoui-body-xsmall--line-height));color:var(--novoui-text-color-general-secondary)}.empty-state .button{width:100%;height:56px;font-size:var(--novoui-ui-button-16);line-height:var(--tw-leading,var(--novoui-ui-button-16--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}@media (width>=40rem){.empty-state .empty-state-actions-buttons{flex-direction:row-reverse}.empty-state .empty-state-actions-buttons .button{width:auto;min-width:calc(var(--spacing,.25rem)*44)}}@media (width>=48rem){.empty-state .empty-state-actions-buttons .button{height:calc(var(--spacing,.25rem)*12)}}.empty-state .empty-state-actions-buttons .button{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}@media (width>=64rem){.empty-state .empty-state-actions-buttons .button{height:calc(var(--spacing,.25rem)*10);min-width:calc(var(--spacing,.25rem)*32);font-size:var(--novoui-ui-button-14);line-height:var(--tw-leading,var(--novoui-ui-button-14--line-height))}}.flag{height:calc(var(--spacing,.25rem)*10);width:calc(var(--spacing,.25rem)*10)}.form-group-label{margin-bottom:calc(var(--spacing,.25rem)*2);font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));color:var(--novoui-text-color-forms-label);display:inline-block}.form-group-assistive{margin-top:calc(var(--spacing,.25rem)*1);font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height));color:var(--novoui-text-color-forms-assistive);align-items:center;gap:calc(var(--spacing,.25rem)*1);display:flex}.form-group-assistive.invalid{color:var(--novoui-text-color-alert-enabled)}.form-group-assistive>svg{height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*3);fill:currentColor;--tw-translate-y:3px;min-width:12px;translate:var(--tw-translate-x)var(--tw-translate-y);align-self:flex-start;display:inline}svg.icon-small{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}svg.icon-large{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6)}.input{--novoui-input-padding-top:18px;--novoui-input-padding-bottom:6px;--novoui-input-padding-left:16px;--novoui-input-padding-right:16px;--novoui-input-height:48px;--novoui-input-assistive-text-height:0px;--novoui-input-outline-label-height:0px;--novoui-input-label-translate-y:10px;--novoui-input-label-top-padding-to:14px;--novoui-input-label-top-padding-from:22px;--novoui-input-label-padding-left:16px;--novoui-input-icon-padding-top:12px;--novoui-input-label-color:var(--novoui-text-color-forms-label);--novoui-input-color:var(--novoui-text-color-forms-empty);--novoui-input-bg:var(--novoui-background-forms-disabled);--novoui-input-bg-active:var(--novoui-background-forms-active);--novoui-input-border:var(--novoui-border-forms-enabled);--novoui-input-border-active:var(--novoui-border-forms-active);--novoui-input-ms-reveal-width:22px;--novoui-input-ms-reveal-height:22px;--novoui-input-ms-reveal-margin-bottom:8px}.input>label{grid-template-rows:auto auto auto;grid-template-columns:auto 1fr auto;align-items:center;display:grid;position:relative}.input.input-select{grid-template-rows:auto auto auto;grid-template-columns:1fr auto auto;align-items:center;display:grid;position:relative}.input:has(.input-assistive){--novoui-input-assistive-text-height:24px}.input:has(.input-field-outline):has(.input-label),.input:has(.input-field-outline-light):has(.input-label){--novoui-input-label-translate-y:0px;--novoui-input-outline-label-height:22px;--novoui-input-label-top-padding-to:0px;--novoui-input-label-top-padding-from:0px}.input:has(.input-icon):not(:has(.input-field-outline)):not(:has(.input-field-outline-light)),.input:has(.input-leading-icon):not(:has(.input-field-outline)):not(:has(.input-field-outline-light)){--novoui-input-padding-left:56px}.input:has(.input-icon):has(.input-field-outline),.input:has(.input-icon):has(.input-field-outline-light),.input:has(.input-leading-icon):has(.input-field-outline),.input:has(.input-leading-icon):has(.input-field-outline-light){--novoui-input-padding-left:48px}.input:has(.input-icon):has(.input-field-outline).input-sm,.input:has(.input-icon):has(.input-field-outline).input-small,.input:has(.input-icon):has(.input-field-outline-light).input-sm,.input:has(.input-icon):has(.input-field-outline-light).input-small,.input:has(.input-leading-icon):has(.input-field-outline).input-sm,.input:has(.input-leading-icon):has(.input-field-outline).input-small,.input:has(.input-leading-icon):has(.input-field-outline-light).input-sm,.input:has(.input-leading-icon):has(.input-field-outline-light).input-small{--novoui-input-padding-left:44px}.input:has(.input-icon):has(.input-field-outline).input-sm .input-label,.input:has(.input-icon):has(.input-field-outline).input-small .input-label,.input:has(.input-icon):has(.input-field-outline-light).input-sm .input-label,.input:has(.input-icon):has(.input-field-outline-light).input-small .input-label,.input:has(.input-leading-icon):has(.input-field-outline).input-sm .input-label,.input:has(.input-leading-icon):has(.input-field-outline).input-small .input-label,.input:has(.input-leading-icon):has(.input-field-outline-light).input-sm .input-label,.input:has(.input-leading-icon):has(.input-field-outline-light).input-small .input-label{font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height))}.input:has(.input-icon):has(.input-field-outline).input-tiny,.input:has(.input-icon):has(.input-field-outline-light).input-tiny,.input:has(.input-leading-icon):has(.input-field-outline).input-tiny,.input:has(.input-leading-icon):has(.input-field-outline-light).input-tiny{--novoui-input-padding-left:40px}.input:has(.input-icon):has(.input-field-outline).input-tiny .input-label,.input:has(.input-icon):has(.input-field-outline-light).input-tiny .input-label,.input:has(.input-leading-icon):has(.input-field-outline).input-tiny .input-label,.input:has(.input-leading-icon):has(.input-field-outline-light).input-tiny .input-label{font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height))}.input:has(.input-trailing-icon):not(:has(.input-field-outline)):not(:has(.input-field-outline-light)){--novoui-input-padding-right:56px}.input:has(.input-trailing-icon):has(.input-field-outline),.input:has(.input-trailing-icon):has(.input-field-outline-light){--novoui-input-padding-right:48px}.input .clear-input{border-radius:var(--novoui-radius-small);color:var(--novoui-text-color-general-primary);height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);background-color:#0000}.input .clear-input:hover{color:inherit}.input .clear-input svg{height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*3)}.input .input-trailing{z-index:10;padding-inline:calc(var(--spacing,.25rem)*2);flex-direction:row-reverse;grid-area:2/3;align-items:center;display:flex}.input:has(.clear-input).input-sm .clear-input,.input:has(.clear-input).input-small .clear-input,.input:has(.clear-input).input-tiny .clear-input{height:var(--novoui-spacing-large);width:var(--novoui-spacing-large)}.input svg.input-icon,.input svg.input-leading-icon{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);fill:currentColor;color:var(--novoui-input-label-color);z-index:10;margin-left:calc(var(--spacing,.25rem)*4);grid-area:2/1}.input:not(.input-disabled) .input-icon-active{fill:var(--novoui-fill-forms-filled);color:var(--novoui-text-color-forms-filled)}.input svg.input-trailing-icon{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);fill:currentColor;color:var(--novoui-text-color-forms-empty);margin-right:calc(var(--spacing,.25rem)*1)}.input .input-suffix{font-size:var(--novoui-ui-input-14);line-height:var(--tw-leading,var(--novoui-ui-input-14--line-height));color:var(--novoui-text-color-forms-empty);margin-right:calc(var(--spacing,.25rem)*1)}.input:not(.input-disabled) svg.input-icon.search-icon,.input:not(.input-disabled) svg.input-leading-icon.search-icon{fill:currentColor;color:var(--novoui-text-color-forms-filled)}.input:not(.input-disabled) .search-field:placeholder-shown~svg.input-icon.search-icon,.input:not(.input-disabled) .search-field:placeholder-shown~svg.input-leading-icon.search-icon{fill:var(--novoui-fill-forms-empty);color:var(--novoui-text-color-general-secondary)}.input svg.input-icon-dark{color:var(--novoui-text-color-general-primary)}.input .input-assistive{margin-top:calc(var(--spacing,.25rem)*1);font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height));color:var(--novoui-text-color-forms-assistive);align-items:center;gap:calc(var(--spacing,.25rem)*1);padding-inline:calc(var(--spacing,.25rem)*4);grid-row:3;display:flex}.input .input-assistive>svg{height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*3);fill:currentColor;--tw-translate-y:3px;min-width:12px;translate:var(--tw-translate-x)var(--tw-translate-y);align-self:flex-start;display:inline}.input .input-label{left:var(--novoui-input-padding-left);z-index:10;margin-bottom:calc(var(--spacing,.25rem)*2);--tw-translate-y:calc(var(--novoui-input-label-translate-y)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);top:var(--novoui-input-label-top-padding-to);font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--novoui-input-label-color);pointer-events:none;user-select:none;-webkit-line-clamp:1;-webkit-box-orient:vertical;grid-area:1/1/auto/span 2;transition:all .18s ease-in-out;display:-webkit-box;position:absolute;overflow:hidden}.input:not(.input-disabled):has(.input-field:placeholder-shown){--novoui-input-label-color:var(--novoui-text-color-forms-empty)}.input .input-field{height:var(--novoui-input-height);width:100%;padding-right:var(--novoui-input-padding-right);padding-left:var(--novoui-input-padding-left);padding-top:var(--novoui-input-padding-top);padding-bottom:var(--novoui-input-padding-bottom);font-size:var(--novoui-ui-input-16);line-height:var(--tw-leading,var(--novoui-ui-input-16--line-height));color:var(--novoui-input-label-color);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--novoui-input-border);border-top-left-radius:var(--novoui-radius-small);border-top-right-radius:var(--novoui-radius-small);background-color:var(--novoui-input-bg);order:1;grid-area:2/1/auto/span 3;position:relative}.input .input-field::placeholder{color:#0000}.input .input-field:placeholder-shown~.input-label{top:var(--novoui-input-label-top-padding-from);font-size:var(--novoui-ui-input-16);line-height:var(--tw-leading,var(--novoui-ui-input-16--line-height))}.input .input-field~.input-label .input-required{padding-left:calc(var(--spacing,.25rem)*1)}.input .input-field[type=password]::-ms-reveal{height:var(--novoui-input-ms-reveal-height);width:var(--novoui-input-ms-reveal-width);margin-right:calc(var(--spacing,.25rem)*0);margin-left:calc(var(--spacing,.25rem)*0)}.input .input-field[type=password]:not(.input-field-outline,.input-field-outline-light)::-ms-reveal{margin-bottom:var(--novoui-input-ms-reveal-margin-bottom)}@media (hover:hover){.input .input-field:hover:not(:disabled),.input .input-field-hover:not(:disabled){border-color:var(--novoui-input-border-active)}}.input .input-field-focus,.input .input-field:focus,.input .input-field[focus]{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--novoui-input-border-active);padding-bottom:calc(var(--novoui-input-padding-bottom) - 1px);background-color:var(--novoui-input-bg-active);--tw-outline-style:none;color:var(--novoui-text-color-forms-filled);outline-style:none}.input .input-field-focus~.input-label,.input .input-field:focus~.input-label,.input .input-field[focus]~.input-label{font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);top:var(--novoui-input-label-top-padding-to)}.input .input-field-disabled,.input .input-field:disabled,.input .input-field[disabled]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--novoui-border-disabled-subtle);padding-bottom:var(--novoui-input-padding-bottom);background-color:var(--novoui-input-bg);pointer-events:none;color:var(--novoui-text-color-disabled-medium)}.input .input-field-disabled:placeholder-shown~.input-label,.input .input-field:disabled:placeholder-shown~.input-label,.input .input-field[disabled]:placeholder-shown~.input-label{top:var(--novoui-input-label-top-padding-from);font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height))}.input .input-field-light{--novoui-input-bg:var(--novoui-background-forms-light-disabled);--novoui-input-bg-active:var(--novoui-background-forms-light-active)}.input .input-field-outline{--novoui-input-padding-top:0px;--novoui-input-padding-bottom:0px;border-radius:var(--novoui-radius);border-style:var(--tw-border-style);border-width:1px}.input .input-field-outline::placeholder{color:var(--novoui-text-color-forms-empty)}.input .input-field-outline:placeholder-shown~.input-label{font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height))}.input .input-field-outline~.input-label .input-required{color:var(--novoui-text-color-alert-enabled)}.input .input-field-outline~.input-label,.input .input-field-outline-select{left:calc(var(--spacing,.25rem)*0);font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));color:var(--novoui-text-color-forms-filled);position:static}.input .input-field-outline.input-field-focus,.input .input-field-outline:focus,.input .input-field-outline[focus]{border-style:var(--tw-border-style);padding-right:calc(var(--novoui-input-padding-right) - 1px);padding-left:calc(var(--novoui-input-padding-left) - 1px);padding-top:calc(var(--novoui-input-padding-top) - 1px);padding-bottom:calc(var(--novoui-input-padding-bottom) - 1px);border-width:2px}.input .input-field-outline.input-field-focus~.input-label,.input .input-field-outline:focus~.input-label,.input .input-field-outline[focus]~.input-label{font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));color:var(--novoui-text-color-forms-label)}.input .input-field-outline.input-field-invalid::placeholder,.input .input-field-outline:invalid::placeholder,.input .input-field-outline[invalid]::placeholder{color:var(--novoui-text-color-forms-empty)}.input .input-field-outline.input-field-disabled,.input .input-field-outline:disabled,.input .input-field-outline[disabled]{padding-right:var(--novoui-input-padding-right);padding-left:var(--novoui-input-padding-left);padding-bottom:var(--novoui-input-padding-bottom);padding-top:var(--novoui-input-padding-top);pointer-events:none;border-style:var(--tw-border-style);border-width:1px}.input .input-field-outline.input-field-disabled::placeholder,.input .input-field-outline:disabled::placeholder,.input .input-field-outline[disabled]::placeholder{color:var(--novoui-text-color-disabled-medium)}.input .input-field-outline.input-field-disabled:placeholder-shown~.input-label,.input .input-field-outline:disabled:placeholder-shown~.input-label,.input .input-field-outline[disabled]:placeholder-shown~.input-label{font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height))}.input .input-field-outline.input-field-disabled~.input-label,.input .input-field-outline:disabled~.input-label,.input .input-field-outline[disabled]~.input-label{color:var(--novoui-text-color-disabled-medium)}.input .input-field-outline.input-field-disabled~.input-label .input-required,.input .input-field-outline:disabled~.input-label .input-required,.input .input-field-outline[disabled]~.input-label .input-required{color:inherit}.input .input-field-outline-light{--novoui-input-padding-top:0px;--novoui-input-padding-bottom:0px;--novoui-input-bg:var(--novoui-background-forms-light-disabled);--novoui-input-bg-active:var(--novoui-background-forms-light-active);border-radius:var(--novoui-radius);border-style:var(--tw-border-style);border-width:1px}.input .input-field-outline-light::placeholder{color:var(--novoui-text-color-forms-empty)}.input .input-field-outline-light:placeholder-shown~.input-label{font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height))}.input .input-field-outline-light~.input-label{left:calc(var(--spacing,.25rem)*0);font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));color:var(--novoui-text-color-forms-label);position:static}.input .input-field-outline-light~.input-label .input-required{color:var(--novoui-text-color-alert-enabled)}.input .input-field-outline-light.input-field-focus,.input .input-field-outline-light:focus,.input .input-field-outline-light[focus]{border-style:var(--tw-border-style);padding-right:calc(var(--novoui-input-padding-right) - 1px);padding-left:calc(var(--novoui-input-padding-left) - 1px);padding-top:calc(var(--novoui-input-padding-top) - 1px);padding-bottom:calc(var(--novoui-input-padding-bottom) - 1px);border-width:2px}.input .input-field-outline-light.input-field-focus~.input-label,.input .input-field-outline-light:focus~.input-label,.input .input-field-outline-light[focus]~.input-label{font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));color:var(--novoui-text-color-forms-label)}.input .input-field-outline-light.input-field-invalid::placeholder,.input .input-field-outline-light:invalid::placeholder,.input .input-field-outline-light[invalid]::placeholder{color:var(--novoui-text-color-forms-empty)}.input .input-field-outline-light.input-field-disabled,.input .input-field-outline-light:disabled,.input .input-field-outline-light[disabled]{padding-right:var(--novoui-input-padding-right);padding-left:var(--novoui-input-padding-left);padding-bottom:var(--novoui-input-padding-bottom);padding-top:var(--novoui-input-padding-top);pointer-events:none;border-style:var(--tw-border-style);border-width:1px}.input .input-field-outline-light.input-field-disabled::placeholder,.input .input-field-outline-light:disabled::placeholder,.input .input-field-outline-light[disabled]::placeholder{color:var(--novoui-text-color-disabled-medium)}.input .input-field-outline-light.input-field-disabled:placeholder-shown~.input-label,.input .input-field-outline-light:disabled:placeholder-shown~.input-label,.input .input-field-outline-light[disabled]:placeholder-shown~.input-label{font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height))}.input .input-field-outline-light.input-field-disabled~.input-label,.input .input-field-outline-light:disabled~.input-label,.input .input-field-outline-light[disabled]~.input-label{color:var(--novoui-text-color-disabled-medium)}.input .input-field-outline-light.input-field-disabled~.input-label .input-required,.input .input-field-outline-light:disabled~.input-label .input-required,.input .input-field-outline-light[disabled]~.input-label .input-required{color:inherit}.input .search-field{--novoui-input-padding-bottom:12px;--novoui-input-padding-top:12px;padding-right:52px}.input .search-field::placeholder{color:var(--novoui-text-color-general-secondary)}.input .search-field::-webkit-search-cancel-button{appearance:none}.input .search-field-disabled,.input .search-field:disabled,.input .search-field[disabled]{pointer-events:none;padding-bottom:var(--novoui-input-padding-bottom)}.input .search-field-disabled::placeholder,.input .search-field:disabled::placeholder,.input .search-field[disabled]::placeholder{color:var(--novoui-text-color-disabled-medium)}.input-primary{--novoui-input-bg:var(--novoui-background-forms-disabled);--novoui-input-bg-active:var(--novoui-background-forms-active);--novoui-input-border:var(--novoui-border-forms-enabled);--novoui-input-border-active:var(--novoui-border-forms-active);--novoui-input-label-color:var(--novoui-text-color-forms-label)}.input-primary .input-field-outline,.input-primary .input-field-outline-light{--novoui-input-border:var(--novoui-border-forms-enabled)}.input-disabled{--novoui-input-color:var(--novoui-text-color-disabled-medium);--novoui-input-bg:var(--novoui-background-forms-disabled);--novoui-input-border:var(--novoui-border-disabled-subtle);--novoui-input-border-active:var(--novoui-border-disabled-subtle);--novoui-input-label-color:var(--novoui-text-color-disabled-medium)}.input-disabled .input-suffix,.input-disabled svg.input-trailing-icon,.input-disabled .input-assistive{color:var(--novoui-text-color-disabled-medium)}.input-invalid:not(.input-disabled){--novoui-input-bg:var(--novoui-background-alert-low-emphasis-enabled);--novoui-input-bg-active:var(--novoui-background-alert-low-emphasis-enabled);--novoui-input-border:var(--novoui-border-alert-enabled);--novoui-input-border-active:var(--novoui-border-alert-enabled)}.input-invalid:not(.input-disabled) .input-field-light,.input-invalid:not(.input-disabled) .input-field-outline-light{--novoui-input-bg:var(--novoui-background-alert-low-emphasis-enabled);--novoui-input-bg-active:var(--novoui-background-alert-low-emphasis-enabled)}.input-invalid:not(.input-disabled) .input-field-outline,.input-invalid:not(.input-disabled) .input-field-outline-light{--novoui-input-border:var(--novoui-border-alert-enabled);--novoui-input-border-active:var(--novoui-border-alert-enabled)}.input-invalid:not(.input-disabled) .input-assistive{color:var(--novoui-text-color-alert-enabled)}.input-md{--novoui-input-padding-top:18px;--novoui-input-padding-bottom:6px;--novoui-input-height:48px;--novoui-input-label-top-padding-to:14px;--novoui-input-label-top-padding-from:22px;--novoui-input-icon-padding-top:12px;--novoui-input-ms-reveal-width:22px;--novoui-input-ms-reveal-height:22px;--novoui-input-ms-reveal-margin-bottom:8px}.input-lg{--novoui-input-padding-top:26px;--novoui-input-padding-bottom:10px;--novoui-input-height:60px;--novoui-input-label-top-padding-to:18px;--novoui-input-label-top-padding-from:28px;--novoui-input-icon-padding-top:18px;--novoui-input-ms-reveal-width:22px;--novoui-input-ms-reveal-height:22px;--novoui-input-ms-reveal-margin-bottom:14px}.input-sm,.input-tiny{--novoui-input-padding-top:14px;--novoui-input-padding-bottom:0px;--novoui-input-height:40px;--novoui-input-label-top-padding-to:10px;--novoui-input-label-top-padding-from:22px;--novoui-input-icon-padding-top:10px;--novoui-input-ms-reveal-width:20px;--novoui-input-ms-reveal-height:20px;--novoui-input-ms-reveal-margin-bottom:10px}.input-sm .input-field,.input-tiny .input-field{font-size:var(--novoui-ui-input-14);line-height:var(--tw-leading,var(--novoui-ui-input-14--line-height))}.input-sm svg.input-icon,.input-sm svg.input-leading-icon,.input-sm svg.input-trailing-icon,.input-tiny svg.input-icon,.input-tiny svg.input-leading-icon,.input-tiny svg.input-trailing-icon{height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5)}.input-sm .input-field:not(.input-field-outline,.input-field-outline-light):placeholder-shown~.input-label,.input-tiny .input-field:not(.input-field-outline,.input-field-outline-light):placeholder-shown~.input-label{font-size:var(--novoui-ui-input-14);line-height:var(--tw-leading,var(--novoui-ui-input-14--line-height))}.input-sm .input-field:not(.input-field-outline,.input-field-outline-light):focus~.input-label,.input-sm .input-field:not(.input-field-outline,.input-field-outline-light)[focus]~.input-label,.input-tiny .input-field:not(.input-field-outline,.input-field-outline-light):focus~.input-label,.input-tiny .input-field:not(.input-field-outline,.input-field-outline-light)[focus]~.input-label{font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.input-tiny{--novoui-input-height:32px}.input-tiny .input-icon,.input-tiny .input-leading-icon{margin-left:calc(var(--spacing,.25rem)*3)}.input-tiny .input-trailing-icon{margin-right:calc(var(--spacing,.25rem)*3)}.input-tiny .input-label{margin-bottom:calc(var(--spacing,.25rem)*1)}.input-tiny svg.input-icon,.input-tiny svg.input-leading-icon,.input-tiny svg.input-trailing-icon{width:18px;height:18px}.layout{transition:grid .25s ease-in-out;display:grid}.layout>.top-navigation{top:calc(var(--spacing,.25rem)*0);right:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);grid-column:1/-1;position:fixed}.layout:has(.side-bar-navigation)>.layout-content{grid-column-start:2}.layout:has(.top-navigation)>.layout-content{grid-row-start:2}.layout:has(.side-bar-navigation-collapsed){grid-template-columns:72px 1fr}.layout:has(.side-bar-navigation:not(.side-bar-navigation-collapsed)){grid-template-columns:16rem 1fr}.layout:has(.side-bar-navigation:not(.side-bar-navigation-collapsed)):has(.collapse-menu-button:hover){transition:grid .25s ease-in-out .25s}.layout-has-top-navigation{--top-navigation-height:5rem;grid-template-rows:var(--top-navigation-height)1fr}.layout-has-top-navigation>.top-navigation{grid-column:1/-1;grid-row-start:1}.layout-has-top-navigation>.top-navigation~.side-sheet,.layout-has-top-navigation>.top-navigation~.side-bar-navigation{top:var(--top-navigation-height);height:max(calc(100% - var(--top-navigation-height)),calc(100svh - var(--top-navigation-height)))}.layout-has-side-sheet{grid-template-columns:1fr 0}.layout-has-side-sheet:has(.side-bar-navigation-collapsed){grid-template-columns:72px 1fr 0}.layout-has-side-sheet:has(.side-bar-navigation:not(.side-bar-navigation-collapsed)){grid-template-columns:16rem 1fr 0}.layout-has-side-sheet:has(.side-bar-navigation:not(.side-bar-navigation-collapsed)):has(.collapse-menu-button:hover){transition:grid .25s ease-in-out .25s}.layout-has-side-sheet.layout-open-side-sheet{grid-template-columns:1fr 20rem}.layout-has-side-sheet.layout-open-side-sheet:has(.side-bar-navigation-collapsed){grid-template-columns:72px 1fr 20rem}.layout-has-side-sheet.layout-open-side-sheet:has(.side-bar-navigation:not(.side-bar-navigation-collapsed)){grid-template-columns:16rem 1fr 20rem}.layout-has-side-sheet.layout-open-side-sheet:has(.side-bar-navigation:not(.side-bar-navigation-collapsed)):has(.collapse-menu-button:hover){transition:grid .25s ease-in-out .25s}.link{color:var(--novoui-text-color-links-enabled);text-underline-offset:4px;background-color:#0000;border-color:#0000}.link-standalone{align-items:center;gap:calc(var(--spacing,.25rem)*1);font-size:var(--novoui-body-medium);line-height:var(--tw-leading,var(--novoui-body-medium--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);display:inline-flex}.link-standalone svg{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);min-width:calc(var(--spacing,.25rem)*4);fill:currentColor}.link-standalone.link-md{font-size:var(--novoui-body-medium);line-height:var(--tw-leading,var(--novoui-body-medium--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.link-standalone.link-md svg{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);min-width:calc(var(--spacing,.25rem)*4)}.link-standalone.link-sm{font-size:var(--novoui-body-small);line-height:var(--tw-leading,var(--novoui-body-small--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.link-standalone.link-sm svg{height:calc(var(--spacing,.25rem)*3.5);width:calc(var(--spacing,.25rem)*3.5);min-width:calc(var(--spacing,.25rem)*3.5)}.link-standalone.link-xs{font-size:var(--novoui-body-xsmall);line-height:var(--tw-leading,var(--novoui-body-xsmall--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.link-standalone.link-xs svg{height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*3);min-width:calc(var(--spacing,.25rem)*3)}@media (hover:hover){.link:hover:not(.link-disabled),.link-hover:not(.link-disabled){color:var(--novoui-text-color-links-hover);background-color:#0000;border-color:#0000;text-decoration-line:underline}}.link:active:not(.link-disabled),.link-active:not(.link-disabled){color:var(--novoui-text-color-links-active);background-color:#0000;border-color:#0000;text-decoration-line:underline}.link:visited{color:var(--novoui-text-color-links-visited)}.link-underlined{text-decoration-line:underline}@media (hover:hover){.link-underlined:hover:not(.link-underlined-disabled),.link-underlined-hover:not(.link-underlined-disabled){text-decoration-line:none}}.link-underlined:active:not(.link-underlined-disabled){text-decoration-line:none}.link-light{color:var(--novoui-light-blue-6)}@media (hover:hover){.link-light:hover:not(.link-light-disabled),.link-light-hover:not(.link-light-disabled){color:var(--novoui-light-blue-5)}}.link-light:active:not(.link-light-disabled){color:var(--novoui-light-blue-4)}.link-light:visited{color:var(--novoui-rose-pink-7)}.link:disabled,.link-disabled{color:var(--novoui-text-color-disabled-medium);pointer-events:none;background-color:#0000;border-color:#0000}.list{white-space:nowrap;--novoui-list-padding-x:.5rem}.list-tiny{--novoui-list-padding-x:.375rem}.list-tiny>.list-item{padding-inline:calc(var(--spacing,.25rem)*1.5)}.list-medium-vertical .list-item>.button-text{height:calc(var(--spacing,.25rem)*12)}.list-medium-vertical .list-item>.list-item-selection{height:calc(var(--spacing,.25rem)*5)}.list-wrap{white-space:normal}.list-wrap>.list-item>.button{height:auto;min-height:calc(var(--spacing,.25rem)*10);text-align:left}.list-truncate{white-space:nowrap}.list-truncate>.list-item>.button>.button-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.list-full-width{width:100%}.list{--left-indentation:auto;--right-indentation:auto}.list:has(.list-item>.button.button-text>svg){--left-indentation:1.75rem}.list:has(.list-item>.list-item-type-label){--right-indentation:2.5rem}.list .list-item{padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*.5);grid-template-columns:var(--novoui-list-padding-x)var(--left-indentation)1fr auto var(--right-indentation)var(--novoui-list-padding-x);align-items:center;display:grid}.list .list-item.list-item-indent{grid-template-columns:var(--novoui-list-padding-x)1.75rem 1fr auto auto var(--novoui-list-padding-x)}.list .list-item.list-item-stretch>.button.button-text{justify-items:stretch}.list .list-item-leading-icon{height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5);grid-column:2}.list .list-item-trailing-icon{grid-column:4}.list .list-item-no-icon>.button.button-text>span{grid-column:3/span 4}.list .list-item:has(.button:focus-visible){position:relative}.list .list-item-focused>.button-text,.list .list-item-active>.button{background-color:var(--novoui-background-general-medium-emphasis-hover)}.list .list-item-active.list-item-destructive{color:var(--novoui-text-color-alert-enabled)}.list .list-item-active.list-item-destructive>.button{background-color:var(--novoui-background-alert-low-emphasis-enabled)}.list .list-item-destructive>button.button.button-text:not(:disabled):not(.link-disabled),.list .list-item-destructive>a.button.button-text:not(:disabled):not(.link-disabled){color:var(--novoui-text-color-alert-enabled)}.list .list-item-destructive>button.button.button-text:hover:not(:disabled):not(.link-disabled),.list .list-item-destructive>a.button.button-text:hover:not(:disabled):not(.link-disabled){background-color:var(--novoui-background-alert-low-emphasis-enabled);color:var(--novoui-text-color-alert-enabled)}.list .list-item-destructive>button.button.button-text:active:not(:disabled):not(.link-disabled),.list .list-item-destructive>a.button.button-text:active:not(:disabled):not(.link-disabled){background-color:var(--novoui-background-alert-low-emphasis-hover);color:var(--novoui-text-color-alert-enabled)}.list .list-item .button:active,.list .list-item .link:active,.list .list-item .link-active{background-color:var(--novoui-background-general-medium-emphasis-active)}.list .list-item .button:disabled~.list-item-type-label,.list .list-item .button:disabled~.button-suffix-icon,.list .list-item .link-disabled~.list-item-type-label,.list .list-item .link-disabled~.button-suffix-icon,.list .list-item .link-disabled{color:var(--novoui-text-color-disabled-medium)}.list .list-item>.button.button-text{grid-template-columns:subgrid;justify-items:start;gap:calc(var(--spacing,.25rem)*0);border-radius:var(--novoui-radius);padding-inline:calc(var(--spacing,.25rem)*0);font-size:var(--novoui-ui-label-16);line-height:var(--tw-leading,var(--novoui-ui-label-16--line-height));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);grid-area:1/1/auto/span 6;display:grid}.list .list-item>.button.button-text>.button-icon{grid-column:2;margin-right:10px}.list .list-item>.button.button-text>.button-label{grid-area:1/3}.list .list-item>.button.button-text>.button-suffix-icon{grid-area:1/5}.list .list-item>.button.button-text:not(:disabled):not(.link-disabled){color:var(--novoui-text-color-general-primary)}.list .list-item .list-item-selection{height:calc(var(--spacing,.25rem)*6);fill:currentColor;grid-area:1/4;position:relative}.list .list-item-icon-small>.button.button-text{font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height))}.list .list-item-icon-small>.button.button-text>.button-icon,.list .list-item-icon-small>.button.button-text>.button-icon>svg{height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5)}.list .list-item-icon-large>.button.button-text>.button-icon{margin-right:calc(var(--spacing,.25rem)*2)}.list .list-item>.checkbox{pointer-events:none;grid-area:1/2;margin-right:10px;overflow:hidden}.list .list-item-type-label{pointer-events:none;margin-left:calc(var(--spacing,.25rem)*2);font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height));color:var(--novoui-text-color-general-secondary);text-transform:uppercase;grid-area:1/5;position:relative}.list-lead-with-selected-icon>.list-item>.list-item-selection{grid-column:2}.list-large-vertical>.list-item>.button-text{height:3.25rem}.list-medium-vertical>.list-item>.button-text{height:calc(var(--spacing,.25rem)*11)}.list-medium-vertical>.list-item>.list-item-selection{height:calc(var(--spacing,.25rem)*5)}.list-small-vertical>.list-item>.button-text{height:calc(var(--spacing,.25rem)*9)}.list-small-vertical>.list-item.list-item-indent{grid-template-columns:var(--novoui-list-padding-x)1.75rem 1fr auto var(--novoui-list-padding-x)}.list-tiny>.list-item>.button.button-text{font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height))}.list-tiny>.list-item>.button-text{height:calc(var(--spacing,.25rem)*7)}.list-tiny>.list-item>.list-item-selection{height:calc(var(--spacing,.25rem)*5)}.list-tiny>.list-item.list-item-indent{grid-template-columns:var(--novoui-list-padding-x)1.75rem 1fr auto var(--novoui-list-padding-x)}.notification{column-gap:calc(var(--spacing,.25rem)*4);border-radius:var(--novoui-radius);width:22.625rem;padding:calc(var(--spacing,.25rem)*4);font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));color:var(--novoui-text-color-notifications-and-tags-enabled);--tw-shadow:0px 4px 4px var(--tw-shadow-color,#1622330a),0px 4px 24px var(--tw-shadow-color,#1622330a),0px 24px 24px var(--tw-shadow-color,#1622330a),0px 32px 32px var(--tw-shadow-color,#1622330a),0px 64px 64px var(--tw-shadow-color,#1622331f),0px 120px 120px var(--tw-shadow-color,#16223314);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);z-index:60;--tw-translate-y:calc(var(--spacing,.25rem)*0);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:1;grid-template-columns:24px 1fr 16px;grid-template-areas:"notificationIcon notificationHeadline notificationClose""notificationIcon notificationBody notificationBody""notificationFooter notificationFooter notificationFooter";display:inline-grid;position:relative}.notification-enter-active,.notification-leave-active{transition-property:transform,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.notification-enter-from,.notification-leave-to{--tw-translate-y:calc(var(--spacing,.25rem)*4);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:0}@media (width>=64rem){.notification-enter-from,.notification-leave-to{--tw-translate-y:calc(var(--spacing,.25rem)*-4);translate:var(--tw-translate-x)var(--tw-translate-y)}}.notification-large{width:100%;max-width:49.5rem;display:grid}.notification-tiny{column-gap:calc(var(--spacing,.25rem)*2);width:21.4375rem;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);grid-template-columns:16px 1fr auto 16px}.notification-tiny>.notification-icon{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.notification-tiny>.notification-body{padding-right:calc(var(--spacing,.25rem)*1);padding-bottom:calc(var(--spacing,.25rem)*0);font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height))}.notification-tiny>.notification-title{font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.notification-small{grid-template-columns:24px 1fr auto 16px;width:30.1875rem}.notification-small>.notification-body{padding-right:calc(var(--spacing,.25rem)*1);padding-bottom:calc(var(--spacing,.25rem)*0)}.notification-small,.notification-tiny{grid-template-areas:"notificationIcon notificationHeadline notificationFooter notificationClose""notificationIcon notificationBody notificationFooter notificationClose";align-items:center}.notification-small>.button-notification,.notification-tiny>.button-notification{margin-right:calc(var(--spacing,.25rem)*2)}.notification-small>.notification-close,.notification-small>.button-notification,.notification-tiny>.notification-close,.notification-tiny>.button-notification{margin-top:calc(var(--spacing,.25rem)*0);place-self:center}.notification-not-dismissible{grid-template-areas:"notificationIcon notificationHeadline notificationHeadline""notificationIcon notificationBody notificationBody""notificationFooter notificationFooter notificationFooter"}.notification-not-dismissible.notification-small{grid-template-columns:24px 1fr auto}.notification-not-dismissible.notification-small>.button-notification{margin-right:calc(var(--spacing,.25rem)*0)}.notification-not-dismissible.notification-tiny{grid-template-columns:16px 1fr auto}.notification-not-dismissible.notification-tiny>.button-notification{margin-right:calc(var(--spacing,.25rem)*0)}.notification-not-dismissible.notification-small,.notification-not-dismissible.notification-tiny{grid-template-areas:"notificationIcon notificationHeadline notificationFooter""notificationIcon notificationBody notificationFooter"}.notification-without-icon{grid-template-areas:"notificationHeadline notificationHeadline notificationClose""notificationBody notificationBody notificationBody""notificationFooter notificationFooter notificationFooter"}.notification-without-icon.notification-small,.notification-without-icon.notification-tiny{grid-template-areas:"notificationHeadline notificationHeadline notificationFooter notificationClose""notificationBody notificationBody notificationFooter notificationClose"}.notification.notification-not-dismissible.notification-without-icon{grid-template-areas:"notificationHeadline notificationHeadline notificationHeadline""notificationBody notificationBody notificationBody""notificationFooter notificationFooter notificationFooter"}.notification.notification-not-dismissible.notification-without-icon.notification-small,.notification.notification-not-dismissible.notification-without-icon.notification-tiny{grid-template-areas:"notificationHeadline notificationHeadline notificationHeadline notificationFooter""notificationBody notificationBody notificationBody notificationFooter"}.notification-without-body{grid-template-areas:"notificationIcon notificationHeadline notificationClose""notificationIcon notificationFooter notificationFooter"}.notification-without-body.notification-without-icon{grid-template-areas:"notificationHeadline notificationHeadline notificationClose""notificationFooter notificationFooter notificationFooter"}.notification-without-body.notification-without-icon.notification-small,.notification-without-body.notification-without-icon.notification-tiny{grid-template-areas:"notificationHeadline notificationHeadline notificationFooter notificationClose""notificationHeadline notificationHeadline notificationFooter notificationClose"}.notification-without-body.notification-without-icon.notification-small.notification-not-dismissible,.notification-without-body.notification-without-icon.notification-tiny.notification-not-dismissible{grid-template-areas:"notificationHeadline notificationHeadline notificationFooter notificationFooter""notificationHeadline notificationHeadline notificationFooter notificationFooter"}.notification-without-body.notification-without-icon.notification-not-dismissible{grid-template-areas:"notificationHeadline notificationHeadline notificationHeadline""notificationFooter notificationFooter notificationFooter"}.notification-without-body.notification-without-icon.notification-not-dismissible.notification-small,.notification-without-body.notification-without-icon.notification-not-dismissible.notification-tiny{grid-template-areas:"notificationHeadline notificationHeadline notificationHeadline notificationFooter""notificationFooter notificationFooter notificationFooter notificationFooter"}.notification-without-body.notification-small,.notification-without-body.notification-tiny{grid-template-areas:"notificationIcon notificationHeadline notificationFooter notificationClose""notificationIcon notificationHeadline notificationFooter notificationClose"}.notification-inline{z-index:unset;--tw-shadow:0 0 var(--tw-shadow-color,#fff);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.notification-inline.notification-neutral{border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--novoui-border-notifications-neutral-enabled)}.notification-inline>.button-primary.button-outline{border-color:var(--novoui-border-button-transparent-enabled);color:var(--novoui-text-color-button-transparent-enabled);background-color:#0000}.notification-inline>.button-primary.button-outline:hover,.notification-inline>.button-primary.button-outline-hover{border-color:var(--novoui-border-button-transparent-hover);background-color:#0000}.notification-inline>.button-primary.button-outline:active,.notification-inline>.button-primary.button-outline-active{border-color:var(--novoui-border-button-transparent-active);background-color:#0000}.notification-inline.notification-brand>.button-primary.button-outline{border-color:var(--novoui-neutral-1)}@supports (color:color-mix(in lab, red, red)){.notification-inline.notification-brand>.button-primary.button-outline{border-color:color-mix(in oklab,var(--novoui-neutral-1)15%,transparent)}}.notification-inline.notification-brand>.button-primary.button-outline{color:var(--novoui-text-color-general-inverted)}.notification-inline.notification-brand>.button-primary.button-outline:hover,.notification-inline.notification-brand>.button-primary.button-outline-hover{border-color:var(--novoui-neutral-1)}@supports (color:color-mix(in lab, red, red)){.notification-inline.notification-brand>.button-primary.button-outline:hover,.notification-inline.notification-brand>.button-primary.button-outline-hover{border-color:color-mix(in oklab,var(--novoui-neutral-1)50%,transparent)}}.notification-inline.notification-brand>.button-primary.button-outline:active,.notification-inline.notification-brand>.button-primary.button-outline-active{border-color:var(--novoui-neutral-1)}.notification-body{padding-right:calc(var(--spacing,.25rem)*6);font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));overflow-wrap:normal;word-break:normal;overflow-wrap:anywhere;grid-area:notificationHeadline}.notification .notification-title~.notification-body{grid-area:notificationBody}.notification .button-notification{grid-area:notificationFooter;justify-self:flex-end}.notification-icon{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);fill:currentColor;grid-area:notificationIcon}.notification-title{font-size:var(--novoui-ui-label-16);line-height:var(--tw-leading,var(--novoui-ui-label-16--line-height));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);overflow-wrap:normal;word-break:normal;overflow-wrap:anywhere;grid-area:notificationHeadline}.notification-close{color:var(--novoui-text-color-general-primary);grid-area:notificationClose;place-self:flex-start flex-end}@media (hover:hover){.notification-close:hover,.notification-close-hover{color:var(--novoui-text-color-general-primary)}}.notification-close:active,.notification-close-active{color:var(--novoui-text-color-general-primary)}.notification-close:focus-visible,.notification-close-focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--novoui-border-general-focus)}.notification-close svg{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);fill:currentColor;flex-shrink:0}.notification-no-close>.notification-close{display:none}.notification-no-close>.notification-body{padding-right:calc(var(--spacing,.25rem)*0)}.notification-info{background-color:var(--novoui-background-notifications-and-tags-info-light)}.notification-info .button-notification{--tw-border-style:none;border-style:none}.notification-info-inline{background-color:var(--novoui-background-notifications-and-tags-info-subtle)}.notification-success{background-color:var(--novoui-background-notifications-and-tags-success-light)}.notification-success .button-notification{--tw-border-style:none;border-style:none}.notification-success-inline{background-color:var(--novoui-background-notifications-and-tags-success-subtle)}.notification-warning{background-color:var(--novoui-background-notifications-and-tags-warning-light)}.notification-warning .button-notification{--tw-border-style:none;border-style:none}.notification-warning-inline{background-color:var(--novoui-background-notifications-and-tags-warning-subtle)}.notification-alert{background-color:var(--novoui-background-notifications-and-tags-alert-light)}.notification-alert .button-notification{--tw-border-style:none;border-style:none}.notification-alert-inline{background-color:var(--novoui-background-notifications-and-tags-alert-subtle)}.notification-neutral{border-color:var(--novoui-border-notifications-neutral-enabled);background-color:var(--novoui-background-notifications-and-tags-neutral-subtle)}.notification-neutral-inline{background-color:var(--novoui-background-notifications-and-tags-neutral-light)}.notification-neutral .button-notification{border-color:var(--novoui-border-button-transparent-enabled);color:var(--novoui-text-color-button-transparent-enabled);background-color:#0000}.notification-neutral .button-notification:hover,.notification-neutral .button-notification-hover{border-color:var(--novoui-border-button-transparent-hover);color:var(--novoui-text-color-button-transparent-enabled);background-color:#0000}.notification-neutral .button-notification:active,.notification-neutral .button-notification-active{border-color:var(--novoui-border-button-transparent-active);color:var(--novoui-text-color-button-transparent-enabled);background-color:#0000}.notification-brand{background-color:var(--novoui-background-notifications-and-tags-brand-subtle);color:var(--novoui-text-color-notifications-and-tags-on-brand)}.notification-brand .button-notification{background-color:var(--novoui-neutral-1);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.notification-brand .button-notification{background-color:color-mix(in oklab,var(--novoui-neutral-1)15%,transparent)}}.notification-brand .button-notification{color:var(--novoui-text-color-button-transparent-inverted)}.notification-brand .button-notification:hover,.notification-brand .button-notification-hover{background-color:var(--novoui-neutral-1);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.notification-brand .button-notification:hover,.notification-brand .button-notification-hover{background-color:color-mix(in oklab,var(--novoui-neutral-1)30%,transparent)}}.notification-brand .button-notification:hover,.notification-brand .button-notification-hover{color:var(--novoui-text-color-button-transparent-inverted)}.notification-brand .button-notification:active,.notification-brand .button-notification-active{background-color:var(--novoui-neutral-1);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.notification-brand .button-notification:active,.notification-brand .button-notification-active{background-color:color-mix(in oklab,var(--novoui-neutral-1)70%,transparent)}}.notification-brand .button-notification:active,.notification-brand .button-notification-active{color:var(--novoui-text-color-button-transparent-inverted)}.notification-brand .notification-close{color:var(--novoui-text-color-general-inverted)}.pagination{gap:calc(var(--spacing,.25rem)*1);flex-wrap:wrap;display:flex}.pagination .button{min-width:calc(var(--spacing,.25rem)*10);padding-inline:calc(var(--spacing,.25rem)*1)}.pagination .button-sm{min-width:calc(var(--spacing,.25rem)*10)}.pagination .button-xs{min-width:calc(var(--spacing,.25rem)*8)}.pagination .button-text{color:var(--novoui-text-color-button-outline-subtle-enabled)}@media (hover:hover){.pagination .button-text:hover{color:var(--novoui-text-color-button-outline-subtle-enabled)}}.pagination .button-text:active,.pagination .button-text.button-active{color:var(--novoui-text-color-button-outline-subtle-enabled)}.pagination .button-text-disabled,.pagination .button-text:disabled,.pagination .button-text[disabled]{pointer-events:none;background-color:var(--novoui-background-general-base);color:var(--novoui-text-color-disabled-medium)}.pagination .mock-button{border-radius:var(--novoui-radius-x-large);text-align:center;user-select:none;height:calc(var(--spacing,.25rem)*10);min-width:calc(var(--spacing,.25rem)*10);background-color:var(--novoui-background-general-base);padding-inline:calc(var(--spacing,.25rem)*1);color:var(--novoui-text-color-button-outline-subtle-enabled);text-transform:var(--button-text-case);flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;text-decoration-line:none;display:inline-flex}.pagination .mock-button-primary{border-style:var(--tw-border-style);background-color:var(--novoui-background-button-fill-enabled);color:var(--novoui-text-color-button-fill-enabled);outline-color:var(--novoui-border-general-high-emphasis-enabled);border-width:0}.pagination .mock-button-brand{border-style:var(--tw-border-style);background-color:var(--novoui-background-button-fill-secondary-enabled);color:var(--novoui-text-color-button-fill-enabled);outline-color:var(--novoui-border-button-transparent-active);border-width:0}.pagination .mock-button-sm{height:calc(var(--spacing,.25rem)*10);min-width:calc(var(--spacing,.25rem)*10);font-size:var(--novoui-ui-button-14);line-height:var(--tw-leading,var(--novoui-ui-button-14--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.pagination .mock-button-xs{height:calc(var(--spacing,.25rem)*8);min-width:calc(var(--spacing,.25rem)*8);font-size:var(--novoui-ui-button-12);line-height:var(--tw-leading,var(--novoui-ui-button-12--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.pagination-container{align-items:center;display:inline-flex}.pagination-container .pagination-counter-label{margin-right:calc(var(--spacing,.25rem)*1);font-size:var(--novoui-ui-control-14);line-height:var(--tw-leading,var(--novoui-ui-control-14--line-height));color:var(--novoui-text-color-general-primary);align-self:center}.pagination-container .input-select{--novoui-input-border:var(--novoui-border-button-outline-subtle-enabled);--novoui-input-select-padding-icon:8px;--novoui-input-padding-left:8px;margin-right:calc(var(--spacing,.25rem)*4)}.pagination-container .input-field-outline-light{--novoui-input-padding-top:8px;--novoui-input-padding-bottom:8px}.pagination-container .input-xs{--novoui-input-height:32px}.pin-input-wrapper{display:flex}.pin-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:calc(var(--spacing,.25rem)*0)}.pin-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:calc(var(--spacing,.25rem)*0)}.pin-input:not(:last-child){margin-right:calc(var(--spacing,.25rem)*3)}.pin-input{background-color:var(--novoui-background-forms-enabled);text-align:center;width:44px;height:60px;font-size:var(--novoui-headings-h2);line-height:var(--tw-leading,var(--novoui-headings-h2--line-height));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--novoui-text-color-general-primary);border-radius:var(--novoui-radius-small);border-style:var(--tw-border-style);border-width:1px;border-color:var(--novoui-border-forms-enabled);--tw-outline-style:none;outline-style:none}.pin-input:hover{border-color:var(--novoui-border-forms-active)}.pin-input:active,.pin-input:focus{border-style:var(--tw-border-style);border-width:2px;border-color:var(--novoui-border-forms-active);background-color:var(--novoui-background-forms-active)}.pin-input:disabled{border-style:var(--tw-border-style);pointer-events:none;color:var(--novoui-text-color-disabled-medium);border-width:1px}.pin-input-password{font-size:var(--text-6xl,3.75rem);line-height:var(--tw-leading,var(--text-6xl--line-height,1))}.pin-input-field-outline-light{border-color:var(--novoui-border-forms-enabled);background-color:var(--novoui-background-forms-light-active)}.pin-input-field-outline-light:active,.pin-input-field-outline-light:focus{background-color:var(--novoui-background-forms-light-active)}.pin-input-field,.pin-input-field-light{border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--novoui-input-border);border-bottom-right-radius:0;border-bottom-left-radius:0}.pin-input-field:active,.pin-input-field:focus,.pin-input-field-light:active,.pin-input-field-light:focus{border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--novoui-border-forms-active);background-color:var(--novoui-background-forms-light-active)}.pin-input-field:disabled,.pin-input-field-light:disabled{border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);pointer-events:none;color:var(--novoui-text-color-disabled-medium);border-bottom-width:1px}.pin-input-field-light{background-color:var(--novoui-background-forms-light-active)}.pin-input-invalid{border-color:var(--novoui-border-alert-enabled);background-color:var(--novoui-background-alert-low-emphasis-enabled);color:var(--novoui-text-color-general-primary)}.pin-input-invalid:hover{border-color:var(--novoui-border-alert-enabled)}.pin-input-invalid:active,.pin-input-invalid:focus{border-style:var(--tw-border-style);border-width:2px;border-color:var(--novoui-input-border);background-color:var(--novoui-background-alert-low-emphasis-enabled);color:var(--novoui-text-color-general-primary)}.pin-input-invalid:disabled{border-style:var(--tw-border-style);--novoui-input-color:var(--novoui-text-color-general-primary);--novoui-input-bg:var(--novoui-background-alert-low-emphasis-enabled);border-width:1px}.progress{--novoui-progress-bar-size:8px;margin-top:calc(var(--spacing,.25rem)*2);height:var(--novoui-progress-bar-size);border-radius:var(--novoui-radius);appearance:none;background-color:var(--novoui-background-progress-base);grid-column:span 2/span 2;width:100%;margin-bottom:1px;position:relative;overflow:hidden}.progress::-moz-progress-bar{border-radius:var(--novoui-radius);background-color:var(--novoui-background-progress-base)}.progress::-webkit-progress-bar{border-radius:var(--novoui-radius);background-color:var(--novoui-background-progress-base)}.progress::-webkit-progress-value{border-radius:var(--novoui-radius);background-color:var(--novoui-background-progress-enabled)}.progress-completed{background-color:var(--novoui-background-progress-success)}.progress-completed::-moz-progress-bar{background-color:var(--novoui-background-progress-success)}.progress-completed::-webkit-progress-value{background-color:var(--novoui-background-progress-success)}.progress-invalid{background-color:var(--novoui-background-alert-high-emphasis-enabled)}.progress-invalid::-moz-progress-bar{background-color:var(--novoui-background-alert-high-emphasis-enabled)}.progress-invalid::-webkit-progress-value{background-color:var(--novoui-background-alert-high-emphasis-enabled)}.progress-md{--novoui-progress-bar-size:8px}.progress-sm{--novoui-progress-bar-size:2px}.progress-container{grid-template-columns:1fr min-content;display:grid}.progress-label,.progress-assistive-text{word-break:break-all}.progress-label,.progress-percentage{font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));color:var(--novoui-text-color-general-primary)}.progress-percentage{margin-left:calc(var(--spacing,.25rem)*2);text-align:right;align-self:flex-end}.progress-assistive-text{font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height));color:var(--novoui-text-color-general-secondary);grid-column:span 2/span 2}.radio{--novoui-radio-label-color:var(--novoui-text-color-selection-enabled);--novoui-radio-input-color:var(--novoui-background-selection-enabled);--novoui-radio-input-color-hover:var(--novoui-border-selection-hover);--novoui-radio-input-color-active:var(--novoui-border-selection-active);--novoui-radio-input-color-checked:var(--novoui-background-selection-active);--novoui-radio-input-color-checked-hover:var(--novoui-border-selection-hover);--novoui-radio-input-color-checked-active:var(--novoui-border-selection-active);--novoui-radio-input-bg-color-active:var(--novoui-border-selection-enabled);--novoui-radio-input-knob-size:10px;margin-block:calc(var(--spacing,.25rem)*2);align-items:center;gap:calc(var(--spacing,.25rem)*2);display:inline-flex}.radio-label{cursor:pointer;font-size:var(--novoui-ui-control-14);line-height:var(--tw-leading,var(--novoui-ui-control-14--line-height));color:var(--novoui-radio-label-color)}.radio,.radio-primary{--novoui-radio-label-color:var(--novoui-text-color-selection-enabled);--novoui-radio-input-color:var(--novoui-border-selection-enabled);--novoui-radio-input-color-hover:var(--novoui-border-selection-hover);--novoui-radio-input-color-active:var(--novoui-border-selection-active);--novoui-radio-input-color-checked:var(--novoui-border-selection-active);--novoui-radio-input-color-checked-hover:var(--novoui-border-selection-hover);--novoui-radio-input-color-checked-active:var(--novoui-border-selection-active)}.radio-alert{--novoui-radio-input-color:var(--novoui-text-color-alert-enabled);--novoui-radio-input-color-hover:var(--novoui-border-alert-enabled);--novoui-radio-input-color-active:var(--novoui-border-alert-active);--novoui-radio-input-color-checked:var(--novoui-border-alert-enabled);--novoui-radio-input-color-checked-hover:var(--novoui-border-alert-enabled);--novoui-radio-input-color-checked-active:var(--novoui-border-alert-enabled)}.radio-input{cursor:pointer;appearance:none;border-style:var(--tw-border-style);background-color:var(--novoui-background-general-base);height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);border-width:1px;border-color:var(--novoui-radio-input-color);border-radius:100%;flex-shrink:0;place-content:center;display:grid;position:relative}.radio-input:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--novoui-border-general-focus);--tw-outline-style:solid;outline-style:solid}.radio-input:before{content:"";height:var(--novoui-radio-input-knob-size);width:var(--novoui-radio-input-knob-size);--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y);transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));box-shadow:inset 0px var(--novoui-radio-input-knob-size)var(--novoui-radio-input-color-checked);border-radius:50%}.radio-input:checked:before{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}@media (hover:hover){.radio-input:hover{border-color:var(--novoui-radio-input-color-hover)}.radio-input:hover:checked{border-color:var(--novoui-radio-input-color-checked-hover)}}.radio-input:active,.radio-input[active]{border-color:var(--novoui-radio-input-color-active);background-color:var(--novoui-radio-input-bg-color-active)}.radio-input:active:checked,.radio-input[active]:checked{border-color:var(--novoui-radio-input-color-checked-active);background-color:var(--novoui-radio-input-bg-color-active)}.radio-disabled,.radio:disabled{--novoui-radio-label-color:var(--novoui-text-color-disabled-medium);--novoui-radio-input-color:var(--novoui-border-disabled-medium);--novoui-radio-input-color-hover:var(--novoui-border-disabled-medium);--novoui-radio-input-color-active:var(--novoui-border-disabled-medium);--novoui-radio-input-color-checked:var(--novoui-background-disabled-medium);--novoui-radio-input-color-checked-hover:var(--novoui-border-disabled-medium);--novoui-radio-input-color-checked-active:var(--novoui-border-disabled-medium);--novoui-radio-input-bg-color-active:var(--novoui-background-disabled-medium);pointer-events:none;border-color:var(--novoui-border-disabled-subtle)}.radio-group{display:flex}.radio-group-vertical{flex-direction:column}.radio-group-gap{gap:calc(var(--spacing,.25rem)*3)}.radio-sm .radio-input{--novoui-radio-input-knob-size:8px;height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*3)}.radio-sm .radio-input:focus-visible{outline-offset:0px}.radio-sm .radio-label{font-size:var(--novoui-ui-control-12);line-height:var(--tw-leading,var(--novoui-ui-control-12--line-height))}.radio-md .radio-input{--novoui-radio-input-knob-size:10px;height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.radio-md .radio-label{font-size:var(--novoui-ui-control-14);line-height:var(--tw-leading,var(--novoui-ui-control-14--line-height))}.radio-lg .radio-input{--novoui-radio-input-knob-size:14px;margin-block:calc(var(--spacing,.25rem)*.5);height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5)}.radio-lg .radio-label{font-size:var(--novoui-ui-control-16);line-height:var(--tw-leading,var(--novoui-ui-control-16--line-height))}.n-scroll,.n-scroll *{scrollbar-width:thin;scrollbar-color:var(--novoui-background-general-strong)var(--novoui-background-general-elevated)}.input-select{--novoui-input-select-padding-icon:16px;--novoui-input-select-icon-width:16px;--novoui-input-select-icon-height:16px}.input-select.selection-colors{color:var(--novoui-text-color-general-primary)}.input-select.selection-colors svg.input-icon{fill:currentColor;color:currentColor}.input-select.selection-colors svg.input-icon-fill{grid-row:1}.input-select.selection-colors.selection-colors-pristine:not(.input-select-disabled){color:var(--novoui-text-color-general-secondary)}.input-select select{appearance:none;color:var(--novoui-input-select-color);cursor:pointer}.input-select select:not(.select-closed):focus~.select-icon{rotate:180deg}.input-select select.input-field{padding-right:calc(var(--novoui-input-select-padding-icon)*2 + var(--novoui-input-select-icon-width))}.input-select select.input-field-outline.input-field-focus,.input-select select.input-field-outline:focus,.input-select select.input-field-outline[focus],.input-select select.input-field-outline-light.input-field-focus,.input-select select.input-field-outline-light:focus,.input-select select.input-field-outline-light[focus]{padding-right:calc(var(--novoui-input-select-padding-icon)*2 + var(--novoui-input-select-icon-width) - 1px)}.input-select select.input-field-disabled,.input-select select:disabled,.input-select select[disabled]{pointer-events:none;opacity:1}.input-select select.input-field-disabled.input-field-outline:has(option[value=""]:checked),.input-select select.input-field-disabled.input-field-outline-light:has(option[value=""]:checked),.input-select select:disabled.input-field-outline:has(option[value=""]:checked),.input-select select:disabled.input-field-outline-light:has(option[value=""]:checked),.input-select select[disabled].input-field-outline:has(option[value=""]:checked),.input-select select[disabled].input-field-outline-light:has(option[value=""]:checked){color:var(--novoui-text-color-disabled-medium)}.input-select select option{color:var(--novoui-input-select-option-color);background-color:var(--novoui-background-general-base)}.input-select select:not(.input-field-outline,.input-field-outline-light):has(option[value=""]:checked),.input-select select:not(.input-field-outline,.input-field-outline-light):not(:has(option:checked)){color:#0000;user-select:none}.input-select select:not(.input-field-outline,.input-field-outline-light):has(option[value=""]:checked)~.input-label,.input-select select:not(.input-field-outline,.input-field-outline-light):not(:has(option:checked))~.input-label{top:var(--novoui-input-label-top-padding-from);font-size:var(--novoui-ui-input-16);line-height:var(--tw-leading,var(--novoui-ui-input-16--line-height))}.input-select select.input-field-outline:has(option[value=""]:checked),.input-select select.input-field-outline-light:has(option[value=""]:checked){color:var(--novoui-text-color-general-secondary)}.input-select .select-icon{height:var(--novoui-input-select-icon-height);width:var(--novoui-input-select-icon-width);right:var(--novoui-input-select-padding-icon);z-index:10;pointer-events:none;user-select:none;top:calc((var(--novoui-input-height)/2) - (var(--novoui-input-select-icon-height)/2));color:var(--novoui-input-select-color);fill:currentColor;transition:transform .2s ease-in-out;position:absolute}.input-select .outline-leading-icon{margin-left:calc(var(--spacing,.25rem)*4)}.input-select.input-tiny .outline-leading-icon{margin-left:calc(var(--spacing,.25rem)*3);height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5)}.input-select .input-icon-fill~.dropdown-container{grid-row-start:1}.input-select .input-icon-fill~span.input-label{margin-left:calc(var(--spacing,.25rem)*0)}.input-select .dropdown-container{grid-template-columns:subgrid;grid-column:1/span 3;width:auto;display:grid}.input-select.input-lg .select-custom-selected-label-bottom{margin-bottom:calc(var(--spacing,.25rem)*1.5)}.input-select .select-custom{text-overflow:ellipsis;white-space:nowrap;text-align:left;color:currentColor;--novoui-input-padding-right:2rem;--novoui-input-padding-top:2px;--novoui-input-padding-bottom:2px;grid-template-rows:1fr auto;grid-template-columns:auto 1fr auto auto;align-items:center;display:grid;overflow:hidden}.input-select .select-custom.input-field-outline:not(.select-closed){border-style:var(--tw-border-style);border-width:2px;border-color:var(--novoui-border-general-high-emphasis-enabled);background-color:var(--novoui-background-general-medium-emphasis-hover);padding-left:calc(var(--novoui-input-padding-left) - 1px);padding-right:calc(var(--novoui-input-padding-right) - 1px)}.input-select .select-custom-icon{fill:currentColor;grid-row:span 2;margin-right:10px}.input-select .select-custom-icon.flag{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6)}.input-select .select-custom-icon-fill{grid-row:1/span 2}.input-select .select-custom-selected-label{margin-right:calc(var(--spacing,.25rem)*3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.input-select .select-custom-selected-label-full{overflow:visible}.input-select .select-custom-selected-label-bottom{grid-area:2/2;align-self:flex-end}.input-select .select-custom-selected-label-indent{margin-left:6px}.input-select .select-custom-selected-label-cover{grid-column:span 2/span 2}.input-select .select-custom-selected-type-label{margin-right:calc(var(--spacing,.25rem)*4);pointer-events:none;font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height));color:var(--novoui-text-color-general-secondary);text-transform:uppercase;grid-row:span 2/span 2}.input-select .select-custom-flipped-icon{rotate:180deg}.input-select .select-custom-placeholder-icon{display:none}.input-select .select-custom-dropdown{transform-origin:top;--tw-scale-x:100%;scale:var(--tw-scale-x)var(--tw-scale-y);border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--novoui-radius-small);border-bottom-left-radius:var(--novoui-radius-small)}.input-select .select-custom-dropdown-outline{border-radius:var(--novoui-radius)}.input-select .select-custom-dropdown-outline.dropdown-container{grid-row-start:2}.input-select .select-custom-dropdown.shown~.select-icon{rotate:180deg}.input-select .select-custom-dropdown.select-custom-dropdown-outline{top:calc(var(--spacing,.25rem)*1);border-style:var(--tw-border-style);border-width:1px}.input-select .select-custom-dropdown .list-item{--tw-outline-style:none;outline-style:none}.input-select .select-custom~.input-label.input-label-pristine,.input-select .select-custom~.input-label.input-label-pristine:focus,.input-select .select-custom~.input-label.input-label-pristine[focus],.input-select .select-custom-label.input-label-pristine,.input-select .select-custom-label.input-label-pristine:focus,.input-select .select-custom-label.input-label-pristine[focus]{top:var(--novoui-input-label-top-padding-from);font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height))}.input-select:has(.dropdown-container) .input-label.input-label-of-pristine-multiselect{top:var(--novoui-input-label-top-padding-from);font-size:var(--novoui-body-xsmall);line-height:var(--tw-leading,var(--novoui-body-xsmall--line-height))}.input-select:has(.dropdown-container) .input-label-indent{margin-top:calc(var(--spacing,.25rem)*.5);margin-left:calc(var(--spacing,.25rem)*10);font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height))}.input-select select.input-field~span.input-label{transition-property:none}.input-select .input-field-outline~.input-label~.select-icon,.input-select .input-field-outline-light~.input-label~.select-icon,.input-select .dropdown-container~.input-label~.select-icon-outline{--novoui-input-outline-label-height:20px + 8px;top:calc(var(--novoui-input-outline-label-height) + (var(--novoui-input-height)/2) - (var(--novoui-input-select-icon-height)/2))}.input-select.input-tiny .input-field-outline~.input-label~.select-icon,.input-select.input-tiny .input-field-outline-light~.input-label~.select-icon,.input-select.input-tiny .dropdown-container~.input-label~.select-icon-outline{--novoui-input-outline-label-height:20px + 4px;top:calc(var(--novoui-input-outline-label-height) + (var(--novoui-input-height)/2) - (var(--novoui-input-select-icon-height)/2))}.input-select.input-tiny .input-field-outline-light~.input-label,.input-select.input-tiny .input-field-outline~.input-label{font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height))}.input-select.input-sm select{font-size:var(--novoui-ui-input-14);line-height:var(--tw-leading,var(--novoui-ui-input-14--line-height))}.input-select.input-sm select:not(.input-field-outline,.input-field-outline-light):has(option[value=""]:checked){color:#0000;user-select:none}.input-select.input-sm select:not(.input-field-outline,.input-field-outline-light):has(option[value=""]:checked)+.input-label{top:var(--novoui-input-label-top-padding-from);font-size:var(--novoui-ui-input-14);line-height:var(--tw-leading,var(--novoui-ui-input-14--line-height))}.input-select.input-sm .outline-leading-icon{height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5)}.input-select.input-sm .select-custom~.input-label.input-label-pristine,.input-select.input-sm .select-custom~.input-label.input-label-pristine:focus,.input-select.input-sm .select-custom~.input-label.input-label-pristine[focus],.input-select.input-sm .select-custom-label.input-label-pristine,.input-select.input-sm .select-custom-label.input-label-pristine:focus,.input-select.input-sm .select-custom-label.input-label-pristine[focus]{top:var(--novoui-input-label-top-padding-from);font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height))}.input-select.input-select-disabled,.input-select.input-select-disabled select,.input-select.input-select-disabled .select-custom-selected-label,.input-select.input-select-disabled .select-custom-selected-type-label,.input-select.input-select-disabled .input-label{color:var(--novoui-text-color-disabled-medium)}.input-select-inline-loader{margin-right:calc(var(--spacing,.25rem)*5)}.input-select-no-results{height:calc(var(--spacing,.25rem)*60);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*.5);padding:calc(var(--spacing,.25rem)*2);padding-left:calc(var(--spacing,.25rem)*3);text-align:center;text-wrap:wrap;color:var(--novoui-text-color-general-tertiary);flex-direction:column;display:flex}.input-select-no-results .input-select-loading-text{color:var(--novoui-text-color-general-tertiary);margin-top:calc(var(--spacing,.25rem)*1.5);font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height))}.input-select-no-results .input-select-no-results-text{fill:currentColor;color:var(--novoui-text-color-general-primary)}.input-select-no-results>span{font-size:var(--novoui-ui-label-10);line-height:var(--tw-leading,var(--novoui-ui-label-10--line-height));color:var(--novoui-text-color-general-tertiary)}.input-select-enter-from,.input-select-leave-to{opacity:0}.input-select-enter-active,.input-select-leave-active{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,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s}.side-bar-navigation{top:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);width:calc(var(--spacing,.25rem)*64);z-index:37;border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--novoui-border-general-medium);background-color:var(--novoui-background-side-menus-elevated);padding-inline:calc(var(--spacing,.25rem)*4);padding-top:calc(var(--spacing,.25rem)*7);padding-bottom:calc(var(--spacing,.25rem)*5);--tw-shadow:0px 0px 24px var(--tw-shadow-color,#16223314),0px 0px 8px var(--tw-shadow-color,#16223314);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);flex-direction:column;justify-content:space-between;transition:width .25s ease-in-out .25s;display:flex;position:fixed;overflow-y:auto}.side-bar-navigation-dark{border-color:var(--novoui-true-blue-5);background-color:var(--novoui-background-notifications-and-tags-brand-subtle)}.side-bar-navigation-bordered{border-right-style:var(--tw-border-style);background-color:var(--novoui-background-side-menus-side-panel);box-shadow:none;border-right-width:1px}.side-bar-navigation-bordered .sub-menu{background-color:var(--novoui-background-side-menus-side-panel)}.side-bar-navigation .sub-menu.sub-menu-full-height{box-shadow:none;transition:width .25s ease-in-out,box-shadow 0s ease-in-out .25s,border 0s ease-in-out .25s}.side-bar-navigation .sub-menu.sub-menu-full-height.sub-menu-open{border-left-style:var(--tw-border-style);border-left-width:1px;transition:width .25s ease-in-out;box-shadow:5px 20px 15px -4px #00000013,10px 0 15px -3px #00000008}.side-bar-navigation-collapsed{width:72px;padding-inline:calc(var(--spacing,.25rem)*0);transition-delay:0s}.side-bar-navigation-collapsed.side-bar-navigation .sub-menu.sub-menu-full-height{border-left-style:var(--tw-border-style);border-left-width:0;transition:width .25s ease-in-out,box-shadow 0s ease-in-out .25s}.side-bar-navigation-collapsed:has(.dropdown),.side-bar-navigation-collapsed:has(.side-bar-navigation-collapsed),.side-bar-navigation-collapsed.has-active-dropdown{overflow-y:visible}.side-bar-navigation .top-section>:first-child{margin-top:calc(var(--spacing,.25rem)*0)}.side-bar-navigation .bottom-section>:last-child{margin-bottom:calc(var(--spacing,.25rem)*0)}.side-bar-navigation-label-fade-enter-active{transition:opacity .4s ease-out .6s}.side-bar-navigation-sub-menu-label-fade-enter-active{transition:opacity .4s ease-out .1s}.side-bar-navigation-label-fade-leave-active{transition:opacity 50ms ease-out}.side-bar-navigation-label-fade-enter-from,.side-bar-navigation-label-fade-leave-to{opacity:0}.side-bar-navigation-collapsed-label-fade-enter-active,.side-bar-navigation-collapsed-label-fade-leave-active{transition:opacity .25s ease-out}.side-bar-navigation-collapsed-label-fade-enter-active{transition-delay:.8s}.side-bar-navigation-collapsed-label-fade-enter-from,.side-bar-navigation-collapsed-label-fade-leave-to{opacity:0}.logo-header{margin-block:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*14);align-items:center;gap:calc(var(--spacing,.25rem)*4);font-size:var(--novoui-headings-h4);line-height:var(--tw-leading,var(--novoui-headings-h4--line-height));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--novoui-text-color-general-primary);display:flex}.logo-header-icon{height:calc(var(--spacing,.25rem)*10);width:calc(var(--spacing,.25rem)*10);border-radius:var(--novoui-radius);background-color:var(--novoui-background-notifications-and-tags-brand-subtle);flex-shrink:0;align-content:center}.logo-header-icon svg{margin:auto}.logo-header-dark{color:var(--novoui-text-color-general-inverted)}.logo-header-dark .logo-header-icon{background-color:var(--novoui-background-general-high-emphasis-enabled)}.logo-header-collapsed{padding-inline:calc(var(--spacing,.25rem)*4)}.menu-section{margin-block:calc(var(--spacing,.25rem)*5)}.menu-section-content{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));grid-template-rows:1fr;display:grid}.menu-section-content>div{overflow:hidden}.menu-section-collapsed{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));grid-template-rows:0fr;display:grid}.menu-section-collapsed>div{overflow:hidden}.menu-section-title{font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--novoui-text-color-side-menus-menu-header);height:calc(var(--spacing,.25rem)*8);padding-bottom:calc(var(--spacing,.25rem)*1);padding-left:calc(var(--spacing,.25rem)*3);align-content:center;transition:height .25s ease-in-out}.menu-section-title-button{justify-content:space-between;align-items:center;width:100%;display:flex}.menu-section-title-button>svg{margin-right:calc(var(--spacing,.25rem)*4);fill:currentColor;color:var(--novoui-text-color-side-menus-menu-enabled);transition:transform .25s ease-in-out}.menu-section-title-icon-collapsed{transform:rotate(180deg)}.menu-section-title-dark{color:var(--novoui-true-blue-3)}.menu-section-title-collapsed{height:calc(var(--spacing,.25rem)*0);padding-left:28px;transition-delay:.25s}.menu-section:not(:has(.menu-item-leading-icon)) .menu-item-leading-icon-wrapper{display:none}.menu-section:not(:has(.menu-item-leading-icon)) .menu-item-wrapper .menu-item-label{grid-column:1/span 2}.menu-item{height:calc(var(--spacing,.25rem)*10);border-radius:var(--novoui-radius-small);width:100%;color:var(--novoui-text-color-side-menus-menu-enabled);justify-content:space-between;align-items:center;display:flex}.menu-item svg{fill:currentColor}.menu-item-leading-icon{margin:calc(var(--spacing,.25rem)*2);height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5);min-width:calc(var(--spacing,.25rem)*6)}.menu-item-content-wrapper{height:calc(var(--spacing,.25rem)*10);padding-left:calc(var(--spacing,.25rem)*2);align-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2);grid-template-columns:40px auto;width:100%;transition:padding .25s ease-in-out .25s;display:grid}.menu-item-content-wrapper-with-notification,.menu-item-content-wrapper-with-submenu{grid-template-columns:40px 1fr 40px}.menu-item-content-wrapper-with-submenu.menu-item-content-wrapper-with-notification{grid-template-columns:40px 1fr 24px 40px}.menu-item-label{text-align:left;font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.menu-item-notification{height:calc(var(--spacing,.25rem)*6);min-width:calc(var(--spacing,.25rem)*6);border-radius:var(--novoui-radius-small);background-color:var(--novoui-background-side-menus-menu-badge-enabled);padding-inline:calc(var(--spacing,.25rem)*2);font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height));color:var(--novoui-text-color-side-menus-menu-enabled);align-content:center;justify-self:center}.menu-item-notification-collapsed{top:calc(var(--spacing,.25rem)*2);right:calc(var(--spacing,.25rem)*2);height:calc(var(--spacing,.25rem)*2);width:calc(var(--spacing,.25rem)*2);border-radius:var(--novoui-radius-full);border-style:var(--tw-border-style);border-width:1px;border-color:var(--novoui-border-side-menus-menu-notification);background-color:var(--novoui-background-side-menus-menu-notification);position:absolute}.menu-item-trailing-icon{height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*3);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;justify-self:center;transition-duration:.3s}.menu-item-trailing-icon-menu-open{transform:rotate(180deg)}@media (hover:hover){.menu-item:hover,.menu-item-hover{background-color:var(--novoui-background-side-menus-menu-hover);color:var(--novoui-text-color-side-menus-menu-hover)}.menu-item:hover .menu-item-notification,.menu-item-hover .menu-item-notification{background-color:var(--novoui-background-side-menus-menu-badge-hover)}.menu-item:hover .menu-item-notification-collapsed,.menu-item-hover .menu-item-notification-collapsed{border-color:var(--novoui-border-side-menus-menu-notification-selected)}}.menu-item:active,.menu-item-active{background-color:var(--novoui-background-side-menus-menu-hover);color:var(--novoui-text-color-side-menus-menu-hover)}.menu-item:active .menu-item-notification,.menu-item-active .menu-item-notification{background-color:var(--novoui-background-side-menus-menu-badge-hover)}.menu-item:disabled,.menu-item-disabled{color:var(--novoui-text-color-disabled-medium);background-color:#0000}.menu-item:disabled .menu-item-notification,.menu-item-disabled .menu-item-notification{background-color:var(--novoui-background-disabled-strong);color:var(--novoui-text-color-disabled-medium)}.menu-item-collapsed{padding-inline:calc(var(--spacing,.25rem)*4);flex-direction:column;align-items:center;position:relative}.menu-item-collapsed-with-label{height:56px}.menu-item-collapsed-label{margin:calc(var(--spacing,.25rem)*0);padding:calc(var(--spacing,.25rem)*0);font-size:var(--novoui-ui-button-10);line-height:var(--tw-leading,var(--novoui-ui-button-10--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.menu-item-collapsed .menu-item-leading-icon-wrapper{height:calc(var(--spacing,.25rem)*10);border-radius:var(--novoui-radius-small);align-content:center;position:relative}.menu-item-collapsed .menu-item-content-wrapper{padding-left:calc(var(--spacing,.25rem)*0);transition-delay:0s}@media (hover:hover){.menu-item-collapsed:hover,.menu-item-collapsed.menu-item-hover{background-color:inherit}.menu-item-collapsed:hover .menu-item-leading-icon-wrapper,.menu-item-collapsed.menu-item-hover .menu-item-leading-icon-wrapper{background-color:var(--novoui-background-side-menus-menu-hover)}}.menu-item-collapsed:active,.menu-item-collapsed.menu-item-active{background-color:inherit;color:var(--novoui-text-color-side-menus-menu-hover)}.menu-item-collapsed:active .menu-item-leading-icon-wrapper,.menu-item-collapsed.menu-item-active .menu-item-leading-icon-wrapper{background-color:var(--novoui-background-side-menus-menu-hover)}.menu-item-collapsed:active .menu-item-notification-collapsed,.menu-item-collapsed.menu-item-active .menu-item-notification-collapsed{border-color:var(--novoui-border-side-menus-menu-notification-selected)}.menu-item-collapsed:disabled,.menu-item-collapsed.menu-item-disabled{color:var(--novoui-text-color-disabled-medium)}.menu-item-collapsed:disabled .menu-item-leading-icon-wrapper,.menu-item-collapsed.menu-item-disabled .menu-item-leading-icon-wrapper{background-color:#0000}.menu-item-dark{color:var(--novoui-true-blue-2)}.menu-item-dark .menu-item-notification{background-color:var(--novoui-sea-blue-8);color:var(--novoui-text-color-general-inverted)}.menu-item-dark .menu-item-notification-collapsed{border-color:var(--novoui-border-button-transparent-active);background-color:var(--novoui-sea-blue-4)}@media (hover:hover){.menu-item-dark:hover,.menu-item-dark.menu-item-hover{background-color:var(--novoui-true-blue-5);color:var(--novoui-text-color-general-inverted)}.menu-item-dark:hover .menu-item-notification,.menu-item-dark.menu-item-hover .menu-item-notification{background-color:var(--novoui-sea-blue-5);color:var(--novoui-text-color-general-inverted)}.menu-item-dark:hover .menu-item-notification-collapsed,.menu-item-dark.menu-item-hover .menu-item-notification-collapsed{border-color:var(--novoui-true-blue-5)}}.menu-item-dark:active,.menu-item-dark.menu-item-active{background-color:var(--novoui-true-blue-5);color:var(--novoui-text-color-general-inverted)}.menu-item-dark:active .menu-item-notification,.menu-item-dark.menu-item-active .menu-item-notification{background-color:var(--novoui-sea-blue-5);color:var(--novoui-text-color-general-inverted)}.menu-item-dark:disabled,.menu-item-dark.menu-item-disabled{color:var(--novoui-neutral-8);background-color:#0000}.menu-item-dark:disabled .menu-item-notification,.menu-item-dark.menu-item-disabled .menu-item-notification{background-color:var(--novoui-background-disabled-strong);color:var(--novoui-neutral-8)}@media (hover:hover){.menu-item-dark.menu-item-collapsed:hover,.menu-item-dark.menu-item-collapsed.menu-item-hover{background-color:inherit;color:var(--novoui-text-color-general-inverted)}.menu-item-dark.menu-item-collapsed:hover .menu-item-leading-icon-wrapper,.menu-item-dark.menu-item-collapsed.menu-item-hover .menu-item-leading-icon-wrapper{background-color:var(--novoui-true-blue-5)}}.menu-item-dark.menu-item-collapsed:active,.menu-item-dark.menu-item-collapsed.menu-item-active{background-color:inherit;color:var(--novoui-text-color-general-inverted)}.menu-item-dark.menu-item-collapsed:active .menu-item-leading-icon-wrapper,.menu-item-dark.menu-item-collapsed.menu-item-active .menu-item-leading-icon-wrapper{background-color:var(--novoui-true-blue-5)}.menu-item-dark.menu-item-collapsed:disabled,.menu-item-dark.menu-item-collapsed.menu-item-disabled{color:var(--novoui-neutral-8)}.menu-item-dark.menu-item-collapsed:disabled .menu-item-leading-icon-wrapper,.menu-item-dark.menu-item-collapsed.menu-item-disabled .menu-item-leading-icon-wrapper{background-color:#0000}.menu-item+.tooltip-right{right:calc(var(--spacing,.25rem)*0)}.menu-item-wrapper{position:relative}.menu-item-wrapper+.menu-item-wrapper{padding-top:calc(var(--spacing,.25rem)*1)}.menu-divider{border-color:var(--novoui-border-general-medium)}.menu-divider-dark{border-color:var(--novoui-true-blue-5)}.menu-divider-collapsed{margin-inline:calc(var(--spacing,.25rem)*4)}.sub-menu{background-color:var(--novoui-background-side-menus-elevated)}.sub-menu-inline{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));grid-template-rows:0fr;display:grid}.sub-menu-content{overflow:hidden}.sub-menu-popup{visibility:hidden;border-radius:var(--novoui-radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--novoui-border-side-menus-menu-enabled);width:max-content;padding-block:calc(var(--spacing,.25rem)*2);color:var(--novoui-text-color-side-menus-menu-header);top:calc(var(--spacing,.25rem)*0);transform-origin:0 0;--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition:transform .2s,opacity .2s,visibility;position:absolute;left:100%}.sub-menu-label{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--novoui-border-side-menus-menu-enabled);padding-inline:calc(var(--spacing,.25rem)*4);padding-bottom:calc(var(--spacing,.25rem)*2);font-size:var(--novoui-body-xsmall);line-height:var(--tw-leading,var(--novoui-body-xsmall--line-height))}.sub-menu-full-height{width:calc(var(--spacing,.25rem)*0);padding-top:calc(var(--spacing,.25rem)*7);padding-bottom:calc(var(--spacing,.25rem)*5);top:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);border-right-style:var(--tw-border-style);border-right-width:0;border-color:var(--novoui-border-side-menus-menu-enabled);--tw-shadow:0px 0px 24px var(--tw-shadow-color,#16223314),0px 0px 8px var(--tw-shadow-color,#16223314);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition:width .25s ease-in-out;position:fixed}.sub-menu-full-height .sub-menu-content{margin-inline:calc(var(--spacing,.25rem)*3)}.sub-menu-dark{border-color:var(--novoui-true-blue-5);background-color:var(--novoui-background-notifications-and-tags-brand-subtle);color:var(--novoui-true-blue-2)}.sub-menu-dark .sub-menu-label,.sub-menu-dark .sub-menu-full-height{border-color:var(--novoui-true-blue-5)}.sub-menu-open.sub-menu-inline{grid-template-rows:1fr}.sub-menu-open.sub-menu-popup{visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1;position:fixed}.sub-menu-open.sub-menu-full-height{width:calc(var(--spacing,.25rem)*64);border-right-style:var(--tw-border-style);border-right-width:1px}.sub-menu-item{height:calc(var(--spacing,.25rem)*9);align-items:center;gap:calc(var(--spacing,.25rem)*3);width:100%;padding-inline:calc(var(--spacing,.25rem)*4);font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--novoui-text-color-side-menus-menu-enabled);display:flex}.sub-menu-item:first-of-type{margin-top:calc(var(--spacing,.25rem)*2)}@media (hover:hover){.sub-menu-item:hover,.sub-menu-item-hover{background-color:var(--novoui-background-side-menus-menu-hover);color:var(--novoui-text-color-side-menus-menu-hover)}.sub-menu-item:hover .sub-menu-item-divider,.sub-menu-item-hover .sub-menu-item-divider{color:var(--novoui-text-color-drag-enabled)}}.sub-menu-item:active,.sub-menu-item-active{background-color:var(--novoui-background-side-menus-menu-hover)}.sub-menu-item:active .sub-menu-item-divider,.sub-menu-item-active .sub-menu-item-divider{color:var(--novoui-text-color-drag-enabled)}.sub-menu-item:disabled,.sub-menu-item-disabled{color:var(--novoui-text-color-disabled-medium);background-color:#0000}.sub-menu-item:disabled .sub-menu-item-divider,.sub-menu-item-disabled .sub-menu-item-divider{color:var(--novoui-text-color-date-picker-read-only)}.sub-menu-item-divider{margin-inline:17px}.sub-menu-item-dark{color:var(--novoui-true-blue-2)}.sub-menu-item-dark .sub-menu-item-divider{color:var(--novoui-true-blue-5)}@media (hover:hover){.sub-menu-item-dark.sub-menu-item:hover,.sub-menu-item-dark.sub-menu-item-hover{background-color:var(--novoui-true-blue-5);color:var(--novoui-text-color-general-inverted)}}.sub-menu-item-dark.sub-menu-item:active,.sub-menu-item-dark.sub-menu-item-active{background-color:var(--novoui-true-blue-5);color:var(--novoui-text-color-general-inverted)}.sub-menu-item-dark.sub-menu-item:active .sub-menu-item-divider,.sub-menu-item-dark.sub-menu-item-active .sub-menu-item-divider{color:var(--novoui-text-color-drag-enabled)}.sub-menu-item-dark.sub-menu-item:disabled,.sub-menu-item-dark.sub-menu-item-disabled{color:var(--novoui-neutral-8);background-color:#0000}.sub-menu-item-dark.sub-menu-item:disabled .sub-menu-item-divider,.sub-menu-item-dark.sub-menu-item-disabled .sub-menu-item-divider{color:var(--novoui-true-blue-5)}.sub-menu-item-inline{border-radius:var(--novoui-radius-small);padding-inline:calc(var(--spacing,.25rem)*2)}.collapse-menu-button-icon{align-items:center;display:flex}.collapse-menu-button{height:calc(var(--spacing,.25rem)*8);align-items:center;gap:calc(var(--spacing,.25rem)*2);text-overflow:ellipsis;white-space:nowrap;border-radius:var(--novoui-radius-small);width:100%;font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--novoui-text-color-side-menus-menu-enabled);display:flex;overflow:hidden}.collapse-menu-button-icon{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*10);border-radius:var(--novoui-radius-small)}.collapse-menu-button svg{margin-inline:calc(var(--spacing,.25rem)*2);margin-block:calc(var(--spacing,.25rem)*1);fill:currentColor}@media (hover:hover){.collapse-menu-button:hover,.collapse-menu-button-hover{background-color:var(--novoui-background-side-menus-menu-hover);color:var(--novoui-text-color-side-menus-menu-hover)}}.collapse-menu-button:active,.collapse-menu-button-active{background-color:var(--novoui-background-side-menus-menu-hover);color:var(--novoui-text-color-side-menus-menu-hover)}.collapse-menu-button-collapsed{padding-inline:calc(var(--spacing,.25rem)*4)}@media (hover:hover){.collapse-menu-button-collapsed.collapse-menu-button:hover,.collapse-menu-button-collapsed.collapse-menu-button-hover{background-color:inherit;color:var(--novoui-text-color-side-menus-menu-hover)}.collapse-menu-button-collapsed.collapse-menu-button:hover .collapse-menu-button-icon,.collapse-menu-button-collapsed.collapse-menu-button-hover .collapse-menu-button-icon{background-color:var(--novoui-background-side-menus-menu-hover)}}.collapse-menu-button-collapsed.collapse-menu-button:active,.collapse-menu-button-collapsed.collapse-menu-button-active{background-color:inherit;color:var(--novoui-text-color-side-menus-menu-hover)}.collapse-menu-button-collapsed.collapse-menu-button:active .collapse-menu-button-icon,.collapse-menu-button-collapsed.collapse-menu-button-active .collapse-menu-button-icon{background-color:var(--novoui-background-side-menus-menu-hover)}.collapse-menu-button-dark{color:var(--novoui-true-blue-2)}@media (hover:hover){.collapse-menu-button-dark.collapse-menu-button:hover,.collapse-menu-button-dark.collapse-menu-button-hover{background-color:var(--novoui-true-blue-5);color:var(--novoui-text-color-general-inverted)}}.collapse-menu-button-dark.collapse-menu-button:active,.collapse-menu-button-dark.collapse-menu-button-active{background-color:var(--novoui-true-blue-5);color:var(--novoui-text-color-general-inverted)}@media (hover:hover){.collapse-menu-button-dark.collapse-menu-button-collapsed.collapse-menu-button:hover,.collapse-menu-button-dark.collapse-menu-button-collapsed.collapse-menu-button-hover{background-color:inherit;color:var(--novoui-text-color-general-inverted)}.collapse-menu-button-dark.collapse-menu-button-collapsed.collapse-menu-button:hover .collapse-menu-button-icon,.collapse-menu-button-dark.collapse-menu-button-collapsed.collapse-menu-button-hover .collapse-menu-button-icon{background-color:var(--novoui-true-blue-5)}}.collapse-menu-button-dark.collapse-menu-button-collapsed.collapse-menu-button:active,.collapse-menu-button-dark.collapse-menu-button-collapsed.collapse-menu-button-active{background-color:inherit;color:var(--novoui-text-color-general-inverted)}.collapse-menu-button-dark.collapse-menu-button-collapsed.collapse-menu-button:active .collapse-menu-button-icon,.collapse-menu-button-dark.collapse-menu-button-collapsed.collapse-menu-button-active .collapse-menu-button-icon{background-color:var(--novoui-true-blue-5)}.side-bar-search{margin-inline:auto;margin-block:calc(var(--spacing,.25rem)*5)}.side-bar-search .search-field{border-radius:var(--novoui-radius);caret-color:currentColor;width:100%;transition:padding .25s ease-in-out .25s,caret-color .4s ease-in-out .6s,color .4s ease-in-out .6s,height .25s ease-in-out}.side-bar-search .search-field::-webkit-search-cancel-button{opacity:1;transition:opacity .4s ease-in-out .6s}.side-bar-search .search-field::placeholder{transition:color .4s ease-in-out .6s}.side-bar-search .input-icon,.side-bar-search .input-leading-icon{transition:margin .25s ease-in-out .25s}.side-bar-search-collapsed{margin-inline:calc(var(--spacing,.25rem)*4)}.side-bar-search-collapsed.side-bar-search-collapsed{border-radius:var(--novoui-radius);border-style:var(--tw-border-style);border-width:0;border-color:var(--novoui-border-forms-enabled)}.side-bar-search-collapsed .search-field{height:calc(var(--spacing,.25rem)*10);padding-inline:calc(var(--spacing,.25rem)*0);color:#0000;caret-color:#0000;grid-column:1/span 2;transition:padding .25s ease-in-out,height .25s ease-in-out .25s}.side-bar-search-collapsed .search-field::placeholder{color:#0000;transition:none}.side-bar-search-collapsed .search-field::-webkit-search-cancel-button{opacity:0;transition:none}.side-bar-search-collapsed .search-field-focus,.side-bar-search-collapsed .search-field:focus,.side-bar-search-collapsed .search-field[focus]{padding-inline:calc(var(--spacing,.25rem)*3);color:#0000;transition:padding .25s ease-in-out}.side-bar-search-collapsed svg.input-icon,.side-bar-search-collapsed .input-leading-icon{margin-inline:calc(var(--spacing,.25rem)*2);margin-left:calc(var(--spacing,.25rem)*2);cursor:text;transition-delay:0s}.side-bar-search-dark.input:not(.input-disabled) .input-icon.search-icon,.side-bar-search-dark.input:not(.input-disabled) .input-leading-icon.search-icon,.side-bar-search-dark.input:not(.input-disabled) .search-field:placeholder-shown~.input-icon.search-icon,.side-bar-search-dark.input:not(.input-disabled) .search-field:placeholder-shown~.input-leading-icon.search-icon{color:var(--novoui-true-blue-2)}.side-bar-search-dark.input .search-field{border-color:var(--novoui-true-blue-5);background-color:var(--novoui-background-notifications-and-tags-brand-subtle);color:var(--novoui-true-blue-2)}.side-bar-search-dark.input .search-field::placeholder,.side-bar-search-dark.input .search-field:focus{color:var(--novoui-true-blue-2)}.side-bar-search-dark.input.side-bar-search-collapsed .search-field,.side-bar-search-dark.input.side-bar-search-collapsed .search-field::placeholder,.side-bar-search-dark.input.side-bar-search-collapsed .search-field-focus,.side-bar-search-dark.input.side-bar-search-collapsed .search-field:focus,.side-bar-search-dark.input.side-bar-search-collapsed .search-field[focus]{color:#0000}.session-selector{border-radius:var(--novoui-radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--novoui-border-side-menus-menu-enabled);width:100%;height:100%;padding:calc(var(--spacing,.25rem)*1.5);text-align:left;align-items:center;transition:padding .25s ease-in-out .25s;display:flex}.session-selector-content{width:100%;padding-right:calc(var(--spacing,.25rem)*1.5);padding-left:calc(var(--spacing,.25rem)*2);grid-template-columns:auto 16px;align-items:center;display:grid}.session-selector-leading-content{flex-shrink:0;justify-items:center;width:37px;display:grid}.session-selector-header{padding-left:calc(var(--spacing,.25rem)*2);font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--novoui-text-color-side-menus-switcher-primary)}.session-selector-subheader{padding-left:calc(var(--spacing,.25rem)*2);font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height));color:var(--novoui-text-color-side-menus-switcher-secondary);grid-row-start:2}.session-selector-label{font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--novoui-text-color-side-menus-switcher-primary)}.session-selector-leading-icon{height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5);fill:var(--novoui-fill-side-menus-switcher-secondary)}.session-selector-leading-cover{border-radius:var(--novoui-radius-small);background-color:var(--novoui-background-accent-red-light);text-align:center;width:35px;height:36px;font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--novoui-text-color-general-primary);align-content:center;transition:height .25s ease-in-out .25s,width .25s ease-in-out .25s}.session-selector-leading-image{border-radius:var(--novoui-radius-full);object-fit:cover;width:35px;height:36px;transition:height .25s ease-in-out .25s,width .25s ease-in-out .25s}.session-selector-trailing-icon{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);fill:var(--novoui-fill-side-menus-menu-enabled);grid-row:span 2/span 2;grid-column-start:2}@media (hover:hover){.session-selector:hover,.session-selector-hover{border-color:var(--novoui-border-general-strong)}.session-selector:hover .session-selector-leading-cover,.session-selector-hover .session-selector-leading-cover{background-color:var(--novoui-background-accent-red-medium)}}.session-selector:active,.session-selector-active{border-style:var(--tw-border-style);border-width:2px;border-color:var(--novoui-border-side-menus-menu-enabled);background-color:var(--novoui-background-side-menus-menu-hover)}@media (hover:hover){.session-selector:active:hover,.session-selector-active:hover{border-color:var(--novoui-border-side-menus-menu-hover)}}.session-selector:active .session-selector-leading-cover,.session-selector-active .session-selector-leading-cover{background-color:var(--novoui-background-accent-red-medium)}.session-selector:active .session-selector-content,.session-selector-active .session-selector-content{padding-right:5px}.session-selector:active .session-selector-leading-content,.session-selector-active .session-selector-leading-content{margin-left:-1px}.session-selector-dark{border-color:var(--novoui-true-blue-5)}@media (hover:hover){.session-selector-dark:hover,.session-selector-dark.session-selector-hover{border-color:var(--novoui-true-blue-3);background-color:var(--novoui-true-blue-5)}}.session-selector-dark:active,.session-selector-dark.session-selector-active{border-color:var(--novoui-true-blue-3);background-color:var(--novoui-true-blue-5)}.session-selector-dark:active .session-selector-leading-cover,.session-selector-dark.session-selector-active .session-selector-leading-cover{background-color:var(--novoui-background-accent-red-medium)}.session-selector-dark .session-selector-header,.session-selector-dark .session-selector-label{color:var(--novoui-text-color-general-inverted)}.session-selector-dark .session-selector-subheader{color:var(--novoui-true-blue-2)}.session-selector-dark .session-selector-leading-icon,.session-selector-dark .session-selector-trailing-icon{fill:var(--novoui-true-blue-2)}.session-selector-dark .session-selector-leading-cover{background-color:var(--novoui-rose-pink-2)}.session-selector-wrapper{margin-block:calc(var(--spacing,.25rem)*5);height:52px;transition:height .25s ease-in-out}.session-selector-wrapper-collapsed{margin-inline:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*10);transition-delay:.25s}.session-selector-wrapper-collapsed .session-selector{padding:calc(var(--spacing,.25rem)*0);transition:padding .25s ease-in-out}.session-selector-wrapper-collapsed .session-selector-leading-cover,.session-selector-wrapper-collapsed .session-selector-leading-image{width:31px;height:32px;transition:height .25s ease-in-out,width .25s ease-in-out}.session-selector-dropdown{z-index:10;border-radius:var(--novoui-radius);width:100%}.session-selector-dropdown.dropdown{transform-origin:top;--tw-scale-x:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.session-selector-dropdown-dark.dropdown{border-color:var(--novoui-true-blue-3);background-color:var(--novoui-true-blue-5)}.session-selector-dropdown-collapsed.dropdown{border-radius:var(--novoui-radius-large);border-style:var(--tw-border-style);border-width:1px;border-color:var(--novoui-border-general-medium);transform:translate(72px,-44px)}.session-selector-dropdown-collapsed.session-selector-dropdown-dark.dropdown{background-color:var(--novoui-background-button-fill-secondary-enabled)}.session-item{width:100%;padding-block:calc(var(--spacing,.25rem)*1);padding-left:calc(var(--spacing,.25rem)*2);align-items:center;display:flex}.session-item-leading-content{margin-right:calc(var(--spacing,.25rem)*2);height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);flex-shrink:0;align-content:center;justify-items:center}.session-item-content{padding-left:calc(var(--spacing,.25rem)*2);text-align:left}.session-item-header{font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--novoui-text-color-general-primary)}.session-item-subheader{font-size:var(--novoui-ui-label-10);line-height:var(--tw-leading,var(--novoui-ui-label-10--line-height));color:var(--novoui-text-color-general-tertiary)}.session-item-label{font-size:var(--novoui-ui-label-10);line-height:var(--tw-leading,var(--novoui-ui-label-10--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--novoui-text-color-general-primary)}.session-item-leading-icon{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);fill:var(--novoui-fill-general-secondary)}.session-item-leading-cover{border-radius:var(--novoui-radius);background-color:var(--novoui-background-accent-red-light);width:100%;height:100%;font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--novoui-text-color-general-primary);align-content:center}.session-item-leading-image{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);border-radius:var(--novoui-radius-full);object-fit:cover}.session-item-trailing-icon{margin-right:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);fill:var(--novoui-true-blue-6);margin-left:auto}@media (hover:hover){.session-item:hover,.session-item-hover{background-color:var(--novoui-background-general-medium-emphasis-hover)}}.session-item:active,.session-item-active{background-color:var(--novoui-background-general-medium-emphasis-hover)}.session-item-dark .session-item-header,.session-item-dark .session-item-label{color:var(--novoui-text-color-general-inverted)}.session-item-dark .session-item-subheader{color:var(--novoui-true-blue-2)}.session-item-dark .session-item-leading-icon{fill:var(--novoui-true-blue-2)}.session-item-dark .session-item-trailing-icon{fill:var(--novoui-fill-general-inverted)}@media (hover:hover){.session-item-dark:hover,.session-item-dark.session-item-hover{background-color:var(--novoui-true-blue-4)}}.session-item-dark:active,.session-item-dark.session-item-active{background-color:var(--novoui-true-blue-4)}@media (hover:hover){.session-item-dark.session-item-collapsed:hover,.session-item-dark.session-item-collapsed.session-item-hover{background-color:var(--novoui-true-blue-5)}}.session-item-dark.session-item-collapsed:active,.session-item-dark.session-item-collapsed.session-item-active{background-color:var(--novoui-true-blue-5)}.side-sheet{--tw-translate-x:calc(var(--spacing,.25rem)*0);translate:var(--tw-translate-x)var(--tw-translate-y);background-color:var(--novoui-background-side-menus-side-panel);top:calc(var(--spacing,.25rem)*0);right:calc(var(--spacing,.25rem)*0);z-index:51;height:max(100%,100svh);width:calc(var(--spacing,.25rem)*80);border-left-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-left-width:1px;border-color:var(--novoui-border-side-menus-menu-enabled);flex-direction:column;display:flex;position:fixed}.side-sheet-header{margin-inline:calc(var(--spacing,.25rem)*4);margin-top:calc(var(--spacing,.25rem)*3);margin-bottom:calc(var(--spacing,.25rem)*4);align-items:center;column-gap:calc(var(--spacing,.25rem)*3);grid-template-columns:auto 1fr auto;display:grid}.side-sheet-close-button,.side-sheet-back-button{height:calc(var(--spacing,.25rem)*10);width:calc(var(--spacing,.25rem)*10);justify-content:center;align-items:center;display:flex}.side-sheet-close-button>svg,.side-sheet-back-button>svg{color:var(--novoui-text-color-general-primary)}.side-sheet-back-button{grid-column:1}.side-sheet-close-button{grid-column:3}.side-sheet-body{margin-inline:calc(var(--spacing,.25rem)*4);flex-grow:1;overflow-y:auto}.side-sheet-body>.side-sheet-divider{margin-inline:calc(var(--spacing,.25rem)*0)}.side-sheet-footer{margin-inline:calc(var(--spacing,.25rem)*4);margin-top:calc(var(--spacing,.25rem)*2);margin-bottom:calc(var(--spacing,.25rem)*6);gap:calc(var(--spacing,.25rem)*2);display:flex}.side-sheet-primary-action{margin-left:calc(var(--spacing,.25rem)*4)}.side-sheet-title{font-size:var(--novoui-headings-h5);line-height:var(--tw-leading,var(--novoui-headings-h5--line-height));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--novoui-text-color-general-primary)}.side-sheet-section-headline{margin-top:calc(var(--spacing,.25rem)*2);margin-right:calc(var(--spacing,.25rem)*4);margin-bottom:calc(var(--spacing,.25rem)*5);font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--novoui-text-color-general-tertiary);margin-left:14px}.side-sheet-divider{margin-inline:calc(var(--spacing,.25rem)*4);margin-top:calc(var(--spacing,.25rem)*5);margin-bottom:calc(var(--spacing,.25rem)*4)}.side-sheet-divider:first-child{margin-top:calc(var(--spacing,.25rem)*0)}.side-sheet-shadow{border-left-style:var(--tw-border-style);background-color:var(--novoui-background-side-menus-elevated);--tw-shadow:0px -16px 24px var(--tw-shadow-color,#16223314),0px -4px 8px var(--tw-shadow-color,#16223314);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-left-width:0}.side-sheet-enter-active,.side-sheet-leave-active{transition:translate .25s ease-in-out}.side-sheet-enter-from,.side-sheet-leave-to{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.side-sheet-backdrop{z-index:50;background-color:var(--novoui-background-modal-enabled);opacity:.5;top:calc(var(--spacing,.25rem)*0);right:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);cursor:pointer;height:max(100%,100svh);position:fixed}.side-sheet-backdrop-enter-active,.side-sheet-backdrop-leave-active{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.side-sheet-backdrop-enter-from,.side-sheet-backdrop-leave-to{opacity:0}.skeleton{border-radius:var(--novoui-radius-small);background-color:var(--novoui-background-loading-edges);height:100%;position:relative;overflow:hidden}.skeleton:after{top:calc(var(--spacing,.25rem)*0);right:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);content:"";background:linear-gradient(90deg,var(--novoui-background-loading-edges),var(--novoui-background-loading-middle),var(--novoui-background-loading-edges));height:100%;animation:1s linear infinite skeleton-animation;position:absolute}@keyframes skeleton-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-rounded{border-radius:var(--novoui-radius-full)}.slider{flex-direction:column;min-height:48px;display:flex}.slider-label{--novoui-slider-label-color:var(--novoui-text-color-general-primary);font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));color:var(--novoui-slider-label-color);--tw-leading:calc(var(--spacing,.25rem)*5);line-height:calc(var(--spacing,.25rem)*5);margin-bottom:calc(var(--spacing,.25rem)*2);word-break:break-word;flex-grow:1}.slider-input{--novoui-slider-thumb-height:16px;--novoui-slider-thumb-width:16px;--novoui-slider-thumb-border-radius:50%;--novoui-slider-thumb-background:var(--novoui-background-slider-thumb-enabled);--novoui-slider-track-height:2px;--novoui-slider-track-background-lower:var(--novoui-background-slider-track-filled);--novoui-slider-track-background-upper:var(--novoui-background-slider-track);--novoui-slider-shadow:drop-shadow(0px 2px 4px #0000001a)drop-shadow(0px 4px 6px #0000001a);--novoui-slider-clip-edges:2px;appearance:none;width:100%;height:var(--novoui-slider-thumb-height)}.slider-input:focus{--tw-outline-style:none;outline-style:none}.slider-input::-webkit-slider-runnable-track{appearance:none;height:var(--novoui-slider-thumb-height);cursor:pointer}.slider-input::-webkit-slider-thumb{appearance:none;height:var(--novoui-slider-thumb-height);cursor:pointer}.slider-input::-webkit-slider-thumb{--novoui-slider-clip-top:calc((var(--novoui-slider-thumb-height) - var(--novoui-slider-track-height))*.5 - .5px);--novoui-slider-clip-bottom:calc(var(--novoui-slider-thumb-height) - var(--novoui-slider-clip-top));--novoui-slider-clip-further:calc(100% + 1px);--novoui-slider-progress-width:calc((var(--width) - var(--novoui-slider-thumb-width))*var(--value)/100);--novoui-slider-shadow-offset-x:calc((var(--novoui-slider-thumb-width)/-2) - (var(--novoui-slider-progress-width)/2));--novoui-slider-shadow-spread-radius:calc((var(--novoui-slider-thumb-width)/-2) + (var(--novoui-slider-progress-width)/2));--novoui-slider-box-fill:var(--novoui-slider-shadow-offset-x)0 0 var(--novoui-slider-shadow-spread-radius)var(--novoui-slider-track-background-lower);width:var(--novoui-slider-thumb-width);background-color:var(--novoui-slider-thumb-background);border-radius:var(--novoui-slider-thumb-border-radius);box-shadow:var(--novoui-slider-box-fill);clip-path:polygon(100% -1px,var(--novoui-slider-clip-edges)-1px,0 var(--novoui-slider-clip-top),-100vmax var(--novoui-slider-clip-top),-100vmax var(--novoui-slider-clip-bottom),0 var(--novoui-slider-clip-bottom),var(--novoui-slider-clip-edges)100%,var(--novoui-slider-clip-further)var(--novoui-slider-clip-further))}.slider-input::-webkit-slider-thumb:hover{--novoui-slider-thumb-background:var(--novoui-background-slider-thumb-hover)}.slider-input::-webkit-slider-thumb:active{--novoui-slider-thumb-background:var(--novoui-background-slider-thumb-enabled)}.slider-input::-webkit-slider-runnable-track{background:linear-gradient(var(--novoui-slider-track-background-upper)0 0)scroll no-repeat center/100% calc(var(--novoui-slider-track-height) + 1px)}.slider-input::-moz-range-track{appearance:none;cursor:pointer}.slider-input::-moz-range-thumb{appearance:none;cursor:pointer}.slider-input::-moz-range-thumb{background-color:var(--novoui-slider-thumb-background);--tw-border-style:none;width:var(--novoui-slider-thumb-width);height:var(--novoui-slider-thumb-height);border-radius:var(--novoui-slider-thumb-border-radius);border-style:none}.slider-input::-moz-range-thumb:hover{--novoui-slider-thumb-background:var(--novoui-background-slider-thumb-hover)}.slider-input::-moz-range-thumb:active{--novoui-slider-thumb-background:var(--novoui-background-slider-thumb-enabled)}.slider-input::-moz-range-track{background-color:var(--novoui-slider-track-background-upper);width:100%}.slider-input::-moz-range-progress{background-color:var(--novoui-slider-track-background-lower)}.slider-input::-moz-range-track{height:var(--novoui-slider-track-height)}.slider-input::-moz-range-progress{height:var(--novoui-slider-track-height)}.slider-input[readonly]{pointer-events:none}.slider-input[readonly]::-webkit-slider-thumb{--novoui-slider-thumb-background:var(--novoui-background-slider-read-only);--novoui-slider-track-background-lower:var(--novoui-background-slider-read-only)}.slider-input[readonly]::-moz-range-thumb{--novoui-slider-thumb-background:var(--novoui-background-slider-read-only)}.slider-input[readonly]::-moz-range-progress{--novoui-slider-track-background-lower:var(--novoui-background-slider-read-only)}.slider-input:disabled{pointer-events:none;--novoui-slider-shadow:none}.slider-input:disabled::-webkit-slider-thumb{--novoui-slider-thumb-background:var(--novoui-background-disabled-strong);--novoui-slider-track-background-lower:var(--novoui-background-disabled-strong)}.slider-input:disabled::-moz-range-thumb{--novoui-slider-thumb-background:var(--novoui-background-disabled-strong)}.slider-input:disabled::-moz-range-progress{--novoui-slider-track-background-lower:var(--novoui-background-disabled-strong)}.slider-input-md{--novoui-slider-thumb-height:16px;--novoui-slider-thumb-width:16px}.slider-input-lg{--novoui-slider-thumb-height:32px;--novoui-slider-thumb-width:32px}.slider-readonly .slider-label{--novoui-slider-label-color:var(--novoui-text-color-disabled-strong)}.slider-disabled .slider-label{--novoui-slider-label-color:var(--novoui-text-color-disabled-medium)}.slider-md .slider-label{font-size:var(--novoui-body-small);line-height:var(--tw-leading,var(--novoui-body-small--line-height))}.slider-lg .slider-label{font-size:var(--novoui-body-small);line-height:var(--tw-leading,var(--novoui-body-small--line-height));margin-bottom:6px}.spinner{--tw-gradient-position:from 180deg in oklab;background-image:conic-gradient(var(--tw-gradient-stops));--tw-gradient-from:transparent;--tw-gradient-to:var(--novoui-gradient-on-light-sea-blue-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5);border-radius:var(--novoui-radius-full);mask:radial-gradient(closest-side,transparent calc(100% - .25rem),var(--novoui-gradient-on-light-sea-blue-100)calc(100% - .2rem));font-size:0;animation:.75s linear infinite spinner;position:relative}.spinner-white{--tw-gradient-to:var(--novoui-gradient-on-dark-white-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.spinner-red{--tw-gradient-to:var(--novoui-gradient-alert-lava-red-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.spinner-medium{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8)}.spinner-large{width:54px;height:54px;mask:radial-gradient(closest-side,transparent calc(100% - .3rem),var(--novoui-gradient-on-light-sea-blue-100)calc(100% - .25rem))}.spinner-absolute{position:absolute}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-tag{align-items:center;gap:calc(var(--spacing,.25rem)*1);border-radius:var(--novoui-radius-small);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--novoui-ui-button-12);line-height:var(--tw-leading,var(--novoui-ui-button-12--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--novoui-text-color-general-primary);display:inline-flex}.status-tag>svg{height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*3);fill:currentColor}.status-tag-rounded{border-radius:var(--novoui-radius-x-large)}.status-tag-success{background-color:var(--novoui-background-notifications-and-tags-success-light)}.status-tag-alert{background-color:var(--novoui-background-alert-low-emphasis-hover)}.status-tag-warning{background-color:var(--novoui-background-notifications-and-tags-warning-light)}.status-tag-info{background-color:var(--novoui-background-accent-blue-light)}.status-tag-none{background-color:var(--novoui-background-general-low-emphasis-enabled)}.status-tag-strong{color:var(--novoui-text-color-general-inverted)}.status-tag-strong.status-tag-success{background-color:var(--novoui-background-notifications-and-tags-success-strong)}.status-tag-strong.status-tag-alert{background-color:var(--novoui-background-alert-high-emphasis-enabled)}.status-tag-strong.status-tag-warning{background-color:var(--novoui-background-notifications-and-tags-warning-strong);color:var(--novoui-text-color-notifications-and-tags-on-strong-warning)}.status-tag-strong.status-tag-info{background-color:var(--novoui-background-notifications-and-tags-info-strong)}.status-tag-strong.status-tag-none{background-color:var(--novoui-background-notifications-and-tags-neutral-strong)}.status-tag-subtle{color:var(--novoui-text-color-general-inverted)}.status-tag-subtle.status-tag-success{background-color:var(--novoui-background-notifications-and-tags-success-subtle);color:var(--novoui-text-color-notifications-and-tags-on-subtle-sucess)}.status-tag-subtle.status-tag-alert{background-color:var(--novoui-background-alert-low-emphasis-enabled);color:var(--novoui-text-color-alert-active)}.status-tag-subtle.status-tag-warning{background-color:var(--novoui-background-notifications-and-tags-warning-subtle);color:var(--novoui-text-color-notifications-and-tags-on-warning)}.status-tag-subtle.status-tag-info{background-color:var(--novoui-background-accent-blue-subtle);color:var(--novoui-text-color-notifications-and-tags-on-info)}.status-tag-subtle.status-tag-none{color:var(--novoui-text-color-general-secondary)}.status-tag-large{padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--novoui-ui-button-14);line-height:var(--tw-leading,var(--novoui-ui-button-14--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.status-tag-large>svg{height:calc(var(--spacing,.25rem)*3.5);width:calc(var(--spacing,.25rem)*3.5);fill:currentColor}.status-tag-small{padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*.5);font-size:var(--novoui-ui-button-10);line-height:var(--tw-leading,var(--novoui-ui-button-10--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.status-tag-small>svg{height:calc(var(--spacing,.25rem)*2.5);width:calc(var(--spacing,.25rem)*2.5);fill:currentColor}.stepper{flex-direction:column;display:flex}.stepper-horizontal{flex-direction:row}.stepper-horizontal .stepper-step{--novoui-stepper-column-size:80px}.stepper-horizontal .stepper-step-action{grid-template-columns:calc(var(--novoui-stepper-column-size)/2)32px calc(var(--novoui-stepper-column-size)/2);text-align:center;justify-content:center;place-items:center}.stepper-horizontal .stepper-step-action:before{content:var(--tw-content);content:var(--tw-content);background-color:var(--novoui-background-general-low-emphasis-hover);grid-column-start:1}.stepper-horizontal .stepper-step-action:after{content:var(--tw-content);grid-column-start:3}.stepper-horizontal .stepper-step-complete>.stepper-step-action:after,.stepper-horizontal .stepper-step-complete+.stepper-step>.stepper-step-action:before{content:var(--tw-content);background-color:var(--novoui-background-general-high-emphasis-enabled)}.stepper-horizontal .stepper-step-action:after{min-height:unset}.stepper-horizontal .stepper-step-action:before,.stepper-horizontal .stepper-step-action:after{grid-row-start:1;width:100%;height:1px}.stepper-horizontal .stepper-step:first-child .stepper-step-action:before{content:var(--tw-content);--tw-content:none;content:none}.stepper-horizontal .stepper-step-indicator{grid-column-start:2}.stepper-horizontal .stepper-step-name{grid-column:1/span 3;grid-row-start:2}.stepper-horizontal .stepper-step-description{margin-top:calc(var(--spacing,.25rem)*2);grid-column:1/span 3;grid-row-start:3}.stepper-large .stepper-step-action:after{content:var(--tw-content);min-height:92px}.stepper-large.stepper-horizontal .stepper-step-action{--novoui-stepper-column-size:164px}.stepper-large.stepper-horizontal .stepper-step-action:after{min-height:unset}.stepper-step{counter-increment:number}.stepper-step-action{margin-bottom:calc(var(--spacing,.25rem)*1);align-content:flex-start;column-gap:calc(var(--spacing,.25rem)*2.5);row-gap:calc(var(--spacing,.25rem)*1);text-align:left;color:var(--novoui-text-color-general-secondary);grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;display:grid}.stepper-step-action:after{content:var(--tw-content);pointer-events:none;content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);background-color:var(--novoui-neutral-5);grid-row-start:2;justify-self:center;width:1px;height:100%;min-height:52px}.stepper-step:last-child .stepper-step-action:after{content:var(--tw-content);--tw-content:none;content:none}.stepper-step-indicator{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);border-radius:var(--novoui-radius-x-large);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--novoui-border-general-medium);background-color:var(--novoui-background-general-base);color:currentColor;box-sizing:border-box;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));justify-content:center;place-items:center;display:grid}.stepper-step-complete .stepper-step-indicator,.stepper-step-active.stepper-step-complete .stepper-step-indicator{background-color:var(--novoui-background-general-high-emphasis-enabled);color:var(--novoui-text-color-general-inverted)}.stepper-step-numbered:before{content:"0" counter(number);text-align:center;font-size:var(--novoui-ui-button-12);line-height:var(--tw-leading,var(--novoui-ui-button-12--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);opacity:1;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));grid-row-start:1;grid-column-start:1}.stepper-step:nth-child(9)~.stepper-step-numbered:before{content:counter(number)""}.stepper-step-bullet:before{content:"";border-radius:var(--novoui-radius-large);opacity:1;width:10.5px;height:10.5px;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:currentColor;grid-row-start:1;grid-column-start:1}.stepper-step-indicator>svg{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));grid-row-start:1;grid-column-start:1}.stepper-step-indicator-icon{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);fill:currentColor;opacity:1}.stepper-step-indicator-complete{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);fill:currentColor;opacity:0}.stepper-step-name{font-size:var(--novoui-body-small);line-height:var(--tw-leading,var(--novoui-body-small--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:currentColor}.stepper-step-name:last-child{align-self:center}.stepper-step-name~.stepper-step-description{align-self:flex-start}.stepper-step-description{margin-top:calc(var(--spacing,.25rem)*-1);font-size:var(--novoui-body-xsmall);line-height:var(--tw-leading,var(--novoui-body-xsmall--line-height));color:var(--novoui-text-color-general-secondary);grid-column:2;align-self:center}.stepper-step-active .stepper-step-name{font-size:var(--novoui-body-small);line-height:var(--tw-leading,var(--novoui-body-small--line-height));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--novoui-text-color-general-primary)}.stepper-step-active .stepper-step-description{color:var(--novoui-text-color-general-primary)}.stepper-step-active .stepper-step-indicator{border-color:var(--novoui-border-general-high-emphasis-enabled);background-color:var(--novoui-background-general-base);color:currentColor}.stepper-step-active .stepper-step-action,.stepper-step-complete .stepper-step-action{color:var(--novoui-text-color-general-high-emphasis-enabled)}.stepper-step-complete .stepper-step-indicator{border-color:var(--novoui-border-general-high-emphasis-enabled)}.stepper-step-complete .stepper-step-description{color:var(--novoui-text-color-general-primary)}.stepper-step-complete .stepper-step-action:after{content:var(--tw-content);background-color:var(--novoui-background-general-high-emphasis-enabled)}.stepper-step-complete .stepper-step-indicator{color:var(--novoui-text-color-general-inverted)}.stepper-step-complete .stepper-step-indicator:before,.stepper-step-complete .stepper-step-indicator-icon{opacity:0}.stepper-step-complete .stepper-step-indicator-complete{opacity:1}.stepper .stepper-step-detailed{margin-bottom:calc(var(--spacing,.25rem)*4);cursor:pointer;border-radius:var(--novoui-radius);width:100%;padding:calc(var(--spacing,.25rem)*3);align-items:center;display:flex}.stepper .stepper-step-detailed:last-of-type{margin-bottom:calc(var(--spacing,.25rem)*0)}.stepper .stepper-step-detailed .step-name{min-width:max-content;color:var(--novoui-text-color-general-high-emphasis-enabled)}.stepper .stepper-step-detailed .description-wrapper{text-align:right;align-content:center;align-items:center;margin-left:auto;display:flex}.stepper .stepper-step-detailed .step-action-icon{margin-inline:calc(var(--spacing,.25rem)*2)}.stepper .stepper-step-detailed .stepper-step-description{font-size:var(--novoui-ui-button-14);line-height:var(--tw-leading,var(--novoui-ui-button-14--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.stepper .stepper-step-detailed-step-active{background-color:var(--novoui-background-accent-blue-subtle);fill:var(--novoui-fill-general-high-emphasis-enabled)}.stepper .stepper-step-detailed-step-active .step-name,.stepper .stepper-step-detailed-step-active .stepper-step-description{color:var(--novoui-text-color-general-high-emphasis-enabled)}.stepper .stepper-step-detailed-step-active .step-icon{margin-right:calc(var(--spacing,.25rem)*2);border-radius:var(--novoui-radius-x-large);background-color:var(--novoui-background-accent-blue-light);fill:var(--novoui-fill-general-high-emphasis-enabled);padding:calc(var(--spacing,.25rem)*2)}.stepper .stepper-step-detailed-step-complete{background-color:var(--novoui-background-notifications-and-tags-success-light)}.stepper .stepper-step-detailed-step-complete .step-name,.stepper .stepper-step-detailed-step-complete .stepper-step-description{color:var(--novoui-text-color-notifications-and-tags-on-subtle-sucess)}.stepper .stepper-step-detailed-step-complete .step-icon{margin-right:calc(var(--spacing,.25rem)*2);border-radius:var(--novoui-radius-x-large);background-color:var(--novoui-background-general-high-emphasis-enabled);fill:var(--novoui-fill-general-inverted);padding:calc(var(--spacing,.25rem)*2)}.stepper .stepper-step-detailed-step-inactive{background-color:var(--novoui-background-general-low-emphasis-enabled);color:var(--novoui-sand-grey-4)}.stepper .stepper-step-detailed-step-inactive .step-name,.stepper .stepper-step-detailed-step-inactive .stepper-step-description{color:var(--novoui-text-color-disabled-medium)}.stepper .stepper-step-detailed-step-inactive .step-icon{margin-right:calc(var(--spacing,.25rem)*2);border-radius:var(--novoui-radius-x-large);background-color:var(--novoui-background-general-strong);fill:var(--novoui-sand-grey-4);padding:calc(var(--spacing,.25rem)*2)}.stepper .stepper-step-detailed-step-inactive .step-action-icon{fill:var(--novoui-sand-grey-4);color:var(--novoui-sand-grey-4)}.switch{--novoui-switch-width:42px;--novoui-switch-height:24px;--novoui-switch-toggle-diameter:18px;--novoui-switch-icon-width:16px;--novoui-switch-icon-margin:1px;--novoui-switch-toggle-offset:calc((var(--novoui-switch-height) - var(--novoui-switch-toggle-diameter))/2 - 1px);--novoui-switch-default-bg:var(--novoui-background-selection-switch-base-enabled);--novoui-switch-default-bg-hover:var(--novoui-background-selection-switch-base-hover);--novoui-selected-bg:var(--novoui-background-selection-selected-enabled);--novoui-selected-bg-hover:var(--novoui-background-selection-selected-hover);--novoui-switch-default-shadow:none;--novoui-switch-label-color:var(--novoui-text-color-selection-selected);border-radius:var(--novoui-radius-x-large);margin-block:calc(var(--spacing,.25rem)*2);align-items:center;display:inline-flex}.switch:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--novoui-border-general-focus);--tw-outline-style:solid;outline-style:solid}.switch .switch-icon{fill:var(--novoui-fill-selection-selected)}.switch .switch-label{word-break:break-word;cursor:pointer;font-size:var(--novoui-ui-control-14);line-height:var(--tw-leading,var(--novoui-ui-control-14--line-height));padding-inline:calc(var(--spacing,.25rem)*2);color:var(--novoui-switch-label-color);flex:1}.switch-error{--novoui-selected-bg:var(--novoui-background-alert-high-emphasis-enabled);--novoui-selected-bg-hover:var(--novoui-background-alert-high-emphasis-hover);--novoui-switch-default-bg-hover:var(--novoui-background-alert-low-emphasis-hover)}.switch-error .switch-label{--novoui-switch-label-color:var(--novoui-text-color-alert-active)}.switch-error .switch-icon{fill:var(--novoui-fill-alert-enabled)}.switch-error .switch-slider{border-color:var(--novoui-border-alert-enabled);background-color:var(--novoui-background-selection-switch-base-error)}.switch-error:hover .switch-slider{border-color:var(--novoui-border-alert-hover)}.switch-success{--novoui-selected-bg:var(--novoui-success);--novoui-selected-bg-hover:var(--novoui-success-hover)}.switch-success .switch-label{--novoui-switch-label-color:var(--novoui-success)}.switch-md{--novoui-switch-width:42px;--novoui-switch-height:24px;--novoui-switch-toggle-diameter:18px;--novoui-switch-icon-margin:1px}.switch-md .switch-label{padding-inline:calc(var(--spacing,.25rem)*2);font-size:var(--novoui-ui-control-14);line-height:var(--tw-leading,var(--novoui-ui-control-14--line-height))}.switch-lg{--novoui-switch-width:56px;--novoui-switch-height:32px;--novoui-switch-toggle-diameter:24px;--novoui-switch-icon-width:20px;--novoui-switch-icon-margin:2px}.switch-lg .switch-label{padding-inline:calc(var(--spacing,.25rem)*4);font-size:var(--novoui-ui-control-16);line-height:var(--tw-leading,var(--novoui-ui-control-16--line-height))}.switch-disabled{pointer-events:none;--novoui-switch-default-bg:var(--novoui-background-disabled-medium);--novoui-switch-default-bg-hover:var(--novoui-background-disabled-medium);--novoui-selected-bg:var(--novoui-background-disabled-medium);--novoui-selected-bg-hover:var(--novoui-background-disabled-medium);transition-property:none}.switch-disabled .switch-slider{box-shadow:none;border-color:var(--novoui-border-disabled-subtle);background-color:var(--novoui-background-disabled-medium)}.switch-disabled .switch-slider:after{background-color:var(--novoui-background-selection-enabled)}.switch-disabled .switch-icon{fill:var(--novoui-fill-disabled-subtle)}.switch-disabled .switch-label{--novoui-switch-label-color:var(--novoui-text-color-disabled-subtle)}.switch-slider{height:var(--novoui-switch-height);width:var(--novoui-switch-width);cursor:pointer;border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--novoui-border-selection-enabled);background-color:var(--novoui-switch-default-bg);box-shadow:var(--novoui-switch-default-shadow);border-radius:16px;display:inline-block;position:relative}@media (hover:hover){.switch-slider:hover{background-color:var(--novoui-switch-default-bg-hover)}}.switch-icon{top:50%;left:var(--novoui-switch-toggle-offset);z-index:10;width:var(--novoui-switch-icon-width);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);fill:var(--novoui-selected-bg);opacity:0;transition-property:left opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));position:absolute}.switch-slider:after{top:var(--novoui-switch-toggle-offset);left:var(--novoui-switch-toggle-offset);height:var(--novoui-switch-toggle-diameter);width:var(--novoui-switch-toggle-diameter);border-radius:calc(var(--novoui-switch-toggle-diameter)/2);background-color:var(--novoui-background-general-base);--tw-shadow:0px 8px 16px var(--tw-shadow-color,#15213314);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:left;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));--tw-content:"";content:var(--tw-content);display:inline-block;position:absolute}.switch-control:checked+.switch .switch-slider{background-color:var(--novoui-selected-bg)}@media (hover:hover){.switch-control:checked:hover+.switch .switch-slider{background-color:var(--novoui-selected-bg-hover)}.switch-control:checked:hover+.switch.switch-error .switch-slider{--novoui-selected-bg:var(--novoui-background-alert-high-emphasis-hover);border-color:var(--novoui-border-alert-hover)}}.switch-control:checked+.switch .switch-slider .switch-icon{left:calc(var(--novoui-switch-width) - var(--novoui-switch-toggle-diameter) - var(--novoui-switch-toggle-offset) + var(--novoui-switch-icon-margin) - 2px);opacity:1}.switch-control:checked+.switch .switch-slider:after{left:calc(var(--novoui-switch-width) - var(--novoui-switch-toggle-diameter) - var(--novoui-switch-toggle-offset) - 2px)}.switch-container{display:inline-flex}.switch-control{z-index:1;appearance:none;width:1px;height:1px;position:absolute}.switch-control:focus-visible{--tw-outline-style:none;outline-style:none}.table{--novoui-table-header-border:var(--novoui-border-table-light);--novoui-table-body-border:var(--novoui-border-table-light);border-collapse:separate;--tw-border-spacing-x:calc(var(--spacing,.25rem)*0);--tw-border-spacing-y:calc(var(--spacing,.25rem)*0);border-spacing:var(--tw-border-spacing-x)var(--tw-border-spacing-y);width:100%}.table-resizable-columns th:last-child,.table-resizable-columns td:last-child{width:auto}.table-prepended-container{display:grid}.table-prepended-head{border-top-left-radius:var(--novoui-radius-large);border-top-right-radius:var(--novoui-radius-large);background-color:var(--novoui-background-table-header-light);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1);text-align:center;font-size:var(--novoui-ui-table-12);line-height:var(--tw-leading,var(--novoui-ui-table-12--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--novoui-text-color-table-primary)}.table-prepended-first-column.table-container{border-top-left-radius:0}.table-prepended-last-column.table-container{border-top-right-radius:0}.table-head:has(.table-head-row-light){background-color:var(--novoui-background-table-header-light)}.table-head:has(.table-head-row-dark){background-color:var(--novoui-background-table-header-dark)}.table-freeze-first-column .table-head-row>.table-head-row-cell:first-child,.table-freeze-first-column .table-body-row>.table-body-row-cell:first-child{left:calc(var(--spacing,.25rem)*0);z-index:36;background-color:var(--novoui-background-general-base);position:sticky}.table-freeze-first-column .table-head-row>.table-head-row-cell:first-child{background-color:var(--novoui-background-table-header-light)}.table-freeze-first-column .table-head-row-dark>.table-head-row-cell:first-child{background-color:var(--novoui-background-table-header-dark)}.table-rounded-container{margin-top:calc(var(--spacing,.25rem)*16);max-height:inherit;overflow:auto}.table-container{border-radius:var(--novoui-radius-large);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--novoui-border-table-light);position:relative;overflow:hidden}.table-container.table-transparent{border-color:#0000}.table-container.table-transparent .table-head-row{background-color:var(--novoui-background-table-header-transparent)}.table-expandable>tr:nth-last-child(2)>td{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.table tr td{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-bottom-color:var(--novoui-table-body-border)}.table tr th{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-bottom-color:var(--novoui-table-header-border)}.table thead>tr.th-hidden-before-width-adjustment>th{opacity:0}.table thead>tr.th-post-adjustment>th{opacity:1;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.table tr:last-child td{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.table-col-border tr th{border-right-style:var(--tw-border-style);border-right-width:1px;border-right-color:var(--novoui-table-header-border)}.table-col-border tr th:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.table-col-border tr td{border-right-style:var(--tw-border-style);border-right-width:1px;border-right-color:var(--novoui-table-body-border)}.table-col-border tr td:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.table-windows-scroll-bar tbody>tr>td:last-child{border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--novoui-border-table-light)}.table-head{top:calc(var(--spacing,.25rem)*0);width:100%;position:absolute}.table-head-row{z-index:30;height:calc(var(--spacing,.25rem)*16);background-color:var(--novoui-background-table-header-light);width:100%;display:flex}.table-head-row-cell{height:inherit;padding:calc(var(--spacing,.25rem)*0);padding-right:calc(var(--spacing,.25rem)*2);place-content:center;position:relative}.table-head-row-cell-content{align-items:center;gap:calc(var(--spacing,.25rem)*3);width:calc(100% - 8px);height:calc(100% - 1px);padding-left:22px;display:flex}@media print{.table-head-row-cell-content{display:none}}.table-head-row-cell-content-print{display:none}@media print{.table-head-row-cell-content-print{display:flex}}.table-head-row-cell-right{padding-right:14px;padding-left:calc(var(--spacing,.25rem)*0);justify-content:flex-end}.table-head-row-cell-unsortable{cursor:default}.table-head-row-cell-header{text-align:left;font-size:var(--novoui-ui-table-12);line-height:var(--tw-leading,var(--novoui-ui-table-12--line-height));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--novoui-text-color-table-primary);text-transform:uppercase}.table-head-row-cell-subheader{text-align:left;font-size:var(--novoui-ui-table-12);line-height:var(--tw-leading,var(--novoui-ui-table-12--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--novoui-text-color-table-secondary)}.table-head-row-cell-sort{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);fill:var(--novoui-fill-table-primary);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));flex-shrink:0}.table-head-row-cell-sort-shown{opacity:1}.table-head-row-cell-sort svg{fill:currentColor}.table-head-row-cell-tooltip{height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*3);color:var(--novoui-text-color-general-secondary)}.table-head-row-cell-tooltip svg{fill:currentColor}.table-head-resizer{top:calc(var(--spacing,.25rem)*0);right:calc(var(--spacing,.25rem)*0);height:100%;width:calc(var(--spacing,.25rem)*2);cursor:col-resize;user-select:none;position:absolute}.table-head-resizer:hover,.table-head-resizing{border-right-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-right-width:1px;border-color:var(--novoui-border-general-high-emphasis-enabled);height:100svh}.table-head-row-sticky{top:calc(var(--spacing,.25rem)*0);z-index:36;position:sticky}.table-head-row-light{background-color:var(--novoui-background-table-header-light)}.table-head-row-dark{--novoui-table-header-border:var(--novoui-border-table-dark);background-color:var(--novoui-background-table-header-dark)}.table-head-row-dark .table-head-row-cell-header{color:var(--novoui-text-color-table-inverted)}.table-head-row-dark .table-head-row-cell-subheader{color:var(--novoui-neutral-3)}.table-head-row-dark .table-head-row-cell-sort{color:var(--novoui-text-color-table-inverted)}.table-head-row-dark .table-head-row-cell-tooltip{color:var(--novoui-neutral-3)}.table .card-drag-small{height:calc(var(--spacing,.25rem)*10);grid-template-rows:.2rem auto .2rem;position:fixed}.table-card-drag-initial-position{position:absolute}.table-card-drag-cell{height:calc(var(--spacing,.25rem)*0);width:calc(var(--spacing,.25rem)*0);--tw-border-style:none;padding:calc(var(--spacing,.25rem)*0);border-style:none}.table-body-resize-helper td{--tw-border-style:none;border-style:none;font-size:0}.table-body-row{height:calc(var(--spacing,.25rem)*12);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--novoui-border-table-light)}.table-body-row:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.table-body-row-cell{padding-inline:22px;padding-block:calc(var(--spacing,.25rem)*0);font-size:var(--novoui-ui-table-14);line-height:var(--tw-leading,var(--novoui-ui-table-14--line-height));color:var(--novoui-text-color-table-primary);align-items:center}.table-body-row-details{z-index:-1;background-color:var(--novoui-background-table-hover);opacity:1;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-delay:0s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));position:absolute}.table-body-row-details.table-inside-table{width:100%;position:static;overflow-y:auto}.table-body-row-details.table-inside-table .table-inside-table-td{--tw-border-style:none;border-style:none}.table-body-row-details.table-inside-table .table-inside-table-td .table-rounded-container{margin-top:calc(var(--spacing,.25rem)*0)}.table-body-row-details.table-inside-table .table-inside-table-td .table-rounded-container thead{position:static}.table-body-row-details.table-inside-table .table-inside-table-td .table-rounded-container thead tr{display:table-row;position:static}.table-body-row-details.table-inside-table .table-inside-table-td .table .table-body-row{background-color:var(--novoui-background-general-base)}.table-body-row-details.table-inside-table .table-inside-table-td .table.table-interactive>tbody>.table-body-row:hover{background-color:var(--novoui-background-table-hover)}.table-body-row-details.table-inside-table .table-inside-table-td .table.table-interactive>tbody>.table-body-row:active{background-color:var(--novoui-background-table-active)}.table-body-row-details.table-body-row-details-content-enter-from,.table-body-row-details.table-body-row-details-content-leave-to{opacity:0}.table-body-row-details-content-enter-active,.table-body-row-details-content-leave-active{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.table-body-row-details-cell{padding-inline:calc(var(--spacing,.25rem)*16);padding-block:22px}.table-body-row-details-active{z-index:auto;opacity:1;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.table-body-row-details-active-post-transition{position:relative}.table-body-row-details-transition-helper{height:35rem}.table-body-row-details-transition-helper-active{position:absolute}.table-body-row-details-enter-from,.table-body-row-details-leave-to{max-height:calc(var(--spacing,.25rem)*0)}.table-body-row-details-enter-active,.table-body-row-details-leave-active{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.table-body-row-details-td-wrapper{border-style:var(--tw-border-style);--tw-border-style:none;padding:calc(var(--spacing,.25rem)*0);border-style:none;border-width:0}.table-body-row-disabled{pointer-events:none;background-color:var(--novoui-background-table-enabled)}.table-body-row-disabled .table-body-row-cell{color:var(--novoui-text-color-disabled-medium)}.table-body-row-empty td{text-align:center;color:var(--novoui-text-color-general-secondary)}.table-body-row-drag-active{opacity:.3}.table-body-row-drag-active>td{background-color:var(--novoui-background-table-hover)}.table-body-row-drag-active.table-body-row-drag-marker{box-shadow:none}.table-body-row-drag-marker{box-shadow:0 2px 0 0 var(--novoui-background-table-active-hover);position:relative}.table-mark-drag-row-bottom.table-container{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-bottom-color:var(--novoui-border-general-high-emphasis-enabled)}.table-mark-drag-row-top.table-container{border-top-style:var(--tw-border-style);border-top-width:2px;border-top-color:var(--novoui-border-general-high-emphasis-enabled)}.table .table-head-mark-drag-row-top>th{box-shadow:0 2px 0 0 var(--novoui-text-color-table-primary)}.table-fake-row-for-drag-animation{pointer-events:none;z-index:1;--tw-translate-y:-100%;width:100%;translate:var(--tw-translate-x)var(--tw-translate-y);background-color:var(--novoui-background-general-base);animation-duration:.15s;animation-timing-function:ease-in-out;animation-iteration-count:1;display:grid;position:fixed}.table-fake-row-for-drag-animation>td{padding-block:calc(var(--spacing,.25rem)*4)}.table-fake-row-for-drag-animation-below{animation-name:table-row-drag-below-animation}.table-fake-row-for-drag-animation-above{animation-name:table-row-drag-above-animation}.table-row-action{width:calc(var(--spacing,.25rem)*12);padding-left:22px;padding-right:10px}.table-row-action-expand{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));rotate:none}.table-row-action-expand-active{rotate:90deg}.table-row-action svg{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);cursor:pointer;fill:currentColor}.table-row-menu{width:calc(var(--spacing,.25rem)*12);padding-inline:calc(var(--spacing,.25rem)*2)}.table-row-lg{height:calc(var(--spacing,.25rem)*16)}.table-row-lg.table-body-row-empty{height:108px}.table-row-md{height:calc(var(--spacing,.25rem)*12)}.table-row-md.table-body-row-empty{height:108px}@media (hover:hover){.table-drag-active.table-interactive :not(.table-body-row-empty).table-body-row:hover,.table-drag-active.table-interactive :not(.table-body-row-empty).table-body-row-hover,.table-drag-active.table-interactive-first-col :not(.table-body-row-empty).table-body-row>td:first-child:hover{background-color:#0000}.table-drag-active.table-interactive-first-col :not(.table-body-row-empty).table-body-row>td:first-child-hover{background-color:#0000}}.table-interactive :not(.table-body-row-empty).table-body-row{cursor:pointer}@media (hover:hover){.table-interactive :not(.table-body-row-empty).table-body-row:hover,.table-interactive :not(.table-body-row-empty).table-body-row-hover{background-color:var(--novoui-background-table-hover)}}.table-interactive :not(.table-body-row-empty).table-body-row:active,.table-interactive :not(.table-body-row-empty).table-body-row-active,.table-interactive :not(.table-body-row-empty).table-body-row-selected{background-color:var(--novoui-background-table-active)}.table-interactive :not(.table-body-row-empty).table-body-row:hover.table-body-row-selected,.table-interactive :not(.table-body-row-empty).table-body-row-hover.table-body-row-selected{background-color:var(--novoui-background-table-active-hover)}.table-interactive .table-body-row-disabled{cursor:default;background-color:var(--novoui-background-table-enabled)}@media (hover:hover){.table-interactive .table-body-row-disabled:hover,.table-interactive .table-body-row-disabled-hover{background-color:var(--novoui-background-general-base)}}.table-interactive .table-body-row-disabled:active,.table-interactive .table-body-row-disabled-active,.table-interactive .table-body-row-disabled-selected{background-color:var(--novoui-background-table-active-hover)}.table-interactive .table-body-row-disabled:hover.table-body-row-selected,.table-interactive .table-body-row-disabled-hover.table-body-row-selected{background-color:var(--novoui-background-general-base)}.table-interactive>tbody>tr>td:first-child,.table-interactive>thead>tr>th:first-child{border-right-style:var(--tw-border-style);border-right-width:0}.table-interactive-first-col :not(.table-body-row-empty).table-body-row>td:first-child{cursor:pointer}@media (hover:hover){.table-interactive-first-col :not(.table-body-row-empty).table-body-row>td:first-child:hover{background-color:var(--novoui-background-table-hover)}.table-interactive-first-col :not(.table-body-row-empty).table-body-row>td:first-child-hover{background-color:var(--novoui-background-table-hover)}}.table-interactive-first-col :not(.table-body-row-empty).table-body-row>td:first-child:active{background-color:var(--novoui-background-table-active-hover)}.table-interactive-first-col :not(.table-body-row-empty).table-body-row>td:first-child-active{background-color:var(--novoui-background-table-active-hover)}.table-interactive-first-col :not(.table-body-row-empty).table-body-row>td:first-child-selected{background-color:var(--novoui-background-table-active-hover)}.table-interactive-first-col :not(.table-body-row-empty).table-body-row>td:first-child:hover.table-body-row-selected{background-color:var(--novoui-background-table-active-hover)}.table-interactive-first-col :not(.table-body-row-empty).table-body-row>td:first-child-hover.table-body-row-selected{background-color:var(--novoui-background-table-active-hover)}.table-interactive-first-col .table-body-row-disabled{cursor:default;pointer-events:none;background-color:var(--novoui-background-table-enabled)}@media (hover:hover){.table-interactive-first-col .table-body-row-disabled:hover,.table-interactive-first-col .table-body-row-disabled-hover{background-color:var(--novoui-background-table-enabled)}}.table-interactive-first-col .table-body-row-disabled:active,.table-interactive-first-col .table-body-row-disabled-active,.table-interactive-first-col .table-body-row-disabled-selected,.table-interactive-first-col .table-body-row-disabled:hover.table-body-row-selected,.table-interactive-first-col .table-body-row-disabled-hover.table-body-row-selected{background-color:var(--novoui-background-table-enabled)}.table-interactive-first-col>tbody>tr>td:first-child,.table-interactive-first-col>thead>tr>th:first-child{border-right-style:var(--tw-border-style);border-right-width:0}@keyframes table-row-drag-below-animation{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes table-row-drag-above-animation{0%{transform:translateY(0)}to{transform:translateY(100%)}}.tabs{position:relative}.tabs,.tabs-scroll{display:flex;overflow-x:auto}.tabs-wrap{display:block;overflow:auto}.tabs-content{padding:calc(var(--spacing,.25rem)*6);font-size:var(--novoui-body-small);line-height:var(--tw-leading,var(--novoui-body-small--line-height));color:var(--novoui-text-color-general-secondary)}.tabs-sticky{top:calc(var(--spacing,.25rem)*0);background-color:var(--novoui-background-general-base);position:sticky}.tabs-fill-container{display:grid}.tabs-fill-container>li{overflow:hidden}.tabs:after{bottom:calc(var(--spacing,.25rem)*0);z-index:-1;background-color:var(--novoui-border-general-medium);--tw-content:"";content:var(--tw-content);width:100%;height:1px;position:absolute}.tab{--novoui-tab-top-padding-hover:13px;--novoui-tab-bg-hover:var(--novoui-background-tabs-hover);--novoui-tab-text-hover:var(--novoui-text-color-tabs-hover);--novoui-tab-text-active:var(--novoui-text-color-tabs-active);--novoui-tab-border-hover:var(--novoui-border-tabs-hover);--novoui-tab-border-active:var(--novoui-border-tabs-active);background-color:var(--novoui-background-general-base);vertical-align:top;font-size:var(--novoui-ui-button-14);line-height:var(--tw-leading,var(--novoui-ui-button-14--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--novoui-text-color-general-secondary);align-items:center;gap:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*6);padding-block:calc(var(--spacing,.25rem)*3);box-sizing:border-box;height:calc(var(--spacing,.25rem)*10);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--novoui-border-general-medium);cursor:pointer;user-select:none;flex-shrink:0;display:inline-flex}.tab-transparent{background-color:#0000}.tab-fill-container{justify-content:center;width:100%}.tab-fill-container>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tab svg{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);fill:currentColor}.tab-disabled,.tab:disabled,.tab[disabled]{pointer-events:none;color:var(--novoui-text-color-disabled-medium);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--novoui-border-disabled-subtle);background-color:#0000}.tab-disabled.tab-active,.tab-disabled:active,.tab-disabled[active],.tab:disabled.tab-active,.tab:disabled:active,.tab:disabled[active],.tab[disabled].tab-active,.tab[disabled]:active,.tab[disabled][active]{border-color:var(--novoui-border-disabled-subtle);color:var(--novoui-text-color-disabled-medium)}.tab:focus-visible,.tab-focus-visible{outline-style:var(--tw-outline-style);outline-offset:calc(2px*-1);outline-width:2px}@media (hover:hover){.tab:hover,.tab-hover{border-color:var(--novoui-tab-border-hover);background-color:var(--novoui-tab-bg-hover);padding-top:var(--novoui-tab-top-padding-hover);color:var(--novoui-tab-text-hover);border-bottom-style:var(--tw-border-style);border-bottom-width:2px}}.tab:active,.tab.tab-active{border-color:var(--novoui-tab-border-active);padding-top:var(--novoui-tab-top-padding-hover);color:var(--novoui-tab-text-active);border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.tab,.tab-primary{--novoui-tab-bg-hover:var(--novoui-background-tabs-hover);--novoui-tab-text-hover:var(--novoui-text-color-tabs-hover);--novoui-tab-text-active:var(--novoui-text-color-tabs-active);--novoui-tab-border-hover:var(--novoui-border-tabs-hover);--novoui-tab-border-active:var(--novoui-border-tabs-active)}.tab-md{height:calc(var(--spacing,.25rem)*10);font-size:var(--novoui-ui-button-14);line-height:var(--tw-leading,var(--novoui-ui-button-14--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.tab-md svg{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.tab-lg{height:calc(var(--spacing,.25rem)*12);font-size:var(--novoui-ui-button-16);line-height:var(--tw-leading,var(--novoui-ui-button-16--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.tab-lg svg:only-child{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6)}.text-area{--label-from-top:16px;--label-fill-transform:10px;height:auto}.text-area textarea::-webkit-resizer{background-image:url("data:image/svg+xml;utf8,<svg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.7729 0.227096C11.4701 -0.0756986 10.9792 -0.0756988 10.6764 0.227096L0.227096 10.6764C-0.0756988 10.9792 -0.0756986 11.4701 0.227096 11.7729C0.529891 12.0757 1.02082 12.0757 1.32361 11.7729L11.7729 1.32361C12.0757 1.02082 12.0757 0.529891 11.7729 0.227096ZM11.7729 6.36785C11.4701 6.06505 10.9792 6.06505 10.6764 6.36785L6.36782 10.6764C6.06503 10.9792 6.06503 11.4701 6.36782 11.7729C6.67062 12.0757 7.16155 12.0757 7.46434 11.7729L11.7729 7.46437C12.0757 7.16157 12.0757 6.67064 11.7729 6.36785Z' fill='%23dcdee5'/></svg>");background-repeat:no-repeat;background-size:12px}.text-area.input-invalid:not(.input-disabled) textarea::-webkit-resizer{background-image:url("data:image/svg+xml;utf8,<svg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.7729 0.227096C11.4701 -0.0756986 10.9792 -0.0756988 10.6764 0.227096L0.227096 10.6764C-0.0756988 10.9792 -0.0756986 11.4701 0.227096 11.7729C0.529891 12.0757 1.02082 12.0757 1.32361 11.7729L11.7729 1.32361C12.0757 1.02082 12.0757 0.529891 11.7729 0.227096ZM11.7729 6.36785C11.4701 6.06505 10.9792 6.06505 10.6764 6.36785L6.36782 10.6764C6.06503 10.9792 6.06503 11.4701 6.36782 11.7729C6.67062 12.0757 7.16155 12.0757 7.46434 11.7729L11.7729 7.46437C12.0757 7.16157 12.0757 6.67064 11.7729 6.36785Z' fill='%23c44836'/></svg>")}.text-area.input-disabled::-webkit-resizer{background-image:url("data:image/svg+xml;utf8,<svg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.7729 0.227096C11.4701 -0.0756986 10.9792 -0.0756988 10.6764 0.227096L0.227096 10.6764C-0.0756988 10.9792 -0.0756986 11.4701 0.227096 11.7729C0.529891 12.0757 1.02082 12.0757 1.32361 11.7729L11.7729 1.32361C12.0757 1.02082 12.0757 0.529891 11.7729 0.227096ZM11.7729 6.36785C11.4701 6.06505 10.9792 6.06505 10.6764 6.36785L6.36782 10.6764C6.06503 10.9792 6.06503 11.4701 6.36782 11.7729C6.67062 12.0757 7.16155 12.0757 7.46434 11.7729L11.7729 7.46437C12.0757 7.16157 12.0757 6.67064 11.7729 6.36785Z' fill='%23dfdad5'/></svg>")}.text-area :not(.input-field-outline,.input-field-outline-light).input-field{border-top-style:var(--tw-border-style);height:100%;min-height:110px;padding-top:calc(var(--spacing,.25rem)*0);border-top-width:28px;border-top-color:var(--novoui-input-bg);grid-row-start:1}.text-area :not(.input-field-outline,.input-field-outline-light).input-field+.input-label{top:calc(var(--label-from-top) + var(--label-fill-transform));font-size:var(--novoui-ui-input-16);line-height:var(--tw-leading,var(--novoui-ui-input-16--line-height))}@media (hover:hover){.text-area :not(.input-field-outline,.input-field-outline-light).input-field:hover,.text-area :not(.input-field-outline,.input-field-outline-light).input-field-hover{border-top-color:var(--novoui-input-bg)}}.text-area :not(.input-field-outline,.input-field-outline-light).input-field-focus,.text-area :not(.input-field-outline,.input-field-outline-light).input-field:focus,.text-area :not(.input-field-outline,.input-field-outline-light).input-field[focus]{border-top-color:var(--novoui-input-bg-active)}.text-area :not(.input-field-outline,.input-field-outline-light).input-field-focus+.input-label,.text-area :not(.input-field-outline,.input-field-outline-light).input-field:focus+.input-label,.text-area :not(.input-field-outline,.input-field-outline-light).input-field[focus]+.input-label{--novoui-input-label-translate-y:18px;top:calc(var(--label-from-top) + var(--label-fill-transform));font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.text-area .input-field{--novoui-input-padding-top:12px;vertical-align:middle;height:auto;min-height:104px;overflow:auto}.text-area .input-assistive{margin-top:calc(var(--spacing,.25rem)*1);grid-column:1/-1;position:relative;bottom:auto}.text-area .input-assistive-right>span{text-align:right;width:100%}.time-picker{border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--novoui-border-general-subtle);background-color:var(--novoui-background-general-elevated);--tw-shadow:0px 16px 24px var(--tw-shadow-color,#16223314),0px 4px 8px var(--tw-shadow-color,#16223314);width:181px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);overflow:hidden}.time-picker-windows{width:211px}.time-picker-lg{height:265px}.time-picker-lg .time-picker-lists{height:208px;font-size:var(--novoui-ui-label-16);line-height:var(--tw-leading,var(--novoui-ui-label-16--line-height))}.time-picker-md{height:233px}.time-picker-md .time-picker-lists{height:176px;font-size:var(--novoui-ui-label-16);line-height:var(--tw-leading,var(--novoui-ui-label-16--line-height))}.time-picker-sm{height:233px}.time-picker-sm .time-picker-lists{height:176px;font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height))}.time-picker-xs{height:201px}.time-picker-xs .time-picker-lists{height:152px;font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height))}.time-picker-ampm{width:272px}.time-picker-ampm.time-picker-windows{width:355px}.time-picker-fill{border-bottom-right-radius:var(--novoui-radius);border-bottom-left-radius:var(--novoui-radius)}.time-picker-outline{border-radius:var(--novoui-radius)}.time-picker-lists{display:flex}.time-picker-lists .time-picker-list .time-picker-list-item>.button{justify-items:center}.time-picker-list{scroll-behavior:smooth;width:100%;padding-top:calc(var(--spacing,.25rem)*1.5);overflow:auto}.time-picker-list+.time-picker-list{border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--novoui-border-general-subtle)}.time-picker-list:first-child{border-top-left-radius:var(--novoui-radius)}.time-picker-list:last-child{border-top-right-radius:var(--novoui-radius)}.time-picker-list>.list-item{grid-template-columns:var(--novoui-list-padding-x)var(--left-indentation)1fr var(--left-indentation)var(--right-indentation)var(--novoui-list-padding-x)}.time-picker-list>.list-item>svg.list-item-selection{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.time-picker-list-item{--left-indentation:1.25rem;justify-items:center}.time-picker-footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--novoui-border-general-subtle);padding:calc(var(--spacing,.25rem)*2);justify-content:space-between;display:flex}.time-picker-input-outline{padding-bottom:calc(var(--spacing,.25rem)*1)}.time-picker-input-picker{overflow:hidden}.time-picker-enter-active,.time-picker-leave-active{transition:height .2s ease-in-out,opacity .2s ease-in-out}.time-picker-enter-from,.time-picker-leave-to{opacity:0;height:0}.tooltip{visibility:hidden;left:calc(var(--spacing,.25rem)*8);z-index:35;--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;width:max-content;max-width:14rem;scale:var(--tw-scale-x)var(--tw-scale-y);border-radius:var(--novoui-radius-small);background-color:var(--novoui-background-tooltip-enabled);padding:calc(var(--spacing,.25rem)*2);font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height));--tw-leading:calc(var(--spacing,.25rem)*4);line-height:calc(var(--spacing,.25rem)*4);color:var(--novoui-text-color-tooltip-enabled);opacity:0;--tw-shadow:0px 16px 24px var(--tw-shadow-color,#16223314),0px 4px 8px var(--tw-shadow-color,#16223314);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));justify-content:center;transition:transform .2s,opacity .2s,visibility;display:flex;position:absolute}.tooltip.shown{visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}.tooltip-container{display:inline-flex;position:relative}.tooltip-light{background-color:var(--novoui-background-general-medium-emphasis-hover);color:var(--novoui-text-color-general-primary)}.tooltip-content-slot{grid-template-columns:1fr auto;align-items:flex-start;gap:1rem 10px;display:grid}.tooltip-up{visibility:hidden;transform-origin:bottom;--tw-translate-x:calc(calc(1/2*100%)*-1);--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y);--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y);top:-.75rem;left:50%}.tooltip-up.tooltip-indicator:after{bottom:calc(var(--spacing,.25rem)*0);height:calc(var(--spacing,.25rem)*0);width:calc(var(--spacing,.25rem)*0);--tw-translate-x:calc(calc(1/2*100%)*-1);--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y);border-top-style:var(--tw-border-style);border-top-width:8px;border-right-style:var(--tw-border-style);border-right-width:5px;border-bottom-style:var(--tw-border-style);border-bottom-width:8px;border-left-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-color:#0000;border-left-width:5px;border-top-color:var(--novoui-true-blue-10);--tw-content:"";content:var(--tw-content);position:absolute;left:50%}.tooltip-up.tooltip-indicator.tooltip-light:after{border-top-color:var(--novoui-sea-blue-1)}.tooltip-up.shown{visibility:visible;--tw-translate-x:calc(calc(1/2*100%)*-1);--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}.tooltip-down{visibility:hidden;transform-origin:top;--tw-translate-x:calc(calc(1/2*100%)*-1);--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y);--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y);bottom:-.75rem;left:50%}.tooltip-down.tooltip-indicator:after{top:calc(var(--spacing,.25rem)*0);height:calc(var(--spacing,.25rem)*0);width:calc(var(--spacing,.25rem)*0);--tw-translate-x:calc(calc(1/2*100%)*-1);--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y);border-top-style:var(--tw-border-style);border-top-width:8px;border-right-style:var(--tw-border-style);border-right-width:5px;border-bottom-style:var(--tw-border-style);border-bottom-width:8px;border-left-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-color:#0000;border-left-width:5px;border-bottom-color:var(--novoui-true-blue-10);--tw-content:"";content:var(--tw-content);position:absolute;left:50%}.tooltip-down.tooltip-indicator.tooltip-light:after{border-bottom-color:var(--novoui-sea-blue-1)}.tooltip-down.shown{visibility:visible;--tw-translate-x:calc(calc(1/2*100%)*-1);--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}.tooltip-left{visibility:hidden;transform-origin:100%;--tw-translate-x:calc(-100% - 12px);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y);top:50%;left:-.75rem}.tooltip-left.tooltip-indicator:after{top:50%;right:calc(var(--spacing,.25rem)*0);height:calc(var(--spacing,.25rem)*0);width:calc(var(--spacing,.25rem)*0);--tw-translate-x:calc(100% - 1px);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);border-top-style:var(--tw-border-style);border-top-width:5px;border-right-style:var(--tw-border-style);border-right-width:8px;border-bottom-style:var(--tw-border-style);border-bottom-width:5px;border-left-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-color:#0000;border-left-width:8px;border-left-color:var(--novoui-true-blue-10);--tw-content:"";content:var(--tw-content);position:absolute}.tooltip-left.tooltip-indicator.tooltip-light:after{border-left-color:var(--novoui-sea-blue-1)}.tooltip-left.shown{visibility:visible;--tw-translate-x:calc(-100% - 12px);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}.tooltip-right{visibility:hidden;transform-origin:0;--tw-translate-x:calc(100% + 12px);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y);top:50%;left:auto;right:-.75rem}.tooltip-right.tooltip-indicator:after{top:50%;left:calc(var(--spacing,.25rem)*0);height:calc(var(--spacing,.25rem)*0);width:calc(var(--spacing,.25rem)*0);--tw-translate-x:calc(-100% + 1px);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);border-top-style:var(--tw-border-style);border-top-width:5px;border-right-style:var(--tw-border-style);border-right-width:8px;border-bottom-style:var(--tw-border-style);border-bottom-width:5px;border-left-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-color:#0000;border-left-width:8px;border-right-color:var(--novoui-true-blue-10);--tw-content:"";content:var(--tw-content);position:absolute}.tooltip-right.tooltip-indicator.tooltip-light:after{border-right-color:var(--novoui-sea-blue-1)}.tooltip-right.shown{visibility:visible;--tw-translate-x:calc(100% + 12px);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}.tooltip-icon-trigger{pointer-events:none;fill:var(--novoui-fill-general-primary)}.tooltip-hover-trigger:hover~.tooltip{visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}.tooltip-hover-trigger:hover~.tooltip-up{visibility:visible;--tw-translate-x:calc(calc(1/2*100%)*-1);--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}.tooltip-hover-trigger:hover~.tooltip-down{visibility:visible;--tw-translate-x:calc(calc(1/2*100%)*-1);--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}.tooltip-hover-trigger:hover~.tooltip-left{visibility:visible;--tw-translate-x:calc(-100% - 12px);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}.tooltip-hover-trigger:hover~.tooltip-right{visibility:visible;--tw-translate-x:calc(100% + 12px);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}.tooltip-fixed{position:fixed}.tooltip-button-trigger>svg{pointer-events:none}.tooltip-close-button{height:calc(var(--spacing,.25rem)*4);min-height:1rem;max-height:1rem;width:calc(var(--spacing,.25rem)*4);min-width:1rem;max-width:1rem}.tooltip-close-button>svg,.tooltip-close-button>svg>path{fill:currentColor}.tooltip-floating-ui{z-index:35;border-radius:var(--novoui-radius-small);background-color:var(--novoui-background-tooltip-enabled);width:max-content;max-width:14rem;padding:calc(var(--spacing,.25rem)*2);font-size:var(--novoui-ui-label-12);line-height:var(--tw-leading,var(--novoui-ui-label-12--line-height));--tw-leading:calc(var(--spacing,.25rem)*4);line-height:calc(var(--spacing,.25rem)*4);color:var(--novoui-text-color-tooltip-enabled);--tw-shadow:0px 16px 24px var(--tw-shadow-color,#16223314),0px 4px 8px var(--tw-shadow-color,#16223314);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);opacity:1;justify-content:center;display:flex;transform:scale(1)}.tooltip-floating-ui-trigger-icon{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);fill:currentColor}.tooltip-floating-ui-container{z-index:50}.tooltip-floating-ui-enter-from{opacity:1;transform:scale(0)}.tooltip-floating-ui-enter-active{transition:transform 60ms cubic-bezier(.05,.43,0,.87),opacity .1s cubic-bezier(.05,.43,0,.87)}.tooltip-floating-ui-leave-active{transition:transform .45s cubic-bezier(.05,.43,0,.87),opacity .1s cubic-bezier(.05,.43,0,.87)}.tooltip-floating-ui-leave-to{opacity:0;transform:scale(0)}.tooltip-floating-ui-arrow{border-color:#0000;position:absolute}.tooltip-floating-ui-arrow-up{height:calc(var(--spacing,.25rem)*4);border-inline-style:var(--tw-border-style);border-inline-width:5px;border-block-style:var(--tw-border-style);border-block-width:8px;border-top-color:var(--novoui-border-tooltip-border);width:10px}.tooltip-floating-ui-arrow-down{height:calc(var(--spacing,.25rem)*4);border-inline-style:var(--tw-border-style);border-inline-width:5px;border-block-style:var(--tw-border-style);border-block-width:8px;border-bottom-color:var(--novoui-border-tooltip-border);width:10px}.tooltip-floating-ui-arrow-right{height:10px;width:calc(var(--spacing,.25rem)*4);border-inline-style:var(--tw-border-style);border-inline-width:8px;border-block-style:var(--tw-border-style);border-block-width:5px;border-right-color:var(--novoui-border-tooltip-border)}.tooltip-floating-ui-arrow-left{height:10px;width:calc(var(--spacing,.25rem)*4);border-inline-style:var(--tw-border-style);border-inline-width:8px;border-block-style:var(--tw-border-style);border-block-width:5px;border-left-color:var(--novoui-border-tooltip-border)}.tooltip-floating-ui-light{background-color:var(--novoui-background-general-medium-emphasis-hover);color:var(--novoui-text-color-general-primary)}.tooltip-floating-ui-light .tooltip-floating-ui-arrow-up{border-top-color:var(--novoui-sea-blue-1)}.tooltip-floating-ui-light .tooltip-floating-ui-arrow-down{border-bottom-color:var(--novoui-sea-blue-1)}.tooltip-floating-ui-light .tooltip-floating-ui-arrow-right{border-right-color:var(--novoui-sea-blue-1)}.tooltip-floating-ui-light .tooltip-floating-ui-arrow-left{border-left-color:var(--novoui-sea-blue-1)}.top-navigation{z-index:50;height:calc(var(--spacing,.25rem)*20);background-color:var(--novoui-background-general-base);width:100%}.top-navigation-border{border-bottom-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-bottom-width:1px;border-color:var(--novoui-border-general-subtle)}.top-navigation-logo{height:34px;width:calc(var(--spacing,.25rem)*12);fill:currentColor;color:var(--novoui-text-color-general-primary)}.top-navigation-centered{max-width:calc(var(--spacing,.25rem)*331)}.top-navigation-nav{width:100%;height:100%;padding-inline:calc(var(--spacing,.25rem)*5);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.top-navigation-nav>menu{align-items:center;height:100%;display:flex}.top-navigation-nav>menu>li{height:100%}.top-navigation-nav>menu>li>a{box-sizing:content-box;height:calc(100% - 4px);padding-inline:calc(var(--spacing,.25rem)*6);font-size:var(--novoui-ui-button-14);line-height:var(--tw-leading,var(--novoui-ui-button-14--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--novoui-text-color-general-primary);align-items:center;display:grid}.top-navigation-nav>menu>li>a:hover{border-bottom-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-bottom-width:4px;border-color:var(--novoui-border-tabs-hover);background-color:var(--novoui-background-tabs-hover)}.top-navigation-nav>menu>li.active>a{border-bottom-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-bottom-width:4px;border-color:var(--novoui-border-tabs-active);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.touch-area{cursor:pointer;border-radius:var(--novoui-radius);background-color:var(--novoui-background-cards-fill-unselected-enabled);padding:calc(var(--spacing,.25rem)*4);text-align:left;min-width:224px;color:var(--novoui-text-color-cards-unselected);flex-direction:column;display:flex}@media (hover:hover){.touch-area:hover{background-color:var(--novoui-background-cards-fill-unselected-hover);color:var(--novoui-text-color-general-primary)}.touch-area:hover .checkbox-input:not(:checked,:indeterminate){border-color:var(--novoui-checkbox-input-color-hover)}.touch-area:hover .checkbox-input:checked:before,.touch-area:hover .checkbox-input:indeterminate:before{background-color:var(--novoui-checkbox-input-color-checked-hover)}.touch-area:hover .switch-slider{background-color:var(--novoui-switch-default-bg-hover)}.touch-area:hover .radio-input{border-color:var(--novoui-radio-input-color-hover)}.touch-area:hover .radio-input:checked{border-color:var(--novoui-radio-input-color-checked-hover)}}.touch-area:focus-visible{background-color:var(--novoui-background-cards-fill-unselected-hover);color:var(--novoui-text-color-general-primary);--tw-outline-style:none;outline-style:none}.touch-area:focus-visible .checkbox-input{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--novoui-border-general-focus);--tw-outline-style:solid;outline-style:solid}.touch-area:focus-visible .switch-slider{background-color:var(--novoui-switch-default-bg-hover);outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--novoui-border-general-focus);--tw-outline-style:solid;outline-style:solid}.touch-area:focus-visible .radio-input{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--novoui-border-general-focus);--tw-outline-style:solid;outline-style:solid}.touch-area:active .checkbox-input:not(:checked,:indeterminate),.touch-area[active] .checkbox-input:not(:checked,:indeterminate){border-color:var(--novoui-checkbox-input-color-active);background-color:var(--novoui-checkbox-input-bg-color-active)}.touch-area:active .checkbox-input:checked:before,.touch-area:active .checkbox-input:indeterminate:before,.touch-area[active] .checkbox-input:checked:before,.touch-area[active] .checkbox-input:indeterminate:before{background-color:var(--novoui-checkbox-input-color-active)}.touch-area:active .radio-input,.touch-area[active] .radio-input{border-color:var(--novoui-radio-input-color-active);background-color:var(--novoui-radio-input-bg-color-active)}.touch-area:active .radio-input:checked,.touch-area[active] .radio-input:checked{border-color:var(--novoui-radio-input-color-checked-active);background-color:var(--novoui-radio-input-bg-color-active)}.touch-area.touch-area-selected,.touch-area.touch-area-indeterminate{background-color:var(--novoui-background-cards-fill-selected-enabled);color:var(--novoui-text-color-general-primary)}@media (hover:hover){.touch-area.touch-area-selected:hover,.touch-area.touch-area-indeterminate:hover{background-color:var(--novoui-background-cards-fill-selected-hover);color:var(--novoui-text-color-general-primary)}.touch-area.touch-area-selected:hover .switch-slider,.touch-area.touch-area-indeterminate:hover .switch-slider{background-color:var(--novoui-selected-bg-hover)}}.touch-area.touch-area-selected:focus-visible,.touch-area.touch-area-indeterminate:focus-visible{background-color:var(--novoui-background-cards-fill-selected-hover);color:var(--novoui-text-color-general-primary)}.touch-area.touch-area-selected:focus-visible .switch-slider,.touch-area.touch-area-indeterminate:focus-visible .switch-slider{background-color:var(--novoui-selected-bg-hover);outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--novoui-border-general-focus);--tw-outline-style:solid;outline-style:solid}.touch-area.touch-area-selected:active,.touch-area.touch-area-selected[active],.touch-area.touch-area-indeterminate:active,.touch-area.touch-area-indeterminate[active]{background-color:var(--novoui-background-cards-fill-selected-hover);color:var(--novoui-text-color-general-primary)}.touch-area.touch-area-disabled{pointer-events:none;cursor:default;background-color:var(--novoui-background-disabled-subtle);color:var(--novoui-text-color-disabled-medium)}.touch-area.touch-area-disabled .touch-area-switch-label{color:var(--novoui-text-color-disabled-medium)}.touch-area.touch-area-invalid{background-color:var(--novoui-background-alert-low-emphasis-enabled);color:var(--novoui-text-color-alert-hover)}.touch-area.touch-area-invalid .touch-area-switch-label,.touch-area.touch-area-invalid .checkbox-label,.touch-area.touch-area-invalid .radio-label{color:var(--novoui-text-color-alert-hover)}@media (hover:hover){.touch-area.touch-area-invalid:hover{background-color:var(--novoui-background-alert-low-emphasis-enabled);color:var(--novoui-text-color-alert-hover)}}.touch-area.touch-area-invalid:focus-visible,.touch-area.touch-area-invalid:active,.touch-area.touch-area-invalid[active]{background-color:var(--novoui-background-alert-low-emphasis-enabled);color:var(--novoui-text-color-alert-hover)}.touch-area-outline{--tw-shadow-color:var(--novoui-border-cards-outline-unselected-enabled);background-color:#0000}@supports (color:color-mix(in lab, red, red)){.touch-area-outline{--tw-shadow-color:color-mix(in oklab,var(--novoui-border-cards-outline-unselected-enabled)var(--tw-shadow-alpha),transparent)}}.touch-area-outline{box-shadow:0 0 0 1px var(--tw-shadow-color)}@media (hover:hover){.touch-area-outline:hover{background-color:var(--novoui-background-general-base);--tw-shadow-color:var(--novoui-border-cards-outline-unselected-hover)}@supports (color:color-mix(in lab, red, red)){.touch-area-outline:hover{--tw-shadow-color:color-mix(in oklab,var(--novoui-border-cards-outline-unselected-hover)var(--tw-shadow-alpha),transparent)}}}.touch-area-outline:focus-visible{background-color:var(--novoui-background-general-base);--tw-shadow-color:var(--novoui-border-cards-outline-unselected-enabled)}@supports (color:color-mix(in lab, red, red)){.touch-area-outline:focus-visible{--tw-shadow-color:color-mix(in oklab,var(--novoui-border-cards-outline-unselected-enabled)var(--tw-shadow-alpha),transparent)}}.touch-area-outline:active,.touch-area-outline[active]{background-color:var(--novoui-background-general-base);--tw-shadow-color:var(--novoui-border-cards-outline-unselected-pressed)}@supports (color:color-mix(in lab, red, red)){.touch-area-outline:active,.touch-area-outline[active]{--tw-shadow-color:color-mix(in oklab,var(--novoui-border-cards-outline-unselected-pressed)var(--tw-shadow-alpha),transparent)}}.touch-area-outline.touch-area-selected,.touch-area-outline.touch-area-indeterminate{background-color:var(--novoui-background-cards-outline-selected-enabled)}.touch-area-outline.touch-area-disabled{background-color:var(--novoui-background-general-base);--tw-shadow-color:var(--novoui-border-disabled-subtle)}@supports (color:color-mix(in lab, red, red)){.touch-area-outline.touch-area-disabled{--tw-shadow-color:color-mix(in oklab,var(--novoui-border-disabled-subtle)var(--tw-shadow-alpha),transparent)}}.touch-area-outline.touch-area-invalid{background-color:var(--novoui-background-alert-low-emphasis-hover);box-shadow:none}.touch-area-assistive-text{margin-left:calc(var(--spacing,.25rem)*8);font-size:var(--novoui-body-small);line-height:var(--tw-leading,var(--novoui-body-small--line-height));overflow-wrap:break-word;color:currentColor}.touch-area .checkbox{margin-block:calc(var(--spacing,.25rem)*0);cursor:pointer;align-items:flex-start;gap:calc(var(--spacing,.25rem)*3)}.touch-area .checkbox-label{top:calc(var(--spacing,.25rem)*.5);cursor:pointer;font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);position:relative}.touch-area .checkbox-input{height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5)}.touch-area .radio{margin-block:calc(var(--spacing,.25rem)*0);cursor:pointer;align-items:flex-start;gap:calc(var(--spacing,.25rem)*3)}.touch-area .radio-label{top:calc(var(--spacing,.25rem)*.5);cursor:pointer;font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);position:relative}.touch-area .radio-input{height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5)}.touch-area-switch{align-items:center;column-gap:calc(var(--spacing,.25rem)*3);grid-template-columns:auto 1fr;display:grid}.touch-area-switch .switch.switch-md{margin-block:calc(var(--spacing,.25rem)*0)}.touch-area-switch-label{font-size:var(--novoui-ui-label-14);line-height:var(--tw-leading,var(--novoui-ui-label-14--line-height));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--novoui-text-color-general-primary)}.touch-area-switch .touch-area-assistive-text{margin-left:calc(var(--spacing,.25rem)*0);color:currentColor;grid-column-start:2}.touch-area-switch .touch-area-switch-label{cursor:pointer}.touch-area-switch-revert{grid-template-columns:1fr auto}.touch-area-switch-revert .touch-area-assistive-text{grid-column-start:1}.touch-area-switch-revert .touch-area-switch-label{grid-row-start:1}}@layer utilities{.list-item{display:revert-layer}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@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-leading{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}.bottom-sheet-width[data-v-89d417cf]{width:var(--v3d0b2b94)}.dropdown-max-height[data-v-7cc00226]{max-height:var(--v717c6adc)}.no-fill[data-v-7cc00226]{fill:none}.table-body-row-details-transition-helper[data-v-d553c362],.table-inside-table-td[data-v-d553c362]{min-height:var(--v63cd0154);max-height:var(--v63cd0154)}.table-inside-table-helper[data-v-d553c362]{height:var(--v63cd0154)}.table-card-drag-initial-position[data-v-d553c362]{top:var(--v578167e8) - 15px;left:var(--v578167ea) - 15px}.sub-menu-full-height{left:var(--v3aebdf62)}.sub-menu-popup-open-fixed{top:var(--v6b2673bf);left:var(--v3aebdf62)}.bottom-navigation-disclaimer-custom[data-v-4ce913ab] .accordion-content{grid-template-rows:0svh}.bottom-navigation-disclaimer-custom.accordion-open[data-v-4ce913ab] .accordion-content{grid-template-rows:var(--v60daa584)}.side-sheet-width[data-v-74d32bfa]{width:var(--v757726d9)}
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-duration: initial;
      --tw-ease: 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: 0;
      --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-outline-style: solid;
      --tw-content: "";
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-leading: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-space-y-reverse: 0;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --spacing: .25rem;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }

  :root {
    color-scheme: light dark;
  }

  @layer base {
    :root button:not(:disabled), :root [role="button"]:not(:disabled) {
      cursor: pointer;
    }
  }

  :root {
    --novoui-true-blue-1: #e6e8f0;
    --novoui-true-blue-2: #c2c8da;
    --novoui-true-blue-3: #919cbd;
    --novoui-true-blue-4: #5e6e9e;
    --novoui-true-blue-5: #2e4281;
    --novoui-true-blue-6: #001965;
    --novoui-true-blue-7: #001556;
    --novoui-true-blue-8: #001248;
    --novoui-true-blue-9: #000e3a;
    --novoui-true-blue-10: #000b2d;
    --novoui-neutral-1: #fff;
    --novoui-neutral-2: #f7f8fa;
    --novoui-neutral-3: #f0f1f5;
    --novoui-neutral-4: #e8eaf0;
    --novoui-neutral-5: #dcdee5;
    --novoui-neutral-6: #b3b8c7;
    --novoui-neutral-7: #8e94a6;
    --novoui-neutral-8: #666d80;
    --novoui-neutral-9: #454b5c;
    --novoui-neutral-10: #272e41;
    --novoui-sea-blue-1: #e6effb;
    --novoui-sea-blue-2: #c2d8f4;
    --novoui-sea-blue-3: #91b8ec;
    --novoui-sea-blue-4: #5e98e3;
    --novoui-sea-blue-5: #2e79da;
    --novoui-sea-blue-6: #005bd2;
    --novoui-sea-blue-7: #004db3;
    --novoui-sea-blue-8: #004195;
    --novoui-sea-blue-9: #003478;
    --novoui-sea-blue-10: #00295e;
    --novoui-faded-blue-1: #eff0f5;
    --novoui-faded-blue-2: #d7dbe8;
    --novoui-faded-blue-3: #b8bfd5;
    --novoui-faded-blue-4: #97a2c2;
    --novoui-faded-blue-5: #7886af;
    --novoui-faded-blue-6: #5a6b9e;
    --novoui-faded-blue-7: #4d5b86;
    --novoui-faded-blue-8: #404c70;
    --novoui-faded-blue-9: #333d5a;
    --novoui-faded-blue-10: #283047;
    --novoui-light-blue-1: #ebf5fc;
    --novoui-light-blue-2: #d0e6f7;
    --novoui-light-blue-3: #abd2f1;
    --novoui-light-blue-4: #84bdea;
    --novoui-light-blue-5: #5eaae4;
    --novoui-light-blue-6: #3b97de;
    --novoui-light-blue-7: #3280bd;
    --novoui-light-blue-8: #2a6b9e;
    --novoui-light-blue-9: #22567f;
    --novoui-light-blue-10: #1b4464;
    --novoui-ocean-green-1: #eaf4f3;
    --novoui-ocean-green-2: #cce5e3;
    --novoui-ocean-green-3: #a3d0cd;
    --novoui-ocean-green-4: #79bab6;
    --novoui-ocean-green-5: #50a5a0;
    --novoui-ocean-green-6: #2a918b;
    --novoui-ocean-green-7: #247b76;
    --novoui-ocean-green-8: #1e6763;
    --novoui-ocean-green-9: #18534f;
    --novoui-ocean-green-10: #13413f;
    --novoui-rose-pink-1: #fdf6f9;
    --novoui-rose-pink-2: #fbeaf0;
    --novoui-rose-pink-3: #f8d9e3;
    --novoui-rose-pink-4: #f4c8d7;
    --novoui-rose-pink-5: #f1b7cb;
    --novoui-rose-pink-6: #eea7bf;
    --novoui-rose-pink-7: #ca8ea2;
    --novoui-rose-pink-8: #a97788;
    --novoui-rose-pink-9: #885f6d;
    --novoui-rose-pink-10: #6b4b56;
    --novoui-sand-grey-1: #faf9f8;
    --novoui-sand-grey-2: #f3f1ef;
    --novoui-sand-grey-3: #e9e6e3;
    --novoui-sand-grey-4: #dfdad5;
    --novoui-sand-grey-5: #d5cfc9;
    --novoui-sand-grey-6: #ccc5bd;
    --novoui-sand-grey-7: #ada7a1;
    --novoui-sand-grey-8: #918c86;
    --novoui-sand-grey-9: #74706c;
    --novoui-sand-grey-10: #5c5955;
    --novoui-granite-grey-1: #f4f5f6;
    --novoui-granite-grey-2: #e5e7ea;
    --novoui-granite-grey-3: #d1d4d9;
    --novoui-granite-grey-4: #bbbfc8;
    --novoui-granite-grey-5: #a6acb7;
    --novoui-granite-grey-6: #939aa7;
    --novoui-granite-grey-7: #7d838e;
    --novoui-granite-grey-8: #686d77;
    --novoui-granite-grey-9: #54585f;
    --novoui-granite-grey-10: #42454b;
    --novoui-lava-red-1: #fdeeec;
    --novoui-lava-red-2: #f9d6d1;
    --novoui-lava-red-3: #f4b6ac;
    --novoui-lava-red-4: #ef9486;
    --novoui-lava-red-5: #eb7462;
    --novoui-lava-red-6: #e6553f;
    --novoui-lava-red-7: #c44836;
    --novoui-lava-red-8: #a33c2d;
    --novoui-lava-red-9: #833024;
    --novoui-lava-red-10: #67261c;
    --novoui-golden-sun-1: #fdf7e6;
    --novoui-golden-sun-2: #faebc2;
    --novoui-golden-sun-3: #f6db91;
    --novoui-golden-sun-4: #f2ca5e;
    --novoui-golden-sun-5: #eeba2e;
    --novoui-golden-sun-6: #eaab00;
    --novoui-golden-sun-7: #c79100;
    --novoui-golden-sun-8: #a67900;
    --novoui-golden-sun-9: #856100;
    --novoui-golden-sun-10: #694d00;
    --novoui-forest-green-1: #ecf5eb;
    --novoui-forest-green-2: #d1e7cf;
    --novoui-forest-green-3: #acd4a8;
    --novoui-forest-green-4: #86c180;
    --novoui-forest-green-5: #62ae59;
    --novoui-forest-green-6: #3f9c35;
    --novoui-forest-green-7: #36852d;
    --novoui-forest-green-8: #2d6f26;
    --novoui-forest-green-9: #24591e;
    --novoui-forest-green-10: #1c4618;
    --novoui-gradient-on-light-sea-blue-0: #005ad200;
    --novoui-gradient-on-light-sea-blue-100: #005ad2;
    --novoui-gradient-alert-lava-red-0: #a33c2d00;
    --novoui-gradient-alert-lava-red-100: #a33c2d;
    --novoui-gradient-on-dark-white-0: #fff0;
    --novoui-gradient-on-dark-white-100: #fff;
    --novoui-background-general-base: light-dark(#fff, #000b2d);
    --novoui-background-general-subtle: light-dark(#f7f8fa, #000e3a);
    --novoui-background-general-medium: light-dark(#f0f1f5, #001965);
    --novoui-background-general-strong: light-dark(#e8eaf0, #2e4281);
    --novoui-background-general-elevated: light-dark(#fff, #001248);
    --novoui-background-general-overlay-opacity-0: light-dark(#0000, #fff0);
    --novoui-background-general-overlay-opacity-15: light-dark(#00000026, #ffffff26);
    --novoui-background-general-overlay-opacity-30: light-dark(#0000004d, #ffffff4d);
    --novoui-background-general-overlay-opacity-50: light-dark(#00000080, #ffffff80);
    --novoui-background-general-overlay-opacity-70: light-dark(#000000b2, #ffffffb2);
    --novoui-background-general-overlay-inverted-opacity-0: light-dark(#fff0, #0000);
    --novoui-background-general-overlay-inverted-opacity-15: light-dark(#ffffff26, #00000026);
    --novoui-background-general-overlay-inverted-opacity-30: light-dark(#ffffff4d, #0000004d);
    --novoui-background-general-overlay-inverted-opacity-50: light-dark(#ffffff80, #00000080);
    --novoui-background-general-overlay-inverted-opacity-70: light-dark(#ffffffb2, #000000b2);
    --novoui-background-general-low-emphasis-enabled: light-dark(#f7f8fa, #001248);
    --novoui-background-general-low-emphasis-hover: light-dark(#f0f1f5, #001556);
    --novoui-background-general-low-emphasis-active: light-dark(#e8eaf0, #001965);
    --novoui-background-general-medium-emphasis-enabled: light-dark(#fff, #000b2d);
    --novoui-background-general-medium-emphasis-hover: light-dark(#e6effb, #001965);
    --novoui-background-general-medium-emphasis-active: light-dark(#c2d8f4, #2e4281);
    --novoui-background-general-high-emphasis-enabled: light-dark(#005bd2, #005bd2);
    --novoui-background-general-high-emphasis-hover: light-dark(#004db3, #2e79da);
    --novoui-background-general-high-emphasis-active: light-dark(#004195, #5e98e3);
    --novoui-background-disabled-subtle: light-dark(#faf9f8, #272e41);
    --novoui-background-disabled-medium: light-dark(#e9e6e3, #454b5c);
    --novoui-background-disabled-strong: light-dark(#dfdad5, #666d80);
    --novoui-background-alert-low-emphasis-enabled: light-dark(#fdeeec, #67261cb2);
    --novoui-background-alert-low-emphasis-hover: light-dark(#f9d6d1, #833024b2);
    --novoui-background-alert-low-emphasis-active: light-dark(#f4b6ac, #a33c2db2);
    --novoui-background-alert-high-emphasis-enabled: light-dark(#c44836, #c44836);
    --novoui-background-alert-high-emphasis-hover: light-dark(#a33c2d, #e6553f);
    --novoui-background-alert-high-emphasis-active: light-dark(#833024, #eb7462);
    --novoui-background-accent-red-subtle: light-dark(#fdf6f9, #6b4b56);
    --novoui-background-accent-red-light: light-dark(#fbeaf0, #885f6d);
    --novoui-background-accent-red-medium: light-dark(#f4c8d7, #a97788);
    --novoui-background-accent-red-heavy: light-dark(#eea7bf, #ca8ea2);
    --novoui-background-accent-green-subtle: light-dark(#eaf4f3, #13413f);
    --novoui-background-accent-green-light: light-dark(#cce5e3, #18534f);
    --novoui-background-accent-green-medium: light-dark(#79bab6, #1e6763);
    --novoui-background-accent-green-heavy: light-dark(#2a918b, #247b76);
    --novoui-background-accent-blue-subtle: light-dark(#ebf5fc, #1b4464);
    --novoui-background-accent-blue-light: light-dark(#d0e6f7, #22567f);
    --novoui-background-accent-blue-medium: light-dark(#84bdea, #2a6b9e);
    --novoui-background-accent-blue-heavy: light-dark(#3b97de, #3280bd);
    --novoui-background-accent-neutral-subtle: light-dark(#faf9f8, #404c70);
    --novoui-background-accent-neutral-light: light-dark(#f3f1ef, #4d5b86);
    --novoui-background-accent-neutral-medium: light-dark(#dfdad5, #5a6b9e);
    --novoui-background-accent-neutral-heavy: light-dark(#ccc5bd, #7886af);
    --novoui-background-accordion-enabled: light-dark(#fff, #000b2d);
    --novoui-background-accordion-hover: light-dark(#f7f8fa, #001248);
    --novoui-background-accordion-active: light-dark(#f0f1f5, #001556);
    --novoui-background-accordion-elevated-enabled: light-dark(#fff, #001248);
    --novoui-background-accordion-elevated-hover: light-dark(#f7f8fa, #001965);
    --novoui-background-accordion-elevated-active: light-dark(#f0f1f5, #2e4281);
    --novoui-background-button-fill-enabled: light-dark(#005bd2, #005bd2);
    --novoui-background-button-fill-hover: light-dark(#004db3, #2e79da);
    --novoui-background-button-fill-active: light-dark(#004195, #5e98e3);
    --novoui-background-button-fill-secondary-enabled: light-dark(#001965, #001965);
    --novoui-background-button-fill-secondary-hover: light-dark(#001556, #001556);
    --novoui-background-button-fill-secondary-active: light-dark(#001248, #001248);
    --novoui-background-button-outline-enabled: light-dark(#fff, #000b2d);
    --novoui-background-button-outline-hover: light-dark(#e6effb, #001965);
    --novoui-background-button-outline-active: light-dark(#c2d8f4, #2e4281);
    --novoui-background-button-outline-subtle-enabled: light-dark(#fff, #000b2d);
    --novoui-background-button-outline-subtle-hover: light-dark(#f7f8fa, #001248);
    --novoui-background-button-outline-subtle-active: light-dark(#e6effb, #001965);
    --novoui-background-button-text-enabled: light-dark(#fff0, #fff0);
    --novoui-background-button-text-hover: light-dark(#e6effb, #001965);
    --novoui-background-button-text-active: light-dark(#c2d8f4, #2e4281);
    --novoui-background-button-destructive-enabled: light-dark(#c44836, #a33c2d);
    --novoui-background-button-destructive-hover: light-dark(#a33c2d, #c44836);
    --novoui-background-button-destructive-active: light-dark(#833024, #e6553f);
    --novoui-background-button-transparent-enabled: light-dark(#ffffff26, #ffffff26);
    --novoui-background-button-transparent-hover: light-dark(#ffffff4d, #ffffff4d);
    --novoui-background-button-transparent-active: light-dark(#ffffff80, #ffffff80);
    --novoui-background-cards-enabled: light-dark(#fff, #001248);
    --novoui-background-cards-hover: light-dark(#fff, #001556);
    --novoui-background-cards-disabled: light-dark(#fff, #272e41);
    --novoui-background-cards-loading: light-dark(#f3f1ef, #2e4281);
    --novoui-background-cards-elevated-enabled: light-dark(#fff, #001965);
    --novoui-background-cards-elevated-hover: light-dark(#fff, #2e4281);
    --novoui-background-cards-fill-unselected-enabled: light-dark(#f7f8fa, #001248);
    --novoui-background-cards-fill-unselected-hover: light-dark(#f0f1f5, #001556);
    --novoui-background-cards-fill-selected-enabled: light-dark(#e6effb, #001965);
    --novoui-background-cards-fill-selected-hover: light-dark(#c2d8f4, #2e4281);
    --novoui-background-cards-outline-unselected-enabled: light-dark(#fff, #001248);
    --novoui-background-cards-outline-unselected-hover: light-dark(#f0f1f5, #001556);
    --novoui-background-cards-outline-selected-enabled: light-dark(#e6effb, #001556);
    --novoui-background-cards-outline-selected-hover: light-dark(#c2d8f4, #001965);
    --novoui-background-controls-fill-enabled: light-dark(#f7f8fa, #001556);
    --novoui-background-controls-fill-hover: light-dark(#f0f1f5, #001965);
    --novoui-background-controls-fill-pressed: light-dark(#e8eaf0, #2e4281);
    --novoui-background-controls-fill-low-emphasis-selected: light-dark(#f0f1f5, #001556);
    --novoui-background-controls-fill-low-emphasis-selected-hover: light-dark(#e8eaf0, #001965);
    --novoui-background-controls-fill-high-emphasis-selected: light-dark(#005bd2, #005bd2);
    --novoui-background-controls-fill-high-emphasis-selected-hover: light-dark(#004db3, #2e79da);
    --novoui-background-controls-outline-low-emphasis-enabled: light-dark(#fff, #000b2d);
    --novoui-background-controls-outline-low-emphasis-hover: light-dark(#f0f1f5, #001556);
    --novoui-background-controls-outline-low-emphasis-pressed: light-dark(#e8eaf0, #001965);
    --novoui-background-controls-outline-low-emphasis-selected: light-dark(#e6effb, #001965);
    --novoui-background-controls-outline-low-emphasis-selected-hover: light-dark(#c2d8f4, #2e4281);
    --novoui-background-controls-outline-high-emphasis-enabled: light-dark(#fff, #000b2d);
    --novoui-background-controls-outline-high-emphasis-hover: light-dark(#e6effb, #001965);
    --novoui-background-controls-outline-high-emphasis-pressed: light-dark(#c2d8f4, #2e4281);
    --novoui-background-controls-outline-high-emphasis-selected: light-dark(#005bd2, #005bd2);
    --novoui-background-controls-outline-high-emphasis-selected-hover: light-dark(#004db3, #2e79da);
    --novoui-background-controls-outline-high-emphasis-icon-hover: light-dark(#f0f1f5, #001556);
    --novoui-background-controls-outline-high-emphasis-icon-pressed: light-dark(#e8eaf0, #001965);
    --novoui-background-date-picker-default-hover: light-dark(#e6effb, #001965);
    --novoui-background-date-picker-default-active: light-dark(#c2d8f4, #2e4281);
    --novoui-background-date-picker-today-hover: light-dark(#e6effb, #001965);
    --novoui-background-date-picker-today-active: light-dark(#c2d8f4, #2e4281);
    --novoui-background-date-picker-selected-enabled: light-dark(#005bd2, #005bd2);
    --novoui-background-date-picker-selected-hover: light-dark(#004db3, #2e79da);
    --novoui-background-date-picker-selected-focus: light-dark(#005bd2, #005bd2);
    --novoui-background-date-picker-selected-active: light-dark(#004195, #5e98e3);
    --novoui-background-date-picker-middle-enabled: light-dark(#e6effb, #2e4281);
    --novoui-background-date-picker-middle-hover: light-dark(#c2d8f4, #5e6e9e);
    --novoui-background-date-picker-middle-active: light-dark(#c2d8f4, #5e6e9e);
    --novoui-background-date-picker-prev-next-hover: light-dark(#f7f8fa, #001556);
    --novoui-background-date-picker-prev-next-active: light-dark(#e8eaf0, #001965);
    --novoui-background-drag-card-enabled: light-dark(#fff, #000b2d);
    --novoui-background-drag-card-active: light-dark(#e6effb, #001965);
    --novoui-background-drag-handle-enabled: light-dark(#f7f8fa, #000b2d);
    --novoui-background-drag-handle-hover: light-dark(#f0f1f5, #001965);
    --novoui-background-drag-handle-active: light-dark(#c2d8f4, #2e4281);
    --novoui-background-forms-enabled: light-dark(#f7f8fa, #001248);
    --novoui-background-forms-active: light-dark(#e6effb, #001556);
    --novoui-background-forms-disabled: light-dark(#faf9f8, #454b5c);
    --novoui-background-forms-light-enabled: light-dark(#fff, #000b2d);
    --novoui-background-forms-light-active: light-dark(#fff, #000b2d);
    --novoui-background-forms-light-disabled: light-dark(#faf9f8, #454b5c);
    --novoui-background-loading-edges: light-dark(#f7f8fa, #001965);
    --novoui-background-loading-middle: light-dark(#dcdee5, #2e4281);
    --novoui-background-progress-base: light-dark(#e8eaf0, #001965);
    --novoui-background-progress-enabled: light-dark(#005bd2, #005bd2);
    --novoui-background-progress-success: light-dark(#86c180, #86c180);
    --novoui-background-notifications-and-tags-info-subtle: light-dark(#ebf5fc, #1b4464);
    --novoui-background-notifications-and-tags-info-light: light-dark(#d0e6f7, #22567f);
    --novoui-background-notifications-and-tags-info-medium: light-dark(#abd2f1, #3b97de);
    --novoui-background-notifications-and-tags-info-strong: light-dark(#3280bd, #3280bd);
    --novoui-background-notifications-and-tags-success-subtle: light-dark(#ecf5eb, #1c4618);
    --novoui-background-notifications-and-tags-success-light: light-dark(#d1e7cf, #24591e);
    --novoui-background-notifications-and-tags-success-medium: light-dark(#acd4a8, #2d6f26);
    --novoui-background-notifications-and-tags-success-strong: light-dark(#36852d, #36852d);
    --novoui-background-notifications-and-tags-warning-subtle: light-dark(#fdf7e6, #856100);
    --novoui-background-notifications-and-tags-warning-light: light-dark(#faebc2, #a67900);
    --novoui-background-notifications-and-tags-warning-medium: light-dark(#f6db91, #c79100);
    --novoui-background-notifications-and-tags-warning-strong: light-dark(#eaab00, #eaab00);
    --novoui-background-notifications-and-tags-alert-subtle: light-dark(#fdeeec, #67261c);
    --novoui-background-notifications-and-tags-alert-light: light-dark(#f9d6d1, #833024);
    --novoui-background-notifications-and-tags-alert-medium: light-dark(#f4b6ac, #a33c2d);
    --novoui-background-notifications-and-tags-alert-strong: light-dark(#c44836, #c44836);
    --novoui-background-notifications-and-tags-brand-subtle: light-dark(#001965, #004195);
    --novoui-background-notifications-and-tags-neutral-subtle: light-dark(#f7f8fa, #001248);
    --novoui-background-notifications-and-tags-neutral-light: light-dark(#f0f1f5, #001556);
    --novoui-background-notifications-and-tags-neutral-strong: light-dark(#454b5c, #333d5a);
    --novoui-background-modal-enabled: light-dark(#00000080, #00000080);
    --novoui-background-table-enabled: light-dark(#fff, #000b2d);
    --novoui-background-table-hover: light-dark(#f7f8fa, #001248);
    --novoui-background-table-active: light-dark(#e6effb, #001965);
    --novoui-background-table-active-hover: light-dark(#c2d8f4, #2e4281);
    --novoui-background-table-header-dark: light-dark(#272e41, #001556);
    --novoui-background-table-header-light: light-dark(#f7f8fa, #2e4281);
    --novoui-background-table-header-transparent: light-dark(#fff, #000b2d);
    --novoui-background-tabs-enabled: light-dark(#fff, #000b2d);
    --novoui-background-tabs-hover: light-dark(#e6effb, #001965);
    --novoui-background-tabs-active: light-dark(#fff, #000b2d);
    --novoui-background-tabs-transparent: light-dark(#0000, #fff0);
    --novoui-background-toggle-switch-enabled: light-dark(#f7f8fa, #000b2d);
    --novoui-background-toggle-switch-hover: light-dark(#f0f1f5, #001248);
    --novoui-background-toggle-switch-fill-selected: light-dark(#005bd2, #005bd2);
    --novoui-background-toggle-switch-outline-selected: light-dark(#fff, #001965);
    --novoui-background-toggle-button-fill-enabled: light-dark(#f7f8fa, #001248);
    --novoui-background-toggle-button-fill-hover: light-dark(#f0f1f5, #001965);
    --novoui-background-toggle-button-fill-selected: light-dark(#005bd2, #005bd2);
    --novoui-background-toggle-button-outline-enabled: light-dark(#fff, #000b2d);
    --novoui-background-toggle-button-outline-hover: light-dark(#f0f1f5, #001556);
    --novoui-background-toggle-button-outline-selected: light-dark(#e6effb, #001965);
    --novoui-background-tooltip-enabled: light-dark(#000b2d, #91b8ec);
    --novoui-background-selection-enabled: light-dark(#fff, #000b2d);
    --novoui-background-selection-selected-enabled: light-dark(#005bd2, #005bd2);
    --novoui-background-selection-selected-hover: light-dark(#004db3, #2e79da);
    --novoui-background-selection-selected-active: light-dark(#004195, #5e98e3);
    --novoui-background-selection-handle: light-dark(#fff, #000b2d);
    --novoui-background-selection-switch-base-enabled: light-dark(#f0f1f5, #2e4281);
    --novoui-background-selection-switch-base-hover: light-dark(#e8eaf0, #5e6e9e);
    --novoui-background-selection-switch-base-error: light-dark(#f0f1f5, #67261cb2);
    --novoui-background-selection-switch-selected-enabled: light-dark(#005bd2, #005bd2);
    --novoui-background-selection-switch-selected-hover: light-dark(#004db3, #2e79da);
    --novoui-background-slider-track: light-dark(#e8eaf0, #001965);
    --novoui-background-slider-track-filled: light-dark(#005bd2, #005bd2);
    --novoui-background-slider-thumb-enabled: light-dark(#005bd2, #005bd2);
    --novoui-background-slider-thumb-hover: light-dark(#004db3, #2e79da);
    --novoui-background-slider-thumb-active: light-dark(#004195, #5e98e3);
    --novoui-background-slider-read-only: light-dark(#000b2d, #2e4281);
    --novoui-background-side-menus-side-panel: light-dark(#fff, #000b2d);
    --novoui-background-side-menus-elevated: light-dark(#fff, #001248);
    --novoui-background-side-menus-menu-enabled: light-dark(#fff, #001248);
    --novoui-background-side-menus-menu-hover: light-dark(#e6effb, #2e4281);
    --novoui-background-side-menus-menu-badge-enabled: light-dark(#e6effb, #5e6e9e);
    --novoui-background-side-menus-menu-badge-hover: light-dark(#c2d8f4, #5e6e9e);
    --novoui-background-side-menus-menu-notification: light-dark(#005bd2, #005bd2);
    --novoui-background-side-menus-menu-subnav: light-dark(#fff, #000b2d);
    --novoui-background-side-menus-switcher-enabled: light-dark(#fff, #000b2d);
    --novoui-background-side-menus-switcher-hover: light-dark(#fff, #001965);
    --novoui-background-side-menus-switcher-active: light-dark(#e6effb, #2e4281);
    --novoui-border-general-subtle: light-dark(#e8eaf0, #2e4281);
    --novoui-border-general-medium: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-general-strong: light-dark(#b3b8c7, #919cbd);
    --novoui-border-general-heavy: light-dark(#8e94a6, #c2c8da);
    --novoui-border-general-focus: light-dark(#84bdea, #5eaae4);
    --novoui-border-general-low-emphasis-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-general-low-emphasis-hover: light-dark(#b3b8c7, #919cbd);
    --novoui-border-general-low-emphasis-active: light-dark(#8e94a6, #c2c8da);
    --novoui-border-general-high-emphasis-enabled: light-dark(#005bd2, #005bd2);
    --novoui-border-general-high-emphasis-hover: light-dark(#004db3, #2e79da);
    --novoui-border-general-high-emphasis-active: light-dark(#004195, #5e98e3);
    --novoui-border-disabled-subtle: light-dark(#dfdad5, #454b5c);
    --novoui-border-disabled-medium: light-dark(#d5cfc9, #666d80);
    --novoui-border-disabled-strong: light-dark(#ccc5bd, #8e94a6);
    --novoui-border-alert-enabled: light-dark(#c44836, #c44836);
    --novoui-border-alert-hover: light-dark(#a33c2d, #e6553f);
    --novoui-border-alert-active: light-dark(#833024, #eb7462);
    --novoui-border-accordion-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-button-outline-enabled: light-dark(#005bd2, #005bd2);
    --novoui-border-button-outline-hover: light-dark(#004db3, #2e79da);
    --novoui-border-button-outline-active: light-dark(#004195, #5e98e3);
    --novoui-border-button-outline-subtle-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-button-outline-subtle-hover: light-dark(#b3b8c7, #919cbd);
    --novoui-border-button-outline-subtle-active: light-dark(#004195, #c2c8da);
    --novoui-border-button-destructive-focus: light-dark(#ef9486, #eb7462);
    --novoui-border-button-transparent-enabled: light-dark(#00196526, #ffffff26);
    --novoui-border-button-transparent-hover: light-dark(#00196580, #ffffff80);
    --novoui-border-button-transparent-active: light-dark(#001965, #fff);
    --novoui-border-button-transparent-branded-enabled: light-dark(#ffffff26, #ffffff26);
    --novoui-border-button-transparent-branded-hover: light-dark(#ffffff80, #ffffff80);
    --novoui-border-button-transparent-branded-active: light-dark(#fff, #fff);
    --novoui-border-cards-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-cards-hover: light-dark(#b3b8c7, #919cbd);
    --novoui-border-cards-hover-elevated: light-dark(#e8eaf0, #5e6e9e);
    --novoui-border-cards-outline-unselected-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-cards-outline-unselected-hover: light-dark(#005bd2, #005bd2);
    --novoui-border-cards-outline-unselected-pressed: light-dark(#004db3, #2e79da);
    --novoui-border-cards-outline-selected-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-cards-outline-selected-hover: light-dark(#005bd2, #005bd2);
    --novoui-border-cards-outline-selected-pressed: light-dark(#004db3, #2e79da);
    --novoui-border-controls-low-emphasis-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-controls-low-emphasis-hover: light-dark(#b3b8c7, #919cbd);
    --novoui-border-controls-low-emphasis-pressed: light-dark(#8e94a6, #c2c8da);
    --novoui-border-controls-low-emphasis-selected: light-dark(#005bd2, #005bd2);
    --novoui-border-controls-low-emphasis-selected-hover: light-dark(#004db3, #2e79da);
    --novoui-border-controls-focus: light-dark(#84bdea, #5eaae4);
    --novoui-border-controls-high-emphasis-enabled: light-dark(#005bd2, #005bd2);
    --novoui-border-controls-high-emphasis-hover: light-dark(#004db3, #2e79da);
    --novoui-border-controls-high-emphasis-pressed: light-dark(#004195, #5e98e3);
    --novoui-border-date-picker-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-date-picker-hover: light-dark(#f0f1f5, #919cbd);
    --novoui-border-drag-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-drag-hover: light-dark(#b3b8c7, #919cbd);
    --novoui-border-drag-active: light-dark(#005bd2, #005bd2);
    --novoui-border-forms-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-forms-active: light-dark(#005bd2, #005bd2);
    --novoui-border-notifications-neutral-enabled: light-dark(#e8eaf0, #2e4281);
    --novoui-border-table-dark: light-dark(#454b5c, #2e4281);
    --novoui-border-table-light: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-table-transparent: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-tabs-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-tabs-hover: light-dark(#005bd2, #005bd2);
    --novoui-border-tabs-active: light-dark(#005bd2, #005bd2);
    --novoui-border-toggle-switch-base: light-dark(#e8eaf0, #2e4281);
    --novoui-border-toggle-button-outline-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-toggle-button-outline-hover: light-dark(#b3b8c7, #919cbd);
    --novoui-border-toggle-button-outline-selected: light-dark(#004db3, #c2c8da);
    --novoui-border-tooltip-border: light-dark(#000b2d, #91b8ec);
    --novoui-border-selection-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-selection-hover: light-dark(#005bd2, #2e79da);
    --novoui-border-selection-active: light-dark(#004195, #5e98e3);
    --novoui-border-selection-switch-enabled: light-dark(#dcdee5, #2e4281);
    --novoui-border-selection-switch-hover: light-dark(#005bd2, #5e6e9e);
    --novoui-border-selection-switch-selected-enabled: light-dark(#dcdee5, #005bd2);
    --novoui-border-selection-switch-selected-hover: light-dark(#005bd2, #2e79da);
    --novoui-border-side-menus-menu-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-side-menus-menu-hover: light-dark(#b3b8c7, #919cbd);
    --novoui-border-side-menus-menu-notification: light-dark(#fff, #001965);
    --novoui-border-side-menus-menu-notification-selected: light-dark(#e6effb, #2e4281);
    --novoui-border-side-menus-menu-side-panel: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-side-menus-switcher-enabled: light-dark(#dcdee5, #5e6e9e);
    --novoui-border-side-menus-switcher-hover: light-dark(#b3b8c7, #919cbd);
    --novoui-border-side-menus-switcher-active: light-dark(#005bd2, #005bd2);
    --novoui-text-color-general-headline: light-dark(#001965, #fff);
    --novoui-fill-general-headline: light-dark(#001965, #fff);
    --novoui-stroke-general-headline: light-dark(#001965, #fff);
    --novoui-text-color-general-primary: light-dark(#001965, #fff);
    --novoui-fill-general-primary: light-dark(#001965, #fff);
    --novoui-stroke-general-primary: light-dark(#001965, #fff);
    --novoui-text-color-general-secondary: light-dark(#454b5c, #c2c8da);
    --novoui-fill-general-secondary: light-dark(#454b5c, #c2c8da);
    --novoui-stroke-general-secondary: light-dark(#454b5c, #c2c8da);
    --novoui-text-color-general-tertiary: light-dark(#666d80, #919cbd);
    --novoui-fill-general-tertiary: light-dark(#666d80, #919cbd);
    --novoui-stroke-general-tertiary: light-dark(#666d80, #919cbd);
    --novoui-text-color-general-inverted: light-dark(#fff, #fff);
    --novoui-fill-general-inverted: light-dark(#fff, #fff);
    --novoui-stroke-general-inverted: light-dark(#fff, #fff);
    --novoui-text-color-general-inverted-secondary: light-dark(#b3b8c7, #b3b8c7);
    --novoui-fill-general-inverted-secondary: light-dark(#b3b8c7, #b3b8c7);
    --novoui-stroke-general-inverted-secondary: light-dark(#b3b8c7, #b3b8c7);
    --novoui-text-color-general-seperator: light-dark(#b3b8c7, #8e94a6);
    --novoui-fill-general-seperator: light-dark(#b3b8c7, #8e94a6);
    --novoui-stroke-general-seperator: light-dark(#b3b8c7, #8e94a6);
    --novoui-text-color-general-high-emphasis-enabled: light-dark(#005bd2, #91b8ec);
    --novoui-fill-general-high-emphasis-enabled: light-dark(#005bd2, #91b8ec);
    --novoui-stroke-general-high-emphasis-enabled: light-dark(#005bd2, #91b8ec);
    --novoui-text-color-general-high-emphasis-hover: light-dark(#004db3, #c2d8f4);
    --novoui-fill-general-high-emphasis-hover: light-dark(#004db3, #c2d8f4);
    --novoui-stroke-general-high-emphasis-hover: light-dark(#004db3, #c2d8f4);
    --novoui-text-color-general-high-emphasis-active: light-dark(#004195, #fff);
    --novoui-fill-general-high-emphasis-active: light-dark(#004195, #fff);
    --novoui-stroke-general-high-emphasis-active: light-dark(#004195, #fff);
    --novoui-text-color-disabled-subtle: light-dark(#ccc5bd, #666d80);
    --novoui-fill-disabled-subtle: light-dark(#ccc5bd, #666d80);
    --novoui-stroke-disabled-subtle: light-dark(#ccc5bd, #666d80);
    --novoui-text-color-disabled-medium: light-dark(#ada7a1, #8e94a6);
    --novoui-fill-disabled-medium: light-dark(#ada7a1, #8e94a6);
    --novoui-stroke-disabled-medium: light-dark(#ada7a1, #8e94a6);
    --novoui-text-color-disabled-strong: light-dark(#918c86, #b3b8c7);
    --novoui-fill-disabled-strong: light-dark(#918c86, #b3b8c7);
    --novoui-stroke-disabled-strong: light-dark(#918c86, #b3b8c7);
    --novoui-text-color-alert-enabled: light-dark(#c44836, #eb7462);
    --novoui-fill-alert-enabled: light-dark(#c44836, #eb7462);
    --novoui-stroke-alert-enabled: light-dark(#c44836, #eb7462);
    --novoui-text-color-alert-hover: light-dark(#a33c2d, #ef9486);
    --novoui-fill-alert-hover: light-dark(#a33c2d, #ef9486);
    --novoui-stroke-alert-hover: light-dark(#a33c2d, #ef9486);
    --novoui-text-color-alert-active: light-dark(#833024, #f4b6ac);
    --novoui-fill-alert-active: light-dark(#833024, #f4b6ac);
    --novoui-stroke-alert-active: light-dark(#833024, #f4b6ac);
    --novoui-text-color-alert-inverted: light-dark(#fff, #67261c);
    --novoui-fill-alert-inverted: light-dark(#fff, #67261c);
    --novoui-stroke-alert-inverted: light-dark(#fff, #67261c);
    --novoui-text-color-links-enabled: light-dark(#005bd2, #5e98e3);
    --novoui-fill-links-enabled: light-dark(#005bd2, #5e98e3);
    --novoui-stroke-links-enabled: light-dark(#005bd2, #5e98e3);
    --novoui-text-color-links-hover: light-dark(#004195, #91b8ec);
    --novoui-fill-links-hover: light-dark(#004195, #91b8ec);
    --novoui-stroke-links-hover: light-dark(#004195, #91b8ec);
    --novoui-text-color-links-active: light-dark(#005bd2, #c2d8f4);
    --novoui-fill-links-active: light-dark(#005bd2, #c2d8f4);
    --novoui-stroke-links-active: light-dark(#005bd2, #c2d8f4);
    --novoui-text-color-links-visited: light-dark(#005bd2, #5e98e3);
    --novoui-fill-links-visited: light-dark(#005bd2, #5e98e3);
    --novoui-stroke-links-visited: light-dark(#005bd2, #5e98e3);
    --novoui-text-color-accent-enabled: light-dark(#454b5c, #c2c8da);
    --novoui-fill-accent-enabled: light-dark(#454b5c, #c2c8da);
    --novoui-stroke-accent-enabled: light-dark(#454b5c, #c2c8da);
    --novoui-text-color-accordion-headline: light-dark(#001965, #fff);
    --novoui-fill-accordion-headline: light-dark(#001965, #fff);
    --novoui-stroke-accordion-headline: light-dark(#001965, #fff);
    --novoui-text-color-accordion-body: light-dark(#454b5c, #c2c8da);
    --novoui-fill-accordion-body: light-dark(#454b5c, #c2c8da);
    --novoui-stroke-accordion-body: light-dark(#454b5c, #c2c8da);
    --novoui-text-color-accordion-active: light-dark(#001965, #fff);
    --novoui-fill-accordion-active: light-dark(#001965, #fff);
    --novoui-stroke-accordion-active: light-dark(#001965, #fff);
    --novoui-text-color-button-fill-enabled: light-dark(#fff, #fff);
    --novoui-fill-button-fill-enabled: light-dark(#fff, #fff);
    --novoui-stroke-button-fill-enabled: light-dark(#fff, #fff);
    --novoui-text-color-button-fill-secondary-enabled: light-dark(#fff, #fff);
    --novoui-fill-button-fill-secondary-enabled: light-dark(#fff, #fff);
    --novoui-stroke-button-fill-secondary-enabled: light-dark(#fff, #fff);
    --novoui-text-color-button-outline-enabled: light-dark(#005bd2, #91b8ec);
    --novoui-fill-button-outline-enabled: light-dark(#005bd2, #91b8ec);
    --novoui-stroke-button-outline-enabled: light-dark(#005bd2, #91b8ec);
    --novoui-text-color-button-outline-hover: light-dark(#004db3, #c2d8f4);
    --novoui-fill-button-outline-hover: light-dark(#004db3, #c2d8f4);
    --novoui-stroke-button-outline-hover: light-dark(#004db3, #c2d8f4);
    --novoui-text-color-button-outline-active: light-dark(#004195, #fff);
    --novoui-fill-button-outline-active: light-dark(#004195, #fff);
    --novoui-stroke-button-outline-active: light-dark(#004195, #fff);
    --novoui-text-color-button-outline-subtle-enabled: light-dark(#001965, #fff);
    --novoui-fill-button-outline-subtle-enabled: light-dark(#001965, #fff);
    --novoui-stroke-button-outline-subtle-enabled: light-dark(#001965, #fff);
    --novoui-text-color-button-text-enabled: light-dark(#005bd2, #91b8ec);
    --novoui-fill-button-text-enabled: light-dark(#005bd2, #91b8ec);
    --novoui-stroke-button-text-enabled: light-dark(#005bd2, #91b8ec);
    --novoui-text-color-button-text-hover: light-dark(#004db3, #c2d8f4);
    --novoui-fill-button-text-hover: light-dark(#004db3, #c2d8f4);
    --novoui-stroke-button-text-hover: light-dark(#004db3, #c2d8f4);
    --novoui-text-color-button-text-active: light-dark(#004195, #fff);
    --novoui-fill-button-text-active: light-dark(#004195, #fff);
    --novoui-stroke-button-text-active: light-dark(#004195, #fff);
    --novoui-text-color-button-destructive-enabled: light-dark(#fff, #fff);
    --novoui-fill-button-destructive-enabled: light-dark(#fff, #fff);
    --novoui-stroke-button-destructive-enabled: light-dark(#fff, #fff);
    --novoui-text-color-button-transparent-enabled: light-dark(#001965, #fff);
    --novoui-fill-button-transparent-enabled: light-dark(#001965, #fff);
    --novoui-stroke-button-transparent-enabled: light-dark(#001965, #fff);
    --novoui-text-color-button-transparent-inverted: light-dark(#fff, #fff);
    --novoui-fill-button-transparent-inverted: light-dark(#fff, #fff);
    --novoui-stroke-button-transparent-inverted: light-dark(#fff, #fff);
    --novoui-text-color-cards-enabled: light-dark(#001965, #fff);
    --novoui-fill-cards-enabled: light-dark(#001965, #fff);
    --novoui-stroke-cards-enabled: light-dark(#001965, #fff);
    --novoui-text-color-cards-unselected: light-dark(#454b5c, #c2c8da);
    --novoui-fill-cards-unselected: light-dark(#454b5c, #c2c8da);
    --novoui-stroke-cards-unselected: light-dark(#454b5c, #c2c8da);
    --novoui-text-color-controls-high-emphasis: light-dark(#005bd2, #91b8ec);
    --novoui-fill-controls-high-emphasis: light-dark(#005bd2, #91b8ec);
    --novoui-stroke-controls-high-emphasis: light-dark(#005bd2, #91b8ec);
    --novoui-text-color-controls-high-emphasis-hover: light-dark(#004db3, #c2d8f4);
    --novoui-fill-controls-high-emphasis-hover: light-dark(#004db3, #c2d8f4);
    --novoui-stroke-controls-high-emphasis-hover: light-dark(#004db3, #c2d8f4);
    --novoui-text-color-controls-high-emphasis-pressed: light-dark(#004db3, #c2d8f4);
    --novoui-fill-controls-high-emphasis-pressed: light-dark(#004db3, #c2d8f4);
    --novoui-stroke-controls-high-emphasis-pressed: light-dark(#004db3, #c2d8f4);
    --novoui-text-color-controls-high-emphasis-selected: light-dark(#004195, #fff);
    --novoui-fill-controls-high-emphasis-selected: light-dark(#004195, #fff);
    --novoui-stroke-controls-high-emphasis-selected: light-dark(#004195, #fff);
    --novoui-text-color-controls-low-emphasis: light-dark(#001965, #fff);
    --novoui-fill-controls-low-emphasis: light-dark(#001965, #fff);
    --novoui-stroke-controls-low-emphasis: light-dark(#001965, #fff);
    --novoui-text-color-controls-selected: light-dark(#fff, #fff);
    --novoui-fill-controls-selected: light-dark(#fff, #fff);
    --novoui-stroke-controls-selected: light-dark(#fff, #fff);
    --novoui-text-color-date-picker-enabled: light-dark(#001965, #fff);
    --novoui-fill-date-picker-enabled: light-dark(#001965, #fff);
    --novoui-stroke-date-picker-enabled: light-dark(#001965, #fff);
    --novoui-text-color-date-picker-selected: light-dark(#fff, #fff);
    --novoui-fill-date-picker-selected: light-dark(#fff, #fff);
    --novoui-stroke-date-picker-selected: light-dark(#fff, #fff);
    --novoui-text-color-date-picker-prev-next: light-dark(#666d80, #919cbd);
    --novoui-fill-date-picker-prev-next: light-dark(#666d80, #919cbd);
    --novoui-stroke-date-picker-prev-next: light-dark(#666d80, #919cbd);
    --novoui-text-color-date-picker-read-only: light-dark(#dcdee5, #5e6e9e);
    --novoui-fill-date-picker-read-only: light-dark(#dcdee5, #5e6e9e);
    --novoui-stroke-date-picker-read-only: light-dark(#dcdee5, #5e6e9e);
    --novoui-text-color-drag-enabled: light-dark(#b3b8c7, #c2c8da);
    --novoui-fill-drag-enabled: light-dark(#b3b8c7, #c2c8da);
    --novoui-stroke-drag-enabled: light-dark(#b3b8c7, #c2c8da);
    --novoui-text-color-drag-hover: light-dark(#8e94a6, #c2c8da);
    --novoui-fill-drag-hover: light-dark(#8e94a6, #c2c8da);
    --novoui-stroke-drag-hover: light-dark(#8e94a6, #c2c8da);
    --novoui-text-color-drag-active: light-dark(#001965, #fff);
    --novoui-fill-drag-active: light-dark(#001965, #fff);
    --novoui-stroke-drag-active: light-dark(#001965, #fff);
    --novoui-text-color-forms-empty: light-dark(#666d80, #c2c8da);
    --novoui-fill-forms-empty: light-dark(#666d80, #c2c8da);
    --novoui-stroke-forms-empty: light-dark(#666d80, #c2c8da);
    --novoui-text-color-forms-filled: light-dark(#001965, #fff);
    --novoui-fill-forms-filled: light-dark(#001965, #fff);
    --novoui-stroke-forms-filled: light-dark(#001965, #fff);
    --novoui-text-color-forms-label: light-dark(#001965, #fff);
    --novoui-fill-forms-label: light-dark(#001965, #fff);
    --novoui-stroke-forms-label: light-dark(#001965, #fff);
    --novoui-text-color-forms-assistive: light-dark(#666d80, #919cbd);
    --novoui-fill-forms-assistive: light-dark(#666d80, #919cbd);
    --novoui-stroke-forms-assistive: light-dark(#666d80, #919cbd);
    --novoui-text-color-forms-handle: light-dark(#dcdee5, #919cbd);
    --novoui-fill-forms-handle: light-dark(#dcdee5, #919cbd);
    --novoui-stroke-forms-handle: light-dark(#dcdee5, #919cbd);
    --novoui-text-color-notifications-and-tags-enabled: light-dark(#001965, #fff);
    --novoui-fill-notifications-and-tags-enabled: light-dark(#001965, #fff);
    --novoui-stroke-notifications-and-tags-enabled: light-dark(#001965, #fff);
    --novoui-text-color-notifications-and-tags-on-brand: light-dark(#fff, #fff);
    --novoui-fill-notifications-and-tags-on-brand: light-dark(#fff, #fff);
    --novoui-stroke-notifications-and-tags-on-brand: light-dark(#fff, #fff);
    --novoui-text-color-notifications-and-tags-on-sucess: light-dark(#36852d, #ecf5eb);
    --novoui-fill-notifications-and-tags-on-sucess: light-dark(#36852d, #ecf5eb);
    --novoui-stroke-notifications-and-tags-on-sucess: light-dark(#36852d, #ecf5eb);
    --novoui-text-color-notifications-and-tags-on-subtle-sucess: light-dark(#24591e, #d1e7cf);
    --novoui-fill-notifications-and-tags-on-subtle-sucess: light-dark(#24591e, #d1e7cf);
    --novoui-stroke-notifications-and-tags-on-subtle-sucess: light-dark(#24591e, #d1e7cf);
    --novoui-text-color-notifications-and-tags-on-warning: light-dark(#000b2d, #faebc2);
    --novoui-fill-notifications-and-tags-on-warning: light-dark(#000b2d, #faebc2);
    --novoui-stroke-notifications-and-tags-on-warning: light-dark(#000b2d, #faebc2);
    --novoui-text-color-notifications-and-tags-on-strong-warning: light-dark(#000b2d, #000b2d);
    --novoui-fill-notifications-and-tags-on-strong-warning: light-dark(#000b2d, #000b2d);
    --novoui-stroke-notifications-and-tags-on-strong-warning: light-dark(#000b2d, #000b2d);
    --novoui-text-color-notifications-and-tags-on-alert: light-dark(#833024, #f9d6d1);
    --novoui-fill-notifications-and-tags-on-alert: light-dark(#833024, #f9d6d1);
    --novoui-stroke-notifications-and-tags-on-alert: light-dark(#833024, #f9d6d1);
    --novoui-text-color-notifications-and-tags-on-info: light-dark(#22567f, #d0e6f7);
    --novoui-fill-notifications-and-tags-on-info: light-dark(#22567f, #d0e6f7);
    --novoui-stroke-notifications-and-tags-on-info: light-dark(#22567f, #d0e6f7);
    --novoui-text-color-notifications-and-tags-on-neutral: light-dark(#454b5c, #f7f8fa);
    --novoui-fill-notifications-and-tags-on-neutral: light-dark(#454b5c, #f7f8fa);
    --novoui-stroke-notifications-and-tags-on-neutral: light-dark(#454b5c, #f7f8fa);
    --novoui-text-color-table-primary: light-dark(#001965, #fff);
    --novoui-fill-table-primary: light-dark(#001965, #fff);
    --novoui-stroke-table-primary: light-dark(#001965, #fff);
    --novoui-text-color-table-secondary: light-dark(#454b5c, #c2c8da);
    --novoui-fill-table-secondary: light-dark(#454b5c, #c2c8da);
    --novoui-stroke-table-secondary: light-dark(#454b5c, #c2c8da);
    --novoui-text-color-table-inverted: light-dark(#fff, #fff);
    --novoui-fill-table-inverted: light-dark(#fff, #fff);
    --novoui-stroke-table-inverted: light-dark(#fff, #fff);
    --novoui-text-color-table-inverted-secondary: light-dark(#b3b8c7, #c2c8da);
    --novoui-fill-table-inverted-secondary: light-dark(#b3b8c7, #c2c8da);
    --novoui-stroke-table-inverted-secondary: light-dark(#b3b8c7, #c2c8da);
    --novoui-text-color-tabs-enabled: light-dark(#454b5c, #c2c8da);
    --novoui-fill-tabs-enabled: light-dark(#454b5c, #c2c8da);
    --novoui-stroke-tabs-enabled: light-dark(#454b5c, #c2c8da);
    --novoui-text-color-tabs-hover: light-dark(#004db3, #c2d8f4);
    --novoui-fill-tabs-hover: light-dark(#004db3, #c2d8f4);
    --novoui-stroke-tabs-hover: light-dark(#004db3, #c2d8f4);
    --novoui-text-color-tabs-active: light-dark(#004db3, #91b8ec);
    --novoui-fill-tabs-active: light-dark(#004db3, #91b8ec);
    --novoui-stroke-tabs-active: light-dark(#004db3, #91b8ec);
    --novoui-text-color-tabs-disabled: light-dark(#ada7a1, #666d80);
    --novoui-fill-tabs-disabled: light-dark(#ada7a1, #666d80);
    --novoui-stroke-tabs-disabled: light-dark(#ada7a1, #666d80);
    --novoui-text-color-toggle-switch-enabled: light-dark(#001965, #fff);
    --novoui-fill-toggle-switch-enabled: light-dark(#001965, #fff);
    --novoui-stroke-toggle-switch-enabled: light-dark(#001965, #fff);
    --novoui-text-color-toggle-switch-selected: light-dark(#fff, #fff);
    --novoui-fill-toggle-switch-selected: light-dark(#fff, #fff);
    --novoui-stroke-toggle-switch-selected: light-dark(#fff, #fff);
    --novoui-text-color-toggle-button-fill-enabled: light-dark(#001965, #fff);
    --novoui-fill-toggle-button-fill-enabled: light-dark(#001965, #fff);
    --novoui-stroke-toggle-button-fill-enabled: light-dark(#001965, #fff);
    --novoui-text-color-toggle-button-fill-selected: light-dark(#fff, #fff);
    --novoui-fill-toggle-button-fill-selected: light-dark(#fff, #fff);
    --novoui-stroke-toggle-button-fill-selected: light-dark(#fff, #fff);
    --novoui-text-color-toggle-button-outline-enabled: light-dark(#001965, #fff);
    --novoui-fill-toggle-button-outline-enabled: light-dark(#001965, #fff);
    --novoui-stroke-toggle-button-outline-enabled: light-dark(#001965, #fff);
    --novoui-text-color-toggle-button-outline-selected: light-dark(#004db3, #fff);
    --novoui-fill-toggle-button-outline-selected: light-dark(#004db3, #fff);
    --novoui-stroke-toggle-button-outline-selected: light-dark(#004db3, #fff);
    --novoui-text-color-tooltip-enabled: light-dark(#fff, #001965);
    --novoui-fill-tooltip-enabled: light-dark(#fff, #001965);
    --novoui-stroke-tooltip-enabled: light-dark(#fff, #001965);
    --novoui-text-color-tooltip-primary: light-dark(#fff, #001965);
    --novoui-fill-tooltip-primary: light-dark(#fff, #001965);
    --novoui-stroke-tooltip-primary: light-dark(#fff, #001965);
    --novoui-text-color-tooltip-secondary: light-dark(#b3b8c7, #454b5c);
    --novoui-fill-tooltip-secondary: light-dark(#b3b8c7, #454b5c);
    --novoui-stroke-tooltip-secondary: light-dark(#b3b8c7, #454b5c);
    --novoui-text-color-selection-enabled: light-dark(#001965, #fff);
    --novoui-fill-selection-enabled: light-dark(#001965, #fff);
    --novoui-stroke-selection-enabled: light-dark(#001965, #fff);
    --novoui-text-color-selection-unselected: light-dark(#454b5c, #c2c8da);
    --novoui-fill-selection-unselected: light-dark(#454b5c, #c2c8da);
    --novoui-stroke-selection-unselected: light-dark(#454b5c, #c2c8da);
    --novoui-text-color-selection-selected: light-dark(#005bd2, #fff);
    --novoui-fill-selection-selected: light-dark(#005bd2, #fff);
    --novoui-stroke-selection-selected: light-dark(#005bd2, #fff);
    --novoui-text-color-selection-on-selected: light-dark(#fff, #fff);
    --novoui-fill-selection-on-selected: light-dark(#fff, #fff);
    --novoui-stroke-selection-on-selected: light-dark(#fff, #fff);
    --novoui-text-color-side-menus-menu-enabled: light-dark(#454b5c, #fff);
    --novoui-fill-side-menus-menu-enabled: light-dark(#454b5c, #fff);
    --novoui-stroke-side-menus-menu-enabled: light-dark(#454b5c, #fff);
    --novoui-text-color-side-menus-menu-hover: light-dark(#005bd2, #91b8ec);
    --novoui-fill-side-menus-menu-hover: light-dark(#005bd2, #91b8ec);
    --novoui-stroke-side-menus-menu-hover: light-dark(#005bd2, #91b8ec);
    --novoui-text-color-side-menus-menu-header: light-dark(#666d80, #919cbd);
    --novoui-fill-side-menus-menu-header: light-dark(#666d80, #919cbd);
    --novoui-stroke-side-menus-menu-header: light-dark(#666d80, #919cbd);
    --novoui-text-color-side-menus-switcher-primary: light-dark(#001965, #fff);
    --novoui-fill-side-menus-switcher-primary: light-dark(#001965, #fff);
    --novoui-stroke-side-menus-switcher-primary: light-dark(#001965, #fff);
    --novoui-text-color-side-menus-switcher-secondary: light-dark(#666d80, #c2c8da);
    --novoui-fill-side-menus-switcher-secondary: light-dark(#666d80, #c2c8da);
    --novoui-stroke-side-menus-switcher-secondary: light-dark(#666d80, #c2c8da);
    --novoui-text-color-overlays-base-header: light-dark(#666d80, #919cbd);
    --novoui-fill-overlays-base-header: light-dark(#666d80, #919cbd);
    --novoui-stroke-overlays-base-header: light-dark(#666d80, #919cbd);
    --novoui-text-color-overlays-base-menu: light-dark(#454b5c, #c2c8da);
    --novoui-fill-overlays-base-menu: light-dark(#454b5c, #c2c8da);
    --novoui-stroke-overlays-base-menu: light-dark(#454b5c, #c2c8da);
    --novoui-font-family: Noto sans;
    --novoui-weight-regular: Regular;
    --novoui-weight-semi-bold: Semi Bold;
    --novoui-weight-bold: Bold;
    --novoui-weight-medium: Medium;
    --novoui-radius-x-small: .125rem;
    --novoui-radius-small: .25rem;
    --novoui-radius: .5rem;
    --novoui-radius-large: .75rem;
    --novoui-radius-x-large: 1.25rem;
    --novoui-radius-xx-large: 1.75rem;
    --novoui-radius-full: 624.938rem;
    --novoui-shadow-color-subtle: #0000000d;
    --novoui-shadow-color-low: #0000001a;
    --novoui-shadow-color-medium: #00000026;
    --novoui-shadow-color-high: #00000040;
    --novoui-border-width-subtle: .0625rem;
    --novoui-border-width-heavy: .125rem;
  }

  @media (min-width: 1536px) {
    :root {
      --novoui-spacing-xxxsmall: .25rem;
      --novoui-spacing-xxsmall: .5rem;
      --novoui-spacing-xsmall: .75rem;
      --novoui-spacing-small: 1rem;
      --novoui-spacing-medium: 1.25rem;
      --novoui-spacing-large: 1.5rem;
      --novoui-spacing-xlarge: 1.75rem;
      --novoui-spacing-xxlarge: 2rem;
      --novoui-spacing-xxxlarge: 2.25rem;
      --novoui-spacing-big: 3rem;
      --novoui-spacing-xbig: 4rem;
      --novoui-spacing-xxbig: 5rem;
      --novoui-spacing-xxxbig: 6rem;
      --novoui-spacing-huge: 8rem;
      --novoui-spacing-xhuge: 10rem;
      --novoui-spacing-xxhuge: 12rem;
      --novoui-headings-h1: 2.5rem;
      --novoui-headings-h1--line-height: 3rem;
      --novoui-headings-h2: 2rem;
      --novoui-headings-h2--line-height: 2.5rem;
      --novoui-headings-h3: 1.5rem;
      --novoui-headings-h3--line-height: 2rem;
      --novoui-headings-h4: 1.25rem;
      --novoui-headings-h4--line-height: 1.75rem;
      --novoui-headings-h5: 1.125rem;
      --novoui-headings-h5--line-height: 1.5rem;
      --novoui-body-large: 1.125rem;
      --novoui-body-large--line-height: 1.75rem;
      --novoui-body-medium: 1rem;
      --novoui-body-medium--line-height: 1.5rem;
      --novoui-body-small: .875rem;
      --novoui-body-small--line-height: 1.375rem;
      --novoui-body-xsmall: .75rem;
      --novoui-body-xsmall--line-height: 1rem;
      --novoui-ui-button-10: .625rem;
      --novoui-ui-button-10--line-height: 1rem;
      --novoui-ui-button-12: .75rem;
      --novoui-ui-button-12--line-height: 1rem;
      --novoui-ui-button-14: .875rem;
      --novoui-ui-button-14--line-height: 1rem;
      --novoui-ui-button-16: 1rem;
      --novoui-ui-button-16--line-height: 1.5rem;
      --novoui-ui-label-10: .625rem;
      --novoui-ui-label-10--line-height: 1rem;
      --novoui-ui-label-12: .75rem;
      --novoui-ui-label-12--line-height: 1.125rem;
      --novoui-ui-label-14: .875rem;
      --novoui-ui-label-14--line-height: 1.25rem;
      --novoui-ui-label-16: 1rem;
      --novoui-ui-label-16--line-height: 1.5rem;
      --novoui-ui-label-18: 1.125rem;
      --novoui-ui-label-18--line-height: 1.75rem;
      --novoui-ui-input-14: .875rem;
      --novoui-ui-input-14--line-height: 1.25rem;
      --novoui-ui-input-16: 1rem;
      --novoui-ui-input-16--line-height: 1.5rem;
      --novoui-ui-control-12: .75rem;
      --novoui-ui-control-12--line-height: .875rem;
      --novoui-ui-control-14: .875rem;
      --novoui-ui-control-14--line-height: 1rem;
      --novoui-ui-control-16: 1rem;
      --novoui-ui-control-16--line-height: 1.5rem;
      --novoui-ui-table-12: .75rem;
      --novoui-ui-table-12--line-height: 1rem;
      --novoui-ui-table-14: .875rem;
      --novoui-ui-table-14--line-height: 1rem;
    }
  }

  @media (min-width: 1200px) and (max-width: 1535px) {
    :root {
      --novoui-spacing-xxxsmall: .25rem;
      --novoui-spacing-xxsmall: .5rem;
      --novoui-spacing-xsmall: .75rem;
      --novoui-spacing-small: 1rem;
      --novoui-spacing-medium: 1.25rem;
      --novoui-spacing-large: 1.5rem;
      --novoui-spacing-xlarge: 1.75rem;
      --novoui-spacing-xxlarge: 2rem;
      --novoui-spacing-xxxlarge: 2.25rem;
      --novoui-spacing-big: 3rem;
      --novoui-spacing-xbig: 4rem;
      --novoui-spacing-xxbig: 5rem;
      --novoui-spacing-xxxbig: 6rem;
      --novoui-spacing-huge: 8rem;
      --novoui-spacing-xhuge: 10rem;
      --novoui-spacing-xxhuge: 12rem;
      --novoui-headings-h1: 2.5rem;
      --novoui-headings-h1--line-height: 3rem;
      --novoui-headings-h2: 2rem;
      --novoui-headings-h2--line-height: 2.5rem;
      --novoui-headings-h3: 1.5rem;
      --novoui-headings-h3--line-height: 2rem;
      --novoui-headings-h4: 1.25rem;
      --novoui-headings-h4--line-height: 1.75rem;
      --novoui-headings-h5: 1.125rem;
      --novoui-headings-h5--line-height: 1.5rem;
      --novoui-body-large: 1.125rem;
      --novoui-body-large--line-height: 1.75rem;
      --novoui-body-medium: 1rem;
      --novoui-body-medium--line-height: 1.5rem;
      --novoui-body-small: .875rem;
      --novoui-body-small--line-height: 1.375rem;
      --novoui-body-xsmall: .75rem;
      --novoui-body-xsmall--line-height: 1rem;
      --novoui-ui-button-10: .625rem;
      --novoui-ui-button-10--line-height: 1rem;
      --novoui-ui-button-12: .75rem;
      --novoui-ui-button-12--line-height: 1rem;
      --novoui-ui-button-14: .875rem;
      --novoui-ui-button-14--line-height: 1rem;
      --novoui-ui-button-16: 1rem;
      --novoui-ui-button-16--line-height: 1.5rem;
      --novoui-ui-label-10: .625rem;
      --novoui-ui-label-10--line-height: 1rem;
      --novoui-ui-label-12: .75rem;
      --novoui-ui-label-12--line-height: 1.125rem;
      --novoui-ui-label-14: .875rem;
      --novoui-ui-label-14--line-height: 1.25rem;
      --novoui-ui-label-16: 1rem;
      --novoui-ui-label-16--line-height: 1.5rem;
      --novoui-ui-label-18: 1.125rem;
      --novoui-ui-label-18--line-height: 1.75rem;
      --novoui-ui-input-14: .875rem;
      --novoui-ui-input-14--line-height: 1.25rem;
      --novoui-ui-input-16: 1rem;
      --novoui-ui-input-16--line-height: 1.5rem;
      --novoui-ui-control-12: .875rem;
      --novoui-ui-control-12--line-height: .875rem;
      --novoui-ui-control-14: .875rem;
      --novoui-ui-control-14--line-height: 1rem;
      --novoui-ui-control-16: 1rem;
      --novoui-ui-control-16--line-height: 1.5rem;
      --novoui-ui-table-12: .75rem;
      --novoui-ui-table-12--line-height: 1rem;
      --novoui-ui-table-14: .875rem;
      --novoui-ui-table-14--line-height: 1rem;
    }
  }

  @media (min-width: 900px) and (max-width: 1199px) {
    :root {
      --novoui-spacing-xxxsmall: .25rem;
      --novoui-spacing-xxsmall: .5rem;
      --novoui-spacing-xsmall: .75rem;
      --novoui-spacing-small: 1rem;
      --novoui-spacing-medium: 1.25rem;
      --novoui-spacing-large: 1.5rem;
      --novoui-spacing-xlarge: 1.75rem;
      --novoui-spacing-xxlarge: 2rem;
      --novoui-spacing-xxxlarge: 2.25rem;
      --novoui-spacing-big: 3rem;
      --novoui-spacing-xbig: 4rem;
      --novoui-spacing-xxbig: 5rem;
      --novoui-spacing-xxxbig: 6rem;
      --novoui-spacing-huge: 8rem;
      --novoui-spacing-xhuge: 10rem;
      --novoui-spacing-xxhuge: 12rem;
      --novoui-headings-h1: 2rem;
      --novoui-headings-h1--line-height: 2.5rem;
      --novoui-headings-h2: 1.5rem;
      --novoui-headings-h2--line-height: 2rem;
      --novoui-headings-h3: 1.25rem;
      --novoui-headings-h3--line-height: 1.75rem;
      --novoui-headings-h4: 1.125rem;
      --novoui-headings-h4--line-height: 1.5rem;
      --novoui-headings-h5: 1rem;
      --novoui-headings-h5--line-height: 1.5rem;
      --novoui-body-large: 1rem;
      --novoui-body-large--line-height: 1.5rem;
      --novoui-body-medium: .875rem;
      --novoui-body-medium--line-height: 1.25rem;
      --novoui-body-small: .75rem;
      --novoui-body-small--line-height: 1rem;
      --novoui-body-xsmall: .625rem;
      --novoui-body-xsmall--line-height: 1rem;
      --novoui-ui-button-10: .625rem;
      --novoui-ui-button-10--line-height: 1rem;
      --novoui-ui-button-12: .75rem;
      --novoui-ui-button-12--line-height: 1rem;
      --novoui-ui-button-14: .875rem;
      --novoui-ui-button-14--line-height: 1rem;
      --novoui-ui-button-16: 1rem;
      --novoui-ui-button-16--line-height: 1.5rem;
      --novoui-ui-label-10: .625rem;
      --novoui-ui-label-10--line-height: 1rem;
      --novoui-ui-label-12: .75rem;
      --novoui-ui-label-12--line-height: 1.125rem;
      --novoui-ui-label-14: .875rem;
      --novoui-ui-label-14--line-height: 1.25rem;
      --novoui-ui-label-16: 1rem;
      --novoui-ui-label-16--line-height: 1.5rem;
      --novoui-ui-label-18: 1.125rem;
      --novoui-ui-label-18--line-height: 1.75rem;
      --novoui-ui-input-14: .875rem;
      --novoui-ui-input-14--line-height: 1.25rem;
      --novoui-ui-input-16: 1rem;
      --novoui-ui-input-16--line-height: 1.5rem;
      --novoui-ui-control-12: .875rem;
      --novoui-ui-control-12--line-height: .875rem;
      --novoui-ui-control-14: .875rem;
      --novoui-ui-control-14--line-height: 1rem;
      --novoui-ui-control-16: 1rem;
      --novoui-ui-control-16--line-height: 1.5rem;
      --novoui-ui-table-12: .75rem;
      --novoui-ui-table-12--line-height: 1rem;
      --novoui-ui-table-14: .875rem;
      --novoui-ui-table-14--line-height: 1rem;
    }
  }

  @media (min-width: 600px) and (max-width: 899px) {
    :root {
      --novoui-spacing-xxxsmall: .25rem;
      --novoui-spacing-xxsmall: .5rem;
      --novoui-spacing-xsmall: .75rem;
      --novoui-spacing-small: 1rem;
      --novoui-spacing-medium: 1.25rem;
      --novoui-spacing-large: 1.5rem;
      --novoui-spacing-xlarge: 1.75rem;
      --novoui-spacing-xxlarge: 2rem;
      --novoui-spacing-xxxlarge: 2.25rem;
      --novoui-spacing-big: 3rem;
      --novoui-spacing-xbig: 4rem;
      --novoui-spacing-xxbig: 5rem;
      --novoui-spacing-xxxbig: 6rem;
      --novoui-spacing-huge: 8rem;
      --novoui-spacing-xhuge: 10rem;
      --novoui-spacing-xxhuge: 12rem;
      --novoui-headings-h1: 2rem;
      --novoui-headings-h1--line-height: 2.5rem;
      --novoui-headings-h2: 1.5rem;
      --novoui-headings-h2--line-height: 2rem;
      --novoui-headings-h3: 1.25rem;
      --novoui-headings-h3--line-height: 1.75rem;
      --novoui-headings-h4: 1.125rem;
      --novoui-headings-h4--line-height: 1.5rem;
      --novoui-headings-h5: 1rem;
      --novoui-headings-h5--line-height: 1.5rem;
      --novoui-body-large: 1rem;
      --novoui-body-large--line-height: 1.5rem;
      --novoui-body-medium: .875rem;
      --novoui-body-medium--line-height: 1.25rem;
      --novoui-body-small: .75rem;
      --novoui-body-small--line-height: 1rem;
      --novoui-body-xsmall: .625rem;
      --novoui-body-xsmall--line-height: 1rem;
      --novoui-ui-button-10: .625rem;
      --novoui-ui-button-10--line-height: 1rem;
      --novoui-ui-button-12: .75rem;
      --novoui-ui-button-12--line-height: 1rem;
      --novoui-ui-button-14: .875rem;
      --novoui-ui-button-14--line-height: 1rem;
      --novoui-ui-button-16: 1rem;
      --novoui-ui-button-16--line-height: 1.5rem;
      --novoui-ui-label-10: .625rem;
      --novoui-ui-label-10--line-height: 1rem;
      --novoui-ui-label-12: .75rem;
      --novoui-ui-label-12--line-height: 1.125rem;
      --novoui-ui-label-14: .875rem;
      --novoui-ui-label-14--line-height: 1.25rem;
      --novoui-ui-label-16: 1rem;
      --novoui-ui-label-16--line-height: 1.5rem;
      --novoui-ui-label-18: 1.125rem;
      --novoui-ui-label-18--line-height: 1.75rem;
      --novoui-ui-input-14: .875rem;
      --novoui-ui-input-14--line-height: 1.25rem;
      --novoui-ui-input-16: 1rem;
      --novoui-ui-input-16--line-height: 1.5rem;
      --novoui-ui-control-12: .875rem;
      --novoui-ui-control-12--line-height: .875rem;
      --novoui-ui-control-14: .875rem;
      --novoui-ui-control-14--line-height: 1rem;
      --novoui-ui-control-16: 1rem;
      --novoui-ui-control-16--line-height: 1.5rem;
      --novoui-ui-table-12: .75rem;
      --novoui-ui-table-12--line-height: 1rem;
      --novoui-ui-table-14: .875rem;
      --novoui-ui-table-14--line-height: 1rem;
    }
  }

  @media (min-width: 0) and (max-width: 599px) {
    :root {
      --novoui-spacing-xxxsmall: .25rem;
      --novoui-spacing-xxsmall: .5rem;
      --novoui-spacing-xsmall: .75rem;
      --novoui-spacing-small: 1rem;
      --novoui-spacing-medium: 1.25rem;
      --novoui-spacing-large: 1.5rem;
      --novoui-spacing-xlarge: 1.75rem;
      --novoui-spacing-xxlarge: 2rem;
      --novoui-spacing-xxxlarge: 2.25rem;
      --novoui-spacing-big: 3rem;
      --novoui-spacing-xbig: 4rem;
      --novoui-spacing-xxbig: 5rem;
      --novoui-spacing-xxxbig: 6rem;
      --novoui-spacing-huge: 8rem;
      --novoui-spacing-xhuge: 10rem;
      --novoui-spacing-xxhuge: 12rem;
      --novoui-headings-h1: 2rem;
      --novoui-headings-h1--line-height: 2.5rem;
      --novoui-headings-h2: 1.5rem;
      --novoui-headings-h2--line-height: 2rem;
      --novoui-headings-h3: 1.25rem;
      --novoui-headings-h3--line-height: 1.75rem;
      --novoui-headings-h4: 1.125rem;
      --novoui-headings-h4--line-height: 1.5rem;
      --novoui-headings-h5: 1rem;
      --novoui-headings-h5--line-height: 1.5rem;
      --novoui-body-large: 1rem;
      --novoui-body-large--line-height: 1.5rem;
      --novoui-body-medium: .875rem;
      --novoui-body-medium--line-height: 1.25rem;
      --novoui-body-small: .75rem;
      --novoui-body-small--line-height: 1rem;
      --novoui-body-xsmall: .625rem;
      --novoui-body-xsmall--line-height: 1rem;
      --novoui-ui-button-10: .625rem;
      --novoui-ui-button-10--line-height: 1rem;
      --novoui-ui-button-12: .75rem;
      --novoui-ui-button-12--line-height: 1rem;
      --novoui-ui-button-14: .875rem;
      --novoui-ui-button-14--line-height: 1rem;
      --novoui-ui-button-16: 1rem;
      --novoui-ui-button-16--line-height: 1.5rem;
      --novoui-ui-label-10: .625rem;
      --novoui-ui-label-10--line-height: 1rem;
      --novoui-ui-label-12: .75rem;
      --novoui-ui-label-12--line-height: 1.125rem;
      --novoui-ui-label-14: .875rem;
      --novoui-ui-label-14--line-height: 1.25rem;
      --novoui-ui-label-16: 1rem;
      --novoui-ui-label-16--line-height: 1.5rem;
      --novoui-ui-label-18: 1.125rem;
      --novoui-ui-label-18--line-height: 1.75rem;
      --novoui-ui-input-14: .875rem;
      --novoui-ui-input-14--line-height: 1.25rem;
      --novoui-ui-input-16: 1rem;
      --novoui-ui-input-16--line-height: 1.5rem;
      --novoui-ui-control-12: .75rem;
      --novoui-ui-control-12--line-height: .875rem;
      --novoui-ui-control-14: .875rem;
      --novoui-ui-control-14--line-height: 1rem;
      --novoui-ui-control-16: 1rem;
      --novoui-ui-control-16--line-height: 1.5rem;
      --novoui-ui-table-12: .75rem;
      --novoui-ui-table-12--line-height: 1rem;
      --novoui-ui-table-14: .875rem;
      --novoui-ui-table-14--line-height: 1rem;
    }
  }

  html[data-theme="high-contrast"] {
    --novoui-background-general-base: #fff;
    --novoui-background-general-subtle: #f7f8fa;
    --novoui-background-general-medium: #f0f1f5;
    --novoui-background-general-strong: #e8eaf0;
    --novoui-background-general-elevated: #fff;
    --novoui-background-general-overlay-opacity-0: #0000;
    --novoui-background-general-overlay-opacity-15: #00000026;
    --novoui-background-general-overlay-opacity-30: #0000004d;
    --novoui-background-general-overlay-opacity-50: #00000080;
    --novoui-background-general-overlay-opacity-70: #000000b2;
    --novoui-background-general-overlay-inverted-opacity-0: #fff0;
    --novoui-background-general-overlay-inverted-opacity-15: #ffffff26;
    --novoui-background-general-overlay-inverted-opacity-30: #ffffff4d;
    --novoui-background-general-overlay-inverted-opacity-50: #ffffff80;
    --novoui-background-general-overlay-inverted-opacity-70: #ffffffb2;
    --novoui-background-general-low-emphasis-enabled: #f7f8fa;
    --novoui-background-general-low-emphasis-hover: #f0f1f5;
    --novoui-background-general-low-emphasis-active: #e8eaf0;
    --novoui-background-general-medium-emphasis-enabled: #fff;
    --novoui-background-general-medium-emphasis-hover: #e6effb;
    --novoui-background-general-medium-emphasis-active: #c2d8f4;
    --novoui-background-general-high-emphasis-enabled: #004db3;
    --novoui-background-general-high-emphasis-hover: #004195;
    --novoui-background-general-high-emphasis-active: #003478;
    --novoui-background-disabled-subtle: #f3f1ef;
    --novoui-background-disabled-medium: #dfdad5;
    --novoui-background-disabled-strong: #d5cfc9;
    --novoui-background-alert-low-emphasis-enabled: #fdeeec;
    --novoui-background-alert-low-emphasis-hover: #f9d6d1;
    --novoui-background-alert-low-emphasis-active: #f4b6ac;
    --novoui-background-alert-high-emphasis-enabled: #833024;
    --novoui-background-alert-high-emphasis-hover: #67261c;
    --novoui-background-alert-high-emphasis-active: #67261c;
    --novoui-background-accent-red-subtle: #fdf6f9;
    --novoui-background-accent-red-light: #fbeaf0;
    --novoui-background-accent-red-medium: #f4c8d7;
    --novoui-background-accent-red-heavy: #eea7bf;
    --novoui-background-accent-green-subtle: #eaf4f3;
    --novoui-background-accent-green-light: #cce5e3;
    --novoui-background-accent-green-medium: #79bab6;
    --novoui-background-accent-green-heavy: #2a918b;
    --novoui-background-accent-blue-subtle: #ebf5fc;
    --novoui-background-accent-blue-light: #d0e6f7;
    --novoui-background-accent-blue-medium: #84bdea;
    --novoui-background-accent-blue-heavy: #3b97de;
    --novoui-background-accent-neutral-subtle: #faf9f8;
    --novoui-background-accent-neutral-light: #f3f1ef;
    --novoui-background-accent-neutral-medium: #dfdad5;
    --novoui-background-accent-neutral-heavy: #ccc5bd;
    --novoui-background-accordion-enabled: #fff;
    --novoui-background-accordion-hover: #f7f8fa;
    --novoui-background-accordion-active: #f0f1f5;
    --novoui-background-accordion-elevated-enabled: #fff;
    --novoui-background-accordion-elevated-hover: #f7f8fa;
    --novoui-background-accordion-elevated-active: #f0f1f5;
    --novoui-background-button-fill-enabled: #004db3;
    --novoui-background-button-fill-hover: #004195;
    --novoui-background-button-fill-active: #003478;
    --novoui-background-button-fill-secondary-enabled: #001965;
    --novoui-background-button-fill-secondary-hover: #001556;
    --novoui-background-button-fill-secondary-active: #001248;
    --novoui-background-button-outline-enabled: #fff;
    --novoui-background-button-outline-hover: #e6effb;
    --novoui-background-button-outline-active: #c2d8f4;
    --novoui-background-button-outline-subtle-enabled: #fff;
    --novoui-background-button-outline-subtle-hover: #f7f8fa;
    --novoui-background-button-outline-subtle-active: #e6effb;
    --novoui-background-button-text-enabled: #fff0;
    --novoui-background-button-text-hover: #e6effb;
    --novoui-background-button-text-active: #c2d8f4;
    --novoui-background-button-destructive-enabled: #833024;
    --novoui-background-button-destructive-hover: #67261c;
    --novoui-background-button-destructive-active: #67261c;
    --novoui-background-button-transparent-enabled: #ffffff0d;
    --novoui-background-button-transparent-hover: #ffffff1a;
    --novoui-background-button-transparent-active: #ffffff26;
    --novoui-background-cards-enabled: #fff;
    --novoui-background-cards-hover: #fff;
    --novoui-background-cards-disabled: #fff;
    --novoui-background-cards-loading: #f3f1ef;
    --novoui-background-cards-elevated-enabled: #fff;
    --novoui-background-cards-elevated-hover: #fff;
    --novoui-background-cards-fill-unselected-enabled: #f7f8fa;
    --novoui-background-cards-fill-unselected-hover: #f0f1f5;
    --novoui-background-cards-fill-selected-enabled: #e6effb;
    --novoui-background-cards-fill-selected-hover: #c2d8f4;
    --novoui-background-cards-outline-unselected-enabled: #fff;
    --novoui-background-cards-outline-unselected-hover: #f0f1f5;
    --novoui-background-cards-outline-selected-enabled: #e6effb;
    --novoui-background-cards-outline-selected-hover: #c2d8f4;
    --novoui-background-controls-fill-enabled: #f7f8fa;
    --novoui-background-controls-fill-hover: #f0f1f5;
    --novoui-background-controls-fill-pressed: #e8eaf0;
    --novoui-background-controls-fill-low-emphasis-selected: #f0f1f5;
    --novoui-background-controls-fill-low-emphasis-selected-hover: #e8eaf0;
    --novoui-background-controls-fill-high-emphasis-selected: #004db3;
    --novoui-background-controls-fill-high-emphasis-selected-hover: #004195;
    --novoui-background-controls-outline-low-emphasis-enabled: #fff;
    --novoui-background-controls-outline-low-emphasis-hover: #f0f1f5;
    --novoui-background-controls-outline-low-emphasis-pressed: #e8eaf0;
    --novoui-background-controls-outline-low-emphasis-selected: #e6effb;
    --novoui-background-controls-outline-low-emphasis-selected-hover: #c2d8f4;
    --novoui-background-controls-outline-high-emphasis-enabled: #fff;
    --novoui-background-controls-outline-high-emphasis-hover: #e6effb;
    --novoui-background-controls-outline-high-emphasis-pressed: #c2d8f4;
    --novoui-background-controls-outline-high-emphasis-selected: #004db3;
    --novoui-background-controls-outline-high-emphasis-selected-hover: #004195;
    --novoui-background-controls-outline-high-emphasis-icon-hover: #f0f1f5;
    --novoui-background-controls-outline-high-emphasis-icon-pressed: #e8eaf0;
    --novoui-background-date-picker-default-hover: #e6effb;
    --novoui-background-date-picker-default-active: #c2d8f4;
    --novoui-background-date-picker-today-hover: #e6effb;
    --novoui-background-date-picker-today-active: #c2d8f4;
    --novoui-background-date-picker-selected-enabled: #004db3;
    --novoui-background-date-picker-selected-hover: #004195;
    --novoui-background-date-picker-selected-focus: #004db3;
    --novoui-background-date-picker-selected-active: #003478;
    --novoui-background-date-picker-middle-enabled: #e6effb;
    --novoui-background-date-picker-middle-hover: #c2d8f4;
    --novoui-background-date-picker-middle-active: #c2d8f4;
    --novoui-background-date-picker-prev-next-hover: #f7f8fa;
    --novoui-background-date-picker-prev-next-active: #e8eaf0;
    --novoui-background-drag-card-enabled: #fff;
    --novoui-background-drag-card-active: #e6effb;
    --novoui-background-drag-handle-enabled: #f7f8fa;
    --novoui-background-drag-handle-hover: #f0f1f5;
    --novoui-background-drag-handle-active: #c2d8f4;
    --novoui-background-forms-enabled: #f7f8fa;
    --novoui-background-forms-active: #e6effb;
    --novoui-background-forms-disabled: #f3f1ef;
    --novoui-background-forms-light-enabled: #fff;
    --novoui-background-forms-light-active: #fff;
    --novoui-background-forms-light-disabled: #f3f1ef;
    --novoui-background-loading-edges: #f7f8fa;
    --novoui-background-loading-middle: #dcdee5;
    --novoui-background-progress-base: #e8eaf0;
    --novoui-background-progress-enabled: #004db3;
    --novoui-background-progress-success: #86c180;
    --novoui-background-notifications-and-tags-info-subtle: #ebf5fc;
    --novoui-background-notifications-and-tags-info-light: #d0e6f7;
    --novoui-background-notifications-and-tags-info-medium: #abd2f1;
    --novoui-background-notifications-and-tags-info-strong: #22567f;
    --novoui-background-notifications-and-tags-success-subtle: #ecf5eb;
    --novoui-background-notifications-and-tags-success-light: #d1e7cf;
    --novoui-background-notifications-and-tags-success-medium: #acd4a8;
    --novoui-background-notifications-and-tags-success-strong: #24591e;
    --novoui-background-notifications-and-tags-warning-subtle: #fdf7e6;
    --novoui-background-notifications-and-tags-warning-light: #faebc2;
    --novoui-background-notifications-and-tags-warning-medium: #f6db91;
    --novoui-background-notifications-and-tags-warning-strong: #eaab00;
    --novoui-background-notifications-and-tags-alert-subtle: #fdeeec;
    --novoui-background-notifications-and-tags-alert-light: #f9d6d1;
    --novoui-background-notifications-and-tags-alert-medium: #f4b6ac;
    --novoui-background-notifications-and-tags-alert-strong: #833024;
    --novoui-background-notifications-and-tags-brand-subtle: #001965;
    --novoui-background-notifications-and-tags-neutral-subtle: #f7f8fa;
    --novoui-background-notifications-and-tags-neutral-light: #f0f1f5;
    --novoui-background-notifications-and-tags-neutral-strong: #454b5c;
    --novoui-background-modal-enabled: #00000080;
    --novoui-background-table-enabled: #fff;
    --novoui-background-table-hover: #f7f8fa;
    --novoui-background-table-active: #e6effb;
    --novoui-background-table-active-hover: #c2d8f4;
    --novoui-background-table-header-dark: #272e41;
    --novoui-background-table-header-light: #f7f8fa;
    --novoui-background-table-header-transparent: #fff;
    --novoui-background-tabs-enabled: #fff;
    --novoui-background-tabs-hover: #e6effb;
    --novoui-background-tabs-active: #fff;
    --novoui-background-tabs-transparent: #0000;
    --novoui-background-toggle-switch-enabled: #f7f8fa;
    --novoui-background-toggle-switch-hover: #f0f1f5;
    --novoui-background-toggle-switch-fill-selected: #004db3;
    --novoui-background-toggle-switch-outline-selected: #fff;
    --novoui-background-toggle-button-fill-enabled: #f7f8fa;
    --novoui-background-toggle-button-fill-hover: #f0f1f5;
    --novoui-background-toggle-button-fill-selected: #004db3;
    --novoui-background-toggle-button-outline-enabled: #fff;
    --novoui-background-toggle-button-outline-hover: #f0f1f5;
    --novoui-background-toggle-button-outline-selected: #e6effb;
    --novoui-background-tooltip-enabled: #000b2d;
    --novoui-background-selection-enabled: #fff;
    --novoui-background-selection-selected-enabled: #004db3;
    --novoui-background-selection-selected-hover: #004195;
    --novoui-background-selection-selected-active: #003478;
    --novoui-background-selection-handle: #fff;
    --novoui-background-selection-switch-base-enabled: #f0f1f5;
    --novoui-background-selection-switch-base-hover: #e8eaf0;
    --novoui-background-selection-switch-base-error: #f0f1f5;
    --novoui-background-selection-switch-selected-enabled: #004db3;
    --novoui-background-selection-switch-selected-hover: #004195;
    --novoui-background-slider-track: #e8eaf0;
    --novoui-background-slider-track-filled: #004db3;
    --novoui-background-slider-thumb-enabled: #004db3;
    --novoui-background-slider-thumb-hover: #004195;
    --novoui-background-slider-thumb-active: #003478;
    --novoui-background-slider-read-only: #000b2d;
    --novoui-background-side-menus-side-panel: #fff;
    --novoui-background-side-menus-elevated: #fff;
    --novoui-background-side-menus-menu-enabled: #fff;
    --novoui-background-side-menus-menu-hover: #e6effb;
    --novoui-background-side-menus-menu-badge-enabled: #e6effb;
    --novoui-background-side-menus-menu-badge-hover: #c2d8f4;
    --novoui-background-side-menus-menu-notification: #004db3;
    --novoui-background-side-menus-menu-subnav: #fff;
    --novoui-background-side-menus-switcher-enabled: #fff;
    --novoui-background-side-menus-switcher-hover: #fff;
    --novoui-background-side-menus-switcher-active: #e6effb;
    --novoui-border-general-subtle: #b3b8c7;
    --novoui-border-general-medium: #8e94a6;
    --novoui-border-general-strong: #666d80;
    --novoui-border-general-heavy: #454b5c;
    --novoui-border-general-focus: #00295e;
    --novoui-border-general-low-emphasis-enabled: #8e94a6;
    --novoui-border-general-low-emphasis-hover: #666d80;
    --novoui-border-general-low-emphasis-active: #454b5c;
    --novoui-border-general-high-emphasis-enabled: #004db3;
    --novoui-border-general-high-emphasis-hover: #004195;
    --novoui-border-general-high-emphasis-active: #003478;
    --novoui-border-disabled-subtle: #dfdad5;
    --novoui-border-disabled-medium: #d5cfc9;
    --novoui-border-disabled-strong: #ccc5bd;
    --novoui-border-alert-enabled: #833024;
    --novoui-border-alert-hover: #67261c;
    --novoui-border-alert-active: #67261c;
    --novoui-border-accordion-enabled: #8e94a6;
    --novoui-border-button-outline-enabled: #004db3;
    --novoui-border-button-outline-hover: #004195;
    --novoui-border-button-outline-active: #003478;
    --novoui-border-button-outline-subtle-enabled: #8e94a6;
    --novoui-border-button-outline-subtle-hover: #666d80;
    --novoui-border-button-outline-subtle-active: #003478;
    --novoui-border-button-destructive-focus: #67261c;
    --novoui-border-button-transparent-enabled: #00196526;
    --novoui-border-button-transparent-hover: #00196580;
    --novoui-border-button-transparent-active: #001965;
    --novoui-border-button-transparent-branded-enabled: #ffffff26;
    --novoui-border-button-transparent-branded-hover: #ffffff80;
    --novoui-border-button-transparent-branded-active: #fff;
    --novoui-border-cards-enabled: #8e94a6;
    --novoui-border-cards-hover: #666d80;
    --novoui-border-cards-hover-elevated: #b3b8c7;
    --novoui-border-cards-outline-unselected-enabled: #8e94a6;
    --novoui-border-cards-outline-unselected-hover: #005bd2;
    --novoui-border-cards-outline-unselected-pressed: #004db3;
    --novoui-border-cards-outline-selected-enabled: #8e94a6;
    --novoui-border-cards-outline-selected-hover: #005bd2;
    --novoui-border-cards-outline-selected-pressed: #004db3;
    --novoui-border-controls-low-emphasis-enabled: #8e94a6;
    --novoui-border-controls-low-emphasis-hover: #666d80;
    --novoui-border-controls-low-emphasis-pressed: #454b5c;
    --novoui-border-controls-low-emphasis-selected: #004db3;
    --novoui-border-controls-low-emphasis-selected-hover: #004195;
    --novoui-border-controls-focus: #00295e;
    --novoui-border-controls-high-emphasis-enabled: #004db3;
    --novoui-border-controls-high-emphasis-hover: #004195;
    --novoui-border-controls-high-emphasis-pressed: #003478;
    --novoui-border-date-picker-enabled: #8e94a6;
    --novoui-border-date-picker-hover: #f0f1f5;
    --novoui-border-drag-enabled: #8e94a6;
    --novoui-border-drag-hover: #666d80;
    --novoui-border-drag-active: #004db3;
    --novoui-border-forms-enabled: #8e94a6;
    --novoui-border-forms-active: #004db3;
    --novoui-border-notifications-neutral-enabled: #b3b8c7;
    --novoui-border-table-dark: #272e41;
    --novoui-border-table-light: #8e94a6;
    --novoui-border-table-transparent: #8e94a6;
    --novoui-border-tabs-enabled: #8e94a6;
    --novoui-border-tabs-hover: #004db3;
    --novoui-border-tabs-active: #004db3;
    --novoui-border-toggle-switch-base: #b3b8c7;
    --novoui-border-toggle-button-outline-enabled: #8e94a6;
    --novoui-border-toggle-button-outline-hover: #666d80;
    --novoui-border-toggle-button-outline-selected: #004195;
    --novoui-border-tooltip-border: #000b2d;
    --novoui-border-selection-enabled: #8e94a6;
    --novoui-border-selection-hover: #004db3;
    --novoui-border-selection-active: #003478;
    --novoui-border-selection-switch-enabled: #8e94a6;
    --novoui-border-selection-switch-hover: #004db3;
    --novoui-border-selection-switch-selected-enabled: #8e94a6;
    --novoui-border-selection-switch-selected-hover: #004db3;
    --novoui-border-side-menus-menu-enabled: #8e94a6;
    --novoui-border-side-menus-menu-hover: #666d80;
    --novoui-border-side-menus-menu-notification: #fff;
    --novoui-border-side-menus-menu-notification-selected: #e6effb;
    --novoui-border-side-menus-menu-side-panel: #8e94a6;
    --novoui-border-side-menus-switcher-enabled: #8e94a6;
    --novoui-border-side-menus-switcher-hover: #666d80;
    --novoui-border-side-menus-switcher-active: #004db3;
    --novoui-text-color-general-headline: #001965;
    --novoui-fill-general-headline: #001965;
    --novoui-stroke-general-headline: #001965;
    --novoui-text-color-general-primary: #001965;
    --novoui-fill-general-primary: #001965;
    --novoui-stroke-general-primary: #001965;
    --novoui-text-color-general-secondary: #272e41;
    --novoui-fill-general-secondary: #272e41;
    --novoui-stroke-general-secondary: #272e41;
    --novoui-text-color-general-tertiary: #454b5c;
    --novoui-fill-general-tertiary: #454b5c;
    --novoui-stroke-general-tertiary: #454b5c;
    --novoui-text-color-general-inverted: #fff;
    --novoui-fill-general-inverted: #fff;
    --novoui-stroke-general-inverted: #fff;
    --novoui-text-color-general-inverted-secondary: #b3b8c7;
    --novoui-fill-general-inverted-secondary: #b3b8c7;
    --novoui-stroke-general-inverted-secondary: #b3b8c7;
    --novoui-text-color-general-seperator: #b3b8c7;
    --novoui-fill-general-seperator: #b3b8c7;
    --novoui-stroke-general-seperator: #b3b8c7;
    --novoui-text-color-general-high-emphasis-enabled: #004195;
    --novoui-fill-general-high-emphasis-enabled: #004195;
    --novoui-stroke-general-high-emphasis-enabled: #004195;
    --novoui-text-color-general-high-emphasis-hover: #003478;
    --novoui-fill-general-high-emphasis-hover: #003478;
    --novoui-stroke-general-high-emphasis-hover: #003478;
    --novoui-text-color-general-high-emphasis-active: #00295e;
    --novoui-fill-general-high-emphasis-active: #00295e;
    --novoui-stroke-general-high-emphasis-active: #00295e;
    --novoui-text-color-disabled-subtle: #ccc5bd;
    --novoui-fill-disabled-subtle: #ccc5bd;
    --novoui-stroke-disabled-subtle: #ccc5bd;
    --novoui-text-color-disabled-medium: #ada7a1;
    --novoui-fill-disabled-medium: #ada7a1;
    --novoui-stroke-disabled-medium: #ada7a1;
    --novoui-text-color-disabled-strong: #918c86;
    --novoui-fill-disabled-strong: #918c86;
    --novoui-stroke-disabled-strong: #918c86;
    --novoui-text-color-alert-enabled: #833024;
    --novoui-fill-alert-enabled: #833024;
    --novoui-stroke-alert-enabled: #833024;
    --novoui-text-color-alert-hover: #67261c;
    --novoui-fill-alert-hover: #67261c;
    --novoui-stroke-alert-hover: #67261c;
    --novoui-text-color-alert-active: #67261c;
    --novoui-fill-alert-active: #67261c;
    --novoui-stroke-alert-active: #67261c;
    --novoui-text-color-alert-inverted: #fff;
    --novoui-fill-alert-inverted: #fff;
    --novoui-stroke-alert-inverted: #fff;
    --novoui-text-color-links-enabled: #004db3;
    --novoui-fill-links-enabled: #004db3;
    --novoui-stroke-links-enabled: #004db3;
    --novoui-text-color-links-hover: #003478;
    --novoui-fill-links-hover: #003478;
    --novoui-stroke-links-hover: #003478;
    --novoui-text-color-links-active: #004db3;
    --novoui-fill-links-active: #004db3;
    --novoui-stroke-links-active: #004db3;
    --novoui-text-color-links-visited: #004db3;
    --novoui-fill-links-visited: #004db3;
    --novoui-stroke-links-visited: #004db3;
    --novoui-text-color-accent-enabled: #272e41;
    --novoui-fill-accent-enabled: #272e41;
    --novoui-stroke-accent-enabled: #272e41;
    --novoui-text-color-accordion-headline: #001965;
    --novoui-fill-accordion-headline: #001965;
    --novoui-stroke-accordion-headline: #001965;
    --novoui-text-color-accordion-body: #272e41;
    --novoui-fill-accordion-body: #272e41;
    --novoui-stroke-accordion-body: #272e41;
    --novoui-text-color-accordion-active: #001965;
    --novoui-fill-accordion-active: #001965;
    --novoui-stroke-accordion-active: #001965;
    --novoui-text-color-button-fill-enabled: #fff;
    --novoui-fill-button-fill-enabled: #fff;
    --novoui-stroke-button-fill-enabled: #fff;
    --novoui-text-color-button-fill-secondary-enabled: #fff;
    --novoui-fill-button-fill-secondary-enabled: #fff;
    --novoui-stroke-button-fill-secondary-enabled: #fff;
    --novoui-text-color-button-outline-enabled: #004195;
    --novoui-fill-button-outline-enabled: #004195;
    --novoui-stroke-button-outline-enabled: #004195;
    --novoui-text-color-button-outline-hover: #003478;
    --novoui-fill-button-outline-hover: #003478;
    --novoui-stroke-button-outline-hover: #003478;
    --novoui-text-color-button-outline-active: #00295e;
    --novoui-fill-button-outline-active: #00295e;
    --novoui-stroke-button-outline-active: #00295e;
    --novoui-text-color-button-outline-subtle-enabled: #001965;
    --novoui-fill-button-outline-subtle-enabled: #001965;
    --novoui-stroke-button-outline-subtle-enabled: #001965;
    --novoui-text-color-button-text-enabled: #004195;
    --novoui-fill-button-text-enabled: #004195;
    --novoui-stroke-button-text-enabled: #004195;
    --novoui-text-color-button-text-hover: #003478;
    --novoui-fill-button-text-hover: #003478;
    --novoui-stroke-button-text-hover: #003478;
    --novoui-text-color-button-text-active: #00295e;
    --novoui-fill-button-text-active: #00295e;
    --novoui-stroke-button-text-active: #00295e;
    --novoui-text-color-button-destructive-enabled: #fff;
    --novoui-fill-button-destructive-enabled: #fff;
    --novoui-stroke-button-destructive-enabled: #fff;
    --novoui-text-color-button-transparent-enabled: #001965;
    --novoui-fill-button-transparent-enabled: #001965;
    --novoui-stroke-button-transparent-enabled: #001965;
    --novoui-text-color-button-transparent-inverted: #fff;
    --novoui-fill-button-transparent-inverted: #fff;
    --novoui-stroke-button-transparent-inverted: #fff;
    --novoui-text-color-cards-enabled: #001965;
    --novoui-fill-cards-enabled: #001965;
    --novoui-stroke-cards-enabled: #001965;
    --novoui-text-color-cards-unselected: #272e41;
    --novoui-fill-cards-unselected: #272e41;
    --novoui-stroke-cards-unselected: #272e41;
    --novoui-text-color-controls-high-emphasis: #004195;
    --novoui-fill-controls-high-emphasis: #004195;
    --novoui-stroke-controls-high-emphasis: #004195;
    --novoui-text-color-controls-high-emphasis-hover: #003478;
    --novoui-fill-controls-high-emphasis-hover: #003478;
    --novoui-stroke-controls-high-emphasis-hover: #003478;
    --novoui-text-color-controls-high-emphasis-pressed: #003478;
    --novoui-fill-controls-high-emphasis-pressed: #003478;
    --novoui-stroke-controls-high-emphasis-pressed: #003478;
    --novoui-text-color-controls-high-emphasis-selected: #00295e;
    --novoui-fill-controls-high-emphasis-selected: #00295e;
    --novoui-stroke-controls-high-emphasis-selected: #00295e;
    --novoui-text-color-controls-low-emphasis: #001965;
    --novoui-fill-controls-low-emphasis: #001965;
    --novoui-stroke-controls-low-emphasis: #001965;
    --novoui-text-color-controls-selected: #fff;
    --novoui-fill-controls-selected: #fff;
    --novoui-stroke-controls-selected: #fff;
    --novoui-text-color-date-picker-enabled: #001965;
    --novoui-fill-date-picker-enabled: #001965;
    --novoui-stroke-date-picker-enabled: #001965;
    --novoui-text-color-date-picker-selected: #fff;
    --novoui-fill-date-picker-selected: #fff;
    --novoui-stroke-date-picker-selected: #fff;
    --novoui-text-color-date-picker-prev-next: #454b5c;
    --novoui-fill-date-picker-prev-next: #454b5c;
    --novoui-stroke-date-picker-prev-next: #454b5c;
    --novoui-text-color-date-picker-read-only: #454b5c;
    --novoui-fill-date-picker-read-only: #454b5c;
    --novoui-stroke-date-picker-read-only: #454b5c;
    --novoui-text-color-drag-enabled: #b3b8c7;
    --novoui-fill-drag-enabled: #b3b8c7;
    --novoui-stroke-drag-enabled: #b3b8c7;
    --novoui-text-color-drag-hover: #8e94a6;
    --novoui-fill-drag-hover: #8e94a6;
    --novoui-stroke-drag-hover: #8e94a6;
    --novoui-text-color-drag-active: #001965;
    --novoui-fill-drag-active: #001965;
    --novoui-stroke-drag-active: #001965;
    --novoui-text-color-forms-empty: #454b5c;
    --novoui-fill-forms-empty: #454b5c;
    --novoui-stroke-forms-empty: #454b5c;
    --novoui-text-color-forms-filled: #001965;
    --novoui-fill-forms-filled: #001965;
    --novoui-stroke-forms-filled: #001965;
    --novoui-text-color-forms-label: #001965;
    --novoui-fill-forms-label: #001965;
    --novoui-stroke-forms-label: #001965;
    --novoui-text-color-forms-assistive: #454b5c;
    --novoui-fill-forms-assistive: #454b5c;
    --novoui-stroke-forms-assistive: #454b5c;
    --novoui-text-color-forms-handle: #8e94a6;
    --novoui-fill-forms-handle: #8e94a6;
    --novoui-stroke-forms-handle: #8e94a6;
    --novoui-text-color-notifications-and-tags-enabled: #001965;
    --novoui-fill-notifications-and-tags-enabled: #001965;
    --novoui-stroke-notifications-and-tags-enabled: #001965;
    --novoui-text-color-notifications-and-tags-on-brand: #fff;
    --novoui-fill-notifications-and-tags-on-brand: #fff;
    --novoui-stroke-notifications-and-tags-on-brand: #fff;
    --novoui-text-color-notifications-and-tags-on-sucess: #36852d;
    --novoui-fill-notifications-and-tags-on-sucess: #36852d;
    --novoui-stroke-notifications-and-tags-on-sucess: #36852d;
    --novoui-text-color-notifications-and-tags-on-subtle-sucess: #24591e;
    --novoui-fill-notifications-and-tags-on-subtle-sucess: #24591e;
    --novoui-stroke-notifications-and-tags-on-subtle-sucess: #24591e;
    --novoui-text-color-notifications-and-tags-on-warning: #000b2d;
    --novoui-fill-notifications-and-tags-on-warning: #000b2d;
    --novoui-stroke-notifications-and-tags-on-warning: #000b2d;
    --novoui-text-color-notifications-and-tags-on-strong-warning: #000b2d;
    --novoui-fill-notifications-and-tags-on-strong-warning: #000b2d;
    --novoui-stroke-notifications-and-tags-on-strong-warning: #000b2d;
    --novoui-text-color-notifications-and-tags-on-alert: #833024;
    --novoui-fill-notifications-and-tags-on-alert: #833024;
    --novoui-stroke-notifications-and-tags-on-alert: #833024;
    --novoui-text-color-notifications-and-tags-on-info: #22567f;
    --novoui-fill-notifications-and-tags-on-info: #22567f;
    --novoui-stroke-notifications-and-tags-on-info: #22567f;
    --novoui-text-color-notifications-and-tags-on-neutral: #454b5c;
    --novoui-fill-notifications-and-tags-on-neutral: #454b5c;
    --novoui-stroke-notifications-and-tags-on-neutral: #454b5c;
    --novoui-text-color-table-primary: #001965;
    --novoui-fill-table-primary: #001965;
    --novoui-stroke-table-primary: #001965;
    --novoui-text-color-table-secondary: #272e41;
    --novoui-fill-table-secondary: #272e41;
    --novoui-stroke-table-secondary: #272e41;
    --novoui-text-color-table-inverted: #fff;
    --novoui-fill-table-inverted: #fff;
    --novoui-stroke-table-inverted: #fff;
    --novoui-text-color-table-inverted-secondary: #b3b8c7;
    --novoui-fill-table-inverted-secondary: #b3b8c7;
    --novoui-stroke-table-inverted-secondary: #b3b8c7;
    --novoui-text-color-tabs-enabled: #272e41;
    --novoui-fill-tabs-enabled: #272e41;
    --novoui-stroke-tabs-enabled: #272e41;
    --novoui-text-color-tabs-hover: #004195;
    --novoui-fill-tabs-hover: #004195;
    --novoui-stroke-tabs-hover: #004195;
    --novoui-text-color-tabs-active: #004195;
    --novoui-fill-tabs-active: #004195;
    --novoui-stroke-tabs-active: #004195;
    --novoui-text-color-tabs-disabled: #ada7a1;
    --novoui-fill-tabs-disabled: #ada7a1;
    --novoui-stroke-tabs-disabled: #ada7a1;
    --novoui-text-color-toggle-switch-enabled: #001965;
    --novoui-fill-toggle-switch-enabled: #001965;
    --novoui-stroke-toggle-switch-enabled: #001965;
    --novoui-text-color-toggle-switch-selected: #fff;
    --novoui-fill-toggle-switch-selected: #fff;
    --novoui-stroke-toggle-switch-selected: #fff;
    --novoui-text-color-toggle-button-fill-enabled: #001965;
    --novoui-fill-toggle-button-fill-enabled: #001965;
    --novoui-stroke-toggle-button-fill-enabled: #001965;
    --novoui-text-color-toggle-button-fill-selected: #fff;
    --novoui-fill-toggle-button-fill-selected: #fff;
    --novoui-stroke-toggle-button-fill-selected: #fff;
    --novoui-text-color-toggle-button-outline-enabled: #001965;
    --novoui-fill-toggle-button-outline-enabled: #001965;
    --novoui-stroke-toggle-button-outline-enabled: #001965;
    --novoui-text-color-toggle-button-outline-selected: #003478;
    --novoui-fill-toggle-button-outline-selected: #003478;
    --novoui-stroke-toggle-button-outline-selected: #003478;
    --novoui-text-color-tooltip-enabled: #fff;
    --novoui-fill-tooltip-enabled: #fff;
    --novoui-stroke-tooltip-enabled: #fff;
    --novoui-text-color-tooltip-primary: #fff;
    --novoui-fill-tooltip-primary: #fff;
    --novoui-stroke-tooltip-primary: #fff;
    --novoui-text-color-tooltip-secondary: #b3b8c7;
    --novoui-fill-tooltip-secondary: #b3b8c7;
    --novoui-stroke-tooltip-secondary: #b3b8c7;
    --novoui-text-color-selection-enabled: #001965;
    --novoui-fill-selection-enabled: #001965;
    --novoui-stroke-selection-enabled: #001965;
    --novoui-text-color-selection-unselected: #272e41;
    --novoui-fill-selection-unselected: #272e41;
    --novoui-stroke-selection-unselected: #272e41;
    --novoui-text-color-selection-selected: #004195;
    --novoui-fill-selection-selected: #004195;
    --novoui-stroke-selection-selected: #004195;
    --novoui-text-color-selection-on-selected: #fff;
    --novoui-fill-selection-on-selected: #fff;
    --novoui-stroke-selection-on-selected: #fff;
    --novoui-text-color-side-menus-menu-enabled: #272e41;
    --novoui-fill-side-menus-menu-enabled: #272e41;
    --novoui-stroke-side-menus-menu-enabled: #272e41;
    --novoui-text-color-side-menus-menu-hover: #004195;
    --novoui-fill-side-menus-menu-hover: #004195;
    --novoui-stroke-side-menus-menu-hover: #004195;
    --novoui-text-color-side-menus-menu-header: #454b5c;
    --novoui-fill-side-menus-menu-header: #454b5c;
    --novoui-stroke-side-menus-menu-header: #454b5c;
    --novoui-text-color-side-menus-switcher-primary: #001965;
    --novoui-fill-side-menus-switcher-primary: #001965;
    --novoui-stroke-side-menus-switcher-primary: #001965;
    --novoui-text-color-side-menus-switcher-secondary: #454b5c;
    --novoui-fill-side-menus-switcher-secondary: #454b5c;
    --novoui-stroke-side-menus-switcher-secondary: #454b5c;
    --novoui-text-color-overlays-base-header: #454b5c;
    --novoui-fill-overlays-base-header: #454b5c;
    --novoui-stroke-overlays-base-header: #454b5c;
    --novoui-text-color-overlays-base-menu: #272e41;
    --novoui-fill-overlays-base-menu: #272e41;
    --novoui-stroke-overlays-base-menu: #272e41;
  }
}

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

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

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

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

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

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

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

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

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

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

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

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

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

  ::placeholder {
    opacity: 1;
  }

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

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

  textarea {
    resize: vertical;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@layer components {
  .accordion {
    border-bottom-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-bottom-width: 1px;
    border-color: var(--novoui-border-accordion-enabled);
    background-color: var(--novoui-background-accordion-enabled);
  }

  .accordion-header {
    width: 100%;
    padding: calc(var(--spacing, .25rem) * 4);
    font-size: var(--novoui-ui-label-16);
    line-height: var(--tw-leading, var(--novoui-ui-label-16--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-accordion-headline);
    transition-property: border-radius;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    justify-content: space-between;
    transition-duration: .3s;
    display: flex;
  }

  @media (hover: hover) {
    .accordion-header:hover, .accordion-header-hover {
      background-color: var(--novoui-background-accordion-hover);
    }
  }

  .accordion-header svg {
    margin-block: auto;
    margin-left: calc(var(--spacing, .25rem) * 2);
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    fill: currentColor;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .accordion-item-title {
    font-size: var(--novoui-headings-h5);
    line-height: var(--tw-leading, var(--novoui-headings-h5--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
  }

  .accordion-content {
    color: var(--novoui-text-color-accordion-body);
    transition-property: grid-template-rows;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .3s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    grid-template-rows: 0fr;
    display: grid;
  }

  .accordion-content > div {
    overflow: hidden;
  }

  .accordion-content > div > p {
    padding: calc(var(--spacing, .25rem) * 4);
  }

  .accordion-open .accordion-header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--novoui-border-accordion-enabled);
    background-color: var(--novoui-background-accordion-hover);
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-accordion-active);
  }

  @media (hover: hover) {
    .accordion-open .accordion-header:hover, .accordion-open .accordion-header-hover {
      background-color: var(--novoui-background-accordion-active);
    }
  }

  .accordion-open .accordion-header svg {
    rotate: 180deg;
  }

  .accordion-open .accordion-content {
    grid-template-rows: 1fr;
  }

  .accordion-open .accordion-content > div.animation-overflow {
    overflow: visible;
  }

  .accordion-cards {
    border-radius: var(--novoui-radius-large);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .accordion-cards .accordion-header {
    border-top-left-radius: var(--novoui-radius-large);
    border-top-right-radius: var(--novoui-radius-large);
  }

  .accordion-cards:not(.accordion-open) .accordion-header {
    border-bottom-right-radius: var(--novoui-radius-large);
    border-bottom-left-radius: var(--novoui-radius-large);
  }

  .accordion-cards + .accordion-cards {
    margin-top: var(--novoui-spacing-xsmall);
  }

  .accordion-outline {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
    border-bottom-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-bottom-width: 1px;
    border-color: var(--novoui-border-accordion-enabled);
  }

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

  .accordion-outline:first-of-type {
    border-top-left-radius: var(--novoui-radius-large);
    border-top-right-radius: var(--novoui-radius-large);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .accordion-outline:first-of-type .accordion-header {
    border-top-left-radius: var(--novoui-radius-large);
    border-top-right-radius: var(--novoui-radius-large);
  }

  .accordion-outline:last-of-type, .accordion-outline:last-of-type:not(.accordion-open) .accordion-header {
    border-bottom-right-radius: var(--novoui-radius-large);
    border-bottom-left-radius: var(--novoui-radius-large);
  }

  .accordion-elevation {
    background-color: var(--novoui-background-accordion-elevated-enabled);
    --tw-shadow: 0px 4px 12px var(--tw-shadow-color, #15213314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (hover: hover) {
    .accordion-elevation .accordion-header:hover, .accordion-elevation .accordion-header-hover {
      background-color: var(--novoui-background-accordion-elevated-hover);
    }
  }

  .accordion-elevation.accordion-open .accordion-header {
    background-color: var(--novoui-background-accordion-elevated-hover);
  }

  @media (hover: hover) {
    .accordion-elevation.accordion-open .accordion-header:hover, .accordion-elevation.accordion-open .accordion-header-hover {
      background-color: var(--novoui-background-accordion-elevated-active);
    }
  }

  .avatar {
    cursor: pointer;
    grid-column-gap: .5rem;
    border-radius: 50%;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 2.5rem 0 auto;
    display: inline-grid;
    position: relative;
  }

  .avatar figcaption {
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
    grid-area: span 2 / span 2;
    display: grid;
  }

  .avatar-name {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
  }

  .avatar-email {
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    color: var(--novoui-text-color-general-secondary);
  }

  .avatar-picture {
    background-color: var(--novoui-background-general-medium);
    transition-property: background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    height: calc(var(--spacing, .25rem) * 10);
    width: calc(var(--spacing, .25rem) * 10);
    fill: var(--novoui-fill-general-primary);
    text-align: center;
    font-size: var(--novoui-body-large);
    line-height: var(--tw-leading, var(--novoui-body-large--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    border-radius: 50%;
    grid-row: 1 / span 2;
    align-content: center;
    align-self: center;
    justify-items: center;
  }

  .avatar img.avatar-picture {
    transition-property: filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  }

  .avatar-xsmall {
    grid-template-columns: 1.5rem 0 auto;
  }

  .avatar-xsmall .avatar-picture {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
  }

  .avatar-xsmall span.avatar-status {
    margin-bottom: calc(var(--spacing, .25rem) * -1.5);
    margin-left: calc(var(--spacing, .25rem) * -4);
    height: calc(var(--spacing, .25rem) * 2.5);
    width: calc(var(--spacing, .25rem) * 2.5);
    padding: .5px;
  }

  .avatar-xsmall span.avatar-name {
    font-size: var(--novoui-ui-label-10);
    line-height: var(--tw-leading, var(--novoui-ui-label-10--line-height));
  }

  .avatar-xsmall span.avatar-email {
    font-size: var(--novoui-body-xsmall);
    line-height: var(--tw-leading, var(--novoui-body-xsmall--line-height));
  }

  .avatar-small {
    grid-template-columns: 2rem 0 auto;
  }

  .avatar-small .avatar-picture {
    height: calc(var(--spacing, .25rem) * 8);
    width: calc(var(--spacing, .25rem) * 8);
    font-size: var(--novoui-body-medium);
    line-height: var(--tw-leading, var(--novoui-body-medium--line-height));
  }

  .avatar-small span.avatar-status {
    margin-bottom: calc(var(--spacing, .25rem) * -2.5);
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 3);
    padding: calc(var(--spacing, .25rem) * .25);
  }

  .avatar-small span.avatar-name {
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
  }

  .avatar-small span.avatar-email {
    font-size: var(--novoui-body-xsmall);
    line-height: var(--tw-leading, var(--novoui-body-xsmall--line-height));
  }

  .avatar-large {
    grid-template-columns: 3rem 0 auto;
  }

  .avatar-large .avatar-picture {
    height: calc(var(--spacing, .25rem) * 12);
    width: calc(var(--spacing, .25rem) * 12);
    font-size: var(--novoui-headings-h4);
    line-height: var(--tw-leading, var(--novoui-headings-h4--line-height));
  }

  .avatar-large span.avatar-status {
    margin-bottom: calc(var(--spacing, .25rem) * -3);
    margin-left: calc(var(--spacing, .25rem) * -5);
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    padding: calc(var(--spacing, .25rem) * .5);
  }

  .avatar-large span.avatar-name {
    font-size: var(--novoui-ui-label-16);
    line-height: var(--tw-leading, var(--novoui-ui-label-16--line-height));
  }

  .avatar-large span.avatar-email {
    font-size: var(--novoui-body-medium);
    line-height: var(--tw-leading, var(--novoui-body-medium--line-height));
  }

  .avatar-xlarge {
    grid-template-columns: 3.5rem 0 auto;
  }

  .avatar-xlarge .avatar-picture {
    height: calc(var(--spacing, .25rem) * 14);
    width: calc(var(--spacing, .25rem) * 14);
    font-size: var(--novoui-headings-h3);
    line-height: var(--tw-leading, var(--novoui-headings-h3--line-height));
  }

  .avatar-xlarge span.avatar-status {
    margin-bottom: calc(var(--spacing, .25rem) * -3.5);
    margin-left: calc(var(--spacing, .25rem) * -6);
    height: calc(var(--spacing, .25rem) * 4.5);
    width: calc(var(--spacing, .25rem) * 4.5);
    padding: calc(var(--spacing, .25rem) * .5);
  }

  .avatar-xlarge span.avatar-name {
    font-size: var(--novoui-ui-label-18);
    line-height: var(--tw-leading, var(--novoui-ui-label-18--line-height));
  }

  .avatar-xlarge span.avatar-email {
    font-size: var(--novoui-body-medium);
    line-height: var(--tw-leading, var(--novoui-body-medium--line-height));
  }

  .avatar-xxlarge {
    grid-template-columns: 4rem 0 auto;
  }

  .avatar-xxlarge .avatar-picture {
    height: calc(var(--spacing, .25rem) * 16);
    width: calc(var(--spacing, .25rem) * 16);
    font-size: var(--novoui-headings-h2);
    line-height: var(--tw-leading, var(--novoui-headings-h2--line-height));
  }

  .avatar-xxlarge span.avatar-status {
    margin-bottom: calc(var(--spacing, .25rem) * -3.5);
    margin-left: calc(var(--spacing, .25rem) * -6);
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
    padding: calc(var(--spacing, .25rem) * .5);
  }

  .avatar-xxlarge span.avatar-name {
    font-size: var(--novoui-headings-h3);
    line-height: var(--tw-leading, var(--novoui-headings-h3--line-height));
  }

  .avatar-xxlarge span.avatar-email {
    font-size: var(--novoui-body-medium);
    line-height: var(--tw-leading, var(--novoui-body-medium--line-height));
  }

  .avatar-xxxlarge {
    grid-template-columns: 5rem 0 auto;
  }

  .avatar-xxxlarge .avatar-picture {
    height: calc(var(--spacing, .25rem) * 20);
    width: calc(var(--spacing, .25rem) * 20);
    font-size: var(--novoui-headings-h2);
    line-height: var(--tw-leading, var(--novoui-headings-h2--line-height));
  }

  .avatar-xxxlarge span.avatar-status {
    margin-bottom: calc(var(--spacing, .25rem) * -4.5);
    margin-left: calc(var(--spacing, .25rem) * -7);
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    padding: calc(var(--spacing, .25rem) * 1);
  }

  .avatar-xxxlarge span.avatar-name {
    font-size: var(--novoui-headings-h2);
    line-height: var(--tw-leading, var(--novoui-headings-h2--line-height));
  }

  .avatar-xxxlarge span.avatar-email {
    font-size: var(--novoui-body-large);
    line-height: var(--tw-leading, var(--novoui-body-large--line-height));
  }

  .avatar-status {
    height: calc(var(--spacing, .25rem) * 3.5);
    width: calc(var(--spacing, .25rem) * 3.5);
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 2px;
    border-color: var(--novoui-border-general-subtle);
    margin-bottom: calc(var(--spacing, .25rem) * -3);
    margin-left: calc(var(--spacing, .25rem) * -4.5);
    border-radius: 50%;
    grid-row: 2 / span 2;
    justify-content: center;
    align-self: center;
    align-items: center;
    padding: 1.5px;
    display: flex;
    position: relative;
  }

  .avatar figcaption > span:not(.avatar-status) {
    grid-column: 2;
    align-self: center;
  }

  .avatar-offline figcaption span.avatar-status {
    background-color: var(--novoui-background-disabled-strong);
  }

  .avatar-edit figcaption span.avatar-status {
    background-color: var(--novoui-background-general-medium);
  }

  .avatar-edit figcaption span.avatar-status > svg {
    fill: var(--novoui-fill-general-primary);
  }

  .avatar-online figcaption span.avatar-status {
    background-color: var(--novoui-background-notifications-and-tags-success-strong);
  }

  .avatar:hover img.avatar-picture {
    --tw-brightness: brightness(80%);
    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, );
  }

  .avatar:hover div.avatar-picture {
    background-color: var(--novoui-background-general-medium-emphasis-hover);
  }

  .avatar:active .avatar-picture, .avatar:focus .avatar-picture, .avatar:focus-visible .avatar-picture {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
  }

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

  .avatar:active div.avatar-picture, .avatar:focus div.avatar-picture, .avatar:focus-visible div.avatar-picture {
    background-color: var(--novoui-background-general-medium);
  }

  .badge {
    width: max-content;
  }

  .badge-with-number {
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing, .25rem) * 1);
    min-height: calc(var(--spacing, .25rem) * 4);
    min-width: calc(var(--spacing, .25rem) * 5);
    border-radius: var(--novoui-radius-small);
    border-width: 1px;
    border-color: var(--novoui-gradient-on-dark-white-100);
    background-color: var(--novoui-background-notifications-and-tags-neutral-light);
    padding-block: 1px;
  }

  .badge-number {
    text-align: center;
    white-space: nowrap;
    font-size: var(--novoui-ui-label-10);
    line-height: var(--tw-leading, var(--novoui-ui-label-10--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-notifications-and-tags-on-neutral);
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .badge-dot {
    background-color: var(--novoui-background-notifications-and-tags-alert-strong);
    height: calc(var(--spacing, .25rem) * 2.5);
    width: calc(var(--spacing, .25rem) * 2.5);
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--novoui-gradient-on-dark-white-100);
    border-radius: var(--novoui-radius-full);
  }

  .badge-rounded .badge-with-number {
    min-width: calc(var(--spacing, .25rem) * 6);
    border-radius: var(--novoui-radius-x-large);
    padding-inline: calc(var(--spacing, .25rem) * 1);
    padding-block: 1px;
  }

  .badge-square .badge-with-number {
    border-radius: var(--novoui-radius-small);
  }

  .badge-alert .badge-with-number {
    background-color: var(--novoui-background-notifications-and-tags-alert-strong);
  }

  .badge-alert .badge-number {
    color: var(--novoui-text-color-notifications-and-tags-on-brand);
  }

  .badge-alert .badge-dot {
    background-color: var(--novoui-background-notifications-and-tags-alert-strong);
  }

  .badge-disabled .badge-with-number {
    background-color: var(--novoui-background-disabled-subtle);
  }

  .badge-disabled .badge-number {
    color: var(--novoui-text-color-disabled-subtle);
  }

  .badge-disabled .badge-dot, .badge-disabled.badge-alert .badge-with-number {
    background-color: var(--novoui-background-disabled-strong);
  }

  .badge-disabled.badge-alert .badge-number {
    color: var(--novoui-text-color-notifications-and-tags-on-brand);
  }

  .bottom-navigation {
    right: calc(var(--spacing, .25rem) * 0);
    bottom: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * 0);
    border-top-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-top-width: 1px;
    border-color: var(--novoui-border-side-menus-menu-enabled);
    background-color: var(--novoui-background-general-elevated);
    padding-bottom: calc(var(--spacing, .25rem) * 4);
    flex-direction: column;
    align-items: center;
    display: flex;
    position: fixed;
  }

  .bottom-navigation > ul {
    width: 91.6667%;
    max-width: 768px;
    padding-inline: calc(var(--spacing, .25rem) * 4);
    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
    justify-content: space-between;
    align-items: stretch;
    display: grid;
  }

  .bottom-navigation-item {
    min-width: 60px;
  }

  .bottom-navigation-item > button {
    width: 100%;
    padding-inline: 10px;
    padding-block: calc(var(--spacing, .25rem) * 2);
    color: var(--novoui-text-color-general-tertiary);
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative;
  }

  .bottom-navigation-item > button > svg {
    box-sizing: content-box;
    border-radius: var(--novoui-radius-small);
    fill: currentColor;
    padding: calc(var(--spacing, .25rem) * 2);
  }

  .bottom-navigation-item > button > span {
    text-align: center;
    width: calc(100% + 1.25rem);
    font-size: var(--novoui-ui-button-12);
    line-height: var(--tw-leading, var(--novoui-ui-button-12--line-height));
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .bottom-navigation-item-strong.bottom-navigation-item-active > button {
    color: var(--novoui-text-color-side-menus-menu-hover);
  }

  .bottom-navigation-item-subtle.bottom-navigation-item-active > button {
    color: var(--novoui-text-color-general-secondary);
  }

  .bottom-navigation-item-notification button:after {
    height: calc(var(--spacing, .25rem) * 2);
    width: calc(var(--spacing, .25rem) * 2);
    border-radius: var(--novoui-radius-full);
    border-color: var(--novoui-gradient-on-dark-white-100);
    background-color: var(--novoui-background-notifications-and-tags-alert-strong);
    box-shadow: 0px 0px 0px 1px var(--novoui-gradient-on-dark-white-100);
    content: "";
    margin-left: 2px;
    position: absolute;
    top: 16px;
    left: 50%;
  }

  .bottom-navigation > .accordion.bottom-navigation-disclaimer {
    right: calc(var(--spacing, .25rem) * 0);
    bottom: calc(100% + 1px);
    left: calc(var(--spacing, .25rem) * 0);
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
    border-left-style: var(--tw-border-style);
    --tw-shadow: 0px -16px 24px var(--tw-shadow-color, #16223314), 0px -4px 8px var(--tw-shadow-color, #16223314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-shadow-color: var(--novoui-neutral-3);
    border-left-width: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: absolute;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bottom-navigation > .accordion.bottom-navigation-disclaimer {
      --tw-shadow-color: var(--novoui-neutral-3);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .bottom-navigation > .accordion.bottom-navigation-disclaimer {
        --tw-shadow-color: color-mix(in oklab, var(--novoui-neutral-3) var(--tw-shadow-alpha), transparent);
      }
    }
  }

  .bottom-navigation > .accordion.bottom-navigation-disclaimer > .accordion-header {
    background-color: var(--novoui-background-general-elevated);
  }

  .bottom-navigation > .accordion.bottom-navigation-disclaimer > .accordion-header > p {
    margin-left: calc(var(--spacing, .25rem) * 2);
  }

  .bottom-navigation > .accordion.bottom-navigation-disclaimer .bottom-navigation-disclaimer-headline {
    margin-top: calc(var(--spacing, .25rem) * 4);
    margin-left: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-headings-h4);
    line-height: var(--tw-leading, var(--novoui-headings-h4--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
  }

  .bottom-navigation > .accordion.bottom-navigation-disclaimer .bottom-navigation-disclaimer-content {
    margin-left: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-body-medium);
    line-height: var(--tw-leading, var(--novoui-body-medium--line-height));
    color: var(--novoui-text-color-general-primary);
  }

  @media only screen and (orientation: landscape) and (hover: none) {
    .bottom-navigation {
      top: calc(var(--spacing, .25rem) * 0);
      bottom: calc(var(--spacing, .25rem) * 0);
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
      border-right-style: var(--tw-border-style);
      right: unset;
      border-right-width: 1px;
      justify-content: center;
    }

    .bottom-navigation ul.bottom-navigation-list {
      height: 50%;
      max-height: 768px;
      padding-inline: calc(var(--spacing, .25rem) * 1.5);
      width: unset;
      grid-template-columns: unset;
      grid-template-rows: repeat(auto-fit, minmax(60px, 1fr));
      align-items: center;
    }

    .bottom-navigation ul.bottom-navigation-list li.bottom-navigation-item {
      width: 60px;
    }

    .bottom-navigation .accordion.bottom-navigation-disclaimer {
      display: none;
    }
  }

  .bottom-sheet {
    bottom: calc(var(--spacing, .25rem) * 0);
    background-color: var(--novoui-background-general-elevated);
    --tw-shadow: 0px 0px 24px var(--tw-shadow-color, #16223314), 0px 0px 8px var(--tw-shadow-color, #16223314);
    width: 100%;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    flex-direction: column;
    grid-area: 3 / 2 / span 3 / span 4;
    display: flex;
    position: absolute;
  }

  .bottom-sheet-predefined-height {
    height: 100%;
  }

  .bottom-sheet-container {
    top: calc(var(--spacing, .25rem) * 0);
    right: calc(var(--spacing, .25rem) * 0);
    bottom: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * 0);
    z-index: 40;
    opacity: 1;
    grid-template-rows: repeat(5, minmax(0, 1fr));
    grid-template-columns: repeat(6, minmax(0, 1fr));
    place-items: center;
    width: 100%;
    height: 100%;
    display: grid;
    position: fixed;
  }

  .bottom-sheet-background {
    cursor: pointer;
    background-color: var(--novoui-background-modal-enabled);
    opacity: .5;
    grid-area: 1 / 1 / span 5 / span 6;
    width: 100%;
    height: 100%;
  }

  .bottom-sheet-enter-active, .bottom-sheet-leave-active {
    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, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  }

  .bottom-sheet-enter-active .bottom-sheet-background, .bottom-sheet-leave-active .bottom-sheet-background {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  }

  .bottom-sheet-enter-active .bottom-sheet, .bottom-sheet-leave-active .bottom-sheet {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  }

  .bottom-sheet-enter-from, .bottom-sheet-leave-to {
    color: var(--novoui-text-color-general-secondary);
  }

  .bottom-sheet-enter-from .bottom-sheet-background, .bottom-sheet-leave-to .bottom-sheet-background {
    opacity: 0;
  }

  .bottom-sheet-enter-from .bottom-sheet, .bottom-sheet-leave-to .bottom-sheet {
    transform: translateY(100%);
  }

  .bottom-sheet-controls {
    margin-inline: calc(var(--spacing, .25rem) * 6);
    grid-template-columns: auto 1fr auto;
    align-items: center;
    margin-top: 22px;
    margin-bottom: 22px;
    display: grid;
  }

  .bottom-sheet-controls-handle {
    margin-top: calc(var(--spacing, .25rem) * 0);
    margin-bottom: calc(var(--spacing, .25rem) * 1);
  }

  .bottom-sheet-controls-handle .bottom-sheet-header {
    grid-row: 2;
  }

  .bottom-sheet-back {
    z-index: 1;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-general-primary);
    grid-area: 1 / 1;
    display: flex;
  }

  .bottom-sheet-back:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
  }

  .bottom-sheet-back svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    fill: currentColor;
  }

  .bottom-sheet-close {
    z-index: 1;
    grid-area: 1 / 3;
  }

  .bottom-sheet-close:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
  }

  .bottom-sheet-handle {
    height: calc(var(--spacing, .25rem) * 1);
    width: calc(var(--spacing, .25rem) * 11);
    border-radius: var(--novoui-radius-small);
    background-color: var(--novoui-background-general-strong);
    margin-inline: auto;
  }

  .bottom-sheet-handle-buffer {
    box-sizing: content-box;
    height: calc(var(--spacing, .25rem) * 4);
    cursor: ns-resize;
    width: 100%;
    padding-top: calc(var(--spacing, .25rem) * 1);
    padding-bottom: calc(var(--spacing, .25rem) * 5);
    grid-column: span 3 / span 3;
  }

  .bottom-sheet-header {
    text-align: center;
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-general-secondary);
    grid-area: 1 / 1 / auto / span 3;
  }

  .bottom-sheet-body {
    flex-grow: 1;
    max-height: 66svh;
    overflow-y: auto;
  }

  .bottom-sheet-body-content {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 4);
    padding: calc(var(--spacing, .25rem) * 6);
    flex-direction: column;
    display: flex;
  }

  .bottom-sheet-body-title {
    text-align: center;
    font-size: var(--novoui-headings-h4);
    line-height: var(--tw-leading, var(--novoui-headings-h4--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
  }

  .bottom-sheet-body-text {
    text-align: center;
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    color: var(--novoui-text-color-general-primary);
  }

  .bottom-sheet-slide {
    opacity: 0;
    grid-template-rows: 0fr;
    transition: grid-template-rows .2s ease-in-out, opacity .2s ease-in-out .2s;
    display: grid;
    overflow: hidden;
  }

  .bottom-sheet-slide-content {
    min-height: calc(var(--spacing, .25rem) * 0);
    opacity: 0;
  }

  .bottom-sheet-slide-visible {
    opacity: 1;
    grid-template-rows: 1fr;
  }

  .bottom-sheet-slide-visible > .bottom-sheet-slide-content {
    opacity: 1;
  }

  .bottom-sheet-footer {
    gap: calc(var(--spacing, .25rem) * 2);
    padding-inline: calc(var(--spacing, .25rem) * 6);
    padding-top: calc(var(--spacing, .25rem) * 2);
    padding-bottom: calc(var(--spacing, .25rem) * 4);
    flex-direction: column;
    display: flex;
  }

  .bottom-sheet-footer-side-by-side {
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  @media screen and (max-width: 1024px) {
    .bottom-sheet {
      grid-column: span 6 / span 6;
      min-width: 100%;
    }

    .bottom-sheet-body-title {
      font-size: var(--novoui-headings-h3);
      line-height: var(--tw-leading, var(--novoui-headings-h3--line-height));
      --tw-font-weight: var(--font-weight-bold, 700);
      font-weight: var(--font-weight-bold, 700);
    }

    .bottom-sheet-body-text {
      font-size: var(--novoui-body-large);
      line-height: var(--tw-leading, var(--novoui-body-large--line-height));
    }
  }

  .breadcrumbs {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    height: fit-content;
    display: flex;
  }

  .breadcrumbs-compact {
    width: fit-content;
  }

  .breadcrumbs-expanded {
    width: 100%;
    overflow: auto;
  }

  .breadcrumbs-overflow-list.list {
    padding-inline: calc(var(--spacing, .25rem) * 1.5);
  }

  .breadcrumbs-overflow-list.list li.list-item {
    padding: 1px;
  }

  .breadcrumbs-overflow-list.list li.list-item > .button {
    border-radius: var(--novoui-radius);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .breadcrumbs-overflow-dropdown {
    height: calc(var(--spacing, .25rem) * 3);
  }

  .breadcrumbs-overflow-button.button {
    margin-top: calc(var(--spacing, .25rem) * -2);
    border-radius: var(--novoui-radius-x-small);
    width: 18px;
    height: 26px;
  }

  .breadcrumbs-overflow-button.button svg {
    padding-top: calc(var(--spacing, .25rem) * 2);
  }

  .breadcrumbs .crumb {
    border-radius: var(--novoui-radius-x-small);
    padding: calc(var(--spacing, .25rem) * .5);
    text-wrap: nowrap;
    padding-block: 1px;
  }

  .breadcrumbs .crumb:has(.breadcrumb-icon) {
    padding-inline: calc(var(--spacing, .25rem) * .5);
    padding-block: 3px;
  }

  .breadcrumbs .crumb.crumb-inactive {
    pointer-events: none;
    color: var(--novoui-text-color-general-tertiary);
  }

  .breadcrumbs .crumb .breadcrumb-icon {
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 3);
  }

  .breadcrumbs .breadcrumb-separator {
    color: var(--novoui-text-color-general-seperator);
  }

  .breadcrumbs-small .crumb, .breadcrumbs-small .breadcrumb-separator {
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .breadcrumbs-small .breadcrumb-separator-icon {
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 3);
  }

  .breadcrumbs-medium .crumb, .breadcrumbs-medium .breadcrumb-separator {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .breadcrumbs-medium .crumb .breadcrumb-icon, .breadcrumbs-medium .breadcrumb-separator .breadcrumb-icon, .breadcrumbs-medium .breadcrumb-separator-icon {
    height: calc(var(--spacing, .25rem) * 3.5);
    width: calc(var(--spacing, .25rem) * 3.5);
  }

  .breadcrumbs-large .crumb, .breadcrumbs-large .breadcrumb-separator {
    font-size: var(--novoui-ui-label-16);
    line-height: var(--tw-leading, var(--novoui-ui-label-16--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .breadcrumbs-large .crumb .breadcrumb-icon, .breadcrumbs-large .breadcrumb-separator .breadcrumb-icon, .breadcrumbs-large .breadcrumb-separator-icon {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  .breadcrumbs-subtle .crumb {
    color: var(--novoui-text-color-general-primary);
  }

  @media (hover: hover) {
    .breadcrumbs-subtle .crumb:hover {
      background-color: var(--novoui-background-general-medium-emphasis-hover);
    }
  }

  .breadcrumbs-subtle .breadcrumb-separator-icon, .breadcrumbs-subtle .breadcrumb-icon {
    fill: currentColor;
  }

  .breadcrumbs-subtle .breadcrumbs-overflow-button > svg {
    fill: var(--novoui-fill-general-primary);
  }

  .breadcrumbs-strong .crumb {
    color: var(--novoui-text-color-general-high-emphasis-enabled);
  }

  @media (hover: hover) {
    .breadcrumbs-strong .crumb:hover {
      background-color: var(--novoui-background-general-medium-emphasis-hover);
      color: var(--novoui-text-color-general-high-emphasis-hover);
    }
  }

  .breadcrumbs-strong .breadcrumb-icon, .breadcrumbs-strong .breadcrumb-separator-icon {
    fill: currentColor;
  }

  .breadcrumbs-outline {
    border-radius: var(--novoui-radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--novoui-border-general-subtle);
    padding: calc(var(--spacing, .25rem) * 2);
  }

  .button-group, .button-group-scroll {
    display: flex;
    overflow-x: auto;
  }

  .button-group-wrap {
    display: block;
    overflow: auto;
  }

  .button-group-content {
    padding: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    color: var(--novoui-text-color-general-secondary);
  }

  .button-group .button-toggle {
    cursor: pointer;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    height: calc(var(--spacing, .25rem) * 8);
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    border-radius: var(--novoui-radius-small);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    font-size: var(--novoui-ui-button-14);
    line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-toggle-button-fill-enabled);
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    background-color: var(--novoui-background-toggle-button-fill-enabled);
    text-transform: var(--button-text-case);
    border: 1px solid #0000;
    flex-wrap: wrap;
    flex-shrink: 0;
    text-decoration-line: none;
    display: inline-flex;
  }

  .button-group .button-toggle svg {
    fill: currentColor;
    width: 14px;
    height: 14px;
  }

  .button-group .button-toggle svg:only-child {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  .button-group .button-toggle:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .button-group .button-toggle:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .button-group .button-toggle:not(:first-child):not(:last-child) {
    border-radius: 0;
  }

  @media (hover: hover) {
    .button-group .button-toggle:hover, .button-group .button-toggle-hover {
      background-color: var(--novoui-background-toggle-button-fill-hover);
    }
  }

  .button-group .button-toggle.active, .button-group .button-toggle:active, .button-group .button-toggle[active] {
    background-color: var(--novoui-background-toggle-button-fill-selected);
    color: var(--novoui-text-color-toggle-button-fill-selected);
  }

  .button-group .button-toggle:focus-visible, .button-group .button-toggle-focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: calc(2px * -1);
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
  }

  .button-group .button-toggle.button-toggle-selected {
    border-color: var(--novoui-border-general-high-emphasis-enabled);
    background-color: var(--novoui-background-toggle-button-fill-selected);
    color: var(--novoui-text-color-toggle-button-fill-selected);
  }

  .button-group .button-toggle:disabled, .button-group .button-toggle[disabled] {
    pointer-events: none;
    background-color: var(--novoui-background-disabled-strong);
    color: var(--novoui-text-color-disabled-medium);
  }

  .button-group .button-toggle-fill-light {
    background-color: var(--novoui-background-general-base);
  }

  .button-group .button-toggle-fill-light:hover:not(.button-toggle-selected) {
    background-color: var(--novoui-background-general-subtle);
  }

  .button-group .button-toggle-outline {
    background-color: var(--novoui-background-toggle-button-outline-enabled);
    border-color: var(--novoui-border-toggle-button-outline-enabled);
  }

  @media (hover: hover) {
    .button-group .button-toggle-outline:hover, .button-group .button-toggle-outline-hover {
      border-color: var(--novoui-border-toggle-button-outline-hover);
      background-color: var(--novoui-background-toggle-button-outline-hover);
    }

    .button-group .button-toggle-outline:hover:not(:first-child), .button-group .button-toggle-outline-hover:not(:first-child) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
      margin-left: -1px;
    }
  }

  .button-group .button-toggle-outline.active, .button-group .button-toggle-outline:active, .button-group .button-toggle-outline[active], .button-group .button-toggle-outline.button-toggle-selected {
    border-color: var(--novoui-border-toggle-button-outline-selected);
    background-color: var(--novoui-background-toggle-button-outline-selected);
    color: var(--novoui-text-color-toggle-button-outline-selected);
  }

  .button-group .button-toggle-outline:not(:first-child), .button-group .button-toggle-outline:last-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .button-group .button-toggle-outline:disabled, .button-group .button-toggle-outline[disabled] {
    border-color: var(--novoui-border-disabled-subtle);
    background-color: var(--novoui-background-general-base);
    color: var(--novoui-text-color-disabled-medium);
  }

  .button-group .button-toggle:has( + .button-toggle-selected):not([disabled]) {
    border-right-color: var(--novoui-border-general-high-emphasis-enabled);
  }

  .button-group .button-toggle-md {
    height: calc(var(--spacing, .25rem) * 8);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    font-size: var(--novoui-ui-button-14);
    line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .button-group .button-toggle-md svg {
    width: 14px;
    height: 14px;
  }

  .button-group .button-toggle-md svg:only-child {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  .button-group .button-toggle-lg {
    height: calc(var(--spacing, .25rem) * 10);
    padding-inline: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-ui-button-14);
    line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .button-group .button-toggle-lg svg {
    width: 18px;
    height: 18px;
  }

  .button-group .button-toggle-lg svg:only-child {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
  }

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

  .button-split .button-loading {
    padding-inline: 35.5px;
  }

  .button-split .button-loading.button-xs {
    box-sizing: content-box;
    height: 30px;
    padding-inline: 27px;
  }

  .button-split .button-xs.button.button-split-main {
    z-index: 1;
    padding-right: calc(var(--spacing, .25rem) * 2);
    padding-left: 14px;
  }

  .button-split .button-xs.button.button-split-dropdown {
    width: auto;
    padding-inline: calc(var(--spacing, .25rem) * 1.5);
    padding-right: calc(var(--spacing, .25rem) * 2);
  }

  .button-split .button-xs.button.button-split-dropdown.button-outline {
    border-left-color: #0000;
  }

  .button-split .button-xs.button.button-split-dropdown.button-text {
    margin-left: calc(var(--spacing, .25rem) * 0);
    padding-left: calc(var(--spacing, .25rem) * 0);
  }

  .button-split-main.button {
    padding-right: calc(var(--spacing, .25rem) * 3);
    padding-left: calc(var(--spacing, .25rem) * 5);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
  }

  .button-split-main.button:focus-visible, .button-split-main.button-focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .button-split-main.button:focus-visible:after, .button-split-main.button-focus-visible:after {
    z-index: 2;
    border-top-left-radius: var(--novoui-radius-x-large);
    border-bottom-left-radius: var(--novoui-radius-x-large);
    outline-style: var(--tw-outline-style);
    outline-offset: 3px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
    --tw-content: "";
    content: var(--tw-content);
    background-color: #0000;
    width: calc(100% - 4px);
    height: 100%;
    position: absolute;
    right: 4px;
  }

  .button-split-main.button:hover, .button-split-main.button:active {
    z-index: 1;
  }

  .button-split-main.button-split-delimiter, .button-split-main.button-outline, .button-split-main.button-outline-subtle, .button-split-main.button-destructive {
    border-right-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-right-width: 1px;
  }

  .button-split-main.button-split-delimiter {
    border-right-color: var(--novoui-neutral-1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button-split-main.button-split-delimiter {
      border-right-color: var(--novoui-neutral-1);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .button-split-main.button-split-delimiter {
        border-right-color: color-mix(in oklab, var(--novoui-neutral-1) 30%, transparent);
      }
    }
  }

  .button-split-main.button-split-delimiter.button[disabled], .button-split-main.button-split-delimiter.button-disabled, .button-split-main.button-split-delimiter.button:disabled {
    border-right-color: var(--novoui-border-disabled-strong);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button-split-main.button-split-delimiter.button[disabled], .button-split-main.button-split-delimiter.button-disabled, .button-split-main.button-split-delimiter.button:disabled {
      border-right-color: var(--novoui-border-disabled-strong);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .button-split-main.button-split-delimiter.button[disabled], .button-split-main.button-split-delimiter.button-disabled, .button-split-main.button-split-delimiter.button:disabled {
        border-right-color: color-mix(in oklab, var(--novoui-border-disabled-strong) 30%, transparent);
      }
    }
  }

  .button-split-main.button-split-delimiter + .button, .button-split-main.button-split-delimiter + .dropdown-container .button-split-dropdown {
    border-left-color: #0000;
  }

  .button-split-main.button-split-delimiter + .button[disabled], .button-split-main.button-split-delimiter + .button-disabled, .button-split-main.button-split-delimiter + .button:disabled, .button-split-main.button-split-delimiter + .dropdown-container .button-split-dropdown[disabled], .button-split-main.button-split-delimiter + .dropdown-container .button-split-dropdown-disabled, .button-split-main.button-split-delimiter + .dropdown-container .button-split-dropdown:disabled {
    border-left-color: var(--novoui-border-disabled-strong);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button-split-main.button-split-delimiter + .button[disabled], .button-split-main.button-split-delimiter + .button-disabled, .button-split-main.button-split-delimiter + .button:disabled, .button-split-main.button-split-delimiter + .dropdown-container .button-split-dropdown[disabled], .button-split-main.button-split-delimiter + .dropdown-container .button-split-dropdown-disabled, .button-split-main.button-split-delimiter + .dropdown-container .button-split-dropdown:disabled {
      border-left-color: var(--novoui-border-disabled-strong);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .button-split-main.button-split-delimiter + .button[disabled], .button-split-main.button-split-delimiter + .button-disabled, .button-split-main.button-split-delimiter + .button:disabled, .button-split-main.button-split-delimiter + .dropdown-container .button-split-dropdown[disabled], .button-split-main.button-split-delimiter + .dropdown-container .button-split-dropdown-disabled, .button-split-main.button-split-delimiter + .dropdown-container .button-split-dropdown:disabled {
        border-left-color: color-mix(in oklab, var(--novoui-border-disabled-strong) 30%, transparent);
      }
    }
  }

  .button-split-main.button-destructive {
    z-index: 1;
    border-right-color: var(--novoui-neutral-1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button-split-main.button-destructive {
      border-right-color: var(--novoui-neutral-1);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .button-split-main.button-destructive {
        border-right-color: color-mix(in oklab, var(--novoui-neutral-1) 30%, transparent);
      }
    }
  }

  .button-split-main.button-outline-subtle + .dropdown-container > .button-split-dropdown {
    border-left-color: #0000;
  }

  .button-split-main.button-outline-subtle + .dropdown-container > .button-split-dropdown:hover {
    border-left-color: var(--novoui-border-button-outline-subtle-hover);
  }

  .button-split-main.button-outline-subtle + .dropdown-container > .button-split-dropdown:active {
    border-left-color: var(--novoui-border-button-outline-subtle-active);
  }

  .button-split-main.button-outline-subtle:active, .button-split-main.button-outline-subtle-active {
    border-right-color: var(--novoui-border-button-outline-subtle-active);
  }

  .button-split-main.button-outline-subtle:active:hover, .button-split-main.button-outline-subtle-active:hover, .button-split-main.button-outline-subtle-active-hover {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-right-color: var(--novoui-border-button-outline-subtle-hover);
    background-color: var(--novoui-background-button-outline-subtle-hover);
  }

  .button-split-main.button-outline-subtle:active-hover {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-right-color: var(--novoui-border-button-outline-subtle-hover);
    background-color: var(--novoui-background-button-outline-subtle-hover);
  }

  .button-split-main.button-outline-subtle:active + .button-split-dropdown, .button-split-main.button-outline-subtle-active + .button-split-dropdown {
    margin-left: calc(var(--spacing, .25rem) * 0);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-left-color: var(--novoui-border-button-outline-subtle-enabled);
  }

  .button-split .list .list-item > .button-text.button-xs {
    height: 30px;
  }

  .button-split .list .list-item > .button-text.button-sm {
    height: calc(var(--spacing, .25rem) * 8);
  }

  .button-split-dropdown.button {
    width: calc(var(--spacing, .25rem) * 10);
    padding-right: calc(var(--spacing, .25rem) * 3);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 9px;
    position: relative;
  }

  .button-split-dropdown.button.button-icon-square {
    border-top-right-radius: var(--novoui-radius);
    border-bottom-right-radius: var(--novoui-radius);
  }

  .button-split-dropdown.button.button-split-dropdown, .button-split-dropdown.button.button-split-dropdown:active, .button-split-dropdown.button.button-split-dropdown:hover {
    border-left-color: #0000;
  }

  .button-split-dropdown.button.button-outline-subtle:hover + .button-outline-subtle, .button-split-dropdown.button.button-outline-subtle-hover + .button-outline-subtle {
    border-left-color: var(--novoui-border-button-outline-subtle-enabled);
  }

  .button-split-dropdown.button:focus-visible, .button-split-dropdown.button-focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .button-split-dropdown.button:focus-visible:after, .button-split-dropdown.button-focus-visible:after {
    left: calc(var(--spacing, .25rem) * 1);
    border-top-right-radius: var(--novoui-radius-x-large);
    border-bottom-right-radius: var(--novoui-radius-x-large);
    outline-style: var(--tw-outline-style);
    outline-offset: 3px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
    --tw-content: "";
    content: var(--tw-content);
    background-color: #0000;
    width: calc(100% - 4px);
    height: 100%;
    position: absolute;
  }

  .button-split-dropdown-content {
    display: none;
  }

  .button-split-dropdown-open {
    display: block;
  }

  .button-split .dropdown.dropdown-up {
    top: calc(var(--spacing, .25rem) * -1);
  }

  .button-toggle-switch-group {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--novoui-border-toggle-switch-base);
    background-color: var(--novoui-background-toggle-switch-enabled);
    width: max-content;
    padding: .5px;
    padding-bottom: calc(var(--spacing, .25rem) * .25);
    border-radius: 7px;
    display: grid;
  }

  .button-toggle-switch-group .active-indicator-container {
    grid-template-columns: subgrid;
    grid-row: 1;
    display: grid;
  }

  .button-toggle-switch-group:hover {
    background-color: var(--novoui-background-toggle-switch-hover);
  }

  .button-toggle-switch-group.button-toggle-switch-rounded {
    border-radius: var(--novoui-radius-xx-large);
  }

  .button-toggle-switch-group .active-indicator {
    z-index: 0;
    border-radius: 7px;
    grid-row: 1;
    height: calc(100% - 1px);
    left: .5px;
    right: .5px;
  }

  .button-toggle-switch-group .active-indicator-transition {
    transition: transform .2s, width .2s;
  }

  .button-toggle-switch-group .button-toggle-switch {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    color: var(--novoui-text-color-toggle-switch-enabled);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 1);
    font-size: var(--novoui-ui-button-14);
    line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    border-radius: 7px;
    flex-wrap: wrap;
    grid-row: 1;
    transition: transform .4s, color .4s;
    display: inline-flex;
    position: relative;
  }

  .button-toggle-switch-group .button-toggle-switch svg {
    fill: currentColor;
    transition: fill .4s;
  }

  .button-toggle-switch-group .button-toggle-switch-rounded, .button-toggle-switch-group .button-toggle-switch .button-toggle-switch-group, .button-toggle-switch-group .button-toggle-switch-rounded .active-indicator, .button-toggle-switch-group .button-toggle-switch .button-toggle-switch-group .active-indicator {
    border-radius: var(--novoui-radius-xx-large);
  }

  .button-toggle-switch-group .button-toggle-switch-primary.active-indicator {
    background-color: var(--novoui-background-toggle-switch-fill-selected);
  }

  .button-toggle-switch-group .button-toggle-switch-primary.button-toggle-switch-selected {
    color: var(--novoui-text-color-toggle-switch-selected);
  }

  .button-toggle-switch-group .button-toggle-switch-primary.button-toggle-switch-selected svg {
    fill: currentColor;
  }

  .button-toggle-switch-group .button-toggle-switch-primary.button-toggle-switch-selected.button-toggle-switch-disabled {
    cursor: default;
    background-color: var(--novoui-background-disabled-strong);
    color: var(--novoui-text-color-disabled-medium);
  }

  .button-toggle-switch-group .button-toggle-switch-primary.button-toggle-switch-selected.button-toggle-switch-disabled svg {
    fill: currentColor;
  }

  .button-toggle-switch-group .button-toggle-switch-light.active-indicator {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--novoui-border-toggle-switch-base);
    background-color: var(--novoui-background-toggle-switch-outline-selected);
    --tw-shadow: 0px 8px 16px var(--tw-shadow-color, #15213314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .button-toggle-switch-group .button-toggle-switch-light svg {
    fill: currentColor;
  }

  .button-toggle-switch-group .button-toggle-switch-disabled {
    cursor: default;
    color: var(--novoui-text-color-disabled-medium);
  }

  .button-toggle-switch-group .button-toggle-switch-disabled svg {
    fill: currentColor;
  }

  .button-toggle-switch-group .button-toggle-switch-disabled.active-indicator {
    background-color: #0000;
  }

  .button-toggle-switch-group .button-toggle-switch-medium {
    height: calc(var(--spacing, .25rem) * 11);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    font-size: var(--novoui-ui-button-16);
    line-height: var(--tw-leading, var(--novoui-ui-button-16--line-height));
  }

  .button-toggle-switch-group .button-toggle-switch-medium svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  .button-toggle-switch-group .button-toggle-switch-small {
    height: calc(var(--spacing, .25rem) * 9);
    font-size: var(--novoui-ui-button-14);
    line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
  }

  .button-toggle-switch-group .button-toggle-switch-small svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  .button-toggle-switch-group .button-toggle-switch-tiny {
    height: calc(var(--spacing, .25rem) * 7);
    font-size: var(--novoui-ui-button-12);
    line-height: var(--tw-leading, var(--novoui-ui-button-12--line-height));
  }

  .button-toggle-switch-group .button-toggle-switch-tiny svg {
    height: calc(var(--spacing, .25rem) * 3.5);
    width: calc(var(--spacing, .25rem) * 3.5);
  }

  .button {
    cursor: pointer;
    border-radius: var(--novoui-radius-xx-large);
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    height: calc(var(--spacing, .25rem) * 12);
    padding-inline: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-ui-button-16);
    line-height: var(--tw-leading, var(--novoui-ui-button-16--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    border: 1px solid #0000;
    flex-wrap: wrap;
    flex-shrink: 0;
    text-decoration-line: none;
    display: inline-flex;
    position: relative;
  }

  .button .button-badge {
    top: calc(var(--spacing, .25rem) * .5);
    right: calc(var(--spacing, .25rem) * 1);
    --tw-translate-x: calc(1 / 2 * 100%);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    position: absolute;
  }

  .button svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    fill: currentColor;
  }

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

  .button-loading .button-label, .button-loading .button-icon {
    opacity: 0;
  }

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

  .button, .button-primary {
    background-color: var(--novoui-background-button-fill-enabled);
    color: var(--novoui-text-color-button-fill-enabled);
    outline-color: var(--novoui-border-general-focus);
  }

  @media (hover: hover) {
    .button:hover, .button-hover, .button-primary:hover, .button-primary-hover {
      background-color: var(--novoui-background-button-fill-hover);
    }
  }

  .button:active, .button.button-active, .button-primary:active, .button-primary.button-active {
    background-color: var(--novoui-background-button-fill-active);
  }

  .button-disabled, .button:disabled, .button[disabled], .button-primary-disabled, .button-primary:disabled, .button-primary[disabled] {
    cursor: default;
    background-color: var(--novoui-background-disabled-medium);
    color: var(--novoui-text-color-disabled-medium);
  }

  .button-outline {
    background-color: var(--novoui-background-button-outline-enabled);
  }

  .button-outline.button-primary {
    border-color: var(--novoui-border-button-outline-enabled);
    color: var(--novoui-text-color-button-outline-enabled);
  }

  @media (hover: hover) {
    .button-outline.button-primary:hover {
      border-color: var(--novoui-border-button-outline-hover);
      background-color: var(--novoui-background-button-outline-hover);
      color: var(--novoui-text-color-button-outline-hover);
    }
  }

  .button-outline.button-primary:active, .button-outline.button-primary.button-active {
    border-color: var(--novoui-border-button-outline-active);
    background-color: var(--novoui-background-button-outline-active);
    color: var(--novoui-text-color-button-outline-active);
  }

  .button-outline.button-disabled, .button-outline:disabled, .button-outline[disabled] {
    pointer-events: none;
    border-color: var(--novoui-border-disabled-medium);
    background-color: var(--novoui-background-disabled-subtle);
    color: var(--novoui-text-color-disabled-medium);
  }

  .button-outline-subtle {
    border-color: var(--novoui-border-button-outline-subtle-enabled);
    color: var(--novoui-text-color-button-outline-subtle-enabled);
    background-color: #0000;
  }

  .button-outline-subtle:hover, .button-outline-subtle.button-hover {
    border-color: var(--novoui-border-button-outline-subtle-hover);
    background-color: var(--novoui-background-button-outline-subtle-hover);
  }

  .button-outline-subtle:active, .button-outline-subtle.button-active {
    border-color: var(--novoui-border-button-outline-subtle-active);
    background-color: var(--novoui-background-button-outline-subtle-active);
  }

  .button-outline-subtle:disabled, .button-outline-subtle.button-disabled, .button-outline-subtle[disabled] {
    pointer-events: none;
    border-color: var(--novoui-border-disabled-subtle);
    background-color: var(--novoui-background-general-base);
    color: var(--novoui-text-color-disabled-medium);
  }

  .button-destructive {
    background-color: var(--novoui-background-button-destructive-enabled);
    color: var(--novoui-text-color-button-destructive-enabled);
  }

  .button-destructive:hover, .button-destructive.button-hover {
    background-color: var(--novoui-background-button-destructive-hover);
  }

  .button-destructive:active, .button-destructive.button-active {
    background-color: var(--novoui-background-button-destructive-active);
  }

  .button-destructive:focus-visible, .button-destructive.button-focus-visible {
    background-color: var(--novoui-background-button-destructive-enabled);
    outline-color: var(--novoui-border-button-destructive-focus);
  }

  .button-destructive:disabled, .button-destructive.button-disabled, .button-destructive[disabled] {
    background-color: var(--novoui-background-disabled-medium);
    color: var(--novoui-text-color-disabled-medium);
  }

  .button-destructive-subtle {
    background-color: var(--novoui-background-alert-low-emphasis-enabled);
    color: var(--novoui-text-color-alert-hover);
  }

  .button-destructive-subtle:hover, .button-destructive-subtle.button-hover {
    background-color: var(--novoui-background-alert-low-emphasis-hover);
  }

  .button-destructive-subtle:active, .button-destructive-subtle.button-active {
    background-color: var(--novoui-background-alert-low-emphasis-active);
  }

  .button-destructive-subtle:focus-visible, .button-destructive-subtle.button-focus-visible {
    background-color: var(--novoui-background-alert-low-emphasis-enabled);
    outline-color: var(--novoui-border-button-destructive-focus);
  }

  .button-destructive-subtle:disabled, .button-destructive-subtle.button-disabled, .button-destructive-subtle[disabled] {
    background-color: var(--novoui-background-disabled-medium);
    color: var(--novoui-text-color-disabled-medium);
  }

  .button-text {
    background-color: #0000;
    border-color: #0000;
  }

  .button-text.button-primary {
    color: var(--novoui-text-color-button-text-enabled);
  }

  @media (hover: hover) {
    .button-text.button-primary:hover {
      background-color: var(--novoui-background-button-text-hover);
      color: var(--novoui-text-color-button-text-hover);
    }
  }

  .button-text.button-primary:active, .button-text.button-primary.button-active {
    background-color: var(--novoui-background-button-text-active);
    color: var(--novoui-text-color-button-text-active);
  }

  .button-text:focus-visible, .button-text.button-focus-visible {
    border-color: var(--novoui-border-general-focus);
  }

  .button-text.button-disabled, .button-text:disabled, .button-text[disabled] {
    pointer-events: none;
    background-color: var(--novoui-background-general-base);
    color: var(--novoui-text-color-disabled-medium);
  }

  .button-notification {
    margin-top: calc(var(--spacing, .25rem) * 4);
    border-color: var(--novoui-border-button-transparent-enabled);
    background-color: var(--novoui-background-button-transparent-enabled);
    color: var(--novoui-text-color-button-transparent-enabled);
    outline-color: var(--novoui-border-side-menus-menu-notification);
  }

  .button-notification:hover, .button-notification-hover {
    border-color: var(--novoui-border-button-transparent-hover);
    background-color: var(--novoui-background-button-transparent-hover);
  }

  .button-notification:active, .button-notification-active {
    border-color: var(--novoui-border-button-transparent-active);
    background-color: var(--novoui-background-button-transparent-active);
  }

  .button-notification:focus-visible, .button-notification-focus-visible {
    outline-color: var(--novoui-border-general-focus);
  }

  .button-notification:disabled, .button-notification.button-disabled, .button-notification:disabled:hover, .button-notification.button-disabled:hover, .button-notification.button-disabled-hover {
    background-color: var(--novoui-background-disabled-strong);
    color: var(--novoui-text-color-disabled-medium);
    border-color: #0000;
  }

  .button-notification:disabled-hover {
    background-color: var(--novoui-background-disabled-strong);
    color: var(--novoui-text-color-disabled-medium);
    border-color: #0000;
  }

  .button-notification:disabled:active, .button-notification.button-disabled:active, .button-notification.button-disabled-active {
    background-color: var(--novoui-background-disabled-strong);
    color: var(--novoui-text-color-disabled-medium);
    border-color: #0000;
  }

  .button-notification:disabled-active {
    background-color: var(--novoui-background-disabled-strong);
    color: var(--novoui-text-color-disabled-medium);
    border-color: #0000;
  }

  .button-xs {
    height: calc(var(--spacing, .25rem) * 8);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    font-size: var(--novoui-ui-button-12);
    line-height: var(--tw-leading, var(--novoui-ui-button-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .button-xs svg {
    width: 12px;
    height: 12px;
  }

  .button-sm {
    height: calc(var(--spacing, .25rem) * 10);
    padding-inline: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-ui-button-14);
    line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .button-sm svg {
    width: 14px;
    height: 14px;
  }

  .button-md {
    height: calc(var(--spacing, .25rem) * 12);
    padding-inline: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-ui-button-16);
    line-height: var(--tw-leading, var(--novoui-ui-button-16--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .button-md svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  .button-lg {
    height: 56px;
    padding-inline: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-ui-button-16);
    line-height: var(--tw-leading, var(--novoui-ui-button-16--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .button-lg svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  .button-full-width {
    width: 100%;
  }

  .button-square {
    border-radius: var(--novoui-radius);
  }

  .button-icon-square, .button-icon-circle {
    height: calc(var(--spacing, .25rem) * 12);
    width: calc(var(--spacing, .25rem) * 12);
    padding: calc(var(--spacing, .25rem) * 0);
  }

  .button-icon-square:where(.button-xs), .button-icon-circle:where(.button-xs) {
    height: calc(var(--spacing, .25rem) * 8);
    width: calc(var(--spacing, .25rem) * 8);
    padding: calc(var(--spacing, .25rem) * 0);
  }

  .button-icon-square:where(.button-sm), .button-icon-circle:where(.button-sm) {
    height: calc(var(--spacing, .25rem) * 10);
    width: calc(var(--spacing, .25rem) * 10);
    padding: calc(var(--spacing, .25rem) * 0);
  }

  .button-icon-square:where(.button-md), .button-icon-circle:where(.button-md) {
    height: calc(var(--spacing, .25rem) * 12);
    width: calc(var(--spacing, .25rem) * 12);
    padding: calc(var(--spacing, .25rem) * 0);
  }

  .button-icon-square:where(.button-lg), .button-icon-circle:where(.button-lg) {
    width: 56px;
    height: 56px;
    padding: calc(var(--spacing, .25rem) * 0);
  }

  .button-icon-square:where(.button-xs) svg, .button-icon-square:where(.button-sm) svg, .button-icon-circle:where(.button-xs) svg, .button-icon-circle:where(.button-sm) svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  .button-icon-square:where(.button-md) svg, .button-icon-square:where(.button-lg) svg, .button-icon-circle:where(.button-md) svg, .button-icon-circle:where(.button-lg) svg {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
  }

  .button-icon-square {
    border-radius: var(--novoui-radius);
  }

  .button-icon-circle {
    border-radius: var(--novoui-radius-full);
  }

  .card-drag {
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--novoui-border-drag-enabled);
    grid-template-rows: 1rem auto 1rem;
    grid-template-columns: 36px auto 1fr;
    display: grid;
  }

  .card-drag-container {
    padding-block: calc(var(--spacing, .25rem) * 1);
  }

  .card-drag-marker:hover {
    position: relative;
  }

  .card-drag-marker:hover.card-drag-marker-above:before {
    top: calc(var(--spacing, .25rem) * 0);
    margin-top: calc(var(--spacing, .25rem) * -1);
    height: calc(var(--spacing, .25rem) * .5);
    border-radius: var(--novoui-radius-large);
    background-color: var(--novoui-background-general-high-emphasis-enabled);
    content: "";
    width: 104%;
    position: absolute;
    left: -2%;
  }

  .card-drag-marker:hover.card-drag-marker-below:after {
    bottom: calc(var(--spacing, .25rem) * -1);
    height: calc(var(--spacing, .25rem) * .5);
    border-radius: var(--novoui-radius-large);
    background-color: var(--novoui-background-general-high-emphasis-enabled);
    content: "";
    width: 104%;
    position: absolute;
    left: -2%;
  }

  .card-drag-small {
    grid-template-rows: .5rem auto .5rem;
  }

  .card-drag .card-drag-draggable {
    grid-template-rows: subgrid;
    grid-template-columns: subgrid;
    grid-area: 1 / 1 / span 3 / span 3;
    display: grid;
  }

  .card-drag .card-drag-draggable.card-no-selection-allowed {
    cursor: grab;
  }

  .card-drag-handle {
    box-sizing: content-box;
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    fill: var(--novoui-fill-drag-enabled);
    padding-inline: calc(var(--spacing, .25rem) * 1.5);
  }

  .card-drag-content {
    box-sizing: content-box;
    min-height: calc(var(--spacing, .25rem) * 9);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    color: var(--novoui-text-color-general-primary);
    pointer-events: none;
    cursor: grab;
    background-color: var(--novoui-background-drag-card-enabled);
    padding-left: calc(var(--spacing, .25rem) * 4);
    --tw-leading: calc(var(--spacing, .25rem) * 9);
    line-height: calc(var(--spacing, .25rem) * 9);
    -webkit-user-select: none;
    user-select: none;
    flex-grow: 1;
    grid-area: 2 / 2;
    align-items: center;
    display: inline-flex;
  }

  .card-drag-content.card-drag-selection-allowed {
    pointer-events: auto;
    cursor: auto;
    -webkit-user-select: auto;
    user-select: auto;
  }

  .card-drag-top, .card-drag-bottom, .card-drag-right {
    cursor: grab;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--novoui-border-drag-enabled);
    background-color: var(--novoui-background-drag-card-enabled);
  }

  .card-drag-top, .card-drag-left, .card-drag-bottom, .card-drag-right {
    -webkit-user-select: none;
    user-select: none;
  }

  .card-drag-left {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--novoui-border-drag-enabled);
    background-color: var(--novoui-background-drag-handle-enabled);
    cursor: grab;
    border-top-left-radius: var(--novoui-radius-large);
    border-bottom-left-radius: var(--novoui-radius-large);
    grid-area: 1 / 1 / span 3;
    align-content: center;
    height: 100%;
  }

  .card-drag-top {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    grid-area: 1 / 2;
  }

  .card-drag-bottom {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    grid-area: 3 / 2;
  }

  .card-drag-right {
    height: 100%;
    min-width: calc(var(--spacing, .25rem) * 8);
    border-top-right-radius: var(--novoui-radius-large);
    border-bottom-right-radius: var(--novoui-radius-large);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    grid-area: 1 / 3 / span 3;
  }

  .card-drag-draggable:hover .card-drag-top, .card-drag-draggable:hover .card-drag-bottom, .card-drag-draggable:hover .card-drag-right, .card-drag-draggable:hover .card-drag-left {
    border-color: var(--novoui-border-drag-hover);
  }

  .card-drag-draggable:hover .card-drag-left {
    background-color: var(--novoui-background-drag-handle-hover);
  }

  .card-drag-draggable:hover .card-drag-handle {
    fill: var(--novoui-fill-drag-hover);
  }

  .card-drag-draggable:active .card-drag-left, .card-drag-draggable-active .card-drag-left {
    background-color: var(--novoui-background-drag-handle-active);
  }

  .card-drag-draggable:active ~ .card-drag-content, .card-drag-draggable:active .card-drag-top, .card-drag-draggable:active .card-drag-bottom, .card-drag-draggable:active .card-drag-right, .card-drag-draggable-active ~ .card-drag-content, .card-drag-draggable-active .card-drag-top, .card-drag-draggable-active .card-drag-bottom, .card-drag-draggable-active .card-drag-right {
    background-color: var(--novoui-background-drag-card-active);
  }

  .card-drag-draggable:active .card-drag-left, .card-drag-draggable:active .card-drag-top, .card-drag-draggable:active .card-drag-bottom, .card-drag-draggable:active .card-drag-right, .card-drag-draggable-active .card-drag-left, .card-drag-draggable-active .card-drag-top, .card-drag-draggable-active .card-drag-bottom, .card-drag-draggable-active .card-drag-right {
    border-color: var(--novoui-border-drag-active);
  }

  .card-drag-draggable:active .card-drag-handle, .card-drag-draggable-active .card-drag-handle {
    fill: var(--novoui-fill-drag-active);
  }

  .card-drag-dragging {
    pointer-events: none;
    z-index: 1;
    position: absolute;
  }

  .card-drag-dragging.card-drag-truncate > * {
    max-width: calc(var(--spacing, .25rem) * 52);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .card-drag-ghost {
    border-radius: var(--novoui-radius-large);
    background-color: var(--novoui-background-drag-card-active);
  }

  .card-drag-flip {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .card-drag-animation {
    animation-duration: .15s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
  }

  .card-drag-animation-below {
    animation-name: card-drag-below-animation;
  }

  .card-drag-animation-above {
    animation-name: card-drag-above-animation;
  }

  @keyframes card-drag-below-animation {
    0% {
      transform: translateY(100%);
    }

    to {
      transform: translateY(0%);
    }
  }

  @keyframes card-drag-above-animation {
    0% {
      transform: translateY(-100%);
    }

    to {
      transform: translateY(0);
    }
  }

  .card-slim:hover {
    background-color: var(--novoui-background-cards-hover);
  }

  .card-slim-elevated:hover {
    background-color: var(--novoui-background-cards-elevated-hover);
  }

  .card-slim-footer {
    border-top-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-top-width: 1px;
    border-color: var(--novoui-border-general-subtle);
    padding-block: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    color: var(--novoui-text-color-general-secondary);
    grid-area: 2 / 1 / -1 / -1;
    justify-content: center;
    display: flex;
  }

  .card-slim-media {
    right: calc(var(--spacing, .25rem) * 0);
    min-width: 100%;
    max-width: none;
    height: 100%;
    position: absolute;
  }

  .card-slim-media-container {
    align-self: stretch;
    min-width: 80px;
    position: relative;
  }

  .card-slim-body {
    margin-block: calc(var(--spacing, .25rem) * 4);
    margin-right: calc(var(--spacing, .25rem) * 3);
    margin-left: calc(var(--spacing, .25rem) * 4);
    flex-direction: column;
    grid-column-start: 2;
    display: inline-flex;
  }

  .card-slim-headline {
    font-size: var(--novoui-body-medium);
    line-height: var(--tw-leading, var(--novoui-body-medium--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
    word-break: break-word;
  }

  .card-slim-subheader {
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    color: var(--novoui-text-color-general-secondary);
    word-break: break-word;
  }

  .card-slim-eyebrow {
    font-size: var(--novoui-body-xsmall);
    line-height: var(--tw-leading, var(--novoui-body-xsmall--line-height));
    color: var(--novoui-text-color-general-secondary);
    word-break: break-word;
  }

  .card-slim-slot {
    border-left-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-left-width: 1px;
    border-color: var(--novoui-border-general-subtle);
    padding-block: calc(var(--spacing, .25rem) * 2);
    padding-right: calc(var(--spacing, .25rem) * 3);
    padding-left: calc(var(--spacing, .25rem) * 4);
    grid-column-start: 2;
    margin-block: 7px;
  }

  .card-slim-multi-column .card-slim-slot {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    grid-column-start: 3;
  }

  .card-slim-circle-icon {
    margin-right: calc(var(--spacing, .25rem) * 3);
    margin-left: calc(var(--spacing, .25rem) * 5);
    box-sizing: content-box;
    background-color: var(--novoui-background-accent-blue-subtle);
    min-width: 24px;
    max-width: 24px;
    fill: var(--novoui-fill-general-secondary);
    padding: calc(var(--spacing, .25rem) * 3);
    border-radius: 50%;
    overflow: visible;
  }

  .card-slim-trailing-icon {
    box-sizing: content-box;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    fill: var(--novoui-fill-general-primary);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    margin-left: auto;
  }

  .card-slim-disabled {
    pointer-events: none;
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--novoui-border-disabled-medium);
  }

  .card-slim-disabled.card-elevated {
    background-color: var(--novoui-background-cards-disabled);
    box-shadow: none;
  }

  .card-slim-disabled.card-slim {
    background-color: var(--novoui-background-cards-disabled);
  }

  .card-slim-disabled.card-slim:not(.card-outline) {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .card-slim-disabled .card-slim-media-container {
    opacity: .3;
  }

  .card-slim-disabled .card-slim-headline, .card-slim-disabled .card-slim-subheader, .card-slim-disabled .card-slim-eyebrow, .card-slim-disabled .card-slim-footer {
    color: var(--novoui-text-color-disabled-medium);
  }

  .card-slim-disabled .card-slim-slot {
    border-color: var(--novoui-border-disabled-subtle);
  }

  .card-slim-disabled .card-slim-trailing-icon {
    fill: var(--novoui-fill-disabled-medium);
  }

  .card-slim-disabled .card-slim-circle-icon {
    background-color: var(--novoui-background-disabled-strong);
    fill: var(--novoui-fill-disabled-medium);
  }

  .card {
    --novoui-card-body-color: var(--novoui-text-color-general-secondary);
    border-radius: var(--novoui-radius-large);
    background-color: var(--novoui-background-cards-enabled);
    color: var(--novoui-text-color-general-secondary);
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    flex-direction: column;
    width: 296px;
    display: flex;
  }

  .card:hover {
    background-color: var(--novoui-background-cards-hover);
  }

  .card:focus-visible, .card-focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 3px;
    outline-color: var(--novoui-border-general-focus);
  }

  .card-slim {
    border-radius: var(--novoui-radius-large);
    background-color: var(--novoui-background-cards-enabled);
    min-height: 64px;
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    flex-direction: row;
    align-items: center;
    display: flex;
    overflow: hidden;
  }

  .card-slim-has-footer {
    grid-template-rows: auto auto;
    grid-template-columns: auto 1fr auto auto;
    display: grid;
  }

  .card-slim-has-footer.card-slim-multi-column {
    grid-template-columns: auto 1fr 1fr auto;
  }

  .card-elevated {
    background-color: var(--novoui-background-cards-elevated-enabled);
    --tw-shadow: 0px 8px 16px var(--tw-shadow-color, #15213314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .card-elevated:hover {
    background-color: var(--novoui-background-cards-elevated-hover);
  }

  .card-elevated.card-disabled, .card-elevated:disabled, .card-elevated[disabled] {
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--novoui-border-disabled-medium);
    --tw-shadow-color: inherit;
  }

  .card-outline {
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--novoui-border-cards-enabled);
    overflow: hidden;
  }

  .card-outline .card-slim-body {
    margin-block: 15px;
  }

  .card-outline.card-disabled, .card-outline:disabled, .card-outline[disabled] {
    border-color: var(--novoui-border-disabled-medium);
  }

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

  @media (hover: hover) {
    .card-clickable:hover {
      --tw-shadow: 0px 16px 32px var(--tw-shadow-color, #16223329), 0px 4px 12px var(--tw-shadow-color, #1622331f);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .card-clickable.card-outline:hover {
      border-color: var(--novoui-border-cards-hover);
      --tw-shadow: 0 0 var(--tw-shadow-color, #000);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .card-disabled, .card:disabled, .card[disabled] {
    --novoui-card-body-color: var(--novoui-text-color-disabled-medium);
    pointer-events: none;
    background-color: var(--novoui-background-cards-disabled);
    color: var(--novoui-text-color-disabled-medium);
  }

  .card-disabled .card-body h5, .card-disabled .card-footer, .card-disabled .card-footer-icon, .card-disabled .card-header-subtitle, .card-disabled .card-header-icon, .card:disabled .card-body h5, .card:disabled .card-footer, .card:disabled .card-footer-icon, .card:disabled .card-header-subtitle, .card:disabled .card-header-icon, .card[disabled] .card-body h5, .card[disabled] .card-footer, .card[disabled] .card-footer-icon, .card[disabled] .card-header-subtitle, .card[disabled] .card-header-icon {
    color: var(--novoui-text-color-disabled-medium);
  }

  .card-disabled .card-media, .card:disabled .card-media, .card[disabled] .card-media, .card-disabled .card-header-avatar, .card:disabled .card-header-avatar, .card[disabled] .card-header-avatar {
    opacity: .3;
  }

  .card-header {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 4);
    width: 100%;
    padding: calc(var(--spacing, .25rem) * 4);
    display: flex;
  }

  .card-header-avatar {
    height: calc(var(--spacing, .25rem) * 12);
    width: calc(var(--spacing, .25rem) * 12);
    object-fit: cover;
    border-radius: 100%;
  }

  .card-header-title {
    font-size: var(--novoui-headings-h4);
    line-height: var(--tw-leading, var(--novoui-headings-h4--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
  }

  .card-header-subtitle {
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    color: var(--novoui-text-color-general-secondary);
  }

  .card-header-icon {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    color: var(--novoui-text-color-general-secondary);
    margin-left: auto;
  }

  .card-header-icon svg {
    fill: currentColor;
  }

  .card-media {
    border-start-start-radius: inherit;
    border-start-end-radius: inherit;
    border-end-end-radius: inherit;
    border-end-start-radius: inherit;
    position: relative;
  }

  .card-media:not(:last-child) {
    border-end-end-radius: unset;
    border-end-start-radius: unset;
  }

  .card-media:not(:first-child) {
    border-start-start-radius: unset;
    border-start-end-radius: unset;
  }

  .card-media img {
    border-start-start-radius: inherit;
    border-start-end-radius: inherit;
    border-end-end-radius: inherit;
    border-end-start-radius: inherit;
    width: 100vw;
  }

  .card-media-status-tag.status-tag-none {
    top: calc(var(--spacing, .25rem) * 4);
    left: calc(var(--spacing, .25rem) * 4);
    z-index: 10;
    position: absolute;
  }

  .card-media-status-tag-container {
    top: calc(var(--spacing, .25rem) * 4);
    left: calc(var(--spacing, .25rem) * 4);
    position: absolute;
  }

  .card-media-status-tag-container .status-tag + .status-tag {
    margin-left: calc(var(--spacing, .25rem) * 4);
  }

  .card-media-length-tag.status-tag-none {
    right: calc(var(--spacing, .25rem) * 4);
    bottom: calc(var(--spacing, .25rem) * 4);
    z-index: 10;
    color: var(--novoui-text-color-general-inverted);
    background-color: #1d1e21;
    position: absolute;
  }

  .card-media-play-icon {
    bottom: calc(var(--spacing, .25rem) * 4);
    left: calc(var(--spacing, .25rem) * 4);
    z-index: 10;
    height: calc(var(--spacing, .25rem) * 8);
    width: calc(var(--spacing, .25rem) * 8);
    padding-top: calc(var(--spacing, .25rem) * 2);
    background-color: var(--novoui-background-general-base);
    color: var(--novoui-text-color-general-primary);
    border-radius: 100%;
    padding-left: 9px;
    position: absolute;
  }

  .card-media-play-icon svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    fill: currentColor;
  }

  .card-body {
    gap: calc(var(--spacing, .25rem) * 2);
    padding: calc(var(--spacing, .25rem) * 4);
    flex-direction: column;
    display: flex;
  }

  .card-body h5 {
    font-size: var(--novoui-headings-h5);
    line-height: var(--tw-leading, var(--novoui-headings-h5--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
  }

  .card-body p {
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    color: var(--novoui-card-body-color);
  }

  .card-footer {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    padding: calc(var(--spacing, .25rem) * 4);
    padding-top: calc(var(--spacing, .25rem) * 0);
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    color: var(--novoui-text-color-general-primary);
    margin-top: auto;
    margin-left: auto;
    display: flex;
  }

  .card-footer-icon {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    color: var(--novoui-text-color-general-primary);
  }

  .card-footer-icon svg {
    fill: currentColor;
  }

  .card-sm {
    width: 223px;
  }

  .card-md {
    width: 296px;
  }

  .card-lg {
    width: 624px;
  }

  .card-lg .card-body h5 {
    font-size: var(--novoui-headings-h3);
    line-height: var(--tw-leading, var(--novoui-headings-h3--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
  }

  .card-lg .card-body p {
    font-size: var(--novoui-body-medium);
    line-height: var(--tw-leading, var(--novoui-body-medium--line-height));
  }

  .card-loading .card-loading-media {
    border-top-left-radius: var(--novoui-radius-large);
    border-top-right-radius: var(--novoui-radius-large);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .card-loading .card-loading-contents {
    gap: calc(var(--spacing, .25rem) * 2);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-top: calc(var(--spacing, .25rem) * 4);
    flex-direction: column;
    display: flex;
  }

  .card-loading .card-loading-contents-small {
    margin-bottom: calc(var(--spacing, .25rem) * 12);
  }

  .card-loading .card-loading-contents-medium {
    margin-bottom: calc(var(--spacing, .25rem) * 9);
  }

  .card-loading .card-loading-contents-large {
    height: calc(var(--spacing, .25rem) * 5);
  }

  .checkbox {
    --novoui-checkbox-label-color: var(--novoui-text-color-selection-enabled);
    --novoui-checkbox-input-color: var(--novoui-border-selection-enabled);
    --novoui-checkbox-input-color-hover: var(--novoui-border-selection-hover);
    --novoui-checkbox-input-color-active: var(--novoui-border-selection-active);
    --novoui-checkbox-input-color-checked: var(--novoui-background-selection-selected-enabled);
    --novoui-checkbox-input-color-checked-hover: var(--novoui-background-selection-selected-hover);
    --novoui-checkbox-input-color-checked-active: var(--novoui-background-selection-selected-active);
    --novoui-checkbox-input-bg-color-active: var(--novoui-background-selection-enabled);
    --novoui-checkbox-size: 1rem;
    margin-block: calc(var(--spacing, .25rem) * 2);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    display: inline-flex;
  }

  .checkbox-input {
    cursor: pointer;
    appearance: none;
    border-style: var(--tw-border-style);
    background-color: var(--novoui-background-general-base);
    height: var(--novoui-checkbox-size);
    width: var(--novoui-checkbox-size);
    border-radius: var(--novoui-radius-small);
    border-width: 1px;
    border-color: var(--novoui-checkbox-input-color);
    place-content: center;
    display: grid;
    position: relative;
  }

  .checkbox-input:before {
    content: "";
    height: var(--novoui-checkbox-size);
    width: var(--novoui-checkbox-size);
    background-color: var(--novoui-checkbox-input-color-checked);
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    border-radius: 50%;
    margin: -1px;
    transition-property: scale, border-radius;
    transition-duration: .1s;
    transition-timing-function: ease-out;
    position: absolute;
  }

  .checkbox-input:after {
    content: "";
    height: var(--novoui-checkbox-size);
    width: var(--novoui-checkbox-size);
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
  }

  .checkbox-input:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .checkbox-input:checked:after {
    background-size: var(--novoui-checkbox-size);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M11.5956 4.29252L6.87931 9.95166L4.32943 7.40188C4.17957 7.26225 3.98137 7.18623 3.77657 7.18984C3.57177 7.19345 3.37637 7.27642 3.23154 7.42125C3.0867 7.56609 3.00374 7.76149 3.00012 7.96629C2.99651 8.17108 3.07253 8.36929 3.21217 8.51914L6.37423 11.6812C6.52234 11.8295 6.72327 11.9129 6.93286 11.9131L6.9689 11.912C7.07862 11.9071 7.18611 11.8794 7.28449 11.8305C7.38286 11.7817 7.46995 11.7128 7.54018 11.6284L12.8103 5.30428C12.8783 5.22473 12.9299 5.13246 12.9619 5.03283C12.994 4.9332 13.006 4.82819 12.9972 4.72389C12.9884 4.61959 12.9589 4.51808 12.9106 4.42526C12.8622 4.33243 12.7959 4.25013 12.7155 4.18314C12.635 4.11614 12.5421 4.06579 12.4421 4.03499C12.342 4.00419 12.2369 3.99357 12.1327 4.00374C12.0285 4.0139 11.9274 4.04466 11.8352 4.09421C11.743 4.14377 11.6616 4.21125 11.5956 4.29252Z' fill='white'/></svg>");
  }

  .checkbox-input:indeterminate:after {
    background-size: var(--novoui-checkbox-size);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M3.0498 8C3.0498 7.58579 3.31055 7.25 3.63219 7.25H12.368C12.6897 7.25 12.9504 7.58579 12.9504 8C12.9504 8.41421 12.6897 8.75 12.368 8.75H3.63219C3.31055 8.75 3.0498 8.41421 3.0498 8Z' fill='white'/></svg>");
  }

  .checkbox-input:checked, .checkbox-input:indeterminate {
    border-color: var(--novoui-checkbox-input-color-checked);
  }

  .checkbox-input:checked:before, .checkbox-input:indeterminate:before {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    border-radius: var(--novoui-radius-small);
    transition: scale .2s ease-in;
  }

  @media (hover: hover) {
    .checkbox-input:hover:not(:checked, :indeterminate) {
      border-color: var(--novoui-checkbox-input-color-hover);
    }

    .checkbox-input:hover:checked:before, .checkbox-input:hover:indeterminate:before {
      background-color: var(--novoui-checkbox-input-color-checked-hover);
    }
  }

  .checkbox-input:active:not(:checked, :indeterminate), .checkbox-input[active]:not(:checked, :indeterminate) {
    border-color: var(--novoui-checkbox-input-color-active);
    background-color: var(--novoui-checkbox-input-bg-color-active);
  }

  .checkbox-input:active:checked:before, .checkbox-input:active:indeterminate:before, .checkbox-input[active]:checked:before, .checkbox-input[active]:indeterminate:before {
    background-color: var(--novoui-checkbox-input-color-active);
  }

  .checkbox-label {
    cursor: pointer;
    font-size: var(--novoui-ui-control-14);
    line-height: var(--tw-leading, var(--novoui-ui-control-14--line-height));
    color: var(--novoui-checkbox-label-color);
  }

  .checkbox, .checkbox-primary {
    --novoui-checkbox-label-color: var(--novoui-text-color-selection-enabled);
    --novoui-checkbox-input-color: var(--novoui-border-selection-enabled);
    --novoui-checkbox-input-color-hover: var(--novoui-border-selection-hover);
    --novoui-checkbox-input-color-active: var(--novoui-border-selection-active);
    --novoui-checkbox-input-color-checked: var(--novoui-background-selection-selected-enabled);
    --novoui-checkbox-input-color-checked-hover: var(--novoui-background-selection-selected-hover);
    --novoui-checkbox-input-color-checked-active: var(--novoui-background-selection-selected-active);
  }

  .checkbox-alert {
    --novoui-checkbox-input-color: var(--novoui-border-alert-enabled);
    --novoui-checkbox-input-color-hover: var(--novoui-border-alert-hover);
    --novoui-checkbox-input-color-active: var(--novoui-border-alert-active);
    --novoui-checkbox-input-color-checked: var(--novoui-background-alert-high-emphasis-enabled);
    --novoui-checkbox-input-color-checked-hover: var(--novoui-background-alert-high-emphasis-hover);
    --novoui-checkbox-input-color-checked-active: var(--novoui-background-alert-high-emphasis-active);
  }

  .checkbox-disabled, .checkbox:disabled {
    --novoui-checkbox-label-color: var(--novoui-text-color-disabled-medium);
    --novoui-checkbox-input-color: var(--novoui-border-disabled-subtle);
    --novoui-checkbox-input-color-hover: var(--novoui-border-disabled-subtle);
    --novoui-checkbox-input-color-active: var(--novoui-border-disabled-subtle);
    --novoui-checkbox-input-color-checked: var(--novoui-border-disabled-subtle);
    --novoui-checkbox-input-color-checked-hover: var(--novoui-background-selection-disabled);
    --novoui-checkbox-input-color-checked-active: var(--novoui-background-selection-disabled);
    --novoui-checkbox-input-bg-color-active: var(--novoui-bg-light);
    pointer-events: none;
    border-color: var(--novoui-border-disabled-subtle);
  }

  .checkbox-leading-text {
    flex-direction: row-reverse;
  }

  .checkbox-sm {
    --novoui-checkbox-size: .75rem;
  }

  .checkbox-sm .checkbox-input {
    outline-offset: 0px;
  }

  .checkbox-sm .checkbox-label {
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
  }

  .checkbox-md {
    --novoui-checkbox-size: 1rem;
  }

  .checkbox-md .checkbox-label {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .checkbox-lg {
    --novoui-checkbox-size: 1.25rem;
  }

  .checkbox-lg .checkbox-input {
    margin-block: calc(var(--spacing, .25rem) * .5);
  }

  .checkbox-lg .checkbox-label {
    font-size: var(--novoui-ui-label-16);
    line-height: var(--tw-leading, var(--novoui-ui-label-16--line-height));
  }

  .checkbox-group {
    display: flex;
  }

  .checkbox-group-vertical {
    flex-direction: column;
  }

  .checkbox-group-gap {
    gap: calc(var(--spacing, .25rem) * 3);
  }

  .checkbox .checkbox-input.checkbox-mark {
    display: none;
  }

  .chip-filter {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    border-radius: var(--novoui-radius-x-large);
    height: calc(var(--spacing, .25rem) * 8);
    padding-block: calc(var(--spacing, .25rem) * 2);
    padding-right: calc(var(--spacing, .25rem) * 3);
    padding-left: calc(var(--spacing, .25rem) * 1.5);
    font-size: var(--novoui-ui-button-12);
    line-height: var(--tw-leading, var(--novoui-ui-button-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border: 1px solid #0000;
    display: flex;
  }

  .chip-filter:focus-visible, .chip-filter-focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 1px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
  }

  .chip-filter-disabled, .chip-filter:disabled, .chip-filter[disabled] {
    pointer-events: none;
    background-color: var(--novoui-background-disabled-subtle);
    color: var(--novoui-text-color-disabled-medium);
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    border-color: #0000;
  }

  .chip-filter svg {
    fill: currentColor;
    width: 14px;
    height: 14px;
  }

  .chip-filter, .chip-filter-fill {
    background-color: var(--novoui-background-controls-fill-enabled);
    color: var(--novoui-text-color-controls-low-emphasis);
  }

  .chip-filter:where(.chip-filter-strong), .chip-filter-fill:where(.chip-filter-strong) {
    color: var(--novoui-text-color-controls-high-emphasis);
  }

  @media (hover: hover) {
    .chip-filter:hover, .chip-filter-hover, .chip-filter-fill:hover, .chip-filter-fill-hover {
      background-color: var(--novoui-background-controls-fill-hover);
    }

    .chip-filter:hover:where(.chip-filter-strong), .chip-filter-hover:where(.chip-filter-strong), .chip-filter-fill:hover:where(.chip-filter-strong), .chip-filter-fill-hover:where(.chip-filter-strong) {
      color: var(--novoui-text-color-controls-high-emphasis-hover);
    }
  }

  .chip-filter-outline {
    border-color: var(--novoui-border-controls-low-emphasis-enabled);
    background-color: var(--novoui-background-controls-outline-low-emphasis-enabled);
    color: var(--novoui-text-color-controls-low-emphasis);
    overflow: hidden;
  }

  .chip-filter-outline:where(.chip-filter-strong) {
    border-color: var(--novoui-border-controls-high-emphasis-enabled);
    color: var(--novoui-text-color-controls-high-emphasis);
  }

  @media (hover: hover) {
    .chip-filter-outline:hover, .chip-filter-outline-hover {
      border-color: var(--novoui-border-controls-low-emphasis-hover);
      background-color: var(--novoui-background-controls-outline-low-emphasis-hover);
    }

    .chip-filter-outline:hover:where(.chip-filter-strong), .chip-filter-outline-hover:where(.chip-filter-strong) {
      border-color: var(--novoui-border-controls-high-emphasis-hover);
      background-color: var(--novoui-background-controls-outline-high-emphasis-hover);
      color: var(--novoui-text-color-controls-high-emphasis-hover);
    }
  }

  .chip-filter-selected {
    background-color: var(--novoui-background-controls-fill-low-emphasis-selected);
    color: var(--novoui-text-color-controls-low-emphasis);
    border-color: #0000;
    overflow: hidden;
  }

  .chip-filter-selected:where(.chip-filter-outline) {
    border-color: var(--novoui-border-controls-low-emphasis-selected);
    background-color: var(--novoui-background-controls-outline-low-emphasis-selected);
    color: var(--novoui-text-color-controls-low-emphasis);
  }

  .chip-filter-selected:where(.chip-filter-strong) {
    background-color: var(--novoui-background-controls-outline-high-emphasis-selected);
    color: var(--novoui-text-color-controls-selected);
  }

  @media (hover: hover) {
    .chip-filter-selected:hover, .chip-filter-selected-hover {
      background-color: var(--novoui-background-controls-fill-low-emphasis-selected-hover);
      color: var(--novoui-text-color-controls-low-emphasis);
    }

    .chip-filter-selected:hover:where(.chip-filter-outline), .chip-filter-selected-hover:where(.chip-filter-outline) {
      border-color: var(--novoui-border-controls-low-emphasis-selected-hover);
      background-color: var(--novoui-background-controls-outline-low-emphasis-selected-hover);
    }

    .chip-filter-selected:hover:where(.chip-filter-strong), .chip-filter-selected-hover:where(.chip-filter-strong) {
      background-color: var(--novoui-background-controls-fill-high-emphasis-selected-hover);
      color: var(--novoui-text-color-general-inverted);
    }
  }

  .chip-filter-rounded {
    border-radius: var(--novoui-radius-x-large);
  }

  .chip-filter-squared {
    border-radius: var(--novoui-radius-small);
  }

  .chip-filter-md {
    height: calc(var(--spacing, .25rem) * 8);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-ui-button-12);
    line-height: var(--tw-leading, var(--novoui-ui-button-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .chip-filter-md svg {
    width: 14px;
    height: 14px;
  }

  .chip-filter-sm {
    height: calc(var(--spacing, .25rem) * 6);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 1);
    font-size: var(--novoui-ui-button-10);
    line-height: var(--tw-leading, var(--novoui-ui-button-10--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .chip-filter-sm svg {
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 3);
  }

  .chip-filter-prepend:where(.chip-filter-md), .chip-filter-selected:where(.chip-filter-md) {
    padding-left: calc(var(--spacing, .25rem) * 2);
  }

  .chip-filter-prepend:where(.chip-filter-sm), .chip-filter-selected:where(.chip-filter-sm) {
    padding-left: 6px;
  }

  .chip-filter-prepend-container, .chip-filter-selected-container {
    font-size: var(--novoui-ui-button-12);
    line-height: var(--tw-leading, var(--novoui-ui-button-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .chip-input {
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    border-radius: var(--novoui-radius-x-large);
    background-color: var(--novoui-chip-input-bg);
    width: fit-content;
    color: var(--novoui-chip-input-content);
    border: 1px solid #0000;
    flex-shrink: 0;
    display: flex;
  }

  .chip-input-restrict-pointers:not(.chip-input-clickable) {
    pointer-events: none;
  }

  .chip-input-restrict-pointers:not(.chip-input-clickable):not(.chip-input-disabled) .chip-input-close-container {
    pointer-events: auto;
  }

  .chip-input-restrict-pointers:not(.chip-input-clickable):not(.chip-input-disabled) .chip-input-close-container:focus {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
  }

  .chip-input:focus-visible, .chip-input-focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 1px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
  }

  .chip-input, .chip-input-md {
    --novoui-chip-input-close-size: 1.25rem;
    --novoui-chip-input-close-icon-size: 1rem;
    --novoui-chip-input-prepend-size: 1.25rem;
    --novoui-chip-input-prepended-icon-size: .875rem;
    --novoui-chip-input-close-padding-right: .375rem;
    --novoui-chip-input-prepend-padding-left: .5rem;
    height: calc(var(--spacing, .25rem) * 8);
    font-size: var(--novoui-ui-button-12);
    line-height: var(--tw-leading, var(--novoui-ui-button-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
  }

  .chip-input-sm {
    --novoui-chip-input-close-size: 1rem;
    --novoui-chip-input-close-icon-size: .875rem;
    --novoui-chip-input-prepend-size: 1rem;
    --novoui-chip-input-prepended-icon-size: .75rem;
    --novoui-chip-input-close-padding-right: .25rem;
    --novoui-chip-input-prepend-padding-left: .375rem;
    height: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-ui-button-10);
    line-height: var(--tw-leading, var(--novoui-ui-button-10--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 1);
  }

  .chip-input, .chip-input-fill {
    --novoui-chip-input-bg: var(--novoui-background-controls-fill-enabled);
    --novoui-chip-input-content: var(--novoui-text-color-controls-low-emphasis);
  }

  .chip-input:where(.chip-input-strong), .chip-input-fill:where(.chip-input-strong) {
    --novoui-chip-input-content: var(--novoui-text-color-controls-high-emphasis);
  }

  @media (hover: hover) {
    .chip-input:hover, .chip-input-hover, .chip-input-fill:hover, .chip-input-fill-hover {
      --novoui-chip-input-bg: var(--novoui-background-controls-fill-hover);
    }

    .chip-input:hover:where(.chip-input-strong), .chip-input-hover:where(.chip-input-strong), .chip-input-fill:hover:where(.chip-input-strong), .chip-input-fill-hover:where(.chip-input-strong) {
      --novoui-chip-input-content: var(--novoui-text-color-controls-high-emphasis-hover);
    }
  }

  .chip-input:active, .chip-input-active, .chip-input-fill:active, .chip-input-fill-active {
    --novoui-chip-input-bg: var(--novoui-background-controls-fill-pressed);
  }

  .chip-input:active:where(.chip-input-strong), .chip-input-active:where(.chip-input-strong), .chip-input-fill:active:where(.chip-input-strong), .chip-input-fill-active:where(.chip-input-strong) {
    --novoui-chip-input-content: var(--novoui-text-color-controls-high-emphasis-pressed);
  }

  .chip-input-outline {
    border-color: var(--novoui-chip-input-border);
    --novoui-chip-input-bg: var(--novoui-background-controls-outline-low-emphasis-enabled);
    --novoui-chip-input-border: var(--novoui-border-controls-low-emphasis-enabled);
  }

  .chip-input-outline:where(.chip-input-strong) {
    --novoui-chip-input-content: var(--novoui-text-color-controls-high-emphasis);
    --novoui-chip-input-border: var(--novoui-border-controls-high-emphasis-enabled);
  }

  @media (hover: hover) {
    .chip-input-outline:hover, .chip-input-outline-hover {
      --novoui-chip-input-bg: var(--novoui-background-controls-outline-low-emphasis-hover);
      --novoui-chip-input-border: var(--novoui-border-controls-low-emphasis-hover);
    }

    .chip-input-outline:hover:where(.chip-input-strong), .chip-input-outline-hover:where(.chip-input-strong) {
      --novoui-chip-input-bg: var(--novoui-background-controls-outline-high-emphasis-hover);
      --novoui-chip-input-border: var(--novoui-border-controls-high-emphasis-hover);
      --novoui-chip-input-content: var(--novoui-text-color-controls-high-emphasis-hover);
    }
  }

  .chip-input-outline:active, .chip-input-outline-active {
    --novoui-chip-input-bg: var(--novoui-background-controls-outline-low-emphasis-pressed);
    --novoui-chip-input-border: var(--novoui-border-controls-low-emphasis-pressed);
  }

  .chip-input-outline:active:where(.chip-input-strong), .chip-input-outline-active:where(.chip-input-strong) {
    --novoui-chip-input-bg: var(--novoui-background-controls-outline-high-emphasis-pressed);
    --novoui-chip-input-border: var(--novoui-border-controls-high-emphasis-pressed);
    --novoui-chip-input-content: var(--novoui-text-color-controls-high-emphasis-pressed);
  }

  .chip-input-close {
    padding-right: var(--novoui-chip-input-close-padding-right);
    --novoui-chip-input-close-bg: transparent;
    --novoui-chip-input-close-icon-color: var(--novoui-text-color-controls-low-emphasis);
  }

  .chip-input-close:where(.chip-input-strong) {
    --novoui-chip-input-close-icon-color: var(--novoui-text-color-controls-high-emphasis);
  }

  @media (hover: hover) {
    .chip-input-close:hover, .chip-input-close-hover {
      --novoui-chip-input-close-bg: var(--novoui-background-controls-fill-hover);
      --novoui-chip-input-bg: var(--novoui-background-controls-fill-enabled);
      --novoui-chip-input-content: var(--novoui-text-color-controls-low-emphasis);
    }

    .chip-input-close:hover:where(.chip-input-strong), .chip-input-close-hover:where(.chip-input-strong) {
      --novoui-chip-input-close-icon-color: var(--novoui-text-color-controls-high-emphasis-hover);
      --novoui-chip-input-content: var(--novoui-text-color-controls-high-emphasis);
    }

    .chip-input-close:hover:where(.chip-input-outline), .chip-input-close-hover:where(.chip-input-outline) {
      --novoui-chip-input-bg: var(--novoui-background-controls-outline-low-emphasis-enabled);
      --novoui-chip-input-border: var(--novoui-border-controls-low-emphasis-enabled);
      --novoui-chip-input-content: var(--novoui-text-color-controls-low-emphasis);
    }

    .chip-input-close:hover:where(.chip-input-outline):where(.chip-input-strong), .chip-input-close-hover:where(.chip-input-outline):where(.chip-input-strong) {
      --novoui-chip-input-close-bg: var(--novoui-background-controls-fill-hover);
      --novoui-chip-input-border: var(--novoui-border-controls-high-emphasis-enabled);
      --novoui-chip-input-content: var(--novoui-text-color-controls-high-emphasis);
    }
  }

  .chip-input-close:active, .chip-input-close-active {
    --novoui-chip-input-close-bg: var(--novoui-background-controls-fill-pressed);
    --novoui-chip-input-bg: var(--novoui-background-controls-fill-enabled);
  }

  .chip-input-close:active:where(.chip-input-outline), .chip-input-close-active:where(.chip-input-outline) {
    --novoui-chip-input-bg: var(--novoui-background-controls-outline-low-emphasis-enabled);
  }

  .chip-input-close .chip-input-close-container {
    height: var(--novoui-chip-input-close-size);
    width: var(--novoui-chip-input-close-size);
    background-color: var(--novoui-chip-input-close-bg);
    border-radius: 9999px;
    align-content: center;
  }

  @media (hover: hover) {
    .chip-input-close .chip-input-close-container:hover, .chip-input-close .chip-input-close-container-hover {
      --novoui-chip-input-close-bg: var(--novoui-background-controls-fill-hover);
    }
  }

  .chip-input-close .chip-input-close-container:active, .chip-input-close .chip-input-close-container-active {
    --novoui-chip-input-close-bg: var(--novoui-background-controls-fill-pressed);
  }

  .chip-input-close .chip-input-close-container svg {
    height: var(--novoui-chip-input-close-icon-size);
    width: var(--novoui-chip-input-close-icon-size);
    fill: var(--novoui-chip-input-close-icon-color);
    margin: auto;
  }

  .chip-input-disabled {
    --novoui-chip-input-bg: var(--novoui-background-disabled-subtle);
    --novoui-chip-input-content: var(--novoui-text-color-disabled-medium);
    --novoui-chip-input-border: transparent;
    --novoui-chip-input-close-bg: transparent;
    --novoui-chip-input-close-icon-color: var(--novoui-text-color-disabled-medium);
    pointer-events: none;
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

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

  .chip-input-prepended {
    padding-left: var(--novoui-chip-input-prepend-padding-left);
  }

  .chip-input-prepended .chip-input-prepend-container img {
    height: var(--novoui-chip-input-prepend-size);
    width: var(--novoui-chip-input-prepend-size);
    object-fit: cover;
    border-radius: 9999px;
  }

  .chip-input-prepended .chip-input-prepend-container svg {
    height: var(--novoui-chip-input-prepended-icon-size);
    width: var(--novoui-chip-input-prepended-icon-size);
    fill: currentColor;
  }

  .chip-input-squared {
    border-radius: var(--novoui-radius-small);
  }

  .combo-box.input .input-field {
    height: 100%;
    padding-right: calc(var(--spacing, .25rem) * 10);
    min-height: var(--novoui-input-height);
  }

  .combo-box.input .input-label {
    color: var(--novoui-input-label-color);
    font-size: var(--novoui-body-xsmall);
    line-height: var(--tw-leading, var(--novoui-body-xsmall--line-height));
  }

  .combo-box.input .input-label .input-required {
    padding-left: calc(var(--spacing, .25rem) * 1);
  }

  .combo-box.input .input-label.input-field-outline-select {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --novoui-input-label-color: var(--novoui-text-color-forms-label);
  }

  .combo-box.input .input-label.input-field-outline-select .input-required {
    color: var(--novoui-text-color-alert-enabled);
  }

  .combo-box.input-disabled .input-label.input-field-outline-select .input-required {
    color: var(--novoui-text-color-disabled-medium);
  }

  .combo-box.input.input-sm {
    --novoui-input-padding-bottom: 6px;
  }

  .combo-box.input.input-tiny .input-field {
    --novoui-input-padding-top: 4px;
    --novoui-input-padding-bottom: 4px;
    --novoui-input-padding-left: 12px;
    --novoui-input-padding-right: 12px;
  }

  .combo-box.input .input-field-outline, .combo-box.input .input-field-outline-light {
    --novoui-input-padding-top: 7px;
    --novoui-input-padding-bottom: 7px;
    --novoui-input-padding-right: 35px;
  }

  .combo-box.input .input-field-outline.input-label, .combo-box.input .input-field-outline-light.input-label {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .combo-box.input .input-icon-fill {
    grid-row: 1;
  }

  .combo-box.input .combobox-leading-icon-empty {
    fill: var(--novoui-fill-forms-empty);
  }

  .combo-box.input-disabled {
    pointer-events: none;
  }

  .combo-box.input-disabled .combo-box-toggle-icon {
    fill: var(--novoui-fill-disabled-medium);
  }

  .combo-box-toggle-icon {
    pointer-events: none;
    right: var(--novoui-input-select-padding-icon);
    z-index: 10;
    fill: var(--novoui-fill-general-primary);
    color: var(--novoui-input-label-color);
    grid-row: 2;
    align-self: center;
    position: absolute;
  }

  .combo-box-chip-list {
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    flex-wrap: wrap;
    display: flex;
  }

  .combo-box-chip-list-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .combo-box.input-tiny :has(.input-field-outline-light) + .input-label, .combo-box.input-tiny :has(.input-field-outline) + .input-label {
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
  }

  .combo-box .combo-box-autoresize {
    flex-wrap: nowrap;
    overflow-x: hidden;
  }

  .combo-box .combo-box-autoresize .combo-box-chip-list {
    flex-wrap: nowrap;
  }

  .combo-box-chip {
    max-width: min(176px, 100%);
  }

  .combo-box-placeholder {
    pointer-events: none;
    color: var(--novoui-text-color-forms-filled);
    position: absolute;
  }

  .combo-box-placeholder-disabled {
    color: currentColor;
  }

  .combo-box-search-input {
    min-width: calc(var(--spacing, .25rem) * 1);
    background-color: #0000;
    flex-grow: 1;
  }

  .combo-box-search-input:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .combo-box-no-results {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * .5);
    padding: calc(var(--spacing, .25rem) * 2);
    padding-left: calc(var(--spacing, .25rem) * 3);
    text-align: center;
    text-wrap: wrap;
    color: var(--novoui-text-color-general-tertiary);
    flex-direction: column;
    display: flex;
  }

  .combo-box-no-results-dropdown {
    height: calc(var(--spacing, .25rem) * 64);
  }

  .combo-box-no-results-list {
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
  }

  .combo-box-no-results > p {
    margin-top: calc(var(--spacing, .25rem) * 1.5);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .combo-box-no-results .combo-box-loading-text {
    color: var(--novoui-text-color-general-tertiary);
  }

  .combo-box-no-results .combo-box-no-results-text {
    fill: currentColor;
    color: var(--novoui-text-color-general-primary);
  }

  .combo-box-no-results > span {
    font-size: var(--novoui-ui-label-10);
    line-height: var(--tw-leading, var(--novoui-ui-label-10--line-height));
    color: var(--novoui-text-color-general-tertiary);
  }

  .combo-box-enter-from, .combo-box-leave-to {
    opacity: 0;
  }

  .combo-box-enter-active, .combo-box-leave-active {
    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, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .combo-box .dropdown-container .dropdown {
    width: 100%;
  }

  .date-picker {
    background-color: var(--novoui-background-general-elevated);
    --tw-shadow: 0px 16px 24px var(--tw-shadow-color, #16223314), 0px 4px 8px var(--tw-shadow-color, #16223314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--novoui-border-cards-enabled);
    border-radius: 16px;
    width: max-content;
    position: absolute;
  }

  .date-picker-container {
    flex-direction: column;
    align-items: stretch;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .date-picker-calendar {
    flex: 1;
  }

  .date-picker-calendar-range {
    flex-direction: column;
    flex: 1;
    align-items: stretch;
    display: flex;
  }

  .date-picker-header {
    border-color: var(--novoui-border-general-medium);
    padding: calc(var(--spacing, .25rem) * 1.5);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    column-gap: calc(var(--spacing, .25rem) * .5);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    grid-template-columns: repeat(3, auto) 1fr repeat(3, auto);
    display: grid;
  }

  .date-picker-header > button.button-text, .date-picker-header .date-picker-header-dropdown-trigger {
    outline-offset: 0px;
    width: max-content;
  }

  @media (hover: hover) {
    .date-picker-header > button.button-text:hover, .date-picker-header .date-picker-header-dropdown-trigger:hover {
      background-color: #0000;
    }
  }

  .date-picker-header .date-picker-header-dropdown-trigger-disabled {
    color: var(--novoui-text-color-general-secondary);
  }

  @media (hover: hover) {
    .date-picker-header .date-picker-header-dropdown-trigger-disabled:hover {
      color: var(--novoui-text-color-general-secondary);
    }
  }

  .date-picker-footer {
    border-color: var(--novoui-border-general-medium);
    border-top-style: var(--tw-border-style);
    gap: calc(var(--spacing, .25rem) * 2);
    padding: calc(var(--spacing, .25rem) * 4);
    border-top-width: 1px;
    flex-direction: row-reverse;
    display: flex;
  }

  .date-picker-footer-range {
    padding-inline: calc(var(--spacing, .25rem) * 3);
  }

  .date-picker-footer-clear-btn {
    margin-right: auto;
  }

  .date-picker-footer-hidden {
    opacity: 0;
  }

  .date-picker-footer-button {
    margin-right: auto;
  }

  .date-picker-input {
    text-overflow: ellipsis;
    width: max-content;
  }

  .date-picker-input input:placeholder-shown .input-trailing-icon {
    fill: var(--novoui-fill-general-high-emphasis-enabled);
  }

  .date-picker-input + .date-picker-no-assistive-text {
    margin-top: calc(var(--spacing, .25rem) * 1);
  }

  .date-picker-input + .date-picker {
    z-index: 20;
  }

  .date-picker-input > svg.input-trailing-icon {
    fill: var(--novoui-fill-general-primary);
  }

  .date-picker-input-focus:has(input:placeholder-shown) > svg.input-trailing-icon {
    fill: var(--novoui-fill-general-high-emphasis-enabled);
  }

  .date-picker-input.input-invalid > svg.input-trailing-icon {
    fill: var(--novoui-fill-alert-enabled);
  }

  .date-picker-dropdown.dropdown-container {
    width: unset;
    position: static;
  }

  .date-picker-dropdown-footer {
    bottom: calc(var(--spacing, .25rem) * 0);
    justify-content: flex-end;
    gap: calc(var(--spacing, .25rem) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--novoui-border-general-medium);
    background-color: var(--novoui-background-cards-enabled);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 4);
    display: flex;
    position: sticky;
  }

  .date-picker-dropdown .dropdown.dropdown-hide-indicator.dropdown-left {
    transform-origin: top;
    --tw-scale-x: 100%;
    width: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .date-picker-dropdown-range-list {
    transform-origin: top;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: 100%;
    display: grid;
    overflow-y: auto;
  }

  .date-picker-dropdown-range-list-year {
    scrollbar-width: none;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--novoui-border-general-medium);
    padding-bottom: calc(var(--spacing, .25rem) * 20);
    overflow-y: auto;
  }

  .date-picker-dropdown-range-list-month {
    scrollbar-width: none;
    padding-bottom: calc(var(--spacing, .25rem) * 20);
    overflow-y: auto;
  }

  .date-picker-dropdown-range > .dropdown.dropdown-hide-indicator.dropdown-left {
    transform-origin: top;
    --tw-duration: 0s;
    width: calc(50% + 1px);
    transition-duration: 0s;
    transform: none;
  }

  .date-picker-dropdown-range > .dropdown.dropdown-hide-indicator.dropdown-left.shown {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: var(--novoui-radius-large);
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--novoui-border-general-medium);
    padding-block: calc(var(--spacing, .25rem) * 0);
  }

  .date-picker-dropdown-range .dropdown-content {
    padding-block: calc(var(--spacing, .25rem) * 0);
    overflow-y: hidden;
  }

  .date-picker-dropdown-range > .dropdown.dropdown-hide-indicator.dropdown-right {
    --tw-duration: 0s;
    transform-origin: top;
    width: 50%;
    transition-duration: 0s;
    transform: none;
  }

  .date-picker-dropdown-range > .dropdown.dropdown-hide-indicator.dropdown-right.shown {
    border-radius: 0;
    border-bottom-right-radius: var(--novoui-radius-large);
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--novoui-border-general-medium);
    left: auto;
  }

  .date-picker-dropdown .dropdown.shown {
    --range-picker-header-height: 53px;
    --tw-shadow-color: transparent;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .date-picker-dropdown .dropdown.shown {
      --tw-shadow-color: transparent;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .date-picker-dropdown .dropdown.shown {
        --tw-shadow-color: color-mix(in oklab, transparent var(--tw-shadow-alpha), transparent);
      }
    }
  }

  .date-picker-dropdown .dropdown.shown {
    top: var(--range-picker-header-height);
    left: calc(var(--spacing, .25rem) * 0);
    height: calc(100% - var(--range-picker-header-height));
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: var(--novoui-radius-large);
    border-bottom-left-radius: var(--novoui-radius-large);
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--novoui-border-general-medium);
    width: 100%;
    padding-block: calc(var(--spacing, .25rem) * 0);
  }

  .date-picker-dropdown .date-picker-dropdown-option-indent .button-text:focus-visible {
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 2px;
    border-color: var(--novoui-border-general-focus);
    --tw-outline-style: none;
    outline-style: none;
  }

  .date-picker-dropdown .date-picker-dropdown-option-indent .button-label {
    padding-left: calc(var(--spacing, .25rem) * 8);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .date-picker-dropdown .date-picker-dropdown-option-active > .button-text {
    background-color: var(--novoui-background-general-medium-emphasis-hover);
  }

  .date-picker-dropdown .date-picker-dropdown-option-active > .button-text:focus-visible {
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 2px;
    border-color: var(--novoui-border-general-focus);
    --tw-outline-style: none;
    outline-style: none;
  }

  .date-picker-dropdown .date-picker-dropdown-option-active > .button-text .button-label {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    align-items: center;
  }

  .date-picker-dropdown .date-picker-dropdown-option-active > .button-text .button-label > svg {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
  }

  .date-picker-dropdown .button-label {
    gap: calc(var(--spacing, .25rem) * 2);
    display: flex;
  }

  .date-picker-header-button {
    justify-self: flex-end;
  }

  @media (hover: hover) {
    .date-picker-header-button:hover {
      background-color: #0000;
    }
  }

  .date-picker-header-button-hidden {
    pointer-events: none;
    opacity: 0;
  }

  .date-picker-header-range {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .date-picker-header-range-start {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid;
  }

  @media (hover: hover) {
    .date-picker-header-range-start-button.button:hover {
      background: none;
    }
  }

  .date-picker-header-range-end {
    justify-content: center;
    display: flex;
  }

  .date-picker-header-range-end-button {
    right: calc(var(--spacing, .25rem) * 4);
    position: absolute;
  }

  @media (hover: hover) {
    .date-picker-header-range-end-button.button:hover {
      background: none;
    }
  }

  .date-picker-header-dropdown-trigger {
    width: 4.625rem;
    padding-inline: calc(var(--spacing, .25rem) * 2);
    justify-content: space-between;
  }

  .date-picker-header-dropdown-trigger[disabled], .date-picker-header-dropdown-trigger:disabled {
    color: var(--novoui-text-color-general-secondary);
    background-color: #0000;
  }

  .date-picker-month-days {
    padding-inline: calc(var(--spacing, .25rem) * 4);
    padding-bottom: calc(var(--spacing, .25rem) * 1);
    align-items: center;
    column-gap: calc(var(--spacing, .25rem) * 1);
    row-gap: calc(var(--spacing, .25rem) * 1);
    text-align: center;
    grid-template-rows: repeat(6, 2.5rem);
    grid-template-columns: repeat(7, 2.5rem);
    display: grid;
  }

  .date-picker-week-day {
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-general-tertiary);
  }

  .date-picker-day {
    border-radius: var(--novoui-radius);
    padding-inline: calc(var(--spacing, .25rem) * 0);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .date-picker-day.button-text {
    color: var(--novoui-text-color-date-picker-enabled);
  }

  .date-picker-day.button-text:hover {
    background-color: var(--novoui-background-date-picker-default-hover);
  }

  .date-picker-day.button-text:active {
    background-color: var(--novoui-background-date-picker-default-active);
  }

  .date-picker-day-hidden {
    pointer-events: none;
    opacity: 0;
  }

  .date-picker-day-outside-month {
    opacity: .3;
  }

  .date-picker-day-today {
    border-color: var(--novoui-border-date-picker-enabled);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .date-picker-day-selected {
    --tw-border-style: none;
    border-style: none;
  }

  .date-picker-day-selected.button-text {
    background-color: var(--novoui-background-date-picker-selected-enabled);
    color: var(--novoui-text-color-date-picker-selected);
  }

  .date-picker-day-selected.button-text:hover {
    background-color: var(--novoui-background-date-picker-selected-hover);
    color: var(--novoui-text-color-date-picker-selected);
  }

  .date-picker-day-selected.button-text:active {
    background-color: var(--novoui-background-date-picker-selected-active);
    color: var(--novoui-text-color-date-picker-selected);
  }

  .date-picker-wrapper.dropdown {
    padding: calc(var(--spacing, .25rem) * 0);
    box-shadow: none;
    overflow: visible;
  }

  .date-picker-animation-view {
    position: relative;
  }

  .date-picker-animation-reel {
    top: calc(var(--spacing, .25rem) * 0);
    background-color: var(--novoui-background-cards-enabled);
    display: flex;
    position: absolute;
  }

  .date-picker-animation-reel-next {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .date-picker-animation-reel-next-range {
    --tw-translate-x: calc(calc(1 / 3 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .date-picker-animation-reel-prev {
    --tw-translate-x: calc(var(--spacing, .25rem) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .date-picker-animation-next-enter-active, .date-picker-animation-next-leave-active, .date-picker-animation-prev-enter-active, .date-picker-animation-prev-leave-active {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .date-picker-animation-next-enter-from {
    --tw-translate-x: calc(var(--spacing, .25rem) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .date-picker-animation-prev-enter-from {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .date-picker-animation-prev-enter-from-range {
    --tw-translate-x: calc(calc(1 / 3 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .date-picker-animation-next-leave-to, .date-picker-animation-prev-leave-to {
    opacity: 0;
    display: none;
    position: absolute;
  }

  .date-picker-day-end {
    box-shadow: -4px 0px 0 0 var(--novoui-background-date-picker-middle-enabled);
    position: relative;
  }

  .date-picker-day-end:before {
    top: calc(var(--spacing, .25rem) * 0);
    bottom: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * -1);
    width: calc(var(--spacing, .25rem) * 2);
    --tw-content: "";
    content: var(--tw-content);
    box-shadow: inset 4px -1.1px 0px 0px var(--novoui-background-date-picker-middle-enabled), inset 4px 3.1px 0px -2px var(--novoui-background-date-picker-middle-enabled);
    position: absolute;
  }

  .date-picker-day-start {
    box-shadow: 4px 0px 0 0 var(--novoui-background-date-picker-middle-enabled);
    position: relative;
  }

  .date-picker-day-start:after {
    top: calc(var(--spacing, .25rem) * 0);
    right: calc(var(--spacing, .25rem) * -1);
    bottom: calc(var(--spacing, .25rem) * 0);
    width: calc(var(--spacing, .25rem) * 2);
    --tw-content: "";
    content: var(--tw-content);
    box-shadow: inset -4px -1.1px 0px 0px var(--novoui-background-date-picker-middle-enabled), inset -4px 3.1px 0px -2px var(--novoui-background-date-picker-middle-enabled);
    position: absolute;
  }

  .date-picker-range {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .date-picker-range-month {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--novoui-border-general-medium);
  }

  .date-picker-range-input-wrapper {
    align-items: flex-start;
    gap: calc(var(--spacing, .25rem) * 4);
    display: flex;
  }

  .date-picker-range-input-wrapper-single {
    gap: calc(var(--spacing, .25rem) * 0);
  }

  .date-picker-range-input-wrapper-single .date-picker-input {
    width: 50%;
  }

  .date-picker-range-input-wrapper-single .date-picker-input-end {
    margin-left: calc(var(--spacing, .25rem) * -3);
  }

  .date-picker-range-input-wrapper-single .date-picker-input-end .input-field, .date-picker-range-input-wrapper-single .date-picker-input-end .input-field-outline, .date-picker-range-input-wrapper-single .date-picker-input-end .input-field-outline:focus, .date-picker-range-input-wrapper-single .date-picker-input-end .input-field-outline:focus-visible {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .date-picker-range-input-wrapper-single .date-picker-input-start .input-field, .date-picker-range-input-wrapper-single .date-picker-input-start .input-field-outline, .date-picker-range-input-wrapper-single .date-picker-input-start .input-field-outline:focus, .date-picker-range-input-wrapper-single .date-picker-input-start .input-field-outline:focus-visible {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .date-picker-range-input-wrapper-single:has(.date-picker-input:hover) .date-picker-input .input-field {
    border-color: var(--novoui-border-forms-active);
  }

  .date-picker-range-input-wrapper-single:has(.date-picker-input .input-field:focus-visible) .date-picker-input .input-field {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--novoui-border-forms-active);
    background-color: var(--novoui-background-forms-active);
  }

  .date-picker-range-input-wrapper-single:has(.date-picker-input .input-field:focus-visible) .date-picker-input-end .input-field {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .date-picker-range-input-wrapper-single:has(.date-picker-input .input-field:focus-visible) .date-picker-input-end .input-field:focus {
    padding-left: calc(var(--spacing, .25rem) * 4);
  }

  .date-picker-range-input-wrapper-single:has(.date-picker-input-end .input-field:focus) .date-picker-input-start .input-field {
    padding-left: calc(var(--novoui-input-padding-left)  - 1px);
  }

  .date-picker-range-input-wrapper-single:has(.date-picker-input.input-invalid .input-field) .date-picker-input > input.input-field {
    border-color: var(--novoui-border-alert-enabled);
    background-color: var(--novoui-background-alert-low-emphasis-enabled);
  }

  .date-picker-range-input-wrapper-single:has(.date-picker-input.input-invalid .input-field) .date-picker-input > svg.input-trailing-icon {
    fill: var(--novoui-fill-alert-enabled);
  }

  .date-picker-range-input-wrapper-single:has(.date-picker-input.input-invalid .input-field:focus-visible) .date-picker-input .input-field {
    border-color: var(--novoui-border-alert-enabled);
    background-color: var(--novoui-background-alert-low-emphasis-enabled);
  }

  .date-picker-range-input-wrapper-single .date-picker-input-end > .input-label {
    margin-left: calc(var(--spacing, .25rem) * 4);
  }

  .date-picker-day-range {
    --tw-border-style: none;
    background-color: var(--novoui-background-date-picker-middle-enabled);
    border-style: none;
    border-radius: 0;
    position: relative;
  }

  .date-picker-day-range .date-picker-day {
    z-index: 1;
    position: relative;
  }

  .date-picker-day-range .date-picker-day:after {
    top: calc(var(--spacing, .25rem) * 0);
    right: -4.5px;
    bottom: calc(var(--spacing, .25rem) * 0);
    background-color: var(--novoui-background-date-picker-middle-enabled);
    --tw-content: "";
    content: var(--tw-content);
    width: 5px;
    position: absolute;
  }

  .date-picker-day-range:after {
    top: calc(var(--spacing, .25rem) * 0);
    bottom: calc(var(--spacing, .25rem) * 0);
    background-color: var(--novoui-background-date-picker-middle-enabled);
    --tw-content: "";
    content: var(--tw-content);
    width: 2px;
    position: absolute;
    left: -2px;
  }

  .date-picker-day-range:before {
    top: calc(var(--spacing, .25rem) * 0);
    right: -2px;
    bottom: calc(var(--spacing, .25rem) * 0);
    background-color: var(--novoui-background-date-picker-middle-enabled);
    --tw-content: "";
    content: var(--tw-content);
    width: 2px;
    position: absolute;
  }

  .dialog {
    --novoui-dialog-padding: 24px;
    --novoui-dialog-gap: 16px;
    column-gap: var(--novoui-dialog-gap);
    background-color: var(--novoui-background-general-elevated);
    --tw-shadow: 0px 16px 32px var(--tw-shadow-color, #16223329), 0px 4px 12px var(--tw-shadow-color, #1622331f);
    width: 100%;
    max-width: 544px;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-translate-y: none;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: 16px;
    grid-template-columns: auto 1fr auto auto auto;
    grid-template-areas: "dialogHeaderIcon dialogHeadline dialogHeadline dialogHeadline dialogClose"
                         "dialogHeaderIcon dialogSubheadline dialogSubheadline dialogSubheadline dialogSubheadline"
                         "dialogDivider dialogDivider dialogDivider dialogDivider dialogDivider"
                         "dialogBody dialogBody dialogBody dialogBody dialogBody"
                         "dialogDivider2 dialogDivider2 dialogDivider2 dialogDivider2 dialogDivider2"
                         "dialogFooter1 dialogFooter1 dialogFooter2 dialogFooter3 dialogFooter3";
    grid-row-start: 1;
    grid-column-start: 1;
    display: grid;
    position: relative;
  }

  .dialog-enter-active, .dialog-leave-active {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  }

  .dialog-enter-active > .dialog, .dialog-leave-active > .dialog {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  }

  .dialog-enter-from.dialog-container, .dialog-leave-to.dialog-container {
    opacity: 0;
  }

  .dialog-enter-from > .dialog, .dialog-leave-to > .dialog {
    --tw-translate-y: calc(var(--spacing, .25rem) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .dialog-header-slot {
    grid-template-areas: "dialogHeader dialogHeader dialogHeader dialogHeader dialogClose"
                         "dialogHeader2 dialogHeader2 dialogHeader2 dialogHeader2 dialogHeader2"
                         "dialogDivider dialogDivider dialogDivider dialogDivider dialogDivider"
                         "dialogBody dialogBody dialogBody dialogBody dialogBody"
                         "dialogDivider2 dialogDivider2 dialogDivider2 dialogDivider2 dialogDivider2"
                         "dialogFooter1 dialogFooter1 dialogFooter2 dialogFooter3 dialogFooter3";
  }

  .dialog-background {
    cursor: pointer;
    background-color: var(--novoui-background-modal-enabled);
    opacity: .5;
    grid-row-start: 1;
    grid-column-start: 1;
    width: calc(100% + 2rem);
    height: calc(100% + 2rem);
  }

  .dialog-container {
    top: calc(var(--spacing, .25rem) * 0);
    right: calc(var(--spacing, .25rem) * 0);
    bottom: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * 0);
    z-index: 50;
    opacity: 1;
    grid-template-rows: repeat(1, minmax(0, 1fr));
    grid-template-columns: repeat(1, minmax(0, 1fr));
    place-items: center;
    width: 100%;
    height: 100%;
    display: grid;
    position: fixed;
  }

  .dialog-container-fallback-padding {
    padding: calc(var(--spacing, .25rem) * 4);
  }

  .dialog-small {
    max-width: 400px;
  }

  .dialog-small .dialog-close ~ button + button + .dialog-tertiary-action {
    margin-top: var(--novoui-dialog-padding);
    grid-area: dialogDivider2;
    justify-self: flex-start;
  }

  .dialog-large {
    max-width: 942px;
  }

  .dialog-headline {
    font-size: var(--novoui-headings-h4);
    line-height: var(--tw-leading, var(--novoui-headings-h4--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
  }

  .dialog-headline-placement {
    margin-top: var(--novoui-dialog-padding);
    margin-left: calc(var(--novoui-dialog-padding)  - var(--novoui-dialog-gap));
    grid-area: dialogHeadline;
  }

  .dialog-headline-placement ~ .dialog-subheadline {
    margin-top: calc(var(--spacing, .25rem) * 2);
    margin-right: var(--novoui-dialog-padding);
    grid-area: dialogSubheadline;
  }

  .dialog-headline-placement:last-child {
    margin-bottom: var(--novoui-dialog-padding);
  }

  .dialog-no-subheadline > .dialog-headline-placement {
    align-self: center;
  }

  .dialog-subheadline {
    grid-area: dialogHeadline;
  }

  .dialog-subheadline:last-child {
    margin-bottom: var(--novoui-dialog-padding);
  }

  .dialog-subheadline {
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    color: var(--novoui-text-color-general-primary);
    margin-top: var(--novoui-dialog-padding);
    margin-bottom: calc(var(--spacing, .25rem) * 3);
    margin-left: calc(var(--novoui-dialog-padding)  - var(--novoui-dialog-gap));
  }

  .dialog-header-icon {
    margin-top: var(--novoui-dialog-padding);
    margin-left: var(--novoui-dialog-padding);
    height: calc(var(--spacing, .25rem) * 12);
    width: calc(var(--spacing, .25rem) * 12);
    border-radius: var(--novoui-radius-x-large);
    background-color: var(--novoui-background-accent-green-subtle);
    grid-area: dialogHeaderIcon;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dialog-header-icon > svg {
    height: calc(var(--spacing, .25rem) * 6);
    fill: var(--novoui-fill-general-secondary);
  }

  .dialog-header-icon ~ .dialog-headline-placement, .dialog-header-icon ~ .dialog-subheadline {
    margin-left: calc(var(--spacing, .25rem) * 0);
  }

  .dialog-header-icon:nth-last-child(2) {
    margin-bottom: var(--novoui-dialog-padding);
  }

  .dialog-header {
    margin-top: var(--novoui-dialog-padding);
    margin-left: var(--novoui-dialog-padding);
    grid-area: dialogHeader;
  }

  .dialog-header:last-child {
    margin-bottom: var(--novoui-dialog-padding);
  }

  .dialog-footer {
    margin-inline: var(--novoui-dialog-padding);
    margin-top: calc(var(--spacing, .25rem) * 2);
    margin-bottom: var(--novoui-dialog-padding);
    grid-area: dialogFooter1 / span 5;
  }

  .dialog-header-2 {
    margin-inline: var(--novoui-dialog-padding);
    grid-area: dialogHeader2;
  }

  .dialog-header-2:last-child {
    margin-bottom: var(--novoui-dialog-padding);
  }

  .dialog-headline-placement + .dialog-divider, .dialog-headline-placement + .dialog-body, .dialog-headline-placement + .dialog-divider-2, .dialog-headline-placement + .dialog-primary-action, .dialog-headline-placement + .dialog-secondary-action, .dialog-headline-placement + .dialog-tertiary-action, .dialog-header + .dialog-divider, .dialog-header + .dialog-body, .dialog-header + .dialog-divider-2, .dialog-header + .dialog-primary-action, .dialog-header + .dialog-secondary-action, .dialog-header + .dialog-tertiary-action, .dialog-header-2 + .dialog-divider, .dialog-header-2 + .dialog-body, .dialog-header-2 + .dialog-divider-2, .dialog-header-2 + .dialog-primary-action, .dialog-header-2 + .dialog-secondary-action, .dialog-header-2 + .dialog-tertiary-action {
    margin-top: calc(var(--spacing, .25rem) * 2);
  }

  .dialog-body {
    margin-inline: var(--novoui-dialog-padding);
    margin-top: calc(var(--spacing, .25rem) * 2);
    margin-bottom: calc(var(--spacing, .25rem) * 3);
    grid-area: dialogBody;
    max-height: 66svh;
    overflow-y: auto;
  }

  .dialog-body:last-child {
    margin-bottom: var(--novoui-dialog-padding);
  }

  .dialog-close {
    margin-top: var(--novoui-dialog-padding);
    margin-right: var(--novoui-dialog-padding);
    grid-area: dialogClose;
    align-self: flex-start;
  }

  .dialog-close-icon {
    height: calc(var(--spacing, .25rem) * 4);
    fill: var(--novoui-fill-general-primary);
  }

  .dialog-close:focus-visible, .dialog-close-focus-visible {
    border-radius: var(--novoui-radius-small);
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
  }

  .dialog-divider {
    grid-area: dialogDivider;
  }

  .dialog-divider-2 {
    grid-area: dialogDivider2;
  }

  .dialog-primary-action {
    margin-top: calc(var(--spacing, .25rem) * 3);
    margin-right: var(--novoui-dialog-padding);
    margin-bottom: var(--novoui-dialog-padding);
    grid-area: dialogFooter3;
    align-self: center;
  }

  .dialog-primary-action ~ .dialog-secondary-action {
    margin-right: calc(var(--spacing, .25rem) * 0);
    grid-area: dialogFooter2;
  }

  .dialog-primary-action ~ .dialog-secondary-action ~ .dialog-tertiary-action {
    grid-area: dialogFooter1;
  }

  .dialog-primary-action ~ .dialog-tertiary-action {
    margin-right: calc(var(--spacing, .25rem) * 0);
    grid-area: dialogFooter2 / 2 / dialogFooter2 / span 2;
  }

  .dialog-secondary-action {
    margin-top: calc(var(--spacing, .25rem) * 3);
    margin-right: var(--novoui-dialog-padding);
    margin-bottom: var(--novoui-dialog-padding);
    grid-area: dialogFooter3;
    align-self: center;
  }

  .dialog-secondary-action ~ .dialog-tertiary-action {
    margin-right: calc(var(--spacing, .25rem) * 0);
    grid-column: 2 / span 2;
  }

  .dialog-tertiary-action {
    margin-top: calc(var(--spacing, .25rem) * 3);
    margin-right: var(--novoui-dialog-padding);
    margin-bottom: var(--novoui-dialog-padding);
    margin-left: var(--novoui-dialog-padding);
    grid-area: dialogFooter3;
    place-self: center flex-end;
  }

  .dialog-header-center {
    grid-template-areas: "dialogHeaderIcon dialogHeaderIcon dialogHeaderIcon dialogHeaderIcon dialogClose"
                         "dialogHeadline dialogHeadline dialogHeadline dialogHeadline dialogClose"
                         "dialogSubheadline dialogSubheadline dialogSubheadline dialogSubheadline dialogSubheadline"
                         "dialogDivider dialogDivider dialogDivider dialogDivider dialogDivider"
                         "dialogBody dialogBody dialogBody dialogBody dialogBody"
                         "dialogDivider2 dialogDivider2 dialogDivider2 dialogDivider2 dialogDivider2"
                         "dialogFooter1 dialogFooter1 dialogFooter2 dialogFooter3 dialogFooter3";
  }

  .dialog-header-center > .dialog-header-icon {
    margin-left: calc(var(--spacing, .25rem) * 0);
    grid-column: 1 / span 5;
    justify-self: center;
  }

  .dialog-header-center > .dialog-headline-placement, .dialog-header-center > .dialog-subheadline {
    margin-inline: var(--novoui-dialog-padding);
    text-align: center;
    justify-self: center;
  }

  .dialog-header-center > .dialog-headline-placement {
    margin-top: calc(var(--spacing, .25rem) * 4);
    grid-column: 1 / span 5;
  }

  .dialog-header-center > .dialog-headline-placement:nth-child(2) {
    margin-top: var(--novoui-dialog-padding);
  }

  .dialog-header-center.dialog-no-subheadline > .dialog-headline-placement {
    margin-bottom: calc(var(--spacing, .25rem) * 2);
  }

  .dialog-header-center.dialog-no-subheadline > .dialog-headline-placement:last-child {
    margin-bottom: var(--novoui-dialog-padding);
  }

  .divider {
    white-space: nowrap;
    color: var(--novoui-border-general-medium);
    flex-direction: row;
    align-self: stretch;
    align-items: center;
    display: flex;
  }

  .divider-strong {
    color: var(--novoui-border-general-strong);
  }

  .divider-medium {
    color: var(--novoui-border-general-medium);
  }

  .divider:not(:empty) {
    gap: calc(var(--spacing, .25rem) * 1);
  }

  .divider-vertical {
    margin-inline: calc(var(--spacing, .25rem) * 1);
    margin-block: calc(var(--spacing, .25rem) * 0);
    background-color: currentColor;
    flex-direction: column;
    width: 1px;
    height: 100%;
  }

  .divider-vertical:before, .divider-vertical:after {
    content: "";
    flex-grow: 1;
    width: 1px;
    height: 100%;
  }

  .divider-horizontal {
    margin-inline: calc(var(--spacing, .25rem) * 0);
    margin-block: calc(var(--spacing, .25rem) * 1);
    height: calc(var(--spacing, .25rem) * 1);
    flex-direction: row;
  }

  .dropdown {
    --novoui-dropdown-width: 220px;
    --novoui-indicator-space: 1rem;
    visibility: hidden;
    z-index: 35;
    width: var(--novoui-dropdown-width);
    transform-origin: top;
    --tw-scale-y: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    border-radius: var(--novoui-radius-large);
    background-color: var(--novoui-background-general-elevated);
    color: var(--novoui-text-color-general-primary);
    opacity: 0;
    --tw-shadow: 0px 0px 24px var(--tw-shadow-color, #16223314), 0px 0px 8px var(--tw-shadow-color, #16223314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline-color: var(--novoui-border-general-focus);
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    flex-direction: column;
    transition: scale .2s, opacity .2s, visibility;
    position: absolute;
    overflow: hidden;
  }

  .dropdown-with-search {
    --novoui-dropdown-width: 274px;
  }

  .dropdown-fixed {
    position: fixed;
  }

  .dropdown.shown {
    visibility: visible;
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .dropdown-indicator {
    pointer-events: none;
    top: calc(var(--spacing, .25rem) * 0);
    z-index: 36;
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    position: absolute;
    overflow: hidden;
  }

  .dropdown-indicator-shown {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    opacity: 1;
  }

  .dropdown-indicator:before {
    bottom: calc(var(--spacing, .25rem) * 0);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(1 / 2 * 100%);
    width: 15px;
    height: 15px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: var(--novoui-background-general-elevated);
    --tw-shadow: 0px 0px 24px var(--tw-shadow-color, #16223314), 0px 0px 8px var(--tw-shadow-color, #16223314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-content: "";
    content: var(--tw-content);
    position: absolute;
    left: 50%;
    rotate: 45deg;
    box-shadow: 0 0 7px #0000001a;
  }

  .dropdown-hide-indicator {
    --novoui-indicator-space: 4px;
  }

  .dropdown-bordered .dropdown {
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--novoui-border-general-medium);
  }

  .dropdown-bordered-primary .dropdown {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--novoui-border-general-high-emphasis-enabled);
  }

  .dropdown-bordered-primary .dropdown-indicator:before {
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 2px;
    border-color: var(--novoui-border-general-high-emphasis-enabled);
  }

  .dropdown-bordered .dropdown-indicator:before {
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--novoui-border-general-medium);
  }

  .dropdown-container {
    width: min-content;
    position: relative;
    overflow: visible;
  }

  .dropdown-search {
    margin: calc(var(--spacing, .25rem) * 4);
    margin-top: calc(var(--spacing, .25rem) * 2);
  }

  .dropdown-list-item.list-item > .button.button-text {
    height: auto;
    min-height: calc(var(--spacing, .25rem) * 9);
    padding-block: calc(var(--spacing, .25rem) * 1.5);
  }

  .dropdown-sections {
    background-color: var(--novoui-background-general-elevated);
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    display: flex;
    overflow-y: auto;
  }

  .dropdown-sections.has-search {
    border-top-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-top-width: 1px;
    border-color: var(--novoui-border-general-subtle);
  }

  .dropdown-content {
    height: 100%;
    max-height: inherit;
    padding-block: calc(var(--spacing, .25rem) * 2);
    overflow-y: auto;
  }

  .dropdown-section, .dropdown-options-section {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .dropdown-option {
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2.5);
    background-color: var(--novoui-background-general-elevated);
    padding-block: calc(var(--spacing, .25rem) * 2);
    padding-right: calc(var(--spacing, .25rem) * 4);
    padding-left: calc(var(--spacing, .25rem) * 6);
    text-align: left;
    font-size: var(--novoui-ui-control-14);
    line-height: var(--tw-leading, var(--novoui-ui-control-14--line-height));
    -webkit-user-select: none;
    user-select: none;
    align-self: stretch;
    display: flex;
  }

  .dropdown-option-disabled, .dropdown-option[disabled], .dropdown-option:disabled {
    pointer-events: none;
    color: var(--novoui-text-color-disabled-medium);
  }

  .dropdown-option-disabled .dropdown-option-icon svg, .dropdown-option-disabled .dropdown-option-icon-small svg, .dropdown-option[disabled] .dropdown-option-icon svg, .dropdown-option[disabled] .dropdown-option-icon-small svg, .dropdown-option:disabled .dropdown-option-icon svg, .dropdown-option:disabled .dropdown-option-icon-small svg {
    fill: var(--novoui-fill-disabled-medium);
  }

  .dropdown-option:active {
    background-color: var(--novoui-background-general-medium-emphasis-active);
  }

  .dropdown-option:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: calc(2px * -1);
    outline-width: 2px;
  }

  .dropdown-option:not(:active):hover {
    background-color: var(--novoui-background-general-medium-emphasis-hover);
  }

  .dropdown-option-unselected {
    visibility: hidden;
  }

  .dropdown-option-label {
    column-gap: calc(var(--spacing, .25rem) * 4);
    width: 100%;
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    justify-content: space-between;
    display: grid;
  }

  .dropdown-option-label-suffix {
    padding-right: calc(var(--spacing, .25rem) * 1.5);
    text-align: right;
    font-size: var(--novoui-ui-control-12);
    line-height: var(--tw-leading, var(--novoui-ui-control-12--line-height));
    color: var(--novoui-text-color-general-tertiary);
    grid-row: 1 / span 2;
    grid-column-start: 2;
    align-content: center;
  }

  .dropdown-option-label-details {
    padding-top: calc(var(--spacing, .25rem) * .5);
    text-align: left;
    font-size: var(--novoui-ui-control-12);
    line-height: var(--tw-leading, var(--novoui-ui-control-12--line-height));
    color: var(--novoui-text-color-general-tertiary);
  }

  .dropdown-option-icon {
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
  }

  .dropdown-option-icon > svg {
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
    fill: var(--novoui-fill-general-primary);
  }

  .dropdown-option-icon-flag > svg, .dropdown-option-icon-large {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
  }

  .dropdown-option-icon-large > svg {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    fill: var(--novoui-fill-general-primary);
  }

  .dropdown-option-icon-small {
    height: calc(var(--spacing, .25rem) * 3.5);
    width: calc(var(--spacing, .25rem) * 3.5);
  }

  .dropdown-option-icon-small > svg {
    height: calc(var(--spacing, .25rem) * 3.5);
    width: calc(var(--spacing, .25rem) * 3.5);
    fill: var(--novoui-fill-general-primary);
  }

  .dropdown-header {
    padding-inline: calc(var(--spacing, .25rem) * 4);
    padding-block: calc(var(--spacing, .25rem) * 3);
    font-size: var(--novoui-headings-h5);
    line-height: var(--tw-leading, var(--novoui-headings-h5--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
  }

  .dropdown-header-small {
    padding-block: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-body-xsmall);
    line-height: var(--tw-leading, var(--novoui-body-xsmall--line-height));
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    color: var(--novoui-text-color-general-tertiary);
  }

  .dropdown-subheader {
    padding-right: calc(var(--spacing, .25rem) * 4);
    padding-left: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-body-xsmall);
    line-height: var(--tw-leading, var(--novoui-body-xsmall--line-height));
    color: var(--novoui-text-color-general-primary);
    -webkit-user-select: none;
    user-select: none;
  }

  .dropdown-headers {
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 4);
    padding-block: calc(var(--spacing, .25rem) * 2);
    -webkit-user-select: none;
    user-select: none;
  }

  .dropdown-headers-header {
    font-size: var(--novoui-headings-h5);
    line-height: var(--tw-leading, var(--novoui-headings-h5--line-height));
  }

  .dropdown-headers-subheader {
    font-size: var(--novoui-body-xsmall);
    line-height: var(--tw-leading, var(--novoui-body-xsmall--line-height));
    color: var(--novoui-text-color-general-tertiary);
  }

  .dropdown-divider {
    margin-inline: calc(var(--spacing, .25rem) * 4);
  }

  .dropdown-divider-large {
    margin-block: calc(var(--spacing, .25rem) * 4);
  }

  .dropdown-divider-invis {
    margin-block: calc(var(--spacing, .25rem) * 0);
    height: calc(var(--spacing, .25rem) * 6);
    padding-block: calc(var(--spacing, .25rem) * 0);
    background-color: #0000;
    border-color: #0000;
  }

  .empty-state, .empty-state-top {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 6);
    flex-direction: column;
    display: inline-flex;
  }

  .empty-state-top-images {
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    justify-content: center;
    width: 100%;
    height: 243px;
    min-height: 243px;
    display: flex;
    position: relative;
  }

  .empty-state-top-images-circle {
    width: 50%;
    min-width: 200px;
    max-width: 300px;
    height: 100%;
    fill: var(--novoui-background-general-medium);
  }

  .empty-state-top-images-graphic {
    bottom: calc(var(--spacing, .25rem) * 0);
    width: 100%;
    min-width: 320px;
    max-width: 500px;
    height: 92%;
    fill: var(--novoui-fill-general-primary);
    position: absolute;
  }

  .empty-state-top-images-graphic-art {
    bottom: calc(var(--spacing, .25rem) * 5);
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .empty-state-top-icon-error {
    fill: var(--novoui-fill-alert-enabled);
  }

  .empty-state-top-text {
    justify-content: center;
    align-items: center;
    gap: var(--novoui-spacing-xxsmall);
    flex-direction: column;
    align-self: stretch;
    display: flex;
  }

  .empty-state-top-text-header {
    text-align: center;
    font-size: var(--novoui-headings-h4);
    line-height: var(--tw-leading, var(--novoui-headings-h4--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
  }

  .empty-state-top-text-subheader {
    text-align: center;
    font-size: var(--novoui-body-medium);
    line-height: var(--tw-leading, var(--novoui-body-medium--line-height));
    color: var(--novoui-text-color-general-secondary);
  }

  .empty-state-actions {
    flex-direction: column;
    align-items: center;
    width: 75%;
    display: flex;
  }

  .empty-state-actions-spacious {
    gap: calc(var(--spacing, .25rem) * 12);
  }

  .empty-state-actions-compact {
    gap: calc(var(--spacing, .25rem) * 4);
  }

  .empty-state-actions-buttons {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 4);
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .empty-state-actions-error {
    text-align: center;
    width: 100%;
    font-size: var(--novoui-body-xsmall);
    line-height: var(--tw-leading, var(--novoui-body-xsmall--line-height));
    color: var(--novoui-text-color-general-secondary);
  }

  .empty-state .button {
    width: 100%;
    height: 56px;
    font-size: var(--novoui-ui-button-16);
    line-height: var(--tw-leading, var(--novoui-ui-button-16--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  @media (min-width: 40rem) {
    .empty-state .empty-state-actions-buttons {
      flex-direction: row-reverse;
    }

    .empty-state .empty-state-actions-buttons .button {
      width: auto;
      min-width: calc(var(--spacing, .25rem) * 44);
    }
  }

  @media (min-width: 48rem) {
    .empty-state .empty-state-actions-buttons .button {
      height: calc(var(--spacing, .25rem) * 12);
    }
  }

  .empty-state .empty-state-actions-buttons .button {
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  @media (min-width: 64rem) {
    .empty-state .empty-state-actions-buttons .button {
      height: calc(var(--spacing, .25rem) * 10);
      min-width: calc(var(--spacing, .25rem) * 32);
      font-size: var(--novoui-ui-button-14);
      line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
    }
  }

  .flag {
    height: calc(var(--spacing, .25rem) * 10);
    width: calc(var(--spacing, .25rem) * 10);
  }

  .form-group-label {
    margin-bottom: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    color: var(--novoui-text-color-forms-label);
    display: inline-block;
  }

  .form-group-assistive {
    margin-top: calc(var(--spacing, .25rem) * 1);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    color: var(--novoui-text-color-forms-assistive);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    display: flex;
  }

  .form-group-assistive.invalid {
    color: var(--novoui-text-color-alert-enabled);
  }

  .form-group-assistive > svg {
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 3);
    fill: currentColor;
    --tw-translate-y: 3px;
    min-width: 12px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    align-self: flex-start;
    display: inline;
  }

  svg.icon-small {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  svg.icon-large {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
  }

  .input {
    --novoui-input-padding-top: 18px;
    --novoui-input-padding-bottom: 6px;
    --novoui-input-padding-left: 16px;
    --novoui-input-padding-right: 16px;
    --novoui-input-height: 48px;
    --novoui-input-assistive-text-height: 0px;
    --novoui-input-outline-label-height: 0px;
    --novoui-input-label-translate-y: 10px;
    --novoui-input-label-top-padding-to: 14px;
    --novoui-input-label-top-padding-from: 22px;
    --novoui-input-label-padding-left: 16px;
    --novoui-input-icon-padding-top: 12px;
    --novoui-input-label-color: var(--novoui-text-color-forms-label);
    --novoui-input-color: var(--novoui-text-color-forms-empty);
    --novoui-input-bg: var(--novoui-background-forms-disabled);
    --novoui-input-bg-active: var(--novoui-background-forms-active);
    --novoui-input-border: var(--novoui-border-forms-enabled);
    --novoui-input-border-active: var(--novoui-border-forms-active);
    --novoui-input-ms-reveal-width: 22px;
    --novoui-input-ms-reveal-height: 22px;
    --novoui-input-ms-reveal-margin-bottom: 8px;
  }

  .input > label {
    grid-template-rows: auto auto auto;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    display: grid;
    position: relative;
  }

  .input.input-select {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    display: grid;
    position: relative;
  }

  .input:has(.input-assistive) {
    --novoui-input-assistive-text-height: 24px;
  }

  .input:has(.input-field-outline):has(.input-label), .input:has(.input-field-outline-light):has(.input-label) {
    --novoui-input-label-translate-y: 0px;
    --novoui-input-outline-label-height: 22px;
    --novoui-input-label-top-padding-to: 0px;
    --novoui-input-label-top-padding-from: 0px;
  }

  .input:has(.input-icon):not(:has(.input-field-outline)):not(:has(.input-field-outline-light)), .input:has(.input-leading-icon):not(:has(.input-field-outline)):not(:has(.input-field-outline-light)) {
    --novoui-input-padding-left: 56px;
  }

  .input:has(.input-icon):has(.input-field-outline), .input:has(.input-icon):has(.input-field-outline-light), .input:has(.input-leading-icon):has(.input-field-outline), .input:has(.input-leading-icon):has(.input-field-outline-light) {
    --novoui-input-padding-left: 48px;
  }

  .input:has(.input-icon):has(.input-field-outline).input-sm, .input:has(.input-icon):has(.input-field-outline).input-small, .input:has(.input-icon):has(.input-field-outline-light).input-sm, .input:has(.input-icon):has(.input-field-outline-light).input-small, .input:has(.input-leading-icon):has(.input-field-outline).input-sm, .input:has(.input-leading-icon):has(.input-field-outline).input-small, .input:has(.input-leading-icon):has(.input-field-outline-light).input-sm, .input:has(.input-leading-icon):has(.input-field-outline-light).input-small {
    --novoui-input-padding-left: 44px;
  }

  .input:has(.input-icon):has(.input-field-outline).input-sm .input-label, .input:has(.input-icon):has(.input-field-outline).input-small .input-label, .input:has(.input-icon):has(.input-field-outline-light).input-sm .input-label, .input:has(.input-icon):has(.input-field-outline-light).input-small .input-label, .input:has(.input-leading-icon):has(.input-field-outline).input-sm .input-label, .input:has(.input-leading-icon):has(.input-field-outline).input-small .input-label, .input:has(.input-leading-icon):has(.input-field-outline-light).input-sm .input-label, .input:has(.input-leading-icon):has(.input-field-outline-light).input-small .input-label {
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
  }

  .input:has(.input-icon):has(.input-field-outline).input-tiny, .input:has(.input-icon):has(.input-field-outline-light).input-tiny, .input:has(.input-leading-icon):has(.input-field-outline).input-tiny, .input:has(.input-leading-icon):has(.input-field-outline-light).input-tiny {
    --novoui-input-padding-left: 40px;
  }

  .input:has(.input-icon):has(.input-field-outline).input-tiny .input-label, .input:has(.input-icon):has(.input-field-outline-light).input-tiny .input-label, .input:has(.input-leading-icon):has(.input-field-outline).input-tiny .input-label, .input:has(.input-leading-icon):has(.input-field-outline-light).input-tiny .input-label {
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
  }

  .input:has(.input-trailing-icon):not(:has(.input-field-outline)):not(:has(.input-field-outline-light)) {
    --novoui-input-padding-right: 56px;
  }

  .input:has(.input-trailing-icon):has(.input-field-outline), .input:has(.input-trailing-icon):has(.input-field-outline-light) {
    --novoui-input-padding-right: 48px;
  }

  .input .clear-input {
    border-radius: var(--novoui-radius-small);
    color: var(--novoui-text-color-general-primary);
    height: calc(var(--spacing, .25rem) * 8);
    width: calc(var(--spacing, .25rem) * 8);
    background-color: #0000;
  }

  .input .clear-input:hover {
    color: inherit;
  }

  .input .clear-input svg {
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 3);
  }

  .input .input-trailing {
    z-index: 10;
    padding-inline: calc(var(--spacing, .25rem) * 2);
    flex-direction: row-reverse;
    grid-area: 2 / 3;
    align-items: center;
    display: flex;
  }

  .input:has(.clear-input).input-sm .clear-input, .input:has(.clear-input).input-small .clear-input, .input:has(.clear-input).input-tiny .clear-input {
    height: var(--novoui-spacing-large);
    width: var(--novoui-spacing-large);
  }

  .input svg.input-icon, .input svg.input-leading-icon {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    fill: currentColor;
    color: var(--novoui-input-label-color);
    z-index: 10;
    margin-left: calc(var(--spacing, .25rem) * 4);
    grid-area: 2 / 1;
  }

  .input:not(.input-disabled) .input-icon-active {
    fill: var(--novoui-fill-forms-filled);
    color: var(--novoui-text-color-forms-filled);
  }

  .input svg.input-trailing-icon {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    fill: currentColor;
    color: var(--novoui-text-color-forms-empty);
    margin-right: calc(var(--spacing, .25rem) * 1);
  }

  .input .input-suffix {
    font-size: var(--novoui-ui-input-14);
    line-height: var(--tw-leading, var(--novoui-ui-input-14--line-height));
    color: var(--novoui-text-color-forms-empty);
    margin-right: calc(var(--spacing, .25rem) * 1);
  }

  .input:not(.input-disabled) svg.input-icon.search-icon, .input:not(.input-disabled) svg.input-leading-icon.search-icon {
    fill: currentColor;
    color: var(--novoui-text-color-forms-filled);
  }

  .input:not(.input-disabled) .search-field:placeholder-shown ~ svg.input-icon.search-icon, .input:not(.input-disabled) .search-field:placeholder-shown ~ svg.input-leading-icon.search-icon {
    fill: var(--novoui-fill-forms-empty);
    color: var(--novoui-text-color-general-secondary);
  }

  .input svg.input-icon-dark {
    color: var(--novoui-text-color-general-primary);
  }

  .input .input-assistive {
    margin-top: calc(var(--spacing, .25rem) * 1);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    color: var(--novoui-text-color-forms-assistive);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    grid-row: 3;
    display: flex;
  }

  .input .input-assistive > svg {
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 3);
    fill: currentColor;
    --tw-translate-y: 3px;
    min-width: 12px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    align-self: flex-start;
    display: inline;
  }

  .input .input-label {
    left: var(--novoui-input-padding-left);
    z-index: 10;
    margin-bottom: calc(var(--spacing, .25rem) * 2);
    --tw-translate-y: calc(var(--novoui-input-label-translate-y) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    top: var(--novoui-input-label-top-padding-to);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-input-label-color);
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    grid-area: 1 / 1 / auto / span 2;
    transition: all .18s ease-in-out;
    display: -webkit-box;
    position: absolute;
    overflow: hidden;
  }

  .input:not(.input-disabled):has(.input-field:placeholder-shown) {
    --novoui-input-label-color: var(--novoui-text-color-forms-empty);
  }

  .input .input-field {
    height: var(--novoui-input-height);
    width: 100%;
    padding-right: var(--novoui-input-padding-right);
    padding-left: var(--novoui-input-padding-left);
    padding-top: var(--novoui-input-padding-top);
    padding-bottom: var(--novoui-input-padding-bottom);
    font-size: var(--novoui-ui-input-16);
    line-height: var(--tw-leading, var(--novoui-ui-input-16--line-height));
    color: var(--novoui-input-label-color);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--novoui-input-border);
    border-top-left-radius: var(--novoui-radius-small);
    border-top-right-radius: var(--novoui-radius-small);
    background-color: var(--novoui-input-bg);
    order: 1;
    grid-area: 2 / 1 / auto / span 3;
    position: relative;
  }

  .input .input-field::placeholder {
    color: #0000;
  }

  .input .input-field:placeholder-shown ~ .input-label {
    top: var(--novoui-input-label-top-padding-from);
    font-size: var(--novoui-ui-input-16);
    line-height: var(--tw-leading, var(--novoui-ui-input-16--line-height));
  }

  .input .input-field ~ .input-label .input-required {
    padding-left: calc(var(--spacing, .25rem) * 1);
  }

  .input .input-field[type="password"]::-ms-reveal {
    height: var(--novoui-input-ms-reveal-height);
    width: var(--novoui-input-ms-reveal-width);
    margin-right: calc(var(--spacing, .25rem) * 0);
    margin-left: calc(var(--spacing, .25rem) * 0);
  }

  .input .input-field[type="password"]:not(.input-field-outline, .input-field-outline-light)::-ms-reveal {
    margin-bottom: var(--novoui-input-ms-reveal-margin-bottom);
  }

  @media (hover: hover) {
    .input .input-field:hover:not(:disabled), .input .input-field-hover:not(:disabled) {
      border-color: var(--novoui-input-border-active);
    }
  }

  .input .input-field-focus, .input .input-field:focus, .input .input-field[focus] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--novoui-input-border-active);
    padding-bottom: calc(var(--novoui-input-padding-bottom)  - 1px);
    background-color: var(--novoui-input-bg-active);
    --tw-outline-style: none;
    color: var(--novoui-text-color-forms-filled);
    outline-style: none;
  }

  .input .input-field-focus ~ .input-label, .input .input-field:focus ~ .input-label, .input .input-field[focus] ~ .input-label {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    top: var(--novoui-input-label-top-padding-to);
  }

  .input .input-field-disabled, .input .input-field:disabled, .input .input-field[disabled] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--novoui-border-disabled-subtle);
    padding-bottom: var(--novoui-input-padding-bottom);
    background-color: var(--novoui-input-bg);
    pointer-events: none;
    color: var(--novoui-text-color-disabled-medium);
  }

  .input .input-field-disabled:placeholder-shown ~ .input-label, .input .input-field:disabled:placeholder-shown ~ .input-label, .input .input-field[disabled]:placeholder-shown ~ .input-label {
    top: var(--novoui-input-label-top-padding-from);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .input .input-field-light {
    --novoui-input-bg: var(--novoui-background-forms-light-disabled);
    --novoui-input-bg-active: var(--novoui-background-forms-light-active);
  }

  .input .input-field-outline {
    --novoui-input-padding-top: 0px;
    --novoui-input-padding-bottom: 0px;
    border-radius: var(--novoui-radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .input .input-field-outline::placeholder {
    color: var(--novoui-text-color-forms-empty);
  }

  .input .input-field-outline:placeholder-shown ~ .input-label {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .input .input-field-outline ~ .input-label .input-required {
    color: var(--novoui-text-color-alert-enabled);
  }

  .input .input-field-outline ~ .input-label, .input .input-field-outline-select {
    left: calc(var(--spacing, .25rem) * 0);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    color: var(--novoui-text-color-forms-filled);
    position: static;
  }

  .input .input-field-outline.input-field-focus, .input .input-field-outline:focus, .input .input-field-outline[focus] {
    border-style: var(--tw-border-style);
    padding-right: calc(var(--novoui-input-padding-right)  - 1px);
    padding-left: calc(var(--novoui-input-padding-left)  - 1px);
    padding-top: calc(var(--novoui-input-padding-top)  - 1px);
    padding-bottom: calc(var(--novoui-input-padding-bottom)  - 1px);
    border-width: 2px;
  }

  .input .input-field-outline.input-field-focus ~ .input-label, .input .input-field-outline:focus ~ .input-label, .input .input-field-outline[focus] ~ .input-label {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    color: var(--novoui-text-color-forms-label);
  }

  .input .input-field-outline.input-field-invalid::placeholder, .input .input-field-outline:invalid::placeholder, .input .input-field-outline[invalid]::placeholder {
    color: var(--novoui-text-color-forms-empty);
  }

  .input .input-field-outline.input-field-disabled, .input .input-field-outline:disabled, .input .input-field-outline[disabled] {
    padding-right: var(--novoui-input-padding-right);
    padding-left: var(--novoui-input-padding-left);
    padding-bottom: var(--novoui-input-padding-bottom);
    padding-top: var(--novoui-input-padding-top);
    pointer-events: none;
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .input .input-field-outline.input-field-disabled::placeholder, .input .input-field-outline:disabled::placeholder, .input .input-field-outline[disabled]::placeholder {
    color: var(--novoui-text-color-disabled-medium);
  }

  .input .input-field-outline.input-field-disabled:placeholder-shown ~ .input-label, .input .input-field-outline:disabled:placeholder-shown ~ .input-label, .input .input-field-outline[disabled]:placeholder-shown ~ .input-label {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .input .input-field-outline.input-field-disabled ~ .input-label, .input .input-field-outline:disabled ~ .input-label, .input .input-field-outline[disabled] ~ .input-label {
    color: var(--novoui-text-color-disabled-medium);
  }

  .input .input-field-outline.input-field-disabled ~ .input-label .input-required, .input .input-field-outline:disabled ~ .input-label .input-required, .input .input-field-outline[disabled] ~ .input-label .input-required {
    color: inherit;
  }

  .input .input-field-outline-light {
    --novoui-input-padding-top: 0px;
    --novoui-input-padding-bottom: 0px;
    --novoui-input-bg: var(--novoui-background-forms-light-disabled);
    --novoui-input-bg-active: var(--novoui-background-forms-light-active);
    border-radius: var(--novoui-radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .input .input-field-outline-light::placeholder {
    color: var(--novoui-text-color-forms-empty);
  }

  .input .input-field-outline-light:placeholder-shown ~ .input-label {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .input .input-field-outline-light ~ .input-label {
    left: calc(var(--spacing, .25rem) * 0);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    color: var(--novoui-text-color-forms-label);
    position: static;
  }

  .input .input-field-outline-light ~ .input-label .input-required {
    color: var(--novoui-text-color-alert-enabled);
  }

  .input .input-field-outline-light.input-field-focus, .input .input-field-outline-light:focus, .input .input-field-outline-light[focus] {
    border-style: var(--tw-border-style);
    padding-right: calc(var(--novoui-input-padding-right)  - 1px);
    padding-left: calc(var(--novoui-input-padding-left)  - 1px);
    padding-top: calc(var(--novoui-input-padding-top)  - 1px);
    padding-bottom: calc(var(--novoui-input-padding-bottom)  - 1px);
    border-width: 2px;
  }

  .input .input-field-outline-light.input-field-focus ~ .input-label, .input .input-field-outline-light:focus ~ .input-label, .input .input-field-outline-light[focus] ~ .input-label {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    color: var(--novoui-text-color-forms-label);
  }

  .input .input-field-outline-light.input-field-invalid::placeholder, .input .input-field-outline-light:invalid::placeholder, .input .input-field-outline-light[invalid]::placeholder {
    color: var(--novoui-text-color-forms-empty);
  }

  .input .input-field-outline-light.input-field-disabled, .input .input-field-outline-light:disabled, .input .input-field-outline-light[disabled] {
    padding-right: var(--novoui-input-padding-right);
    padding-left: var(--novoui-input-padding-left);
    padding-bottom: var(--novoui-input-padding-bottom);
    padding-top: var(--novoui-input-padding-top);
    pointer-events: none;
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .input .input-field-outline-light.input-field-disabled::placeholder, .input .input-field-outline-light:disabled::placeholder, .input .input-field-outline-light[disabled]::placeholder {
    color: var(--novoui-text-color-disabled-medium);
  }

  .input .input-field-outline-light.input-field-disabled:placeholder-shown ~ .input-label, .input .input-field-outline-light:disabled:placeholder-shown ~ .input-label, .input .input-field-outline-light[disabled]:placeholder-shown ~ .input-label {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .input .input-field-outline-light.input-field-disabled ~ .input-label, .input .input-field-outline-light:disabled ~ .input-label, .input .input-field-outline-light[disabled] ~ .input-label {
    color: var(--novoui-text-color-disabled-medium);
  }

  .input .input-field-outline-light.input-field-disabled ~ .input-label .input-required, .input .input-field-outline-light:disabled ~ .input-label .input-required, .input .input-field-outline-light[disabled] ~ .input-label .input-required {
    color: inherit;
  }

  .input .search-field {
    --novoui-input-padding-bottom: 12px;
    --novoui-input-padding-top: 12px;
    padding-right: 52px;
  }

  .input .search-field::placeholder {
    color: var(--novoui-text-color-general-secondary);
  }

  .input .search-field::-webkit-search-cancel-button {
    appearance: none;
  }

  .input .search-field-disabled, .input .search-field:disabled, .input .search-field[disabled] {
    pointer-events: none;
    padding-bottom: var(--novoui-input-padding-bottom);
  }

  .input .search-field-disabled::placeholder, .input .search-field:disabled::placeholder, .input .search-field[disabled]::placeholder {
    color: var(--novoui-text-color-disabled-medium);
  }

  .input-primary {
    --novoui-input-bg: var(--novoui-background-forms-disabled);
    --novoui-input-bg-active: var(--novoui-background-forms-active);
    --novoui-input-border: var(--novoui-border-forms-enabled);
    --novoui-input-border-active: var(--novoui-border-forms-active);
    --novoui-input-label-color: var(--novoui-text-color-forms-label);
  }

  .input-primary .input-field-outline, .input-primary .input-field-outline-light {
    --novoui-input-border: var(--novoui-border-forms-enabled);
  }

  .input-disabled {
    --novoui-input-color: var(--novoui-text-color-disabled-medium);
    --novoui-input-bg: var(--novoui-background-forms-disabled);
    --novoui-input-border: var(--novoui-border-disabled-subtle);
    --novoui-input-border-active: var(--novoui-border-disabled-subtle);
    --novoui-input-label-color: var(--novoui-text-color-disabled-medium);
  }

  .input-disabled .input-suffix, .input-disabled svg.input-trailing-icon, .input-disabled .input-assistive {
    color: var(--novoui-text-color-disabled-medium);
  }

  .input-invalid:not(.input-disabled) {
    --novoui-input-bg: var(--novoui-background-alert-low-emphasis-enabled);
    --novoui-input-bg-active: var(--novoui-background-alert-low-emphasis-enabled);
    --novoui-input-border: var(--novoui-border-alert-enabled);
    --novoui-input-border-active: var(--novoui-border-alert-enabled);
  }

  .input-invalid:not(.input-disabled) .input-field-light, .input-invalid:not(.input-disabled) .input-field-outline-light {
    --novoui-input-bg: var(--novoui-background-alert-low-emphasis-enabled);
    --novoui-input-bg-active: var(--novoui-background-alert-low-emphasis-enabled);
  }

  .input-invalid:not(.input-disabled) .input-field-outline, .input-invalid:not(.input-disabled) .input-field-outline-light {
    --novoui-input-border: var(--novoui-border-alert-enabled);
    --novoui-input-border-active: var(--novoui-border-alert-enabled);
  }

  .input-invalid:not(.input-disabled) .input-assistive {
    color: var(--novoui-text-color-alert-enabled);
  }

  .input-md {
    --novoui-input-padding-top: 18px;
    --novoui-input-padding-bottom: 6px;
    --novoui-input-height: 48px;
    --novoui-input-label-top-padding-to: 14px;
    --novoui-input-label-top-padding-from: 22px;
    --novoui-input-icon-padding-top: 12px;
    --novoui-input-ms-reveal-width: 22px;
    --novoui-input-ms-reveal-height: 22px;
    --novoui-input-ms-reveal-margin-bottom: 8px;
  }

  .input-lg {
    --novoui-input-padding-top: 26px;
    --novoui-input-padding-bottom: 10px;
    --novoui-input-height: 60px;
    --novoui-input-label-top-padding-to: 18px;
    --novoui-input-label-top-padding-from: 28px;
    --novoui-input-icon-padding-top: 18px;
    --novoui-input-ms-reveal-width: 22px;
    --novoui-input-ms-reveal-height: 22px;
    --novoui-input-ms-reveal-margin-bottom: 14px;
  }

  .input-sm, .input-tiny {
    --novoui-input-padding-top: 14px;
    --novoui-input-padding-bottom: 0px;
    --novoui-input-height: 40px;
    --novoui-input-label-top-padding-to: 10px;
    --novoui-input-label-top-padding-from: 22px;
    --novoui-input-icon-padding-top: 10px;
    --novoui-input-ms-reveal-width: 20px;
    --novoui-input-ms-reveal-height: 20px;
    --novoui-input-ms-reveal-margin-bottom: 10px;
  }

  .input-sm .input-field, .input-tiny .input-field {
    font-size: var(--novoui-ui-input-14);
    line-height: var(--tw-leading, var(--novoui-ui-input-14--line-height));
  }

  .input-sm svg.input-icon, .input-sm svg.input-leading-icon, .input-sm svg.input-trailing-icon, .input-tiny svg.input-icon, .input-tiny svg.input-leading-icon, .input-tiny svg.input-trailing-icon {
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
  }

  .input-sm .input-field:not(.input-field-outline, .input-field-outline-light):placeholder-shown ~ .input-label, .input-tiny .input-field:not(.input-field-outline, .input-field-outline-light):placeholder-shown ~ .input-label {
    font-size: var(--novoui-ui-input-14);
    line-height: var(--tw-leading, var(--novoui-ui-input-14--line-height));
  }

  .input-sm .input-field:not(.input-field-outline, .input-field-outline-light):focus ~ .input-label, .input-sm .input-field:not(.input-field-outline, .input-field-outline-light)[focus] ~ .input-label, .input-tiny .input-field:not(.input-field-outline, .input-field-outline-light):focus ~ .input-label, .input-tiny .input-field:not(.input-field-outline, .input-field-outline-light)[focus] ~ .input-label {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .input-tiny {
    --novoui-input-height: 32px;
  }

  .input-tiny .input-icon, .input-tiny .input-leading-icon {
    margin-left: calc(var(--spacing, .25rem) * 3);
  }

  .input-tiny .input-trailing-icon {
    margin-right: calc(var(--spacing, .25rem) * 3);
  }

  .input-tiny .input-label {
    margin-bottom: calc(var(--spacing, .25rem) * 1);
  }

  .input-tiny svg.input-icon, .input-tiny svg.input-leading-icon, .input-tiny svg.input-trailing-icon {
    width: 18px;
    height: 18px;
  }

  .layout {
    transition: grid .25s ease-in-out;
    display: grid;
  }

  .layout > .top-navigation {
    top: calc(var(--spacing, .25rem) * 0);
    right: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * 0);
    grid-column: 1 / -1;
    position: fixed;
  }

  .layout:has(.side-bar-navigation) > .layout-content {
    grid-column-start: 2;
  }

  .layout:has(.top-navigation) > .layout-content {
    grid-row-start: 2;
  }

  .layout:has(.side-bar-navigation-collapsed) {
    grid-template-columns: 72px 1fr;
  }

  .layout:has(.side-bar-navigation:not(.side-bar-navigation-collapsed)) {
    grid-template-columns: 16rem 1fr;
  }

  .layout:has(.side-bar-navigation:not(.side-bar-navigation-collapsed)):has(.collapse-menu-button:hover) {
    transition: grid .25s ease-in-out .25s;
  }

  .layout-has-top-navigation {
    --top-navigation-height: 5rem;
    grid-template-rows: var(--top-navigation-height) 1fr;
  }

  .layout-has-top-navigation > .top-navigation {
    grid-column: 1 / -1;
    grid-row-start: 1;
  }

  .layout-has-top-navigation > .top-navigation ~ .side-sheet, .layout-has-top-navigation > .top-navigation ~ .side-bar-navigation {
    top: var(--top-navigation-height);
    height: max(calc(100% - var(--top-navigation-height)), calc(100svh - var(--top-navigation-height)));
  }

  .layout-has-side-sheet {
    grid-template-columns: 1fr 0;
  }

  .layout-has-side-sheet:has(.side-bar-navigation-collapsed) {
    grid-template-columns: 72px 1fr 0;
  }

  .layout-has-side-sheet:has(.side-bar-navigation:not(.side-bar-navigation-collapsed)) {
    grid-template-columns: 16rem 1fr 0;
  }

  .layout-has-side-sheet:has(.side-bar-navigation:not(.side-bar-navigation-collapsed)):has(.collapse-menu-button:hover) {
    transition: grid .25s ease-in-out .25s;
  }

  .layout-has-side-sheet.layout-open-side-sheet {
    grid-template-columns: 1fr 20rem;
  }

  .layout-has-side-sheet.layout-open-side-sheet:has(.side-bar-navigation-collapsed) {
    grid-template-columns: 72px 1fr 20rem;
  }

  .layout-has-side-sheet.layout-open-side-sheet:has(.side-bar-navigation:not(.side-bar-navigation-collapsed)) {
    grid-template-columns: 16rem 1fr 20rem;
  }

  .layout-has-side-sheet.layout-open-side-sheet:has(.side-bar-navigation:not(.side-bar-navigation-collapsed)):has(.collapse-menu-button:hover) {
    transition: grid .25s ease-in-out .25s;
  }

  .link {
    color: var(--novoui-text-color-links-enabled);
    text-underline-offset: 4px;
    background-color: #0000;
    border-color: #0000;
  }

  .link-standalone {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    font-size: var(--novoui-body-medium);
    line-height: var(--tw-leading, var(--novoui-body-medium--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    display: inline-flex;
  }

  .link-standalone svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    min-width: calc(var(--spacing, .25rem) * 4);
    fill: currentColor;
  }

  .link-standalone.link-md {
    font-size: var(--novoui-body-medium);
    line-height: var(--tw-leading, var(--novoui-body-medium--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .link-standalone.link-md svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    min-width: calc(var(--spacing, .25rem) * 4);
  }

  .link-standalone.link-sm {
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .link-standalone.link-sm svg {
    height: calc(var(--spacing, .25rem) * 3.5);
    width: calc(var(--spacing, .25rem) * 3.5);
    min-width: calc(var(--spacing, .25rem) * 3.5);
  }

  .link-standalone.link-xs {
    font-size: var(--novoui-body-xsmall);
    line-height: var(--tw-leading, var(--novoui-body-xsmall--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .link-standalone.link-xs svg {
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 3);
    min-width: calc(var(--spacing, .25rem) * 3);
  }

  @media (hover: hover) {
    .link:hover:not(.link-disabled), .link-hover:not(.link-disabled) {
      color: var(--novoui-text-color-links-hover);
      background-color: #0000;
      border-color: #0000;
      text-decoration-line: underline;
    }
  }

  .link:active:not(.link-disabled), .link-active:not(.link-disabled) {
    color: var(--novoui-text-color-links-active);
    background-color: #0000;
    border-color: #0000;
    text-decoration-line: underline;
  }

  .link:visited {
    color: var(--novoui-text-color-links-visited);
  }

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

  @media (hover: hover) {
    .link-underlined:hover:not(.link-underlined-disabled), .link-underlined-hover:not(.link-underlined-disabled) {
      text-decoration-line: none;
    }
  }

  .link-underlined:active:not(.link-underlined-disabled) {
    text-decoration-line: none;
  }

  .link-light {
    color: var(--novoui-light-blue-6);
  }

  @media (hover: hover) {
    .link-light:hover:not(.link-light-disabled), .link-light-hover:not(.link-light-disabled) {
      color: var(--novoui-light-blue-5);
    }
  }

  .link-light:active:not(.link-light-disabled) {
    color: var(--novoui-light-blue-4);
  }

  .link-light:visited {
    color: var(--novoui-rose-pink-7);
  }

  .link:disabled, .link-disabled {
    color: var(--novoui-text-color-disabled-medium);
    pointer-events: none;
    background-color: #0000;
    border-color: #0000;
  }

  .list {
    white-space: nowrap;
    --novoui-list-padding-x: .5rem;
  }

  .list-tiny {
    --novoui-list-padding-x: .375rem;
  }

  .list-tiny > .list-item {
    padding-inline: calc(var(--spacing, .25rem) * 1.5);
  }

  .list-medium-vertical .list-item > .button-text {
    height: calc(var(--spacing, .25rem) * 12);
  }

  .list-medium-vertical .list-item > .list-item-selection {
    height: calc(var(--spacing, .25rem) * 5);
  }

  .list-wrap {
    white-space: normal;
  }

  .list-wrap > .list-item > .button {
    height: auto;
    min-height: calc(var(--spacing, .25rem) * 10);
    text-align: left;
  }

  .list-truncate {
    white-space: nowrap;
  }

  .list-truncate > .list-item > .button > .button-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
  }

  .list-full-width {
    width: 100%;
  }

  .list {
    --left-indentation: auto;
    --right-indentation: auto;
  }

  .list:has(.list-item > .button.button-text > svg) {
    --left-indentation: 1.75rem;
  }

  .list:has(.list-item > .list-item-type-label) {
    --right-indentation: 2.5rem;
  }

  .list .list-item {
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * .5);
    grid-template-columns: var(--novoui-list-padding-x) var(--left-indentation) 1fr auto var(--right-indentation) var(--novoui-list-padding-x);
    align-items: center;
    display: grid;
  }

  .list .list-item.list-item-indent {
    grid-template-columns: var(--novoui-list-padding-x) 1.75rem 1fr auto auto var(--novoui-list-padding-x);
  }

  .list .list-item.list-item-stretch > .button.button-text {
    justify-items: stretch;
  }

  .list .list-item-leading-icon {
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
    grid-column: 2;
  }

  .list .list-item-trailing-icon {
    grid-column: 4;
  }

  .list .list-item-no-icon > .button.button-text > span {
    grid-column: 3 / span 4;
  }

  .list .list-item:has(.button:focus-visible) {
    position: relative;
  }

  .list .list-item-focused > .button-text, .list .list-item-active > .button {
    background-color: var(--novoui-background-general-medium-emphasis-hover);
  }

  .list .list-item-active.list-item-destructive {
    color: var(--novoui-text-color-alert-enabled);
  }

  .list .list-item-active.list-item-destructive > .button {
    background-color: var(--novoui-background-alert-low-emphasis-enabled);
  }

  .list .list-item-destructive > button.button.button-text:not(:disabled):not(.link-disabled), .list .list-item-destructive > a.button.button-text:not(:disabled):not(.link-disabled) {
    color: var(--novoui-text-color-alert-enabled);
  }

  .list .list-item-destructive > button.button.button-text:hover:not(:disabled):not(.link-disabled), .list .list-item-destructive > a.button.button-text:hover:not(:disabled):not(.link-disabled) {
    background-color: var(--novoui-background-alert-low-emphasis-enabled);
    color: var(--novoui-text-color-alert-enabled);
  }

  .list .list-item-destructive > button.button.button-text:active:not(:disabled):not(.link-disabled), .list .list-item-destructive > a.button.button-text:active:not(:disabled):not(.link-disabled) {
    background-color: var(--novoui-background-alert-low-emphasis-hover);
    color: var(--novoui-text-color-alert-enabled);
  }

  .list .list-item .button:active, .list .list-item .link:active, .list .list-item .link-active {
    background-color: var(--novoui-background-general-medium-emphasis-active);
  }

  .list .list-item .button:disabled ~ .list-item-type-label, .list .list-item .button:disabled ~ .button-suffix-icon, .list .list-item .link-disabled ~ .list-item-type-label, .list .list-item .link-disabled ~ .button-suffix-icon, .list .list-item .link-disabled {
    color: var(--novoui-text-color-disabled-medium);
  }

  .list .list-item > .button.button-text {
    grid-template-columns: subgrid;
    justify-items: start;
    gap: calc(var(--spacing, .25rem) * 0);
    border-radius: var(--novoui-radius);
    padding-inline: calc(var(--spacing, .25rem) * 0);
    font-size: var(--novoui-ui-label-16);
    line-height: var(--tw-leading, var(--novoui-ui-label-16--line-height));
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    grid-area: 1 / 1 / auto / span 6;
    display: grid;
  }

  .list .list-item > .button.button-text > .button-icon {
    grid-column: 2;
    margin-right: 10px;
  }

  .list .list-item > .button.button-text > .button-label {
    grid-area: 1 / 3;
  }

  .list .list-item > .button.button-text > .button-suffix-icon {
    grid-area: 1 / 5;
  }

  .list .list-item > .button.button-text:not(:disabled):not(.link-disabled) {
    color: var(--novoui-text-color-general-primary);
  }

  .list .list-item .list-item-selection {
    height: calc(var(--spacing, .25rem) * 6);
    fill: currentColor;
    grid-area: 1 / 4;
    position: relative;
  }

  .list .list-item-icon-small > .button.button-text {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .list .list-item-icon-small > .button.button-text > .button-icon, .list .list-item-icon-small > .button.button-text > .button-icon > svg {
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
  }

  .list .list-item-icon-large > .button.button-text > .button-icon {
    margin-right: calc(var(--spacing, .25rem) * 2);
  }

  .list .list-item > .checkbox {
    pointer-events: none;
    grid-area: 1 / 2;
    margin-right: 10px;
    overflow: hidden;
  }

  .list .list-item-type-label {
    pointer-events: none;
    margin-left: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    color: var(--novoui-text-color-general-secondary);
    text-transform: uppercase;
    grid-area: 1 / 5;
    position: relative;
  }

  .list-lead-with-selected-icon > .list-item > .list-item-selection {
    grid-column: 2;
  }

  .list-large-vertical > .list-item > .button-text {
    height: 3.25rem;
  }

  .list-medium-vertical > .list-item > .button-text {
    height: calc(var(--spacing, .25rem) * 11);
  }

  .list-medium-vertical > .list-item > .list-item-selection {
    height: calc(var(--spacing, .25rem) * 5);
  }

  .list-small-vertical > .list-item > .button-text {
    height: calc(var(--spacing, .25rem) * 9);
  }

  .list-small-vertical > .list-item.list-item-indent {
    grid-template-columns: var(--novoui-list-padding-x) 1.75rem 1fr auto var(--novoui-list-padding-x);
  }

  .list-tiny > .list-item > .button.button-text {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .list-tiny > .list-item > .button-text {
    height: calc(var(--spacing, .25rem) * 7);
  }

  .list-tiny > .list-item > .list-item-selection {
    height: calc(var(--spacing, .25rem) * 5);
  }

  .list-tiny > .list-item.list-item-indent {
    grid-template-columns: var(--novoui-list-padding-x) 1.75rem 1fr auto var(--novoui-list-padding-x);
  }

  .notification {
    column-gap: calc(var(--spacing, .25rem) * 4);
    border-radius: var(--novoui-radius);
    width: 22.625rem;
    padding: calc(var(--spacing, .25rem) * 4);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    color: var(--novoui-text-color-notifications-and-tags-enabled);
    --tw-shadow: 0px 4px 4px var(--tw-shadow-color, #1622330a), 0px 4px 24px var(--tw-shadow-color, #1622330a), 0px 24px 24px var(--tw-shadow-color, #1622330a), 0px 32px 32px var(--tw-shadow-color, #1622330a), 0px 64px 64px var(--tw-shadow-color, #1622331f), 0px 120px 120px var(--tw-shadow-color, #16223314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    z-index: 60;
    --tw-translate-y: calc(var(--spacing, .25rem) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 1;
    grid-template-columns: 24px 1fr 16px;
    grid-template-areas: "notificationIcon notificationHeadline notificationClose"
                         "notificationIcon notificationBody notificationBody"
                         "notificationFooter notificationFooter notificationFooter";
    display: inline-grid;
    position: relative;
  }

  .notification-enter-active, .notification-leave-active {
    transition-property: transform, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  }

  .notification-enter-from, .notification-leave-to {
    --tw-translate-y: calc(var(--spacing, .25rem) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 0;
  }

  @media (min-width: 64rem) {
    .notification-enter-from, .notification-leave-to {
      --tw-translate-y: calc(var(--spacing, .25rem) * -4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  .notification-large {
    width: 100%;
    max-width: 49.5rem;
    display: grid;
  }

  .notification-tiny {
    column-gap: calc(var(--spacing, .25rem) * 2);
    width: 21.4375rem;
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    grid-template-columns: 16px 1fr auto 16px;
  }

  .notification-tiny > .notification-icon {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  .notification-tiny > .notification-body {
    padding-right: calc(var(--spacing, .25rem) * 1);
    padding-bottom: calc(var(--spacing, .25rem) * 0);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
  }

  .notification-tiny > .notification-title {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
  }

  .notification-small {
    grid-template-columns: 24px 1fr auto 16px;
    width: 30.1875rem;
  }

  .notification-small > .notification-body {
    padding-right: calc(var(--spacing, .25rem) * 1);
    padding-bottom: calc(var(--spacing, .25rem) * 0);
  }

  .notification-small, .notification-tiny {
    grid-template-areas: "notificationIcon notificationHeadline notificationFooter notificationClose"
                         "notificationIcon notificationBody notificationFooter notificationClose";
    align-items: center;
  }

  .notification-small > .button-notification, .notification-tiny > .button-notification {
    margin-right: calc(var(--spacing, .25rem) * 2);
  }

  .notification-small > .notification-close, .notification-small > .button-notification, .notification-tiny > .notification-close, .notification-tiny > .button-notification {
    margin-top: calc(var(--spacing, .25rem) * 0);
    place-self: center;
  }

  .notification-not-dismissible {
    grid-template-areas: "notificationIcon notificationHeadline notificationHeadline"
                         "notificationIcon notificationBody notificationBody"
                         "notificationFooter notificationFooter notificationFooter";
  }

  .notification-not-dismissible.notification-small {
    grid-template-columns: 24px 1fr auto;
  }

  .notification-not-dismissible.notification-small > .button-notification {
    margin-right: calc(var(--spacing, .25rem) * 0);
  }

  .notification-not-dismissible.notification-tiny {
    grid-template-columns: 16px 1fr auto;
  }

  .notification-not-dismissible.notification-tiny > .button-notification {
    margin-right: calc(var(--spacing, .25rem) * 0);
  }

  .notification-not-dismissible.notification-small, .notification-not-dismissible.notification-tiny {
    grid-template-areas: "notificationIcon notificationHeadline notificationFooter"
                         "notificationIcon notificationBody notificationFooter";
  }

  .notification-without-icon {
    grid-template-areas: "notificationHeadline notificationHeadline notificationClose"
                         "notificationBody notificationBody notificationBody"
                         "notificationFooter notificationFooter notificationFooter";
  }

  .notification-without-icon.notification-small, .notification-without-icon.notification-tiny {
    grid-template-areas: "notificationHeadline notificationHeadline notificationFooter notificationClose"
                         "notificationBody notificationBody notificationFooter notificationClose";
  }

  .notification.notification-not-dismissible.notification-without-icon {
    grid-template-areas: "notificationHeadline notificationHeadline notificationHeadline"
                         "notificationBody notificationBody notificationBody"
                         "notificationFooter notificationFooter notificationFooter";
  }

  .notification.notification-not-dismissible.notification-without-icon.notification-small, .notification.notification-not-dismissible.notification-without-icon.notification-tiny {
    grid-template-areas: "notificationHeadline notificationHeadline notificationHeadline notificationFooter"
                         "notificationBody notificationBody notificationBody notificationFooter";
  }

  .notification-without-body {
    grid-template-areas: "notificationIcon notificationHeadline notificationClose"
                         "notificationIcon notificationFooter notificationFooter";
  }

  .notification-without-body.notification-without-icon {
    grid-template-areas: "notificationHeadline notificationHeadline notificationClose"
                         "notificationFooter notificationFooter notificationFooter";
  }

  .notification-without-body.notification-without-icon.notification-small, .notification-without-body.notification-without-icon.notification-tiny {
    grid-template-areas: "notificationHeadline notificationHeadline notificationFooter notificationClose"
                         "notificationHeadline notificationHeadline notificationFooter notificationClose";
  }

  .notification-without-body.notification-without-icon.notification-small.notification-not-dismissible, .notification-without-body.notification-without-icon.notification-tiny.notification-not-dismissible {
    grid-template-areas: "notificationHeadline notificationHeadline notificationFooter notificationFooter"
                         "notificationHeadline notificationHeadline notificationFooter notificationFooter";
  }

  .notification-without-body.notification-without-icon.notification-not-dismissible {
    grid-template-areas: "notificationHeadline notificationHeadline notificationHeadline"
                         "notificationFooter notificationFooter notificationFooter";
  }

  .notification-without-body.notification-without-icon.notification-not-dismissible.notification-small, .notification-without-body.notification-without-icon.notification-not-dismissible.notification-tiny {
    grid-template-areas: "notificationHeadline notificationHeadline notificationHeadline notificationFooter"
                         "notificationFooter notificationFooter notificationFooter notificationFooter";
  }

  .notification-without-body.notification-small, .notification-without-body.notification-tiny {
    grid-template-areas: "notificationIcon notificationHeadline notificationFooter notificationClose"
                         "notificationIcon notificationHeadline notificationFooter notificationClose";
  }

  .notification-inline {
    z-index: unset;
    --tw-shadow: 0 0 var(--tw-shadow-color, #fff);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .notification-inline.notification-neutral {
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--novoui-border-notifications-neutral-enabled);
  }

  .notification-inline > .button-primary.button-outline {
    border-color: var(--novoui-border-button-transparent-enabled);
    color: var(--novoui-text-color-button-transparent-enabled);
    background-color: #0000;
  }

  .notification-inline > .button-primary.button-outline:hover, .notification-inline > .button-primary.button-outline-hover {
    border-color: var(--novoui-border-button-transparent-hover);
    background-color: #0000;
  }

  .notification-inline > .button-primary.button-outline:active, .notification-inline > .button-primary.button-outline-active {
    border-color: var(--novoui-border-button-transparent-active);
    background-color: #0000;
  }

  .notification-inline.notification-brand > .button-primary.button-outline {
    border-color: var(--novoui-neutral-1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .notification-inline.notification-brand > .button-primary.button-outline {
      border-color: var(--novoui-neutral-1);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .notification-inline.notification-brand > .button-primary.button-outline {
        border-color: color-mix(in oklab, var(--novoui-neutral-1) 15%, transparent);
      }
    }
  }

  .notification-inline.notification-brand > .button-primary.button-outline {
    color: var(--novoui-text-color-general-inverted);
  }

  .notification-inline.notification-brand > .button-primary.button-outline:hover, .notification-inline.notification-brand > .button-primary.button-outline-hover {
    border-color: var(--novoui-neutral-1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .notification-inline.notification-brand > .button-primary.button-outline:hover, .notification-inline.notification-brand > .button-primary.button-outline-hover {
      border-color: var(--novoui-neutral-1);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .notification-inline.notification-brand > .button-primary.button-outline:hover, .notification-inline.notification-brand > .button-primary.button-outline-hover {
        border-color: color-mix(in oklab, var(--novoui-neutral-1) 50%, transparent);
      }
    }
  }

  .notification-inline.notification-brand > .button-primary.button-outline:active, .notification-inline.notification-brand > .button-primary.button-outline-active {
    border-color: var(--novoui-neutral-1);
  }

  .notification-body {
    padding-right: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    overflow-wrap: normal;
    word-break: normal;
    overflow-wrap: anywhere;
    grid-area: notificationHeadline;
  }

  .notification .notification-title ~ .notification-body {
    grid-area: notificationBody;
  }

  .notification .button-notification {
    grid-area: notificationFooter;
    justify-self: flex-end;
  }

  .notification-icon {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    fill: currentColor;
    grid-area: notificationIcon;
  }

  .notification-title {
    font-size: var(--novoui-ui-label-16);
    line-height: var(--tw-leading, var(--novoui-ui-label-16--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    overflow-wrap: normal;
    word-break: normal;
    overflow-wrap: anywhere;
    grid-area: notificationHeadline;
  }

  .notification-close {
    color: var(--novoui-text-color-general-primary);
    grid-area: notificationClose;
    place-self: flex-start flex-end;
  }

  @media (hover: hover) {
    .notification-close:hover, .notification-close-hover {
      color: var(--novoui-text-color-general-primary);
    }
  }

  .notification-close:active, .notification-close-active {
    color: var(--novoui-text-color-general-primary);
  }

  .notification-close:focus-visible, .notification-close-focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
  }

  .notification-close svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    fill: currentColor;
    flex-shrink: 0;
  }

  .notification-no-close > .notification-close {
    display: none;
  }

  .notification-no-close > .notification-body {
    padding-right: calc(var(--spacing, .25rem) * 0);
  }

  .notification-info {
    background-color: var(--novoui-background-notifications-and-tags-info-light);
  }

  .notification-info .button-notification {
    --tw-border-style: none;
    border-style: none;
  }

  .notification-info-inline {
    background-color: var(--novoui-background-notifications-and-tags-info-subtle);
  }

  .notification-success {
    background-color: var(--novoui-background-notifications-and-tags-success-light);
  }

  .notification-success .button-notification {
    --tw-border-style: none;
    border-style: none;
  }

  .notification-success-inline {
    background-color: var(--novoui-background-notifications-and-tags-success-subtle);
  }

  .notification-warning {
    background-color: var(--novoui-background-notifications-and-tags-warning-light);
  }

  .notification-warning .button-notification {
    --tw-border-style: none;
    border-style: none;
  }

  .notification-warning-inline {
    background-color: var(--novoui-background-notifications-and-tags-warning-subtle);
  }

  .notification-alert {
    background-color: var(--novoui-background-notifications-and-tags-alert-light);
  }

  .notification-alert .button-notification {
    --tw-border-style: none;
    border-style: none;
  }

  .notification-alert-inline {
    background-color: var(--novoui-background-notifications-and-tags-alert-subtle);
  }

  .notification-neutral {
    border-color: var(--novoui-border-notifications-neutral-enabled);
    background-color: var(--novoui-background-notifications-and-tags-neutral-subtle);
  }

  .notification-neutral-inline {
    background-color: var(--novoui-background-notifications-and-tags-neutral-light);
  }

  .notification-neutral .button-notification {
    border-color: var(--novoui-border-button-transparent-enabled);
    color: var(--novoui-text-color-button-transparent-enabled);
    background-color: #0000;
  }

  .notification-neutral .button-notification:hover, .notification-neutral .button-notification-hover {
    border-color: var(--novoui-border-button-transparent-hover);
    color: var(--novoui-text-color-button-transparent-enabled);
    background-color: #0000;
  }

  .notification-neutral .button-notification:active, .notification-neutral .button-notification-active {
    border-color: var(--novoui-border-button-transparent-active);
    color: var(--novoui-text-color-button-transparent-enabled);
    background-color: #0000;
  }

  .notification-brand {
    background-color: var(--novoui-background-notifications-and-tags-brand-subtle);
    color: var(--novoui-text-color-notifications-and-tags-on-brand);
  }

  .notification-brand .button-notification {
    background-color: var(--novoui-neutral-1);
    border-color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .notification-brand .button-notification {
      background-color: var(--novoui-neutral-1);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .notification-brand .button-notification {
        background-color: color-mix(in oklab, var(--novoui-neutral-1) 15%, transparent);
      }
    }
  }

  .notification-brand .button-notification {
    color: var(--novoui-text-color-button-transparent-inverted);
  }

  .notification-brand .button-notification:hover, .notification-brand .button-notification-hover {
    background-color: var(--novoui-neutral-1);
    border-color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .notification-brand .button-notification:hover, .notification-brand .button-notification-hover {
      background-color: var(--novoui-neutral-1);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .notification-brand .button-notification:hover, .notification-brand .button-notification-hover {
        background-color: color-mix(in oklab, var(--novoui-neutral-1) 30%, transparent);
      }
    }
  }

  .notification-brand .button-notification:hover, .notification-brand .button-notification-hover {
    color: var(--novoui-text-color-button-transparent-inverted);
  }

  .notification-brand .button-notification:active, .notification-brand .button-notification-active {
    background-color: var(--novoui-neutral-1);
    border-color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .notification-brand .button-notification:active, .notification-brand .button-notification-active {
      background-color: var(--novoui-neutral-1);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .notification-brand .button-notification:active, .notification-brand .button-notification-active {
        background-color: color-mix(in oklab, var(--novoui-neutral-1) 70%, transparent);
      }
    }
  }

  .notification-brand .button-notification:active, .notification-brand .button-notification-active {
    color: var(--novoui-text-color-button-transparent-inverted);
  }

  .notification-brand .notification-close {
    color: var(--novoui-text-color-general-inverted);
  }

  .pagination {
    gap: calc(var(--spacing, .25rem) * 1);
    flex-wrap: wrap;
    display: flex;
  }

  .pagination .button {
    min-width: calc(var(--spacing, .25rem) * 10);
    padding-inline: calc(var(--spacing, .25rem) * 1);
  }

  .pagination .button-sm {
    min-width: calc(var(--spacing, .25rem) * 10);
  }

  .pagination .button-xs {
    min-width: calc(var(--spacing, .25rem) * 8);
  }

  .pagination .button-text {
    color: var(--novoui-text-color-button-outline-subtle-enabled);
  }

  @media (hover: hover) {
    .pagination .button-text:hover {
      color: var(--novoui-text-color-button-outline-subtle-enabled);
    }
  }

  .pagination .button-text:active, .pagination .button-text.button-active {
    color: var(--novoui-text-color-button-outline-subtle-enabled);
  }

  .pagination .button-text-disabled, .pagination .button-text:disabled, .pagination .button-text[disabled] {
    pointer-events: none;
    background-color: var(--novoui-background-general-base);
    color: var(--novoui-text-color-disabled-medium);
  }

  .pagination .mock-button {
    border-radius: var(--novoui-radius-x-large);
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    height: calc(var(--spacing, .25rem) * 10);
    min-width: calc(var(--spacing, .25rem) * 10);
    background-color: var(--novoui-background-general-base);
    padding-inline: calc(var(--spacing, .25rem) * 1);
    color: var(--novoui-text-color-button-outline-subtle-enabled);
    text-transform: var(--button-text-case);
    flex-wrap: wrap;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    text-decoration-line: none;
    display: inline-flex;
  }

  .pagination .mock-button-primary {
    border-style: var(--tw-border-style);
    background-color: var(--novoui-background-button-fill-enabled);
    color: var(--novoui-text-color-button-fill-enabled);
    outline-color: var(--novoui-border-general-high-emphasis-enabled);
    border-width: 0;
  }

  .pagination .mock-button-brand {
    border-style: var(--tw-border-style);
    background-color: var(--novoui-background-button-fill-secondary-enabled);
    color: var(--novoui-text-color-button-fill-enabled);
    outline-color: var(--novoui-border-button-transparent-active);
    border-width: 0;
  }

  .pagination .mock-button-sm {
    height: calc(var(--spacing, .25rem) * 10);
    min-width: calc(var(--spacing, .25rem) * 10);
    font-size: var(--novoui-ui-button-14);
    line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .pagination .mock-button-xs {
    height: calc(var(--spacing, .25rem) * 8);
    min-width: calc(var(--spacing, .25rem) * 8);
    font-size: var(--novoui-ui-button-12);
    line-height: var(--tw-leading, var(--novoui-ui-button-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .pagination-container {
    align-items: center;
    display: inline-flex;
  }

  .pagination-container .pagination-counter-label {
    margin-right: calc(var(--spacing, .25rem) * 1);
    font-size: var(--novoui-ui-control-14);
    line-height: var(--tw-leading, var(--novoui-ui-control-14--line-height));
    color: var(--novoui-text-color-general-primary);
    align-self: center;
  }

  .pagination-container .input-select {
    --novoui-input-border: var(--novoui-border-button-outline-subtle-enabled);
    --novoui-input-select-padding-icon: 8px;
    --novoui-input-padding-left: 8px;
    margin-right: calc(var(--spacing, .25rem) * 4);
  }

  .pagination-container .input-field-outline-light {
    --novoui-input-padding-top: 8px;
    --novoui-input-padding-bottom: 8px;
  }

  .pagination-container .input-xs {
    --novoui-input-height: 32px;
  }

  .pin-input-wrapper {
    display: flex;
  }

  .pin-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: calc(var(--spacing, .25rem) * 0);
  }

  .pin-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: calc(var(--spacing, .25rem) * 0);
  }

  .pin-input:not(:last-child) {
    margin-right: calc(var(--spacing, .25rem) * 3);
  }

  .pin-input {
    background-color: var(--novoui-background-forms-enabled);
    text-align: center;
    width: 44px;
    height: 60px;
    font-size: var(--novoui-headings-h2);
    line-height: var(--tw-leading, var(--novoui-headings-h2--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
    border-radius: var(--novoui-radius-small);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--novoui-border-forms-enabled);
    --tw-outline-style: none;
    outline-style: none;
  }

  .pin-input:hover {
    border-color: var(--novoui-border-forms-active);
  }

  .pin-input:active, .pin-input:focus {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--novoui-border-forms-active);
    background-color: var(--novoui-background-forms-active);
  }

  .pin-input:disabled {
    border-style: var(--tw-border-style);
    pointer-events: none;
    color: var(--novoui-text-color-disabled-medium);
    border-width: 1px;
  }

  .pin-input-password {
    font-size: var(--text-6xl, 3.75rem);
    line-height: var(--tw-leading, var(--text-6xl--line-height, 1));
  }

  .pin-input-field-outline-light {
    border-color: var(--novoui-border-forms-enabled);
    background-color: var(--novoui-background-forms-light-active);
  }

  .pin-input-field-outline-light:active, .pin-input-field-outline-light:focus {
    background-color: var(--novoui-background-forms-light-active);
  }

  .pin-input-field, .pin-input-field-light {
    border-style: var(--tw-border-style);
    border-width: 0;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--novoui-input-border);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .pin-input-field:active, .pin-input-field:focus, .pin-input-field-light:active, .pin-input-field-light:focus {
    border-style: var(--tw-border-style);
    border-width: 0;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--novoui-border-forms-active);
    background-color: var(--novoui-background-forms-light-active);
  }

  .pin-input-field:disabled, .pin-input-field-light:disabled {
    border-style: var(--tw-border-style);
    border-width: 0;
    border-bottom-style: var(--tw-border-style);
    pointer-events: none;
    color: var(--novoui-text-color-disabled-medium);
    border-bottom-width: 1px;
  }

  .pin-input-field-light {
    background-color: var(--novoui-background-forms-light-active);
  }

  .pin-input-invalid {
    border-color: var(--novoui-border-alert-enabled);
    background-color: var(--novoui-background-alert-low-emphasis-enabled);
    color: var(--novoui-text-color-general-primary);
  }

  .pin-input-invalid:hover {
    border-color: var(--novoui-border-alert-enabled);
  }

  .pin-input-invalid:active, .pin-input-invalid:focus {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--novoui-input-border);
    background-color: var(--novoui-background-alert-low-emphasis-enabled);
    color: var(--novoui-text-color-general-primary);
  }

  .pin-input-invalid:disabled {
    border-style: var(--tw-border-style);
    --novoui-input-color: var(--novoui-text-color-general-primary);
    --novoui-input-bg: var(--novoui-background-alert-low-emphasis-enabled);
    border-width: 1px;
  }

  .progress {
    --novoui-progress-bar-size: 8px;
    margin-top: calc(var(--spacing, .25rem) * 2);
    height: var(--novoui-progress-bar-size);
    border-radius: var(--novoui-radius);
    appearance: none;
    background-color: var(--novoui-background-progress-base);
    grid-column: span 2 / span 2;
    width: 100%;
    margin-bottom: 1px;
    position: relative;
    overflow: hidden;
  }

  .progress::-moz-progress-bar {
    border-radius: var(--novoui-radius);
    background-color: var(--novoui-background-progress-base);
  }

  .progress::-webkit-progress-bar {
    border-radius: var(--novoui-radius);
    background-color: var(--novoui-background-progress-base);
  }

  .progress::-webkit-progress-value {
    border-radius: var(--novoui-radius);
    background-color: var(--novoui-background-progress-enabled);
  }

  .progress-completed {
    background-color: var(--novoui-background-progress-success);
  }

  .progress-completed::-moz-progress-bar {
    background-color: var(--novoui-background-progress-success);
  }

  .progress-completed::-webkit-progress-value {
    background-color: var(--novoui-background-progress-success);
  }

  .progress-invalid {
    background-color: var(--novoui-background-alert-high-emphasis-enabled);
  }

  .progress-invalid::-moz-progress-bar {
    background-color: var(--novoui-background-alert-high-emphasis-enabled);
  }

  .progress-invalid::-webkit-progress-value {
    background-color: var(--novoui-background-alert-high-emphasis-enabled);
  }

  .progress-md {
    --novoui-progress-bar-size: 8px;
  }

  .progress-sm {
    --novoui-progress-bar-size: 2px;
  }

  .progress-container {
    grid-template-columns: 1fr min-content;
    display: grid;
  }

  .progress-label, .progress-assistive-text {
    word-break: break-all;
  }

  .progress-label, .progress-percentage {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    color: var(--novoui-text-color-general-primary);
  }

  .progress-percentage {
    margin-left: calc(var(--spacing, .25rem) * 2);
    text-align: right;
    align-self: flex-end;
  }

  .progress-assistive-text {
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    color: var(--novoui-text-color-general-secondary);
    grid-column: span 2 / span 2;
  }

  .radio {
    --novoui-radio-label-color: var(--novoui-text-color-selection-enabled);
    --novoui-radio-input-color: var(--novoui-background-selection-enabled);
    --novoui-radio-input-color-hover: var(--novoui-border-selection-hover);
    --novoui-radio-input-color-active: var(--novoui-border-selection-active);
    --novoui-radio-input-color-checked: var(--novoui-background-selection-active);
    --novoui-radio-input-color-checked-hover: var(--novoui-border-selection-hover);
    --novoui-radio-input-color-checked-active: var(--novoui-border-selection-active);
    --novoui-radio-input-bg-color-active: var(--novoui-border-selection-enabled);
    --novoui-radio-input-knob-size: 10px;
    margin-block: calc(var(--spacing, .25rem) * 2);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    display: inline-flex;
  }

  .radio-label {
    cursor: pointer;
    font-size: var(--novoui-ui-control-14);
    line-height: var(--tw-leading, var(--novoui-ui-control-14--line-height));
    color: var(--novoui-radio-label-color);
  }

  .radio, .radio-primary {
    --novoui-radio-label-color: var(--novoui-text-color-selection-enabled);
    --novoui-radio-input-color: var(--novoui-border-selection-enabled);
    --novoui-radio-input-color-hover: var(--novoui-border-selection-hover);
    --novoui-radio-input-color-active: var(--novoui-border-selection-active);
    --novoui-radio-input-color-checked: var(--novoui-border-selection-active);
    --novoui-radio-input-color-checked-hover: var(--novoui-border-selection-hover);
    --novoui-radio-input-color-checked-active: var(--novoui-border-selection-active);
  }

  .radio-alert {
    --novoui-radio-input-color: var(--novoui-text-color-alert-enabled);
    --novoui-radio-input-color-hover: var(--novoui-border-alert-enabled);
    --novoui-radio-input-color-active: var(--novoui-border-alert-active);
    --novoui-radio-input-color-checked: var(--novoui-border-alert-enabled);
    --novoui-radio-input-color-checked-hover: var(--novoui-border-alert-enabled);
    --novoui-radio-input-color-checked-active: var(--novoui-border-alert-enabled);
  }

  .radio-input {
    cursor: pointer;
    appearance: none;
    border-style: var(--tw-border-style);
    background-color: var(--novoui-background-general-base);
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    border-width: 1px;
    border-color: var(--novoui-radio-input-color);
    border-radius: 100%;
    flex-shrink: 0;
    place-content: center;
    display: grid;
    position: relative;
  }

  .radio-input:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .radio-input:before {
    content: "";
    height: var(--novoui-radio-input-knob-size);
    width: var(--novoui-radio-input-knob-size);
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    box-shadow: inset 0px var(--novoui-radio-input-knob-size) var(--novoui-radio-input-color-checked);
    border-radius: 50%;
  }

  .radio-input:checked:before {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  @media (hover: hover) {
    .radio-input:hover {
      border-color: var(--novoui-radio-input-color-hover);
    }

    .radio-input:hover:checked {
      border-color: var(--novoui-radio-input-color-checked-hover);
    }
  }

  .radio-input:active, .radio-input[active] {
    border-color: var(--novoui-radio-input-color-active);
    background-color: var(--novoui-radio-input-bg-color-active);
  }

  .radio-input:active:checked, .radio-input[active]:checked {
    border-color: var(--novoui-radio-input-color-checked-active);
    background-color: var(--novoui-radio-input-bg-color-active);
  }

  .radio-disabled, .radio:disabled {
    --novoui-radio-label-color: var(--novoui-text-color-disabled-medium);
    --novoui-radio-input-color: var(--novoui-border-disabled-medium);
    --novoui-radio-input-color-hover: var(--novoui-border-disabled-medium);
    --novoui-radio-input-color-active: var(--novoui-border-disabled-medium);
    --novoui-radio-input-color-checked: var(--novoui-background-disabled-medium);
    --novoui-radio-input-color-checked-hover: var(--novoui-border-disabled-medium);
    --novoui-radio-input-color-checked-active: var(--novoui-border-disabled-medium);
    --novoui-radio-input-bg-color-active: var(--novoui-background-disabled-medium);
    pointer-events: none;
    border-color: var(--novoui-border-disabled-subtle);
  }

  .radio-group {
    display: flex;
  }

  .radio-group-vertical {
    flex-direction: column;
  }

  .radio-group-gap {
    gap: calc(var(--spacing, .25rem) * 3);
  }

  .radio-sm .radio-input {
    --novoui-radio-input-knob-size: 8px;
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 3);
  }

  .radio-sm .radio-input:focus-visible {
    outline-offset: 0px;
  }

  .radio-sm .radio-label {
    font-size: var(--novoui-ui-control-12);
    line-height: var(--tw-leading, var(--novoui-ui-control-12--line-height));
  }

  .radio-md .radio-input {
    --novoui-radio-input-knob-size: 10px;
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  .radio-md .radio-label {
    font-size: var(--novoui-ui-control-14);
    line-height: var(--tw-leading, var(--novoui-ui-control-14--line-height));
  }

  .radio-lg .radio-input {
    --novoui-radio-input-knob-size: 14px;
    margin-block: calc(var(--spacing, .25rem) * .5);
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
  }

  .radio-lg .radio-label {
    font-size: var(--novoui-ui-control-16);
    line-height: var(--tw-leading, var(--novoui-ui-control-16--line-height));
  }

  .n-scroll, .n-scroll * {
    scrollbar-width: thin;
    scrollbar-color: var(--novoui-background-general-strong) var(--novoui-background-general-elevated);
  }

  .input-select {
    --novoui-input-select-padding-icon: 16px;
    --novoui-input-select-icon-width: 16px;
    --novoui-input-select-icon-height: 16px;
  }

  .input-select.selection-colors {
    color: var(--novoui-text-color-general-primary);
  }

  .input-select.selection-colors svg.input-icon {
    fill: currentColor;
    color: currentColor;
  }

  .input-select.selection-colors svg.input-icon-fill {
    grid-row: 1;
  }

  .input-select.selection-colors.selection-colors-pristine:not(.input-select-disabled) {
    color: var(--novoui-text-color-general-secondary);
  }

  .input-select select {
    appearance: none;
    color: var(--novoui-input-select-color);
    cursor: pointer;
  }

  .input-select select:not(.select-closed):focus ~ .select-icon {
    rotate: 180deg;
  }

  .input-select select.input-field {
    padding-right: calc(var(--novoui-input-select-padding-icon) * 2 + var(--novoui-input-select-icon-width));
  }

  .input-select select.input-field-outline.input-field-focus, .input-select select.input-field-outline:focus, .input-select select.input-field-outline[focus], .input-select select.input-field-outline-light.input-field-focus, .input-select select.input-field-outline-light:focus, .input-select select.input-field-outline-light[focus] {
    padding-right: calc(var(--novoui-input-select-padding-icon) * 2 + var(--novoui-input-select-icon-width)  - 1px);
  }

  .input-select select.input-field-disabled, .input-select select:disabled, .input-select select[disabled] {
    pointer-events: none;
    opacity: 1;
  }

  .input-select select.input-field-disabled.input-field-outline:has(option[value=""]:checked), .input-select select.input-field-disabled.input-field-outline-light:has(option[value=""]:checked), .input-select select:disabled.input-field-outline:has(option[value=""]:checked), .input-select select:disabled.input-field-outline-light:has(option[value=""]:checked), .input-select select[disabled].input-field-outline:has(option[value=""]:checked), .input-select select[disabled].input-field-outline-light:has(option[value=""]:checked) {
    color: var(--novoui-text-color-disabled-medium);
  }

  .input-select select option {
    color: var(--novoui-input-select-option-color);
    background-color: var(--novoui-background-general-base);
  }

  .input-select select:not(.input-field-outline, .input-field-outline-light):has(option[value=""]:checked), .input-select select:not(.input-field-outline, .input-field-outline-light):not(:has(option:checked)) {
    color: #0000;
    -webkit-user-select: none;
    user-select: none;
  }

  .input-select select:not(.input-field-outline, .input-field-outline-light):has(option[value=""]:checked) ~ .input-label, .input-select select:not(.input-field-outline, .input-field-outline-light):not(:has(option:checked)) ~ .input-label {
    top: var(--novoui-input-label-top-padding-from);
    font-size: var(--novoui-ui-input-16);
    line-height: var(--tw-leading, var(--novoui-ui-input-16--line-height));
  }

  .input-select select.input-field-outline:has(option[value=""]:checked), .input-select select.input-field-outline-light:has(option[value=""]:checked) {
    color: var(--novoui-text-color-general-secondary);
  }

  .input-select .select-icon {
    height: var(--novoui-input-select-icon-height);
    width: var(--novoui-input-select-icon-width);
    right: var(--novoui-input-select-padding-icon);
    z-index: 10;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    top: calc((var(--novoui-input-height) / 2)  - (var(--novoui-input-select-icon-height) / 2));
    color: var(--novoui-input-select-color);
    fill: currentColor;
    transition: transform .2s ease-in-out;
    position: absolute;
  }

  .input-select .outline-leading-icon {
    margin-left: calc(var(--spacing, .25rem) * 4);
  }

  .input-select.input-tiny .outline-leading-icon {
    margin-left: calc(var(--spacing, .25rem) * 3);
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
  }

  .input-select .input-icon-fill ~ .dropdown-container {
    grid-row-start: 1;
  }

  .input-select .input-icon-fill ~ span.input-label {
    margin-left: calc(var(--spacing, .25rem) * 0);
  }

  .input-select .dropdown-container {
    grid-template-columns: subgrid;
    grid-column: 1 / span 3;
    width: auto;
    display: grid;
  }

  .input-select.input-lg .select-custom-selected-label-bottom {
    margin-bottom: calc(var(--spacing, .25rem) * 1.5);
  }

  .input-select .select-custom {
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    color: currentColor;
    --novoui-input-padding-right: 2rem;
    --novoui-input-padding-top: 2px;
    --novoui-input-padding-bottom: 2px;
    grid-template-rows: 1fr auto;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    display: grid;
    overflow: hidden;
  }

  .input-select .select-custom.input-field-outline:not(.select-closed) {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--novoui-border-general-high-emphasis-enabled);
    background-color: var(--novoui-background-general-medium-emphasis-hover);
    padding-left: calc(var(--novoui-input-padding-left)  - 1px);
    padding-right: calc(var(--novoui-input-padding-right)  - 1px);
  }

  .input-select .select-custom-icon {
    fill: currentColor;
    grid-row: span 2;
    margin-right: 10px;
  }

  .input-select .select-custom-icon.flag {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
  }

  .input-select .select-custom-icon-fill {
    grid-row: 1 / span 2;
  }

  .input-select .select-custom-selected-label {
    margin-right: calc(var(--spacing, .25rem) * 3);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .input-select .select-custom-selected-label-full {
    overflow: visible;
  }

  .input-select .select-custom-selected-label-bottom {
    grid-area: 2 / 2;
    align-self: flex-end;
  }

  .input-select .select-custom-selected-label-indent {
    margin-left: 6px;
  }

  .input-select .select-custom-selected-label-cover {
    grid-column: span 2 / span 2;
  }

  .input-select .select-custom-selected-type-label {
    margin-right: calc(var(--spacing, .25rem) * 4);
    pointer-events: none;
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    color: var(--novoui-text-color-general-secondary);
    text-transform: uppercase;
    grid-row: span 2 / span 2;
  }

  .input-select .select-custom-flipped-icon {
    rotate: 180deg;
  }

  .input-select .select-custom-placeholder-icon {
    display: none;
  }

  .input-select .select-custom-dropdown {
    transform-origin: top;
    --tw-scale-x: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: var(--novoui-radius-small);
    border-bottom-left-radius: var(--novoui-radius-small);
  }

  .input-select .select-custom-dropdown-outline {
    border-radius: var(--novoui-radius);
  }

  .input-select .select-custom-dropdown-outline.dropdown-container {
    grid-row-start: 2;
  }

  .input-select .select-custom-dropdown.shown ~ .select-icon {
    rotate: 180deg;
  }

  .input-select .select-custom-dropdown.select-custom-dropdown-outline {
    top: calc(var(--spacing, .25rem) * 1);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .input-select .select-custom-dropdown .list-item {
    --tw-outline-style: none;
    outline-style: none;
  }

  .input-select .select-custom ~ .input-label.input-label-pristine, .input-select .select-custom ~ .input-label.input-label-pristine:focus, .input-select .select-custom ~ .input-label.input-label-pristine[focus], .input-select .select-custom-label.input-label-pristine, .input-select .select-custom-label.input-label-pristine:focus, .input-select .select-custom-label.input-label-pristine[focus] {
    top: var(--novoui-input-label-top-padding-from);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
  }

  .input-select:has(.dropdown-container) .input-label.input-label-of-pristine-multiselect {
    top: var(--novoui-input-label-top-padding-from);
    font-size: var(--novoui-body-xsmall);
    line-height: var(--tw-leading, var(--novoui-body-xsmall--line-height));
  }

  .input-select:has(.dropdown-container) .input-label-indent {
    margin-top: calc(var(--spacing, .25rem) * .5);
    margin-left: calc(var(--spacing, .25rem) * 10);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
  }

  .input-select select.input-field ~ span.input-label {
    transition-property: none;
  }

  .input-select .input-field-outline ~ .input-label ~ .select-icon, .input-select .input-field-outline-light ~ .input-label ~ .select-icon, .input-select .dropdown-container ~ .input-label ~ .select-icon-outline {
    --novoui-input-outline-label-height: 20px + 8px;
    top: calc(var(--novoui-input-outline-label-height)  + (var(--novoui-input-height) / 2)  - (var(--novoui-input-select-icon-height) / 2));
  }

  .input-select.input-tiny .input-field-outline ~ .input-label ~ .select-icon, .input-select.input-tiny .input-field-outline-light ~ .input-label ~ .select-icon, .input-select.input-tiny .dropdown-container ~ .input-label ~ .select-icon-outline {
    --novoui-input-outline-label-height: 20px + 4px;
    top: calc(var(--novoui-input-outline-label-height)  + (var(--novoui-input-height) / 2)  - (var(--novoui-input-select-icon-height) / 2));
  }

  .input-select.input-tiny .input-field-outline-light ~ .input-label, .input-select.input-tiny .input-field-outline ~ .input-label {
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
  }

  .input-select.input-sm select {
    font-size: var(--novoui-ui-input-14);
    line-height: var(--tw-leading, var(--novoui-ui-input-14--line-height));
  }

  .input-select.input-sm select:not(.input-field-outline, .input-field-outline-light):has(option[value=""]:checked) {
    color: #0000;
    -webkit-user-select: none;
    user-select: none;
  }

  .input-select.input-sm select:not(.input-field-outline, .input-field-outline-light):has(option[value=""]:checked) + .input-label {
    top: var(--novoui-input-label-top-padding-from);
    font-size: var(--novoui-ui-input-14);
    line-height: var(--tw-leading, var(--novoui-ui-input-14--line-height));
  }

  .input-select.input-sm .outline-leading-icon {
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
  }

  .input-select.input-sm .select-custom ~ .input-label.input-label-pristine, .input-select.input-sm .select-custom ~ .input-label.input-label-pristine:focus, .input-select.input-sm .select-custom ~ .input-label.input-label-pristine[focus], .input-select.input-sm .select-custom-label.input-label-pristine, .input-select.input-sm .select-custom-label.input-label-pristine:focus, .input-select.input-sm .select-custom-label.input-label-pristine[focus] {
    top: var(--novoui-input-label-top-padding-from);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
  }

  .input-select.input-select-disabled, .input-select.input-select-disabled select, .input-select.input-select-disabled .select-custom-selected-label, .input-select.input-select-disabled .select-custom-selected-type-label, .input-select.input-select-disabled .input-label {
    color: var(--novoui-text-color-disabled-medium);
  }

  .input-select-inline-loader {
    margin-right: calc(var(--spacing, .25rem) * 5);
  }

  .input-select-no-results {
    height: calc(var(--spacing, .25rem) * 60);
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * .5);
    padding: calc(var(--spacing, .25rem) * 2);
    padding-left: calc(var(--spacing, .25rem) * 3);
    text-align: center;
    text-wrap: wrap;
    color: var(--novoui-text-color-general-tertiary);
    flex-direction: column;
    display: flex;
  }

  .input-select-no-results .input-select-loading-text {
    color: var(--novoui-text-color-general-tertiary);
    margin-top: calc(var(--spacing, .25rem) * 1.5);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .input-select-no-results .input-select-no-results-text {
    fill: currentColor;
    color: var(--novoui-text-color-general-primary);
  }

  .input-select-no-results > span {
    font-size: var(--novoui-ui-label-10);
    line-height: var(--tw-leading, var(--novoui-ui-label-10--line-height));
    color: var(--novoui-text-color-general-tertiary);
  }

  .input-select-enter-from, .input-select-leave-to {
    opacity: 0;
  }

  .input-select-enter-active, .input-select-leave-active {
    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, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .side-bar-navigation {
    top: calc(var(--spacing, .25rem) * 0);
    bottom: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * 0);
    width: calc(var(--spacing, .25rem) * 64);
    z-index: 37;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--novoui-border-general-medium);
    background-color: var(--novoui-background-side-menus-elevated);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    padding-top: calc(var(--spacing, .25rem) * 7);
    padding-bottom: calc(var(--spacing, .25rem) * 5);
    --tw-shadow: 0px 0px 24px var(--tw-shadow-color, #16223314), 0px 0px 8px var(--tw-shadow-color, #16223314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    flex-direction: column;
    justify-content: space-between;
    transition: width .25s ease-in-out .25s;
    display: flex;
    position: fixed;
    overflow-y: auto;
  }

  .side-bar-navigation-dark {
    border-color: var(--novoui-true-blue-5);
    background-color: var(--novoui-background-notifications-and-tags-brand-subtle);
  }

  .side-bar-navigation-bordered {
    border-right-style: var(--tw-border-style);
    background-color: var(--novoui-background-side-menus-side-panel);
    box-shadow: none;
    border-right-width: 1px;
  }

  .side-bar-navigation-bordered .sub-menu {
    background-color: var(--novoui-background-side-menus-side-panel);
  }

  .side-bar-navigation .sub-menu.sub-menu-full-height {
    box-shadow: none;
    transition: width .25s ease-in-out, box-shadow 0s ease-in-out .25s, border 0s ease-in-out .25s;
  }

  .side-bar-navigation .sub-menu.sub-menu-full-height.sub-menu-open {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    transition: width .25s ease-in-out;
    box-shadow: 5px 20px 15px -4px #00000013, 10px 0 15px -3px #00000008;
  }

  .side-bar-navigation-collapsed {
    width: 72px;
    padding-inline: calc(var(--spacing, .25rem) * 0);
    transition-delay: 0s;
  }

  .side-bar-navigation-collapsed.side-bar-navigation .sub-menu.sub-menu-full-height {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
    transition: width .25s ease-in-out, box-shadow 0s ease-in-out .25s;
  }

  .side-bar-navigation-collapsed:has(.dropdown), .side-bar-navigation-collapsed:has(.side-bar-navigation-collapsed), .side-bar-navigation-collapsed.has-active-dropdown {
    overflow-y: visible;
  }

  .side-bar-navigation .top-section > :first-child {
    margin-top: calc(var(--spacing, .25rem) * 0);
  }

  .side-bar-navigation .bottom-section > :last-child {
    margin-bottom: calc(var(--spacing, .25rem) * 0);
  }

  .side-bar-navigation-label-fade-enter-active {
    transition: opacity .4s ease-out .6s;
  }

  .side-bar-navigation-sub-menu-label-fade-enter-active {
    transition: opacity .4s ease-out .1s;
  }

  .side-bar-navigation-label-fade-leave-active {
    transition: opacity 50ms ease-out;
  }

  .side-bar-navigation-label-fade-enter-from, .side-bar-navigation-label-fade-leave-to {
    opacity: 0;
  }

  .side-bar-navigation-collapsed-label-fade-enter-active, .side-bar-navigation-collapsed-label-fade-leave-active {
    transition: opacity .25s ease-out;
  }

  .side-bar-navigation-collapsed-label-fade-enter-active {
    transition-delay: .8s;
  }

  .side-bar-navigation-collapsed-label-fade-enter-from, .side-bar-navigation-collapsed-label-fade-leave-to {
    opacity: 0;
  }

  .logo-header {
    margin-block: calc(var(--spacing, .25rem) * 5);
    height: calc(var(--spacing, .25rem) * 14);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 4);
    font-size: var(--novoui-headings-h4);
    line-height: var(--tw-leading, var(--novoui-headings-h4--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
    display: flex;
  }

  .logo-header-icon {
    height: calc(var(--spacing, .25rem) * 10);
    width: calc(var(--spacing, .25rem) * 10);
    border-radius: var(--novoui-radius);
    background-color: var(--novoui-background-notifications-and-tags-brand-subtle);
    flex-shrink: 0;
    align-content: center;
  }

  .logo-header-icon svg {
    margin: auto;
  }

  .logo-header-dark {
    color: var(--novoui-text-color-general-inverted);
  }

  .logo-header-dark .logo-header-icon {
    background-color: var(--novoui-background-general-high-emphasis-enabled);
  }

  .logo-header-collapsed {
    padding-inline: calc(var(--spacing, .25rem) * 4);
  }

  .menu-section {
    margin-block: calc(var(--spacing, .25rem) * 5);
  }

  .menu-section-content {
    transition-property: grid-template-rows;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .3s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    grid-template-rows: 1fr;
    display: grid;
  }

  .menu-section-content > div {
    overflow: hidden;
  }

  .menu-section-collapsed {
    transition-property: grid-template-rows;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .3s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    grid-template-rows: 0fr;
    display: grid;
  }

  .menu-section-collapsed > div {
    overflow: hidden;
  }

  .menu-section-title {
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-side-menus-menu-header);
    height: calc(var(--spacing, .25rem) * 8);
    padding-bottom: calc(var(--spacing, .25rem) * 1);
    padding-left: calc(var(--spacing, .25rem) * 3);
    align-content: center;
    transition: height .25s ease-in-out;
  }

  .menu-section-title-button {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .menu-section-title-button > svg {
    margin-right: calc(var(--spacing, .25rem) * 4);
    fill: currentColor;
    color: var(--novoui-text-color-side-menus-menu-enabled);
    transition: transform .25s ease-in-out;
  }

  .menu-section-title-icon-collapsed {
    transform: rotate(180deg);
  }

  .menu-section-title-dark {
    color: var(--novoui-true-blue-3);
  }

  .menu-section-title-collapsed {
    height: calc(var(--spacing, .25rem) * 0);
    padding-left: 28px;
    transition-delay: .25s;
  }

  .menu-section:not(:has(.menu-item-leading-icon)) .menu-item-leading-icon-wrapper {
    display: none;
  }

  .menu-section:not(:has(.menu-item-leading-icon)) .menu-item-wrapper .menu-item-label {
    grid-column: 1 / span 2;
  }

  .menu-item {
    height: calc(var(--spacing, .25rem) * 10);
    border-radius: var(--novoui-radius-small);
    width: 100%;
    color: var(--novoui-text-color-side-menus-menu-enabled);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .menu-item svg {
    fill: currentColor;
  }

  .menu-item-leading-icon {
    margin: calc(var(--spacing, .25rem) * 2);
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
    min-width: calc(var(--spacing, .25rem) * 6);
  }

  .menu-item-content-wrapper {
    height: calc(var(--spacing, .25rem) * 10);
    padding-left: calc(var(--spacing, .25rem) * 2);
    align-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    grid-template-columns: 40px auto;
    width: 100%;
    transition: padding .25s ease-in-out .25s;
    display: grid;
  }

  .menu-item-content-wrapper-with-notification, .menu-item-content-wrapper-with-submenu {
    grid-template-columns: 40px 1fr 40px;
  }

  .menu-item-content-wrapper-with-submenu.menu-item-content-wrapper-with-notification {
    grid-template-columns: 40px 1fr 24px 40px;
  }

  .menu-item-label {
    text-align: left;
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .menu-item-notification {
    height: calc(var(--spacing, .25rem) * 6);
    min-width: calc(var(--spacing, .25rem) * 6);
    border-radius: var(--novoui-radius-small);
    background-color: var(--novoui-background-side-menus-menu-badge-enabled);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    color: var(--novoui-text-color-side-menus-menu-enabled);
    align-content: center;
    justify-self: center;
  }

  .menu-item-notification-collapsed {
    top: calc(var(--spacing, .25rem) * 2);
    right: calc(var(--spacing, .25rem) * 2);
    height: calc(var(--spacing, .25rem) * 2);
    width: calc(var(--spacing, .25rem) * 2);
    border-radius: var(--novoui-radius-full);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--novoui-border-side-menus-menu-notification);
    background-color: var(--novoui-background-side-menus-menu-notification);
    position: absolute;
  }

  .menu-item-trailing-icon {
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 3);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    justify-self: center;
    transition-duration: .3s;
  }

  .menu-item-trailing-icon-menu-open {
    transform: rotate(180deg);
  }

  @media (hover: hover) {
    .menu-item:hover, .menu-item-hover {
      background-color: var(--novoui-background-side-menus-menu-hover);
      color: var(--novoui-text-color-side-menus-menu-hover);
    }

    .menu-item:hover .menu-item-notification, .menu-item-hover .menu-item-notification {
      background-color: var(--novoui-background-side-menus-menu-badge-hover);
    }

    .menu-item:hover .menu-item-notification-collapsed, .menu-item-hover .menu-item-notification-collapsed {
      border-color: var(--novoui-border-side-menus-menu-notification-selected);
    }
  }

  .menu-item:active, .menu-item-active {
    background-color: var(--novoui-background-side-menus-menu-hover);
    color: var(--novoui-text-color-side-menus-menu-hover);
  }

  .menu-item:active .menu-item-notification, .menu-item-active .menu-item-notification {
    background-color: var(--novoui-background-side-menus-menu-badge-hover);
  }

  .menu-item:disabled, .menu-item-disabled {
    color: var(--novoui-text-color-disabled-medium);
    background-color: #0000;
  }

  .menu-item:disabled .menu-item-notification, .menu-item-disabled .menu-item-notification {
    background-color: var(--novoui-background-disabled-strong);
    color: var(--novoui-text-color-disabled-medium);
  }

  .menu-item-collapsed {
    padding-inline: calc(var(--spacing, .25rem) * 4);
    flex-direction: column;
    align-items: center;
    position: relative;
  }

  .menu-item-collapsed-with-label {
    height: 56px;
  }

  .menu-item-collapsed-label {
    margin: calc(var(--spacing, .25rem) * 0);
    padding: calc(var(--spacing, .25rem) * 0);
    font-size: var(--novoui-ui-button-10);
    line-height: var(--tw-leading, var(--novoui-ui-button-10--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .menu-item-collapsed .menu-item-leading-icon-wrapper {
    height: calc(var(--spacing, .25rem) * 10);
    border-radius: var(--novoui-radius-small);
    align-content: center;
    position: relative;
  }

  .menu-item-collapsed .menu-item-content-wrapper {
    padding-left: calc(var(--spacing, .25rem) * 0);
    transition-delay: 0s;
  }

  @media (hover: hover) {
    .menu-item-collapsed:hover, .menu-item-collapsed.menu-item-hover {
      background-color: inherit;
    }

    .menu-item-collapsed:hover .menu-item-leading-icon-wrapper, .menu-item-collapsed.menu-item-hover .menu-item-leading-icon-wrapper {
      background-color: var(--novoui-background-side-menus-menu-hover);
    }
  }

  .menu-item-collapsed:active, .menu-item-collapsed.menu-item-active {
    background-color: inherit;
    color: var(--novoui-text-color-side-menus-menu-hover);
  }

  .menu-item-collapsed:active .menu-item-leading-icon-wrapper, .menu-item-collapsed.menu-item-active .menu-item-leading-icon-wrapper {
    background-color: var(--novoui-background-side-menus-menu-hover);
  }

  .menu-item-collapsed:active .menu-item-notification-collapsed, .menu-item-collapsed.menu-item-active .menu-item-notification-collapsed {
    border-color: var(--novoui-border-side-menus-menu-notification-selected);
  }

  .menu-item-collapsed:disabled, .menu-item-collapsed.menu-item-disabled {
    color: var(--novoui-text-color-disabled-medium);
  }

  .menu-item-collapsed:disabled .menu-item-leading-icon-wrapper, .menu-item-collapsed.menu-item-disabled .menu-item-leading-icon-wrapper {
    background-color: #0000;
  }

  .menu-item-dark {
    color: var(--novoui-true-blue-2);
  }

  .menu-item-dark .menu-item-notification {
    background-color: var(--novoui-sea-blue-8);
    color: var(--novoui-text-color-general-inverted);
  }

  .menu-item-dark .menu-item-notification-collapsed {
    border-color: var(--novoui-border-button-transparent-active);
    background-color: var(--novoui-sea-blue-4);
  }

  @media (hover: hover) {
    .menu-item-dark:hover, .menu-item-dark.menu-item-hover {
      background-color: var(--novoui-true-blue-5);
      color: var(--novoui-text-color-general-inverted);
    }

    .menu-item-dark:hover .menu-item-notification, .menu-item-dark.menu-item-hover .menu-item-notification {
      background-color: var(--novoui-sea-blue-5);
      color: var(--novoui-text-color-general-inverted);
    }

    .menu-item-dark:hover .menu-item-notification-collapsed, .menu-item-dark.menu-item-hover .menu-item-notification-collapsed {
      border-color: var(--novoui-true-blue-5);
    }
  }

  .menu-item-dark:active, .menu-item-dark.menu-item-active {
    background-color: var(--novoui-true-blue-5);
    color: var(--novoui-text-color-general-inverted);
  }

  .menu-item-dark:active .menu-item-notification, .menu-item-dark.menu-item-active .menu-item-notification {
    background-color: var(--novoui-sea-blue-5);
    color: var(--novoui-text-color-general-inverted);
  }

  .menu-item-dark:disabled, .menu-item-dark.menu-item-disabled {
    color: var(--novoui-neutral-8);
    background-color: #0000;
  }

  .menu-item-dark:disabled .menu-item-notification, .menu-item-dark.menu-item-disabled .menu-item-notification {
    background-color: var(--novoui-background-disabled-strong);
    color: var(--novoui-neutral-8);
  }

  @media (hover: hover) {
    .menu-item-dark.menu-item-collapsed:hover, .menu-item-dark.menu-item-collapsed.menu-item-hover {
      background-color: inherit;
      color: var(--novoui-text-color-general-inverted);
    }

    .menu-item-dark.menu-item-collapsed:hover .menu-item-leading-icon-wrapper, .menu-item-dark.menu-item-collapsed.menu-item-hover .menu-item-leading-icon-wrapper {
      background-color: var(--novoui-true-blue-5);
    }
  }

  .menu-item-dark.menu-item-collapsed:active, .menu-item-dark.menu-item-collapsed.menu-item-active {
    background-color: inherit;
    color: var(--novoui-text-color-general-inverted);
  }

  .menu-item-dark.menu-item-collapsed:active .menu-item-leading-icon-wrapper, .menu-item-dark.menu-item-collapsed.menu-item-active .menu-item-leading-icon-wrapper {
    background-color: var(--novoui-true-blue-5);
  }

  .menu-item-dark.menu-item-collapsed:disabled, .menu-item-dark.menu-item-collapsed.menu-item-disabled {
    color: var(--novoui-neutral-8);
  }

  .menu-item-dark.menu-item-collapsed:disabled .menu-item-leading-icon-wrapper, .menu-item-dark.menu-item-collapsed.menu-item-disabled .menu-item-leading-icon-wrapper {
    background-color: #0000;
  }

  .menu-item + .tooltip-right {
    right: calc(var(--spacing, .25rem) * 0);
  }

  .menu-item-wrapper {
    position: relative;
  }

  .menu-item-wrapper + .menu-item-wrapper {
    padding-top: calc(var(--spacing, .25rem) * 1);
  }

  .menu-divider {
    border-color: var(--novoui-border-general-medium);
  }

  .menu-divider-dark {
    border-color: var(--novoui-true-blue-5);
  }

  .menu-divider-collapsed {
    margin-inline: calc(var(--spacing, .25rem) * 4);
  }

  .sub-menu {
    background-color: var(--novoui-background-side-menus-elevated);
  }

  .sub-menu-inline {
    transition-property: grid-template-rows;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .3s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    grid-template-rows: 0fr;
    display: grid;
  }

  .sub-menu-content {
    overflow: hidden;
  }

  .sub-menu-popup {
    visibility: hidden;
    border-radius: var(--novoui-radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--novoui-border-side-menus-menu-enabled);
    width: max-content;
    padding-block: calc(var(--spacing, .25rem) * 2);
    color: var(--novoui-text-color-side-menus-menu-header);
    top: calc(var(--spacing, .25rem) * 0);
    transform-origin: 0 0;
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 0;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition: transform .2s, opacity .2s, visibility;
    position: absolute;
    left: 100%;
  }

  .sub-menu-label {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--novoui-border-side-menus-menu-enabled);
    padding-inline: calc(var(--spacing, .25rem) * 4);
    padding-bottom: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-body-xsmall);
    line-height: var(--tw-leading, var(--novoui-body-xsmall--line-height));
  }

  .sub-menu-full-height {
    width: calc(var(--spacing, .25rem) * 0);
    padding-top: calc(var(--spacing, .25rem) * 7);
    padding-bottom: calc(var(--spacing, .25rem) * 5);
    top: calc(var(--spacing, .25rem) * 0);
    bottom: calc(var(--spacing, .25rem) * 0);
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
    border-color: var(--novoui-border-side-menus-menu-enabled);
    --tw-shadow: 0px 0px 24px var(--tw-shadow-color, #16223314), 0px 0px 8px var(--tw-shadow-color, #16223314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition: width .25s ease-in-out;
    position: fixed;
  }

  .sub-menu-full-height .sub-menu-content {
    margin-inline: calc(var(--spacing, .25rem) * 3);
  }

  .sub-menu-dark {
    border-color: var(--novoui-true-blue-5);
    background-color: var(--novoui-background-notifications-and-tags-brand-subtle);
    color: var(--novoui-true-blue-2);
  }

  .sub-menu-dark .sub-menu-label, .sub-menu-dark .sub-menu-full-height {
    border-color: var(--novoui-true-blue-5);
  }

  .sub-menu-open.sub-menu-inline {
    grid-template-rows: 1fr;
  }

  .sub-menu-open.sub-menu-popup {
    visibility: visible;
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
    position: fixed;
  }

  .sub-menu-open.sub-menu-full-height {
    width: calc(var(--spacing, .25rem) * 64);
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .sub-menu-item {
    height: calc(var(--spacing, .25rem) * 9);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    width: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 4);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-side-menus-menu-enabled);
    display: flex;
  }

  .sub-menu-item:first-of-type {
    margin-top: calc(var(--spacing, .25rem) * 2);
  }

  @media (hover: hover) {
    .sub-menu-item:hover, .sub-menu-item-hover {
      background-color: var(--novoui-background-side-menus-menu-hover);
      color: var(--novoui-text-color-side-menus-menu-hover);
    }

    .sub-menu-item:hover .sub-menu-item-divider, .sub-menu-item-hover .sub-menu-item-divider {
      color: var(--novoui-text-color-drag-enabled);
    }
  }

  .sub-menu-item:active, .sub-menu-item-active {
    background-color: var(--novoui-background-side-menus-menu-hover);
  }

  .sub-menu-item:active .sub-menu-item-divider, .sub-menu-item-active .sub-menu-item-divider {
    color: var(--novoui-text-color-drag-enabled);
  }

  .sub-menu-item:disabled, .sub-menu-item-disabled {
    color: var(--novoui-text-color-disabled-medium);
    background-color: #0000;
  }

  .sub-menu-item:disabled .sub-menu-item-divider, .sub-menu-item-disabled .sub-menu-item-divider {
    color: var(--novoui-text-color-date-picker-read-only);
  }

  .sub-menu-item-divider {
    margin-inline: 17px;
  }

  .sub-menu-item-dark {
    color: var(--novoui-true-blue-2);
  }

  .sub-menu-item-dark .sub-menu-item-divider {
    color: var(--novoui-true-blue-5);
  }

  @media (hover: hover) {
    .sub-menu-item-dark.sub-menu-item:hover, .sub-menu-item-dark.sub-menu-item-hover {
      background-color: var(--novoui-true-blue-5);
      color: var(--novoui-text-color-general-inverted);
    }
  }

  .sub-menu-item-dark.sub-menu-item:active, .sub-menu-item-dark.sub-menu-item-active {
    background-color: var(--novoui-true-blue-5);
    color: var(--novoui-text-color-general-inverted);
  }

  .sub-menu-item-dark.sub-menu-item:active .sub-menu-item-divider, .sub-menu-item-dark.sub-menu-item-active .sub-menu-item-divider {
    color: var(--novoui-text-color-drag-enabled);
  }

  .sub-menu-item-dark.sub-menu-item:disabled, .sub-menu-item-dark.sub-menu-item-disabled {
    color: var(--novoui-neutral-8);
    background-color: #0000;
  }

  .sub-menu-item-dark.sub-menu-item:disabled .sub-menu-item-divider, .sub-menu-item-dark.sub-menu-item-disabled .sub-menu-item-divider {
    color: var(--novoui-true-blue-5);
  }

  .sub-menu-item-inline {
    border-radius: var(--novoui-radius-small);
    padding-inline: calc(var(--spacing, .25rem) * 2);
  }

  .collapse-menu-button-icon {
    align-items: center;
    display: flex;
  }

  .collapse-menu-button {
    height: calc(var(--spacing, .25rem) * 8);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: var(--novoui-radius-small);
    width: 100%;
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-side-menus-menu-enabled);
    display: flex;
    overflow: hidden;
  }

  .collapse-menu-button-icon {
    height: calc(var(--spacing, .25rem) * 8);
    width: calc(var(--spacing, .25rem) * 10);
    border-radius: var(--novoui-radius-small);
  }

  .collapse-menu-button svg {
    margin-inline: calc(var(--spacing, .25rem) * 2);
    margin-block: calc(var(--spacing, .25rem) * 1);
    fill: currentColor;
  }

  @media (hover: hover) {
    .collapse-menu-button:hover, .collapse-menu-button-hover {
      background-color: var(--novoui-background-side-menus-menu-hover);
      color: var(--novoui-text-color-side-menus-menu-hover);
    }
  }

  .collapse-menu-button:active, .collapse-menu-button-active {
    background-color: var(--novoui-background-side-menus-menu-hover);
    color: var(--novoui-text-color-side-menus-menu-hover);
  }

  .collapse-menu-button-collapsed {
    padding-inline: calc(var(--spacing, .25rem) * 4);
  }

  @media (hover: hover) {
    .collapse-menu-button-collapsed.collapse-menu-button:hover, .collapse-menu-button-collapsed.collapse-menu-button-hover {
      background-color: inherit;
      color: var(--novoui-text-color-side-menus-menu-hover);
    }

    .collapse-menu-button-collapsed.collapse-menu-button:hover .collapse-menu-button-icon, .collapse-menu-button-collapsed.collapse-menu-button-hover .collapse-menu-button-icon {
      background-color: var(--novoui-background-side-menus-menu-hover);
    }
  }

  .collapse-menu-button-collapsed.collapse-menu-button:active, .collapse-menu-button-collapsed.collapse-menu-button-active {
    background-color: inherit;
    color: var(--novoui-text-color-side-menus-menu-hover);
  }

  .collapse-menu-button-collapsed.collapse-menu-button:active .collapse-menu-button-icon, .collapse-menu-button-collapsed.collapse-menu-button-active .collapse-menu-button-icon {
    background-color: var(--novoui-background-side-menus-menu-hover);
  }

  .collapse-menu-button-dark {
    color: var(--novoui-true-blue-2);
  }

  @media (hover: hover) {
    .collapse-menu-button-dark.collapse-menu-button:hover, .collapse-menu-button-dark.collapse-menu-button-hover {
      background-color: var(--novoui-true-blue-5);
      color: var(--novoui-text-color-general-inverted);
    }
  }

  .collapse-menu-button-dark.collapse-menu-button:active, .collapse-menu-button-dark.collapse-menu-button-active {
    background-color: var(--novoui-true-blue-5);
    color: var(--novoui-text-color-general-inverted);
  }

  @media (hover: hover) {
    .collapse-menu-button-dark.collapse-menu-button-collapsed.collapse-menu-button:hover, .collapse-menu-button-dark.collapse-menu-button-collapsed.collapse-menu-button-hover {
      background-color: inherit;
      color: var(--novoui-text-color-general-inverted);
    }

    .collapse-menu-button-dark.collapse-menu-button-collapsed.collapse-menu-button:hover .collapse-menu-button-icon, .collapse-menu-button-dark.collapse-menu-button-collapsed.collapse-menu-button-hover .collapse-menu-button-icon {
      background-color: var(--novoui-true-blue-5);
    }
  }

  .collapse-menu-button-dark.collapse-menu-button-collapsed.collapse-menu-button:active, .collapse-menu-button-dark.collapse-menu-button-collapsed.collapse-menu-button-active {
    background-color: inherit;
    color: var(--novoui-text-color-general-inverted);
  }

  .collapse-menu-button-dark.collapse-menu-button-collapsed.collapse-menu-button:active .collapse-menu-button-icon, .collapse-menu-button-dark.collapse-menu-button-collapsed.collapse-menu-button-active .collapse-menu-button-icon {
    background-color: var(--novoui-true-blue-5);
  }

  .side-bar-search {
    margin-inline: auto;
    margin-block: calc(var(--spacing, .25rem) * 5);
  }

  .side-bar-search .search-field {
    border-radius: var(--novoui-radius);
    caret-color: currentColor;
    width: 100%;
    transition: padding .25s ease-in-out .25s, caret-color .4s ease-in-out .6s, color .4s ease-in-out .6s, height .25s ease-in-out;
  }

  .side-bar-search .search-field::-webkit-search-cancel-button {
    opacity: 1;
    transition: opacity .4s ease-in-out .6s;
  }

  .side-bar-search .search-field::placeholder {
    transition: color .4s ease-in-out .6s;
  }

  .side-bar-search .input-icon, .side-bar-search .input-leading-icon {
    transition: margin .25s ease-in-out .25s;
  }

  .side-bar-search-collapsed {
    margin-inline: calc(var(--spacing, .25rem) * 4);
  }

  .side-bar-search-collapsed.side-bar-search-collapsed {
    border-radius: var(--novoui-radius);
    border-style: var(--tw-border-style);
    border-width: 0;
    border-color: var(--novoui-border-forms-enabled);
  }

  .side-bar-search-collapsed .search-field {
    height: calc(var(--spacing, .25rem) * 10);
    padding-inline: calc(var(--spacing, .25rem) * 0);
    color: #0000;
    caret-color: #0000;
    grid-column: 1 / span 2;
    transition: padding .25s ease-in-out, height .25s ease-in-out .25s;
  }

  .side-bar-search-collapsed .search-field::placeholder {
    color: #0000;
    transition: none;
  }

  .side-bar-search-collapsed .search-field::-webkit-search-cancel-button {
    opacity: 0;
    transition: none;
  }

  .side-bar-search-collapsed .search-field-focus, .side-bar-search-collapsed .search-field:focus, .side-bar-search-collapsed .search-field[focus] {
    padding-inline: calc(var(--spacing, .25rem) * 3);
    color: #0000;
    transition: padding .25s ease-in-out;
  }

  .side-bar-search-collapsed svg.input-icon, .side-bar-search-collapsed .input-leading-icon {
    margin-inline: calc(var(--spacing, .25rem) * 2);
    margin-left: calc(var(--spacing, .25rem) * 2);
    cursor: text;
    transition-delay: 0s;
  }

  .side-bar-search-dark.input:not(.input-disabled) .input-icon.search-icon, .side-bar-search-dark.input:not(.input-disabled) .input-leading-icon.search-icon, .side-bar-search-dark.input:not(.input-disabled) .search-field:placeholder-shown ~ .input-icon.search-icon, .side-bar-search-dark.input:not(.input-disabled) .search-field:placeholder-shown ~ .input-leading-icon.search-icon {
    color: var(--novoui-true-blue-2);
  }

  .side-bar-search-dark.input .search-field {
    border-color: var(--novoui-true-blue-5);
    background-color: var(--novoui-background-notifications-and-tags-brand-subtle);
    color: var(--novoui-true-blue-2);
  }

  .side-bar-search-dark.input .search-field::placeholder, .side-bar-search-dark.input .search-field:focus {
    color: var(--novoui-true-blue-2);
  }

  .side-bar-search-dark.input.side-bar-search-collapsed .search-field, .side-bar-search-dark.input.side-bar-search-collapsed .search-field::placeholder, .side-bar-search-dark.input.side-bar-search-collapsed .search-field-focus, .side-bar-search-dark.input.side-bar-search-collapsed .search-field:focus, .side-bar-search-dark.input.side-bar-search-collapsed .search-field[focus] {
    color: #0000;
  }

  .session-selector {
    border-radius: var(--novoui-radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--novoui-border-side-menus-menu-enabled);
    width: 100%;
    height: 100%;
    padding: calc(var(--spacing, .25rem) * 1.5);
    text-align: left;
    align-items: center;
    transition: padding .25s ease-in-out .25s;
    display: flex;
  }

  .session-selector-content {
    width: 100%;
    padding-right: calc(var(--spacing, .25rem) * 1.5);
    padding-left: calc(var(--spacing, .25rem) * 2);
    grid-template-columns: auto 16px;
    align-items: center;
    display: grid;
  }

  .session-selector-leading-content {
    flex-shrink: 0;
    justify-items: center;
    width: 37px;
    display: grid;
  }

  .session-selector-header {
    padding-left: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-side-menus-switcher-primary);
  }

  .session-selector-subheader {
    padding-left: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    color: var(--novoui-text-color-side-menus-switcher-secondary);
    grid-row-start: 2;
  }

  .session-selector-label {
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-side-menus-switcher-primary);
  }

  .session-selector-leading-icon {
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
    fill: var(--novoui-fill-side-menus-switcher-secondary);
  }

  .session-selector-leading-cover {
    border-radius: var(--novoui-radius-small);
    background-color: var(--novoui-background-accent-red-light);
    text-align: center;
    width: 35px;
    height: 36px;
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
    align-content: center;
    transition: height .25s ease-in-out .25s, width .25s ease-in-out .25s;
  }

  .session-selector-leading-image {
    border-radius: var(--novoui-radius-full);
    object-fit: cover;
    width: 35px;
    height: 36px;
    transition: height .25s ease-in-out .25s, width .25s ease-in-out .25s;
  }

  .session-selector-trailing-icon {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    fill: var(--novoui-fill-side-menus-menu-enabled);
    grid-row: span 2 / span 2;
    grid-column-start: 2;
  }

  @media (hover: hover) {
    .session-selector:hover, .session-selector-hover {
      border-color: var(--novoui-border-general-strong);
    }

    .session-selector:hover .session-selector-leading-cover, .session-selector-hover .session-selector-leading-cover {
      background-color: var(--novoui-background-accent-red-medium);
    }
  }

  .session-selector:active, .session-selector-active {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--novoui-border-side-menus-menu-enabled);
    background-color: var(--novoui-background-side-menus-menu-hover);
  }

  @media (hover: hover) {
    .session-selector:active:hover, .session-selector-active:hover {
      border-color: var(--novoui-border-side-menus-menu-hover);
    }
  }

  .session-selector:active .session-selector-leading-cover, .session-selector-active .session-selector-leading-cover {
    background-color: var(--novoui-background-accent-red-medium);
  }

  .session-selector:active .session-selector-content, .session-selector-active .session-selector-content {
    padding-right: 5px;
  }

  .session-selector:active .session-selector-leading-content, .session-selector-active .session-selector-leading-content {
    margin-left: -1px;
  }

  .session-selector-dark {
    border-color: var(--novoui-true-blue-5);
  }

  @media (hover: hover) {
    .session-selector-dark:hover, .session-selector-dark.session-selector-hover {
      border-color: var(--novoui-true-blue-3);
      background-color: var(--novoui-true-blue-5);
    }
  }

  .session-selector-dark:active, .session-selector-dark.session-selector-active {
    border-color: var(--novoui-true-blue-3);
    background-color: var(--novoui-true-blue-5);
  }

  .session-selector-dark:active .session-selector-leading-cover, .session-selector-dark.session-selector-active .session-selector-leading-cover {
    background-color: var(--novoui-background-accent-red-medium);
  }

  .session-selector-dark .session-selector-header, .session-selector-dark .session-selector-label {
    color: var(--novoui-text-color-general-inverted);
  }

  .session-selector-dark .session-selector-subheader {
    color: var(--novoui-true-blue-2);
  }

  .session-selector-dark .session-selector-leading-icon, .session-selector-dark .session-selector-trailing-icon {
    fill: var(--novoui-true-blue-2);
  }

  .session-selector-dark .session-selector-leading-cover {
    background-color: var(--novoui-rose-pink-2);
  }

  .session-selector-wrapper {
    margin-block: calc(var(--spacing, .25rem) * 5);
    height: 52px;
    transition: height .25s ease-in-out;
  }

  .session-selector-wrapper-collapsed {
    margin-inline: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 10);
    transition-delay: .25s;
  }

  .session-selector-wrapper-collapsed .session-selector {
    padding: calc(var(--spacing, .25rem) * 0);
    transition: padding .25s ease-in-out;
  }

  .session-selector-wrapper-collapsed .session-selector-leading-cover, .session-selector-wrapper-collapsed .session-selector-leading-image {
    width: 31px;
    height: 32px;
    transition: height .25s ease-in-out, width .25s ease-in-out;
  }

  .session-selector-dropdown {
    z-index: 10;
    border-radius: var(--novoui-radius);
    width: 100%;
  }

  .session-selector-dropdown.dropdown {
    transform-origin: top;
    --tw-scale-x: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .session-selector-dropdown-dark.dropdown {
    border-color: var(--novoui-true-blue-3);
    background-color: var(--novoui-true-blue-5);
  }

  .session-selector-dropdown-collapsed.dropdown {
    border-radius: var(--novoui-radius-large);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--novoui-border-general-medium);
    transform: translate(72px, -44px);
  }

  .session-selector-dropdown-collapsed.session-selector-dropdown-dark.dropdown {
    background-color: var(--novoui-background-button-fill-secondary-enabled);
  }

  .session-item {
    width: 100%;
    padding-block: calc(var(--spacing, .25rem) * 1);
    padding-left: calc(var(--spacing, .25rem) * 2);
    align-items: center;
    display: flex;
  }

  .session-item-leading-content {
    margin-right: calc(var(--spacing, .25rem) * 2);
    height: calc(var(--spacing, .25rem) * 8);
    width: calc(var(--spacing, .25rem) * 8);
    flex-shrink: 0;
    align-content: center;
    justify-items: center;
  }

  .session-item-content {
    padding-left: calc(var(--spacing, .25rem) * 2);
    text-align: left;
  }

  .session-item-header {
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
  }

  .session-item-subheader {
    font-size: var(--novoui-ui-label-10);
    line-height: var(--tw-leading, var(--novoui-ui-label-10--line-height));
    color: var(--novoui-text-color-general-tertiary);
  }

  .session-item-label {
    font-size: var(--novoui-ui-label-10);
    line-height: var(--tw-leading, var(--novoui-ui-label-10--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-general-primary);
  }

  .session-item-leading-icon {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    fill: var(--novoui-fill-general-secondary);
  }

  .session-item-leading-cover {
    border-radius: var(--novoui-radius);
    background-color: var(--novoui-background-accent-red-light);
    width: 100%;
    height: 100%;
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
    align-content: center;
  }

  .session-item-leading-image {
    height: calc(var(--spacing, .25rem) * 8);
    width: calc(var(--spacing, .25rem) * 8);
    border-radius: var(--novoui-radius-full);
    object-fit: cover;
  }

  .session-item-trailing-icon {
    margin-right: calc(var(--spacing, .25rem) * 4);
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    fill: var(--novoui-true-blue-6);
    margin-left: auto;
  }

  @media (hover: hover) {
    .session-item:hover, .session-item-hover {
      background-color: var(--novoui-background-general-medium-emphasis-hover);
    }
  }

  .session-item:active, .session-item-active {
    background-color: var(--novoui-background-general-medium-emphasis-hover);
  }

  .session-item-dark .session-item-header, .session-item-dark .session-item-label {
    color: var(--novoui-text-color-general-inverted);
  }

  .session-item-dark .session-item-subheader {
    color: var(--novoui-true-blue-2);
  }

  .session-item-dark .session-item-leading-icon {
    fill: var(--novoui-true-blue-2);
  }

  .session-item-dark .session-item-trailing-icon {
    fill: var(--novoui-fill-general-inverted);
  }

  @media (hover: hover) {
    .session-item-dark:hover, .session-item-dark.session-item-hover {
      background-color: var(--novoui-true-blue-4);
    }
  }

  .session-item-dark:active, .session-item-dark.session-item-active {
    background-color: var(--novoui-true-blue-4);
  }

  @media (hover: hover) {
    .session-item-dark.session-item-collapsed:hover, .session-item-dark.session-item-collapsed.session-item-hover {
      background-color: var(--novoui-true-blue-5);
    }
  }

  .session-item-dark.session-item-collapsed:active, .session-item-dark.session-item-collapsed.session-item-active {
    background-color: var(--novoui-true-blue-5);
  }

  .side-sheet {
    --tw-translate-x: calc(var(--spacing, .25rem) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: var(--novoui-background-side-menus-side-panel);
    top: calc(var(--spacing, .25rem) * 0);
    right: calc(var(--spacing, .25rem) * 0);
    z-index: 51;
    height: max(100%, 100svh);
    width: calc(var(--spacing, .25rem) * 80);
    border-left-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-left-width: 1px;
    border-color: var(--novoui-border-side-menus-menu-enabled);
    flex-direction: column;
    display: flex;
    position: fixed;
  }

  .side-sheet-header {
    margin-inline: calc(var(--spacing, .25rem) * 4);
    margin-top: calc(var(--spacing, .25rem) * 3);
    margin-bottom: calc(var(--spacing, .25rem) * 4);
    align-items: center;
    column-gap: calc(var(--spacing, .25rem) * 3);
    grid-template-columns: auto 1fr auto;
    display: grid;
  }

  .side-sheet-close-button, .side-sheet-back-button {
    height: calc(var(--spacing, .25rem) * 10);
    width: calc(var(--spacing, .25rem) * 10);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .side-sheet-close-button > svg, .side-sheet-back-button > svg {
    color: var(--novoui-text-color-general-primary);
  }

  .side-sheet-back-button {
    grid-column: 1;
  }

  .side-sheet-close-button {
    grid-column: 3;
  }

  .side-sheet-body {
    margin-inline: calc(var(--spacing, .25rem) * 4);
    flex-grow: 1;
    overflow-y: auto;
  }

  .side-sheet-body > .side-sheet-divider {
    margin-inline: calc(var(--spacing, .25rem) * 0);
  }

  .side-sheet-footer {
    margin-inline: calc(var(--spacing, .25rem) * 4);
    margin-top: calc(var(--spacing, .25rem) * 2);
    margin-bottom: calc(var(--spacing, .25rem) * 6);
    gap: calc(var(--spacing, .25rem) * 2);
    display: flex;
  }

  .side-sheet-primary-action {
    margin-left: calc(var(--spacing, .25rem) * 4);
  }

  .side-sheet-title {
    font-size: var(--novoui-headings-h5);
    line-height: var(--tw-leading, var(--novoui-headings-h5--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
  }

  .side-sheet-section-headline {
    margin-top: calc(var(--spacing, .25rem) * 2);
    margin-right: calc(var(--spacing, .25rem) * 4);
    margin-bottom: calc(var(--spacing, .25rem) * 5);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-general-tertiary);
    margin-left: 14px;
  }

  .side-sheet-divider {
    margin-inline: calc(var(--spacing, .25rem) * 4);
    margin-top: calc(var(--spacing, .25rem) * 5);
    margin-bottom: calc(var(--spacing, .25rem) * 4);
  }

  .side-sheet-divider:first-child {
    margin-top: calc(var(--spacing, .25rem) * 0);
  }

  .side-sheet-shadow {
    border-left-style: var(--tw-border-style);
    background-color: var(--novoui-background-side-menus-elevated);
    --tw-shadow: 0px -16px 24px var(--tw-shadow-color, #16223314), 0px -4px 8px var(--tw-shadow-color, #16223314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-left-width: 0;
  }

  .side-sheet-enter-active, .side-sheet-leave-active {
    transition: translate .25s ease-in-out;
  }

  .side-sheet-enter-from, .side-sheet-leave-to {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .side-sheet-backdrop {
    z-index: 50;
    background-color: var(--novoui-background-modal-enabled);
    opacity: .5;
    top: calc(var(--spacing, .25rem) * 0);
    right: calc(var(--spacing, .25rem) * 0);
    bottom: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * 0);
    cursor: pointer;
    height: max(100%, 100svh);
    position: fixed;
  }

  .side-sheet-backdrop-enter-active, .side-sheet-backdrop-leave-active {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  }

  .side-sheet-backdrop-enter-from, .side-sheet-backdrop-leave-to {
    opacity: 0;
  }

  .skeleton {
    border-radius: var(--novoui-radius-small);
    background-color: var(--novoui-background-loading-edges);
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .skeleton:after {
    top: calc(var(--spacing, .25rem) * 0);
    right: calc(var(--spacing, .25rem) * 0);
    left: calc(var(--spacing, .25rem) * 0);
    content: "";
    background: linear-gradient(90deg, var(--novoui-background-loading-edges), var(--novoui-background-loading-middle), var(--novoui-background-loading-edges));
    height: 100%;
    animation: 1s linear infinite skeleton-animation;
    position: absolute;
  }

  @keyframes skeleton-animation {
    0% {
      transform: translate(-100%);
    }

    to {
      transform: translate(100%);
    }
  }

  .skeleton-rounded {
    border-radius: var(--novoui-radius-full);
  }

  .slider {
    flex-direction: column;
    min-height: 48px;
    display: flex;
  }

  .slider-label {
    --novoui-slider-label-color: var(--novoui-text-color-general-primary);
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    color: var(--novoui-slider-label-color);
    --tw-leading: calc(var(--spacing, .25rem) * 5);
    line-height: calc(var(--spacing, .25rem) * 5);
    margin-bottom: calc(var(--spacing, .25rem) * 2);
    word-break: break-word;
    flex-grow: 1;
  }

  .slider-input {
    --novoui-slider-thumb-height: 16px;
    --novoui-slider-thumb-width: 16px;
    --novoui-slider-thumb-border-radius: 50%;
    --novoui-slider-thumb-background: var(--novoui-background-slider-thumb-enabled);
    --novoui-slider-track-height: 2px;
    --novoui-slider-track-background-lower: var(--novoui-background-slider-track-filled);
    --novoui-slider-track-background-upper: var(--novoui-background-slider-track);
    --novoui-slider-shadow: drop-shadow(0px 2px 4px #0000001a) drop-shadow(0px 4px 6px #0000001a);
    --novoui-slider-clip-edges: 2px;
    appearance: none;
    width: 100%;
    height: var(--novoui-slider-thumb-height);
  }

  .slider-input:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .slider-input::-webkit-slider-runnable-track {
    appearance: none;
    height: var(--novoui-slider-thumb-height);
    cursor: pointer;
  }

  .slider-input::-webkit-slider-thumb {
    appearance: none;
    height: var(--novoui-slider-thumb-height);
    cursor: pointer;
  }

  .slider-input::-webkit-slider-thumb {
    --novoui-slider-clip-top: calc((var(--novoui-slider-thumb-height)  - var(--novoui-slider-track-height)) * .5 - .5px);
    --novoui-slider-clip-bottom: calc(var(--novoui-slider-thumb-height)  - var(--novoui-slider-clip-top));
    --novoui-slider-clip-further: calc(100% + 1px);
    --novoui-slider-progress-width: calc((var(--width)  - var(--novoui-slider-thumb-width)) * var(--value) / 100);
    --novoui-slider-shadow-offset-x: calc((var(--novoui-slider-thumb-width) / -2)  - (var(--novoui-slider-progress-width) / 2));
    --novoui-slider-shadow-spread-radius: calc((var(--novoui-slider-thumb-width) / -2)  + (var(--novoui-slider-progress-width) / 2));
    --novoui-slider-box-fill: var(--novoui-slider-shadow-offset-x) 0 0 var(--novoui-slider-shadow-spread-radius) var(--novoui-slider-track-background-lower);
    width: var(--novoui-slider-thumb-width);
    background-color: var(--novoui-slider-thumb-background);
    border-radius: var(--novoui-slider-thumb-border-radius);
    box-shadow: var(--novoui-slider-box-fill);
    clip-path: polygon(100% -1px, var(--novoui-slider-clip-edges) -1px, 0 var(--novoui-slider-clip-top), -100vmax var(--novoui-slider-clip-top), -100vmax var(--novoui-slider-clip-bottom), 0 var(--novoui-slider-clip-bottom), var(--novoui-slider-clip-edges) 100%, var(--novoui-slider-clip-further) var(--novoui-slider-clip-further));
  }

  .slider-input::-webkit-slider-thumb:hover {
    --novoui-slider-thumb-background: var(--novoui-background-slider-thumb-hover);
  }

  .slider-input::-webkit-slider-thumb:active {
    --novoui-slider-thumb-background: var(--novoui-background-slider-thumb-enabled);
  }

  .slider-input::-webkit-slider-runnable-track {
    background: linear-gradient(var(--novoui-slider-track-background-upper) 0 0) scroll no-repeat center / 100% calc(var(--novoui-slider-track-height)  + 1px);
  }

  .slider-input::-moz-range-track {
    appearance: none;
    cursor: pointer;
  }

  .slider-input::-moz-range-thumb {
    appearance: none;
    cursor: pointer;
  }

  .slider-input::-moz-range-thumb {
    background-color: var(--novoui-slider-thumb-background);
    --tw-border-style: none;
    width: var(--novoui-slider-thumb-width);
    height: var(--novoui-slider-thumb-height);
    border-radius: var(--novoui-slider-thumb-border-radius);
    border-style: none;
  }

  .slider-input::-moz-range-thumb:hover {
    --novoui-slider-thumb-background: var(--novoui-background-slider-thumb-hover);
  }

  .slider-input::-moz-range-thumb:active {
    --novoui-slider-thumb-background: var(--novoui-background-slider-thumb-enabled);
  }

  .slider-input::-moz-range-track {
    background-color: var(--novoui-slider-track-background-upper);
    width: 100%;
  }

  .slider-input::-moz-range-progress {
    background-color: var(--novoui-slider-track-background-lower);
  }

  .slider-input::-moz-range-track {
    height: var(--novoui-slider-track-height);
  }

  .slider-input::-moz-range-progress {
    height: var(--novoui-slider-track-height);
  }

  .slider-input[readonly] {
    pointer-events: none;
  }

  .slider-input[readonly]::-webkit-slider-thumb {
    --novoui-slider-thumb-background: var(--novoui-background-slider-read-only);
    --novoui-slider-track-background-lower: var(--novoui-background-slider-read-only);
  }

  .slider-input[readonly]::-moz-range-thumb {
    --novoui-slider-thumb-background: var(--novoui-background-slider-read-only);
  }

  .slider-input[readonly]::-moz-range-progress {
    --novoui-slider-track-background-lower: var(--novoui-background-slider-read-only);
  }

  .slider-input:disabled {
    pointer-events: none;
    --novoui-slider-shadow: none;
  }

  .slider-input:disabled::-webkit-slider-thumb {
    --novoui-slider-thumb-background: var(--novoui-background-disabled-strong);
    --novoui-slider-track-background-lower: var(--novoui-background-disabled-strong);
  }

  .slider-input:disabled::-moz-range-thumb {
    --novoui-slider-thumb-background: var(--novoui-background-disabled-strong);
  }

  .slider-input:disabled::-moz-range-progress {
    --novoui-slider-track-background-lower: var(--novoui-background-disabled-strong);
  }

  .slider-input-md {
    --novoui-slider-thumb-height: 16px;
    --novoui-slider-thumb-width: 16px;
  }

  .slider-input-lg {
    --novoui-slider-thumb-height: 32px;
    --novoui-slider-thumb-width: 32px;
  }

  .slider-readonly .slider-label {
    --novoui-slider-label-color: var(--novoui-text-color-disabled-strong);
  }

  .slider-disabled .slider-label {
    --novoui-slider-label-color: var(--novoui-text-color-disabled-medium);
  }

  .slider-md .slider-label {
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
  }

  .slider-lg .slider-label {
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    margin-bottom: 6px;
  }

  .spinner {
    --tw-gradient-position: from 180deg in oklab;
    background-image: conic-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-to: var(--novoui-gradient-on-light-sea-blue-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
    border-radius: var(--novoui-radius-full);
    -webkit-mask: radial-gradient(closest-side, transparent calc(100% - .25rem), var(--novoui-gradient-on-light-sea-blue-100) calc(100% - .2rem));
    -webkit-mask: radial-gradient(closest-side, transparent calc(100% - .25rem), var(--novoui-gradient-on-light-sea-blue-100) calc(100% - .2rem));
    mask: radial-gradient(closest-side, transparent calc(100% - .25rem), var(--novoui-gradient-on-light-sea-blue-100) calc(100% - .2rem));
    font-size: 0;
    animation: .75s linear infinite spinner;
    position: relative;
  }

  .spinner-white {
    --tw-gradient-to: var(--novoui-gradient-on-dark-white-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .spinner-red {
    --tw-gradient-to: var(--novoui-gradient-alert-lava-red-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .spinner-medium {
    height: calc(var(--spacing, .25rem) * 8);
    width: calc(var(--spacing, .25rem) * 8);
  }

  .spinner-large {
    width: 54px;
    height: 54px;
    -webkit-mask: radial-gradient(closest-side, transparent calc(100% - .3rem), var(--novoui-gradient-on-light-sea-blue-100) calc(100% - .25rem));
    -webkit-mask: radial-gradient(closest-side, transparent calc(100% - .3rem), var(--novoui-gradient-on-light-sea-blue-100) calc(100% - .25rem));
    mask: radial-gradient(closest-side, transparent calc(100% - .3rem), var(--novoui-gradient-on-light-sea-blue-100) calc(100% - .25rem));
  }

  .spinner-absolute {
    position: absolute;
  }

  @keyframes spinner {
    0% {
      transform: rotate(0);
    }

    to {
      transform: rotate(360deg);
    }
  }

  .status-tag {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1);
    border-radius: var(--novoui-radius-small);
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * 1);
    font-size: var(--novoui-ui-button-12);
    line-height: var(--tw-leading, var(--novoui-ui-button-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-general-primary);
    display: inline-flex;
  }

  .status-tag > svg {
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 3);
    fill: currentColor;
  }

  .status-tag-rounded {
    border-radius: var(--novoui-radius-x-large);
  }

  .status-tag-success {
    background-color: var(--novoui-background-notifications-and-tags-success-light);
  }

  .status-tag-alert {
    background-color: var(--novoui-background-alert-low-emphasis-hover);
  }

  .status-tag-warning {
    background-color: var(--novoui-background-notifications-and-tags-warning-light);
  }

  .status-tag-info {
    background-color: var(--novoui-background-accent-blue-light);
  }

  .status-tag-none {
    background-color: var(--novoui-background-general-low-emphasis-enabled);
  }

  .status-tag-strong {
    color: var(--novoui-text-color-general-inverted);
  }

  .status-tag-strong.status-tag-success {
    background-color: var(--novoui-background-notifications-and-tags-success-strong);
  }

  .status-tag-strong.status-tag-alert {
    background-color: var(--novoui-background-alert-high-emphasis-enabled);
  }

  .status-tag-strong.status-tag-warning {
    background-color: var(--novoui-background-notifications-and-tags-warning-strong);
    color: var(--novoui-text-color-notifications-and-tags-on-strong-warning);
  }

  .status-tag-strong.status-tag-info {
    background-color: var(--novoui-background-notifications-and-tags-info-strong);
  }

  .status-tag-strong.status-tag-none {
    background-color: var(--novoui-background-notifications-and-tags-neutral-strong);
  }

  .status-tag-subtle {
    color: var(--novoui-text-color-general-inverted);
  }

  .status-tag-subtle.status-tag-success {
    background-color: var(--novoui-background-notifications-and-tags-success-subtle);
    color: var(--novoui-text-color-notifications-and-tags-on-subtle-sucess);
  }

  .status-tag-subtle.status-tag-alert {
    background-color: var(--novoui-background-alert-low-emphasis-enabled);
    color: var(--novoui-text-color-alert-active);
  }

  .status-tag-subtle.status-tag-warning {
    background-color: var(--novoui-background-notifications-and-tags-warning-subtle);
    color: var(--novoui-text-color-notifications-and-tags-on-warning);
  }

  .status-tag-subtle.status-tag-info {
    background-color: var(--novoui-background-accent-blue-subtle);
    color: var(--novoui-text-color-notifications-and-tags-on-info);
  }

  .status-tag-subtle.status-tag-none {
    color: var(--novoui-text-color-general-secondary);
  }

  .status-tag-large {
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-ui-button-14);
    line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .status-tag-large > svg {
    height: calc(var(--spacing, .25rem) * 3.5);
    width: calc(var(--spacing, .25rem) * 3.5);
    fill: currentColor;
  }

  .status-tag-small {
    padding-inline: calc(var(--spacing, .25rem) * 2);
    padding-block: calc(var(--spacing, .25rem) * .5);
    font-size: var(--novoui-ui-button-10);
    line-height: var(--tw-leading, var(--novoui-ui-button-10--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .status-tag-small > svg {
    height: calc(var(--spacing, .25rem) * 2.5);
    width: calc(var(--spacing, .25rem) * 2.5);
    fill: currentColor;
  }

  .stepper {
    flex-direction: column;
    display: flex;
  }

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

  .stepper-horizontal .stepper-step {
    --novoui-stepper-column-size: 80px;
  }

  .stepper-horizontal .stepper-step-action {
    grid-template-columns: calc(var(--novoui-stepper-column-size) / 2) 32px calc(var(--novoui-stepper-column-size) / 2);
    text-align: center;
    justify-content: center;
    place-items: center;
  }

  .stepper-horizontal .stepper-step-action:before {
    content: var(--tw-content);
    background-color: var(--novoui-background-general-low-emphasis-hover);
    grid-column-start: 1;
  }

  .stepper-horizontal .stepper-step-action:after {
    content: var(--tw-content);
    grid-column-start: 3;
  }

  .stepper-horizontal .stepper-step-complete > .stepper-step-action:after, .stepper-horizontal .stepper-step-complete + .stepper-step > .stepper-step-action:before {
    content: var(--tw-content);
    background-color: var(--novoui-background-general-high-emphasis-enabled);
  }

  .stepper-horizontal .stepper-step-action:after {
    min-height: unset;
  }

  .stepper-horizontal .stepper-step-action:before, .stepper-horizontal .stepper-step-action:after {
    grid-row-start: 1;
    width: 100%;
    height: 1px;
  }

  .stepper-horizontal .stepper-step:first-child .stepper-step-action:before {
    content: var(--tw-content);
    --tw-content: none;
    content: none;
  }

  .stepper-horizontal .stepper-step-indicator {
    grid-column-start: 2;
  }

  .stepper-horizontal .stepper-step-name {
    grid-column: 1 / span 3;
    grid-row-start: 2;
  }

  .stepper-horizontal .stepper-step-description {
    margin-top: calc(var(--spacing, .25rem) * 2);
    grid-column: 1 / span 3;
    grid-row-start: 3;
  }

  .stepper-large .stepper-step-action:after {
    content: var(--tw-content);
    min-height: 92px;
  }

  .stepper-large.stepper-horizontal .stepper-step-action {
    --novoui-stepper-column-size: 164px;
  }

  .stepper-large.stepper-horizontal .stepper-step-action:after {
    min-height: unset;
  }

  .stepper-step {
    counter-increment: number;
  }

  .stepper-step-action {
    margin-bottom: calc(var(--spacing, .25rem) * 1);
    align-content: flex-start;
    column-gap: calc(var(--spacing, .25rem) * 2.5);
    row-gap: calc(var(--spacing, .25rem) * 1);
    text-align: left;
    color: var(--novoui-text-color-general-secondary);
    grid-template-rows: auto 1fr;
    grid-template-columns: auto 1fr;
    display: grid;
  }

  .stepper-step-action:after {
    pointer-events: none;
    content: var(--tw-content);
    background-color: var(--novoui-neutral-5);
    grid-row-start: 2;
    justify-self: center;
    width: 1px;
    height: 100%;
    min-height: 52px;
  }

  .stepper-step:last-child .stepper-step-action:after {
    content: var(--tw-content);
    --tw-content: none;
    content: none;
  }

  .stepper-step-indicator {
    height: calc(var(--spacing, .25rem) * 8);
    width: calc(var(--spacing, .25rem) * 8);
    border-radius: var(--novoui-radius-x-large);
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--novoui-border-general-medium);
    background-color: var(--novoui-background-general-base);
    color: currentColor;
    box-sizing: border-box;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    justify-content: center;
    place-items: center;
    display: grid;
  }

  .stepper-step-complete .stepper-step-indicator, .stepper-step-active.stepper-step-complete .stepper-step-indicator {
    background-color: var(--novoui-background-general-high-emphasis-enabled);
    color: var(--novoui-text-color-general-inverted);
  }

  .stepper-step-numbered:before {
    content: "0" counter(number);
    text-align: center;
    font-size: var(--novoui-ui-button-12);
    line-height: var(--tw-leading, var(--novoui-ui-button-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    grid-row-start: 1;
    grid-column-start: 1;
  }

  .stepper-step:nth-child(9) ~ .stepper-step-numbered:before {
    content: counter(number) "";
  }

  .stepper-step-bullet:before {
    content: "";
    border-radius: var(--novoui-radius-large);
    opacity: 1;
    width: 10.5px;
    height: 10.5px;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    background-color: currentColor;
    grid-row-start: 1;
    grid-column-start: 1;
  }

  .stepper-step-indicator > svg {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    grid-row-start: 1;
    grid-column-start: 1;
  }

  .stepper-step-indicator-icon {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    fill: currentColor;
    opacity: 1;
  }

  .stepper-step-indicator-complete {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    fill: currentColor;
    opacity: 0;
  }

  .stepper-step-name {
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: currentColor;
  }

  .stepper-step-name:last-child {
    align-self: center;
  }

  .stepper-step-name ~ .stepper-step-description {
    align-self: flex-start;
  }

  .stepper-step-description {
    margin-top: calc(var(--spacing, .25rem) * -1);
    font-size: var(--novoui-body-xsmall);
    line-height: var(--tw-leading, var(--novoui-body-xsmall--line-height));
    color: var(--novoui-text-color-general-secondary);
    grid-column: 2;
    align-self: center;
  }

  .stepper-step-active .stepper-step-name {
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-general-primary);
  }

  .stepper-step-active .stepper-step-description {
    color: var(--novoui-text-color-general-primary);
  }

  .stepper-step-active .stepper-step-indicator {
    border-color: var(--novoui-border-general-high-emphasis-enabled);
    background-color: var(--novoui-background-general-base);
    color: currentColor;
  }

  .stepper-step-active .stepper-step-action, .stepper-step-complete .stepper-step-action {
    color: var(--novoui-text-color-general-high-emphasis-enabled);
  }

  .stepper-step-complete .stepper-step-indicator {
    border-color: var(--novoui-border-general-high-emphasis-enabled);
  }

  .stepper-step-complete .stepper-step-description {
    color: var(--novoui-text-color-general-primary);
  }

  .stepper-step-complete .stepper-step-action:after {
    content: var(--tw-content);
    background-color: var(--novoui-background-general-high-emphasis-enabled);
  }

  .stepper-step-complete .stepper-step-indicator {
    color: var(--novoui-text-color-general-inverted);
  }

  .stepper-step-complete .stepper-step-indicator:before, .stepper-step-complete .stepper-step-indicator-icon {
    opacity: 0;
  }

  .stepper-step-complete .stepper-step-indicator-complete {
    opacity: 1;
  }

  .stepper .stepper-step-detailed {
    margin-bottom: calc(var(--spacing, .25rem) * 4);
    cursor: pointer;
    border-radius: var(--novoui-radius);
    width: 100%;
    padding: calc(var(--spacing, .25rem) * 3);
    align-items: center;
    display: flex;
  }

  .stepper .stepper-step-detailed:last-of-type {
    margin-bottom: calc(var(--spacing, .25rem) * 0);
  }

  .stepper .stepper-step-detailed .step-name {
    min-width: max-content;
    color: var(--novoui-text-color-general-high-emphasis-enabled);
  }

  .stepper .stepper-step-detailed .description-wrapper {
    text-align: right;
    align-content: center;
    align-items: center;
    margin-left: auto;
    display: flex;
  }

  .stepper .stepper-step-detailed .step-action-icon {
    margin-inline: calc(var(--spacing, .25rem) * 2);
  }

  .stepper .stepper-step-detailed .stepper-step-description {
    font-size: var(--novoui-ui-button-14);
    line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .stepper .stepper-step-detailed-step-active {
    background-color: var(--novoui-background-accent-blue-subtle);
    fill: var(--novoui-fill-general-high-emphasis-enabled);
  }

  .stepper .stepper-step-detailed-step-active .step-name, .stepper .stepper-step-detailed-step-active .stepper-step-description {
    color: var(--novoui-text-color-general-high-emphasis-enabled);
  }

  .stepper .stepper-step-detailed-step-active .step-icon {
    margin-right: calc(var(--spacing, .25rem) * 2);
    border-radius: var(--novoui-radius-x-large);
    background-color: var(--novoui-background-accent-blue-light);
    fill: var(--novoui-fill-general-high-emphasis-enabled);
    padding: calc(var(--spacing, .25rem) * 2);
  }

  .stepper .stepper-step-detailed-step-complete {
    background-color: var(--novoui-background-notifications-and-tags-success-light);
  }

  .stepper .stepper-step-detailed-step-complete .step-name, .stepper .stepper-step-detailed-step-complete .stepper-step-description {
    color: var(--novoui-text-color-notifications-and-tags-on-subtle-sucess);
  }

  .stepper .stepper-step-detailed-step-complete .step-icon {
    margin-right: calc(var(--spacing, .25rem) * 2);
    border-radius: var(--novoui-radius-x-large);
    background-color: var(--novoui-background-general-high-emphasis-enabled);
    fill: var(--novoui-fill-general-inverted);
    padding: calc(var(--spacing, .25rem) * 2);
  }

  .stepper .stepper-step-detailed-step-inactive {
    background-color: var(--novoui-background-general-low-emphasis-enabled);
    color: var(--novoui-sand-grey-4);
  }

  .stepper .stepper-step-detailed-step-inactive .step-name, .stepper .stepper-step-detailed-step-inactive .stepper-step-description {
    color: var(--novoui-text-color-disabled-medium);
  }

  .stepper .stepper-step-detailed-step-inactive .step-icon {
    margin-right: calc(var(--spacing, .25rem) * 2);
    border-radius: var(--novoui-radius-x-large);
    background-color: var(--novoui-background-general-strong);
    fill: var(--novoui-sand-grey-4);
    padding: calc(var(--spacing, .25rem) * 2);
  }

  .stepper .stepper-step-detailed-step-inactive .step-action-icon {
    fill: var(--novoui-sand-grey-4);
    color: var(--novoui-sand-grey-4);
  }

  .switch {
    --novoui-switch-width: 42px;
    --novoui-switch-height: 24px;
    --novoui-switch-toggle-diameter: 18px;
    --novoui-switch-icon-width: 16px;
    --novoui-switch-icon-margin: 1px;
    --novoui-switch-toggle-offset: calc((var(--novoui-switch-height)  - var(--novoui-switch-toggle-diameter)) / 2 - 1px);
    --novoui-switch-default-bg: var(--novoui-background-selection-switch-base-enabled);
    --novoui-switch-default-bg-hover: var(--novoui-background-selection-switch-base-hover);
    --novoui-selected-bg: var(--novoui-background-selection-selected-enabled);
    --novoui-selected-bg-hover: var(--novoui-background-selection-selected-hover);
    --novoui-switch-default-shadow: none;
    --novoui-switch-label-color: var(--novoui-text-color-selection-selected);
    border-radius: var(--novoui-radius-x-large);
    margin-block: calc(var(--spacing, .25rem) * 2);
    align-items: center;
    display: inline-flex;
  }

  .switch:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .switch .switch-icon {
    fill: var(--novoui-fill-selection-selected);
  }

  .switch .switch-label {
    word-break: break-word;
    cursor: pointer;
    font-size: var(--novoui-ui-control-14);
    line-height: var(--tw-leading, var(--novoui-ui-control-14--line-height));
    padding-inline: calc(var(--spacing, .25rem) * 2);
    color: var(--novoui-switch-label-color);
    flex: 1;
  }

  .switch-error {
    --novoui-selected-bg: var(--novoui-background-alert-high-emphasis-enabled);
    --novoui-selected-bg-hover: var(--novoui-background-alert-high-emphasis-hover);
    --novoui-switch-default-bg-hover: var(--novoui-background-alert-low-emphasis-hover);
  }

  .switch-error .switch-label {
    --novoui-switch-label-color: var(--novoui-text-color-alert-active);
  }

  .switch-error .switch-icon {
    fill: var(--novoui-fill-alert-enabled);
  }

  .switch-error .switch-slider {
    border-color: var(--novoui-border-alert-enabled);
    background-color: var(--novoui-background-selection-switch-base-error);
  }

  .switch-error:hover .switch-slider {
    border-color: var(--novoui-border-alert-hover);
  }

  .switch-success {
    --novoui-selected-bg: var(--novoui-success);
    --novoui-selected-bg-hover: var(--novoui-success-hover);
  }

  .switch-success .switch-label {
    --novoui-switch-label-color: var(--novoui-success);
  }

  .switch-md {
    --novoui-switch-width: 42px;
    --novoui-switch-height: 24px;
    --novoui-switch-toggle-diameter: 18px;
    --novoui-switch-icon-margin: 1px;
  }

  .switch-md .switch-label {
    padding-inline: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-ui-control-14);
    line-height: var(--tw-leading, var(--novoui-ui-control-14--line-height));
  }

  .switch-lg {
    --novoui-switch-width: 56px;
    --novoui-switch-height: 32px;
    --novoui-switch-toggle-diameter: 24px;
    --novoui-switch-icon-width: 20px;
    --novoui-switch-icon-margin: 2px;
  }

  .switch-lg .switch-label {
    padding-inline: calc(var(--spacing, .25rem) * 4);
    font-size: var(--novoui-ui-control-16);
    line-height: var(--tw-leading, var(--novoui-ui-control-16--line-height));
  }

  .switch-disabled {
    pointer-events: none;
    --novoui-switch-default-bg: var(--novoui-background-disabled-medium);
    --novoui-switch-default-bg-hover: var(--novoui-background-disabled-medium);
    --novoui-selected-bg: var(--novoui-background-disabled-medium);
    --novoui-selected-bg-hover: var(--novoui-background-disabled-medium);
    transition-property: none;
  }

  .switch-disabled .switch-slider {
    box-shadow: none;
    border-color: var(--novoui-border-disabled-subtle);
    background-color: var(--novoui-background-disabled-medium);
  }

  .switch-disabled .switch-slider:after {
    background-color: var(--novoui-background-selection-enabled);
  }

  .switch-disabled .switch-icon {
    fill: var(--novoui-fill-disabled-subtle);
  }

  .switch-disabled .switch-label {
    --novoui-switch-label-color: var(--novoui-text-color-disabled-subtle);
  }

  .switch-slider {
    height: var(--novoui-switch-height);
    width: var(--novoui-switch-width);
    cursor: pointer;
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--novoui-border-selection-enabled);
    background-color: var(--novoui-switch-default-bg);
    box-shadow: var(--novoui-switch-default-shadow);
    border-radius: 16px;
    display: inline-block;
    position: relative;
  }

  @media (hover: hover) {
    .switch-slider:hover {
      background-color: var(--novoui-switch-default-bg-hover);
    }
  }

  .switch-icon {
    top: 50%;
    left: var(--novoui-switch-toggle-offset);
    z-index: 10;
    width: var(--novoui-switch-icon-width);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    fill: var(--novoui-selected-bg);
    opacity: 0;
    transition-property: left opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .3s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    position: absolute;
  }

  .switch-slider:after {
    top: var(--novoui-switch-toggle-offset);
    left: var(--novoui-switch-toggle-offset);
    height: var(--novoui-switch-toggle-diameter);
    width: var(--novoui-switch-toggle-diameter);
    border-radius: calc(var(--novoui-switch-toggle-diameter) / 2);
    background-color: var(--novoui-background-general-base);
    --tw-shadow: 0px 8px 16px var(--tw-shadow-color, #15213314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: left;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .3s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .3s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    --tw-content: "";
    content: var(--tw-content);
    display: inline-block;
    position: absolute;
  }

  .switch-control:checked + .switch .switch-slider {
    background-color: var(--novoui-selected-bg);
  }

  @media (hover: hover) {
    .switch-control:checked:hover + .switch .switch-slider {
      background-color: var(--novoui-selected-bg-hover);
    }

    .switch-control:checked:hover + .switch.switch-error .switch-slider {
      --novoui-selected-bg: var(--novoui-background-alert-high-emphasis-hover);
      border-color: var(--novoui-border-alert-hover);
    }
  }

  .switch-control:checked + .switch .switch-slider .switch-icon {
    left: calc(var(--novoui-switch-width)  - var(--novoui-switch-toggle-diameter)  - var(--novoui-switch-toggle-offset)  + var(--novoui-switch-icon-margin)  - 2px);
    opacity: 1;
  }

  .switch-control:checked + .switch .switch-slider:after {
    left: calc(var(--novoui-switch-width)  - var(--novoui-switch-toggle-diameter)  - var(--novoui-switch-toggle-offset)  - 2px);
  }

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

  .switch-control {
    z-index: 1;
    appearance: none;
    width: 1px;
    height: 1px;
    position: absolute;
  }

  .switch-control:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .table {
    --novoui-table-header-border: var(--novoui-border-table-light);
    --novoui-table-body-border: var(--novoui-border-table-light);
    border-collapse: separate;
    --tw-border-spacing-x: calc(var(--spacing, .25rem) * 0);
    --tw-border-spacing-y: calc(var(--spacing, .25rem) * 0);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    width: 100%;
  }

  .table-resizable-columns th:last-child, .table-resizable-columns td:last-child {
    width: auto;
  }

  .table-prepended-container {
    display: grid;
  }

  .table-prepended-head {
    border-top-left-radius: var(--novoui-radius-large);
    border-top-right-radius: var(--novoui-radius-large);
    background-color: var(--novoui-background-table-header-light);
    padding-inline: calc(var(--spacing, .25rem) * 3);
    padding-block: calc(var(--spacing, .25rem) * 1);
    text-align: center;
    font-size: var(--novoui-ui-table-12);
    line-height: var(--tw-leading, var(--novoui-ui-table-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-table-primary);
  }

  .table-prepended-first-column.table-container {
    border-top-left-radius: 0;
  }

  .table-prepended-last-column.table-container {
    border-top-right-radius: 0;
  }

  .table-head:has(.table-head-row-light) {
    background-color: var(--novoui-background-table-header-light);
  }

  .table-head:has(.table-head-row-dark) {
    background-color: var(--novoui-background-table-header-dark);
  }

  .table-freeze-first-column .table-head-row > .table-head-row-cell:first-child, .table-freeze-first-column .table-body-row > .table-body-row-cell:first-child {
    left: calc(var(--spacing, .25rem) * 0);
    z-index: 36;
    background-color: var(--novoui-background-general-base);
    position: sticky;
  }

  .table-freeze-first-column .table-head-row > .table-head-row-cell:first-child {
    background-color: var(--novoui-background-table-header-light);
  }

  .table-freeze-first-column .table-head-row-dark > .table-head-row-cell:first-child {
    background-color: var(--novoui-background-table-header-dark);
  }

  .table-rounded-container {
    margin-top: calc(var(--spacing, .25rem) * 16);
    max-height: inherit;
    overflow: auto;
  }

  .table-container {
    border-radius: var(--novoui-radius-large);
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--novoui-border-table-light);
    position: relative;
    overflow: hidden;
  }

  .table-container.table-transparent {
    border-color: #0000;
  }

  .table-container.table-transparent .table-head-row {
    background-color: var(--novoui-background-table-header-transparent);
  }

  .table-expandable > tr:nth-last-child(2) > td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .table tr td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-bottom-color: var(--novoui-table-body-border);
  }

  .table tr th {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-bottom-color: var(--novoui-table-header-border);
  }

  .table thead > tr.th-hidden-before-width-adjustment > th {
    opacity: 0;
  }

  .table thead > tr.th-post-adjustment > th {
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  }

  .table tr:last-child td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .table-col-border tr th {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-right-color: var(--novoui-table-header-border);
  }

  .table-col-border tr th:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .table-col-border tr td {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-right-color: var(--novoui-table-body-border);
  }

  .table-col-border tr td:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .table-windows-scroll-bar tbody > tr > td:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--novoui-border-table-light);
  }

  .table-head {
    top: calc(var(--spacing, .25rem) * 0);
    width: 100%;
    position: absolute;
  }

  .table-head-row {
    z-index: 30;
    height: calc(var(--spacing, .25rem) * 16);
    background-color: var(--novoui-background-table-header-light);
    width: 100%;
    display: flex;
  }

  .table-head-row-cell {
    height: inherit;
    padding: calc(var(--spacing, .25rem) * 0);
    padding-right: calc(var(--spacing, .25rem) * 2);
    place-content: center;
    position: relative;
  }

  .table-head-row-cell-content {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    width: calc(100% - 8px);
    height: calc(100% - 1px);
    padding-left: 22px;
    display: flex;
  }

  @media print {
    .table-head-row-cell-content {
      display: none;
    }
  }

  .table-head-row-cell-content-print {
    display: none;
  }

  @media print {
    .table-head-row-cell-content-print {
      display: flex;
    }
  }

  .table-head-row-cell-right {
    padding-right: 14px;
    padding-left: calc(var(--spacing, .25rem) * 0);
    justify-content: flex-end;
  }

  .table-head-row-cell-unsortable {
    cursor: default;
  }

  .table-head-row-cell-header {
    text-align: left;
    font-size: var(--novoui-ui-table-12);
    line-height: var(--tw-leading, var(--novoui-ui-table-12--line-height));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--novoui-text-color-table-primary);
    text-transform: uppercase;
  }

  .table-head-row-cell-subheader {
    text-align: left;
    font-size: var(--novoui-ui-table-12);
    line-height: var(--tw-leading, var(--novoui-ui-table-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-table-secondary);
  }

  .table-head-row-cell-sort {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    fill: var(--novoui-fill-table-primary);
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    flex-shrink: 0;
  }

  .table-head-row-cell-sort-shown {
    opacity: 1;
  }

  .table-head-row-cell-sort svg {
    fill: currentColor;
  }

  .table-head-row-cell-tooltip {
    height: calc(var(--spacing, .25rem) * 3);
    width: calc(var(--spacing, .25rem) * 3);
    color: var(--novoui-text-color-general-secondary);
  }

  .table-head-row-cell-tooltip svg {
    fill: currentColor;
  }

  .table-head-resizer {
    top: calc(var(--spacing, .25rem) * 0);
    right: calc(var(--spacing, .25rem) * 0);
    height: 100%;
    width: calc(var(--spacing, .25rem) * 2);
    cursor: col-resize;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
  }

  .table-head-resizer:hover, .table-head-resizing {
    border-right-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-right-width: 1px;
    border-color: var(--novoui-border-general-high-emphasis-enabled);
    height: 100svh;
  }

  .table-head-row-sticky {
    top: calc(var(--spacing, .25rem) * 0);
    z-index: 36;
    position: sticky;
  }

  .table-head-row-light {
    background-color: var(--novoui-background-table-header-light);
  }

  .table-head-row-dark {
    --novoui-table-header-border: var(--novoui-border-table-dark);
    background-color: var(--novoui-background-table-header-dark);
  }

  .table-head-row-dark .table-head-row-cell-header {
    color: var(--novoui-text-color-table-inverted);
  }

  .table-head-row-dark .table-head-row-cell-subheader {
    color: var(--novoui-neutral-3);
  }

  .table-head-row-dark .table-head-row-cell-sort {
    color: var(--novoui-text-color-table-inverted);
  }

  .table-head-row-dark .table-head-row-cell-tooltip {
    color: var(--novoui-neutral-3);
  }

  .table .card-drag-small {
    height: calc(var(--spacing, .25rem) * 10);
    grid-template-rows: .2rem auto .2rem;
    position: fixed;
  }

  .table-card-drag-initial-position {
    position: absolute;
  }

  .table-card-drag-cell {
    height: calc(var(--spacing, .25rem) * 0);
    width: calc(var(--spacing, .25rem) * 0);
    --tw-border-style: none;
    padding: calc(var(--spacing, .25rem) * 0);
    border-style: none;
  }

  .table-body-resize-helper td {
    --tw-border-style: none;
    border-style: none;
    font-size: 0;
  }

  .table-body-row {
    height: calc(var(--spacing, .25rem) * 12);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--novoui-border-table-light);
  }

  .table-body-row:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .table-body-row-cell {
    padding-inline: 22px;
    padding-block: calc(var(--spacing, .25rem) * 0);
    font-size: var(--novoui-ui-table-14);
    line-height: var(--tw-leading, var(--novoui-ui-table-14--line-height));
    color: var(--novoui-text-color-table-primary);
    align-items: center;
  }

  .table-body-row-details {
    z-index: -1;
    background-color: var(--novoui-background-table-hover);
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-delay: 0s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    position: absolute;
  }

  .table-body-row-details.table-inside-table {
    width: 100%;
    position: static;
    overflow-y: auto;
  }

  .table-body-row-details.table-inside-table .table-inside-table-td {
    --tw-border-style: none;
    border-style: none;
  }

  .table-body-row-details.table-inside-table .table-inside-table-td .table-rounded-container {
    margin-top: calc(var(--spacing, .25rem) * 0);
  }

  .table-body-row-details.table-inside-table .table-inside-table-td .table-rounded-container thead {
    position: static;
  }

  .table-body-row-details.table-inside-table .table-inside-table-td .table-rounded-container thead tr {
    display: table-row;
    position: static;
  }

  .table-body-row-details.table-inside-table .table-inside-table-td .table .table-body-row {
    background-color: var(--novoui-background-general-base);
  }

  .table-body-row-details.table-inside-table .table-inside-table-td .table.table-interactive > tbody > .table-body-row:hover {
    background-color: var(--novoui-background-table-hover);
  }

  .table-body-row-details.table-inside-table .table-inside-table-td .table.table-interactive > tbody > .table-body-row:active {
    background-color: var(--novoui-background-table-active);
  }

  .table-body-row-details.table-body-row-details-content-enter-from, .table-body-row-details.table-body-row-details-content-leave-to {
    opacity: 0;
  }

  .table-body-row-details-content-enter-active, .table-body-row-details-content-leave-active {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  }

  .table-body-row-details-cell {
    padding-inline: calc(var(--spacing, .25rem) * 16);
    padding-block: 22px;
  }

  .table-body-row-details-active {
    z-index: auto;
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  }

  .table-body-row-details-active-post-transition {
    position: relative;
  }

  .table-body-row-details-transition-helper {
    height: 35rem;
  }

  .table-body-row-details-transition-helper-active {
    position: absolute;
  }

  .table-body-row-details-enter-from, .table-body-row-details-leave-to {
    max-height: calc(var(--spacing, .25rem) * 0);
  }

  .table-body-row-details-enter-active, .table-body-row-details-leave-active {
    transition-property: max-height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  }

  .table-body-row-details-td-wrapper {
    border-style: var(--tw-border-style);
    --tw-border-style: none;
    padding: calc(var(--spacing, .25rem) * 0);
    border-style: none;
    border-width: 0;
  }

  .table-body-row-disabled {
    pointer-events: none;
    background-color: var(--novoui-background-table-enabled);
  }

  .table-body-row-disabled .table-body-row-cell {
    color: var(--novoui-text-color-disabled-medium);
  }

  .table-body-row-empty td {
    text-align: center;
    color: var(--novoui-text-color-general-secondary);
  }

  .table-body-row-drag-active {
    opacity: .3;
  }

  .table-body-row-drag-active > td {
    background-color: var(--novoui-background-table-hover);
  }

  .table-body-row-drag-active.table-body-row-drag-marker {
    box-shadow: none;
  }

  .table-body-row-drag-marker {
    box-shadow: 0 2px 0 0 var(--novoui-background-table-active-hover);
    position: relative;
  }

  .table-mark-drag-row-bottom.table-container {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-bottom-color: var(--novoui-border-general-high-emphasis-enabled);
  }

  .table-mark-drag-row-top.table-container {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-top-color: var(--novoui-border-general-high-emphasis-enabled);
  }

  .table .table-head-mark-drag-row-top > th {
    box-shadow: 0 2px 0 0 var(--novoui-text-color-table-primary);
  }

  .table-fake-row-for-drag-animation {
    pointer-events: none;
    z-index: 1;
    --tw-translate-y: -100%;
    width: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: var(--novoui-background-general-base);
    animation-duration: .15s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    display: grid;
    position: fixed;
  }

  .table-fake-row-for-drag-animation > td {
    padding-block: calc(var(--spacing, .25rem) * 4);
  }

  .table-fake-row-for-drag-animation-below {
    animation-name: table-row-drag-below-animation;
  }

  .table-fake-row-for-drag-animation-above {
    animation-name: table-row-drag-above-animation;
  }

  .table-row-action {
    width: calc(var(--spacing, .25rem) * 12);
    padding-left: 22px;
    padding-right: 10px;
  }

  .table-row-action-expand {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-duration: .2s;
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    rotate: none;
  }

  .table-row-action-expand-active {
    rotate: 90deg;
  }

  .table-row-action svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    cursor: pointer;
    fill: currentColor;
  }

  .table-row-menu {
    width: calc(var(--spacing, .25rem) * 12);
    padding-inline: calc(var(--spacing, .25rem) * 2);
  }

  .table-row-lg {
    height: calc(var(--spacing, .25rem) * 16);
  }

  .table-row-lg.table-body-row-empty {
    height: 108px;
  }

  .table-row-md {
    height: calc(var(--spacing, .25rem) * 12);
  }

  .table-row-md.table-body-row-empty {
    height: 108px;
  }

  @media (hover: hover) {
    .table-drag-active.table-interactive :not(.table-body-row-empty).table-body-row:hover, .table-drag-active.table-interactive :not(.table-body-row-empty).table-body-row-hover, .table-drag-active.table-interactive-first-col :not(.table-body-row-empty).table-body-row > td:first-child:hover {
      background-color: #0000;
    }

    .table-drag-active.table-interactive-first-col :not(.table-body-row-empty).table-body-row > td:first-child-hover {
      background-color: #0000;
    }
  }

  .table-interactive :not(.table-body-row-empty).table-body-row {
    cursor: pointer;
  }

  @media (hover: hover) {
    .table-interactive :not(.table-body-row-empty).table-body-row:hover, .table-interactive :not(.table-body-row-empty).table-body-row-hover {
      background-color: var(--novoui-background-table-hover);
    }
  }

  .table-interactive :not(.table-body-row-empty).table-body-row:active, .table-interactive :not(.table-body-row-empty).table-body-row-active, .table-interactive :not(.table-body-row-empty).table-body-row-selected {
    background-color: var(--novoui-background-table-active);
  }

  .table-interactive :not(.table-body-row-empty).table-body-row:hover.table-body-row-selected, .table-interactive :not(.table-body-row-empty).table-body-row-hover.table-body-row-selected {
    background-color: var(--novoui-background-table-active-hover);
  }

  .table-interactive .table-body-row-disabled {
    cursor: default;
    background-color: var(--novoui-background-table-enabled);
  }

  @media (hover: hover) {
    .table-interactive .table-body-row-disabled:hover, .table-interactive .table-body-row-disabled-hover {
      background-color: var(--novoui-background-general-base);
    }
  }

  .table-interactive .table-body-row-disabled:active, .table-interactive .table-body-row-disabled-active, .table-interactive .table-body-row-disabled-selected {
    background-color: var(--novoui-background-table-active-hover);
  }

  .table-interactive .table-body-row-disabled:hover.table-body-row-selected, .table-interactive .table-body-row-disabled-hover.table-body-row-selected {
    background-color: var(--novoui-background-general-base);
  }

  .table-interactive > tbody > tr > td:first-child, .table-interactive > thead > tr > th:first-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .table-interactive-first-col :not(.table-body-row-empty).table-body-row > td:first-child {
    cursor: pointer;
  }

  @media (hover: hover) {
    .table-interactive-first-col :not(.table-body-row-empty).table-body-row > td:first-child:hover {
      background-color: var(--novoui-background-table-hover);
    }

    .table-interactive-first-col :not(.table-body-row-empty).table-body-row > td:first-child-hover {
      background-color: var(--novoui-background-table-hover);
    }
  }

  .table-interactive-first-col :not(.table-body-row-empty).table-body-row > td:first-child:active {
    background-color: var(--novoui-background-table-active-hover);
  }

  .table-interactive-first-col :not(.table-body-row-empty).table-body-row > td:first-child-active {
    background-color: var(--novoui-background-table-active-hover);
  }

  .table-interactive-first-col :not(.table-body-row-empty).table-body-row > td:first-child-selected {
    background-color: var(--novoui-background-table-active-hover);
  }

  .table-interactive-first-col :not(.table-body-row-empty).table-body-row > td:first-child:hover.table-body-row-selected {
    background-color: var(--novoui-background-table-active-hover);
  }

  .table-interactive-first-col :not(.table-body-row-empty).table-body-row > td:first-child-hover.table-body-row-selected {
    background-color: var(--novoui-background-table-active-hover);
  }

  .table-interactive-first-col .table-body-row-disabled {
    cursor: default;
    pointer-events: none;
    background-color: var(--novoui-background-table-enabled);
  }

  @media (hover: hover) {
    .table-interactive-first-col .table-body-row-disabled:hover, .table-interactive-first-col .table-body-row-disabled-hover {
      background-color: var(--novoui-background-table-enabled);
    }
  }

  .table-interactive-first-col .table-body-row-disabled:active, .table-interactive-first-col .table-body-row-disabled-active, .table-interactive-first-col .table-body-row-disabled-selected, .table-interactive-first-col .table-body-row-disabled:hover.table-body-row-selected, .table-interactive-first-col .table-body-row-disabled-hover.table-body-row-selected {
    background-color: var(--novoui-background-table-enabled);
  }

  .table-interactive-first-col > tbody > tr > td:first-child, .table-interactive-first-col > thead > tr > th:first-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  @keyframes table-row-drag-below-animation {
    0% {
      transform: translateY(0);
    }

    to {
      transform: translateY(-100%);
    }
  }

  @keyframes table-row-drag-above-animation {
    0% {
      transform: translateY(0);
    }

    to {
      transform: translateY(100%);
    }
  }

  .tabs {
    position: relative;
  }

  .tabs, .tabs-scroll {
    display: flex;
    overflow-x: auto;
  }

  .tabs-wrap {
    display: block;
    overflow: auto;
  }

  .tabs-content {
    padding: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    color: var(--novoui-text-color-general-secondary);
  }

  .tabs-sticky {
    top: calc(var(--spacing, .25rem) * 0);
    background-color: var(--novoui-background-general-base);
    position: sticky;
  }

  .tabs-fill-container {
    display: grid;
  }

  .tabs-fill-container > li {
    overflow: hidden;
  }

  .tabs:after {
    bottom: calc(var(--spacing, .25rem) * 0);
    z-index: -1;
    background-color: var(--novoui-border-general-medium);
    --tw-content: "";
    content: var(--tw-content);
    width: 100%;
    height: 1px;
    position: absolute;
  }

  .tab {
    --novoui-tab-top-padding-hover: 13px;
    --novoui-tab-bg-hover: var(--novoui-background-tabs-hover);
    --novoui-tab-text-hover: var(--novoui-text-color-tabs-hover);
    --novoui-tab-text-active: var(--novoui-text-color-tabs-active);
    --novoui-tab-border-hover: var(--novoui-border-tabs-hover);
    --novoui-tab-border-active: var(--novoui-border-tabs-active);
    background-color: var(--novoui-background-general-base);
    vertical-align: top;
    font-size: var(--novoui-ui-button-14);
    line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-general-secondary);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    padding-inline: calc(var(--spacing, .25rem) * 6);
    padding-block: calc(var(--spacing, .25rem) * 3);
    box-sizing: border-box;
    height: calc(var(--spacing, .25rem) * 10);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--novoui-border-general-medium);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    display: inline-flex;
  }

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

  .tab-fill-container {
    justify-content: center;
    width: 100%;
  }

  .tab-fill-container > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .tab svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
    fill: currentColor;
  }

  .tab-disabled, .tab:disabled, .tab[disabled] {
    pointer-events: none;
    color: var(--novoui-text-color-disabled-medium);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--novoui-border-disabled-subtle);
    background-color: #0000;
  }

  .tab-disabled.tab-active, .tab-disabled:active, .tab-disabled[active], .tab:disabled.tab-active, .tab:disabled:active, .tab:disabled[active], .tab[disabled].tab-active, .tab[disabled]:active, .tab[disabled][active] {
    border-color: var(--novoui-border-disabled-subtle);
    color: var(--novoui-text-color-disabled-medium);
  }

  .tab:focus-visible, .tab-focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: calc(2px * -1);
    outline-width: 2px;
  }

  @media (hover: hover) {
    .tab:hover, .tab-hover {
      border-color: var(--novoui-tab-border-hover);
      background-color: var(--novoui-tab-bg-hover);
      padding-top: var(--novoui-tab-top-padding-hover);
      color: var(--novoui-tab-text-hover);
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 2px;
    }
  }

  .tab:active, .tab.tab-active {
    border-color: var(--novoui-tab-border-active);
    padding-top: var(--novoui-tab-top-padding-hover);
    color: var(--novoui-tab-text-active);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .tab, .tab-primary {
    --novoui-tab-bg-hover: var(--novoui-background-tabs-hover);
    --novoui-tab-text-hover: var(--novoui-text-color-tabs-hover);
    --novoui-tab-text-active: var(--novoui-text-color-tabs-active);
    --novoui-tab-border-hover: var(--novoui-border-tabs-hover);
    --novoui-tab-border-active: var(--novoui-border-tabs-active);
  }

  .tab-md {
    height: calc(var(--spacing, .25rem) * 10);
    font-size: var(--novoui-ui-button-14);
    line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .tab-md svg {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  .tab-lg {
    height: calc(var(--spacing, .25rem) * 12);
    font-size: var(--novoui-ui-button-16);
    line-height: var(--tw-leading, var(--novoui-ui-button-16--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .tab-lg svg:only-child {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
  }

  .text-area {
    --label-from-top: 16px;
    --label-fill-transform: 10px;
    height: auto;
  }

  .text-area textarea::-webkit-resizer {
    background-image: url("data:image/svg+xml;utf8,<svg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.7729 0.227096C11.4701 -0.0756986 10.9792 -0.0756988 10.6764 0.227096L0.227096 10.6764C-0.0756988 10.9792 -0.0756986 11.4701 0.227096 11.7729C0.529891 12.0757 1.02082 12.0757 1.32361 11.7729L11.7729 1.32361C12.0757 1.02082 12.0757 0.529891 11.7729 0.227096ZM11.7729 6.36785C11.4701 6.06505 10.9792 6.06505 10.6764 6.36785L6.36782 10.6764C6.06503 10.9792 6.06503 11.4701 6.36782 11.7729C6.67062 12.0757 7.16155 12.0757 7.46434 11.7729L11.7729 7.46437C12.0757 7.16157 12.0757 6.67064 11.7729 6.36785Z' fill='%23dcdee5'/></svg>");
    background-repeat: no-repeat;
    background-size: 12px;
  }

  .text-area.input-invalid:not(.input-disabled) textarea::-webkit-resizer {
    background-image: url("data:image/svg+xml;utf8,<svg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.7729 0.227096C11.4701 -0.0756986 10.9792 -0.0756988 10.6764 0.227096L0.227096 10.6764C-0.0756988 10.9792 -0.0756986 11.4701 0.227096 11.7729C0.529891 12.0757 1.02082 12.0757 1.32361 11.7729L11.7729 1.32361C12.0757 1.02082 12.0757 0.529891 11.7729 0.227096ZM11.7729 6.36785C11.4701 6.06505 10.9792 6.06505 10.6764 6.36785L6.36782 10.6764C6.06503 10.9792 6.06503 11.4701 6.36782 11.7729C6.67062 12.0757 7.16155 12.0757 7.46434 11.7729L11.7729 7.46437C12.0757 7.16157 12.0757 6.67064 11.7729 6.36785Z' fill='%23c44836'/></svg>");
  }

  .text-area.input-disabled::-webkit-resizer {
    background-image: url("data:image/svg+xml;utf8,<svg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.7729 0.227096C11.4701 -0.0756986 10.9792 -0.0756988 10.6764 0.227096L0.227096 10.6764C-0.0756988 10.9792 -0.0756986 11.4701 0.227096 11.7729C0.529891 12.0757 1.02082 12.0757 1.32361 11.7729L11.7729 1.32361C12.0757 1.02082 12.0757 0.529891 11.7729 0.227096ZM11.7729 6.36785C11.4701 6.06505 10.9792 6.06505 10.6764 6.36785L6.36782 10.6764C6.06503 10.9792 6.06503 11.4701 6.36782 11.7729C6.67062 12.0757 7.16155 12.0757 7.46434 11.7729L11.7729 7.46437C12.0757 7.16157 12.0757 6.67064 11.7729 6.36785Z' fill='%23dfdad5'/></svg>");
  }

  .text-area :not(.input-field-outline, .input-field-outline-light).input-field {
    border-top-style: var(--tw-border-style);
    height: 100%;
    min-height: 110px;
    padding-top: calc(var(--spacing, .25rem) * 0);
    border-top-width: 28px;
    border-top-color: var(--novoui-input-bg);
    grid-row-start: 1;
  }

  .text-area :not(.input-field-outline, .input-field-outline-light).input-field + .input-label {
    top: calc(var(--label-from-top)  + var(--label-fill-transform));
    font-size: var(--novoui-ui-input-16);
    line-height: var(--tw-leading, var(--novoui-ui-input-16--line-height));
  }

  @media (hover: hover) {
    .text-area :not(.input-field-outline, .input-field-outline-light).input-field:hover, .text-area :not(.input-field-outline, .input-field-outline-light).input-field-hover {
      border-top-color: var(--novoui-input-bg);
    }
  }

  .text-area :not(.input-field-outline, .input-field-outline-light).input-field-focus, .text-area :not(.input-field-outline, .input-field-outline-light).input-field:focus, .text-area :not(.input-field-outline, .input-field-outline-light).input-field[focus] {
    border-top-color: var(--novoui-input-bg-active);
  }

  .text-area :not(.input-field-outline, .input-field-outline-light).input-field-focus + .input-label, .text-area :not(.input-field-outline, .input-field-outline-light).input-field:focus + .input-label, .text-area :not(.input-field-outline, .input-field-outline-light).input-field[focus] + .input-label {
    --novoui-input-label-translate-y: 18px;
    top: calc(var(--label-from-top)  + var(--label-fill-transform));
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }

  .text-area .input-field {
    --novoui-input-padding-top: 12px;
    vertical-align: middle;
    height: auto;
    min-height: 104px;
    overflow: auto;
  }

  .text-area .input-assistive {
    margin-top: calc(var(--spacing, .25rem) * 1);
    grid-column: 1 / -1;
    position: relative;
    bottom: auto;
  }

  .text-area .input-assistive-right > span {
    text-align: right;
    width: 100%;
  }

  .time-picker {
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--novoui-border-general-subtle);
    background-color: var(--novoui-background-general-elevated);
    --tw-shadow: 0px 16px 24px var(--tw-shadow-color, #16223314), 0px 4px 8px var(--tw-shadow-color, #16223314);
    width: 181px;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    overflow: hidden;
  }

  .time-picker-windows {
    width: 211px;
  }

  .time-picker-lg {
    height: 265px;
  }

  .time-picker-lg .time-picker-lists {
    height: 208px;
    font-size: var(--novoui-ui-label-16);
    line-height: var(--tw-leading, var(--novoui-ui-label-16--line-height));
  }

  .time-picker-md {
    height: 233px;
  }

  .time-picker-md .time-picker-lists {
    height: 176px;
    font-size: var(--novoui-ui-label-16);
    line-height: var(--tw-leading, var(--novoui-ui-label-16--line-height));
  }

  .time-picker-sm {
    height: 233px;
  }

  .time-picker-sm .time-picker-lists {
    height: 176px;
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .time-picker-xs {
    height: 201px;
  }

  .time-picker-xs .time-picker-lists {
    height: 152px;
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

  .time-picker-ampm {
    width: 272px;
  }

  .time-picker-ampm.time-picker-windows {
    width: 355px;
  }

  .time-picker-fill {
    border-bottom-right-radius: var(--novoui-radius);
    border-bottom-left-radius: var(--novoui-radius);
  }

  .time-picker-outline {
    border-radius: var(--novoui-radius);
  }

  .time-picker-lists {
    display: flex;
  }

  .time-picker-lists .time-picker-list .time-picker-list-item > .button {
    justify-items: center;
  }

  .time-picker-list {
    scroll-behavior: smooth;
    width: 100%;
    padding-top: calc(var(--spacing, .25rem) * 1.5);
    overflow: auto;
  }

  .time-picker-list + .time-picker-list {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--novoui-border-general-subtle);
  }

  .time-picker-list:first-child {
    border-top-left-radius: var(--novoui-radius);
  }

  .time-picker-list:last-child {
    border-top-right-radius: var(--novoui-radius);
  }

  .time-picker-list > .list-item {
    grid-template-columns: var(--novoui-list-padding-x) var(--left-indentation) 1fr var(--left-indentation) var(--right-indentation) var(--novoui-list-padding-x);
  }

  .time-picker-list > .list-item > svg.list-item-selection {
    height: calc(var(--spacing, .25rem) * 4);
    width: calc(var(--spacing, .25rem) * 4);
  }

  .time-picker-list-item {
    --left-indentation: 1.25rem;
    justify-items: center;
  }

  .time-picker-footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--novoui-border-general-subtle);
    padding: calc(var(--spacing, .25rem) * 2);
    justify-content: space-between;
    display: flex;
  }

  .time-picker-input-outline {
    padding-bottom: calc(var(--spacing, .25rem) * 1);
  }

  .time-picker-input-picker {
    overflow: hidden;
  }

  .time-picker-enter-active, .time-picker-leave-active {
    transition: height .2s ease-in-out, opacity .2s ease-in-out;
  }

  .time-picker-enter-from, .time-picker-leave-to {
    opacity: 0;
    height: 0;
  }

  .tooltip {
    visibility: hidden;
    left: calc(var(--spacing, .25rem) * 8);
    z-index: 35;
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    width: max-content;
    max-width: 14rem;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    border-radius: var(--novoui-radius-small);
    background-color: var(--novoui-background-tooltip-enabled);
    padding: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    --tw-leading: calc(var(--spacing, .25rem) * 4);
    line-height: calc(var(--spacing, .25rem) * 4);
    color: var(--novoui-text-color-tooltip-enabled);
    opacity: 0;
    --tw-shadow: 0px 16px 24px var(--tw-shadow-color, #16223314), 0px 4px 8px var(--tw-shadow-color, #16223314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    justify-content: center;
    transition: transform .2s, opacity .2s, visibility;
    display: flex;
    position: absolute;
  }

  .tooltip.shown {
    visibility: visible;
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .tooltip-container {
    display: inline-flex;
    position: relative;
  }

  .tooltip-light {
    background-color: var(--novoui-background-general-medium-emphasis-hover);
    color: var(--novoui-text-color-general-primary);
  }

  .tooltip-content-slot {
    grid-template-columns: 1fr auto;
    align-items: flex-start;
    gap: 1rem 10px;
    display: grid;
  }

  .tooltip-up {
    visibility: hidden;
    transform-origin: bottom;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    top: -.75rem;
    left: 50%;
  }

  .tooltip-up.tooltip-indicator:after {
    bottom: calc(var(--spacing, .25rem) * 0);
    height: calc(var(--spacing, .25rem) * 0);
    width: calc(var(--spacing, .25rem) * 0);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-top-style: var(--tw-border-style);
    border-top-width: 8px;
    border-right-style: var(--tw-border-style);
    border-right-width: 5px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 8px;
    border-left-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-color: #0000;
    border-left-width: 5px;
    border-top-color: var(--novoui-true-blue-10);
    --tw-content: "";
    content: var(--tw-content);
    position: absolute;
    left: 50%;
  }

  .tooltip-up.tooltip-indicator.tooltip-light:after {
    border-top-color: var(--novoui-sea-blue-1);
  }

  .tooltip-up.shown {
    visibility: visible;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .tooltip-down {
    visibility: hidden;
    transform-origin: top;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    bottom: -.75rem;
    left: 50%;
  }

  .tooltip-down.tooltip-indicator:after {
    top: calc(var(--spacing, .25rem) * 0);
    height: calc(var(--spacing, .25rem) * 0);
    width: calc(var(--spacing, .25rem) * 0);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-top-style: var(--tw-border-style);
    border-top-width: 8px;
    border-right-style: var(--tw-border-style);
    border-right-width: 5px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 8px;
    border-left-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-color: #0000;
    border-left-width: 5px;
    border-bottom-color: var(--novoui-true-blue-10);
    --tw-content: "";
    content: var(--tw-content);
    position: absolute;
    left: 50%;
  }

  .tooltip-down.tooltip-indicator.tooltip-light:after {
    border-bottom-color: var(--novoui-sea-blue-1);
  }

  .tooltip-down.shown {
    visibility: visible;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .tooltip-left {
    visibility: hidden;
    transform-origin: 100%;
    --tw-translate-x: calc(-100% - 12px);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    top: 50%;
    left: -.75rem;
  }

  .tooltip-left.tooltip-indicator:after {
    top: 50%;
    right: calc(var(--spacing, .25rem) * 0);
    height: calc(var(--spacing, .25rem) * 0);
    width: calc(var(--spacing, .25rem) * 0);
    --tw-translate-x: calc(100% - 1px);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-top-style: var(--tw-border-style);
    border-top-width: 5px;
    border-right-style: var(--tw-border-style);
    border-right-width: 8px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 5px;
    border-left-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-color: #0000;
    border-left-width: 8px;
    border-left-color: var(--novoui-true-blue-10);
    --tw-content: "";
    content: var(--tw-content);
    position: absolute;
  }

  .tooltip-left.tooltip-indicator.tooltip-light:after {
    border-left-color: var(--novoui-sea-blue-1);
  }

  .tooltip-left.shown {
    visibility: visible;
    --tw-translate-x: calc(-100% - 12px);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .tooltip-right {
    visibility: hidden;
    transform-origin: 0;
    --tw-translate-x: calc(100% + 12px);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    top: 50%;
    left: auto;
    right: -.75rem;
  }

  .tooltip-right.tooltip-indicator:after {
    top: 50%;
    left: calc(var(--spacing, .25rem) * 0);
    height: calc(var(--spacing, .25rem) * 0);
    width: calc(var(--spacing, .25rem) * 0);
    --tw-translate-x: calc(-100% + 1px);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-top-style: var(--tw-border-style);
    border-top-width: 5px;
    border-right-style: var(--tw-border-style);
    border-right-width: 8px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 5px;
    border-left-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-color: #0000;
    border-left-width: 8px;
    border-right-color: var(--novoui-true-blue-10);
    --tw-content: "";
    content: var(--tw-content);
    position: absolute;
  }

  .tooltip-right.tooltip-indicator.tooltip-light:after {
    border-right-color: var(--novoui-sea-blue-1);
  }

  .tooltip-right.shown {
    visibility: visible;
    --tw-translate-x: calc(100% + 12px);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .tooltip-icon-trigger {
    pointer-events: none;
    fill: var(--novoui-fill-general-primary);
  }

  .tooltip-hover-trigger:hover ~ .tooltip {
    visibility: visible;
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .tooltip-hover-trigger:hover ~ .tooltip-up {
    visibility: visible;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .tooltip-hover-trigger:hover ~ .tooltip-down {
    visibility: visible;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .tooltip-hover-trigger:hover ~ .tooltip-left {
    visibility: visible;
    --tw-translate-x: calc(-100% - 12px);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .tooltip-hover-trigger:hover ~ .tooltip-right {
    visibility: visible;
    --tw-translate-x: calc(100% + 12px);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .tooltip-fixed {
    position: fixed;
  }

  .tooltip-button-trigger > svg {
    pointer-events: none;
  }

  .tooltip-close-button {
    height: calc(var(--spacing, .25rem) * 4);
    min-height: 1rem;
    max-height: 1rem;
    width: calc(var(--spacing, .25rem) * 4);
    min-width: 1rem;
    max-width: 1rem;
  }

  .tooltip-close-button > svg, .tooltip-close-button > svg > path {
    fill: currentColor;
  }

  .tooltip-floating-ui {
    z-index: 35;
    border-radius: var(--novoui-radius-small);
    background-color: var(--novoui-background-tooltip-enabled);
    width: max-content;
    max-width: 14rem;
    padding: calc(var(--spacing, .25rem) * 2);
    font-size: var(--novoui-ui-label-12);
    line-height: var(--tw-leading, var(--novoui-ui-label-12--line-height));
    --tw-leading: calc(var(--spacing, .25rem) * 4);
    line-height: calc(var(--spacing, .25rem) * 4);
    color: var(--novoui-text-color-tooltip-enabled);
    --tw-shadow: 0px 16px 24px var(--tw-shadow-color, #16223314), 0px 4px 8px var(--tw-shadow-color, #16223314);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    opacity: 1;
    justify-content: center;
    display: flex;
    transform: scale(1);
  }

  .tooltip-floating-ui-trigger-icon {
    height: calc(var(--spacing, .25rem) * 6);
    width: calc(var(--spacing, .25rem) * 6);
    fill: currentColor;
  }

  .tooltip-floating-ui-container {
    z-index: 50;
  }

  .tooltip-floating-ui-enter-from {
    opacity: 1;
    transform: scale(0);
  }

  .tooltip-floating-ui-enter-active {
    transition: transform 60ms cubic-bezier(.05, .43, 0, .87), opacity .1s cubic-bezier(.05, .43, 0, .87);
  }

  .tooltip-floating-ui-leave-active {
    transition: transform .45s cubic-bezier(.05, .43, 0, .87), opacity .1s cubic-bezier(.05, .43, 0, .87);
  }

  .tooltip-floating-ui-leave-to {
    opacity: 0;
    transform: scale(0);
  }

  .tooltip-floating-ui-arrow {
    border-color: #0000;
    position: absolute;
  }

  .tooltip-floating-ui-arrow-up {
    height: calc(var(--spacing, .25rem) * 4);
    border-inline-style: var(--tw-border-style);
    border-inline-width: 5px;
    border-block-style: var(--tw-border-style);
    border-block-width: 8px;
    border-top-color: var(--novoui-border-tooltip-border);
    width: 10px;
  }

  .tooltip-floating-ui-arrow-down {
    height: calc(var(--spacing, .25rem) * 4);
    border-inline-style: var(--tw-border-style);
    border-inline-width: 5px;
    border-block-style: var(--tw-border-style);
    border-block-width: 8px;
    border-bottom-color: var(--novoui-border-tooltip-border);
    width: 10px;
  }

  .tooltip-floating-ui-arrow-right {
    height: 10px;
    width: calc(var(--spacing, .25rem) * 4);
    border-inline-style: var(--tw-border-style);
    border-inline-width: 8px;
    border-block-style: var(--tw-border-style);
    border-block-width: 5px;
    border-right-color: var(--novoui-border-tooltip-border);
  }

  .tooltip-floating-ui-arrow-left {
    height: 10px;
    width: calc(var(--spacing, .25rem) * 4);
    border-inline-style: var(--tw-border-style);
    border-inline-width: 8px;
    border-block-style: var(--tw-border-style);
    border-block-width: 5px;
    border-left-color: var(--novoui-border-tooltip-border);
  }

  .tooltip-floating-ui-light {
    background-color: var(--novoui-background-general-medium-emphasis-hover);
    color: var(--novoui-text-color-general-primary);
  }

  .tooltip-floating-ui-light .tooltip-floating-ui-arrow-up {
    border-top-color: var(--novoui-sea-blue-1);
  }

  .tooltip-floating-ui-light .tooltip-floating-ui-arrow-down {
    border-bottom-color: var(--novoui-sea-blue-1);
  }

  .tooltip-floating-ui-light .tooltip-floating-ui-arrow-right {
    border-right-color: var(--novoui-sea-blue-1);
  }

  .tooltip-floating-ui-light .tooltip-floating-ui-arrow-left {
    border-left-color: var(--novoui-sea-blue-1);
  }

  .top-navigation {
    z-index: 50;
    height: calc(var(--spacing, .25rem) * 20);
    background-color: var(--novoui-background-general-base);
    width: 100%;
  }

  .top-navigation-border {
    border-bottom-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-bottom-width: 1px;
    border-color: var(--novoui-border-general-subtle);
  }

  .top-navigation-logo {
    height: 34px;
    width: calc(var(--spacing, .25rem) * 12);
    fill: currentColor;
    color: var(--novoui-text-color-general-primary);
  }

  .top-navigation-centered {
    max-width: calc(var(--spacing, .25rem) * 331);
  }

  .top-navigation-nav {
    width: 100%;
    height: 100%;
    padding-inline: calc(var(--spacing, .25rem) * 5);
    justify-content: space-between;
    align-items: center;
    margin-inline: auto;
    display: flex;
  }

  .top-navigation-nav > menu {
    align-items: center;
    height: 100%;
    display: flex;
  }

  .top-navigation-nav > menu > li {
    height: 100%;
  }

  .top-navigation-nav > menu > li > a {
    box-sizing: content-box;
    height: calc(100% - 4px);
    padding-inline: calc(var(--spacing, .25rem) * 6);
    font-size: var(--novoui-ui-button-14);
    line-height: var(--tw-leading, var(--novoui-ui-button-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-general-primary);
    align-items: center;
    display: grid;
  }

  .top-navigation-nav > menu > li > a:hover {
    border-bottom-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-bottom-width: 4px;
    border-color: var(--novoui-border-tabs-hover);
    background-color: var(--novoui-background-tabs-hover);
  }

  .top-navigation-nav > menu > li.active > a {
    border-bottom-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-bottom-width: 4px;
    border-color: var(--novoui-border-tabs-active);
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
  }

  .touch-area {
    cursor: pointer;
    border-radius: var(--novoui-radius);
    background-color: var(--novoui-background-cards-fill-unselected-enabled);
    padding: calc(var(--spacing, .25rem) * 4);
    text-align: left;
    min-width: 224px;
    color: var(--novoui-text-color-cards-unselected);
    flex-direction: column;
    display: flex;
  }

  @media (hover: hover) {
    .touch-area:hover {
      background-color: var(--novoui-background-cards-fill-unselected-hover);
      color: var(--novoui-text-color-general-primary);
    }

    .touch-area:hover .checkbox-input:not(:checked, :indeterminate) {
      border-color: var(--novoui-checkbox-input-color-hover);
    }

    .touch-area:hover .checkbox-input:checked:before, .touch-area:hover .checkbox-input:indeterminate:before {
      background-color: var(--novoui-checkbox-input-color-checked-hover);
    }

    .touch-area:hover .switch-slider {
      background-color: var(--novoui-switch-default-bg-hover);
    }

    .touch-area:hover .radio-input {
      border-color: var(--novoui-radio-input-color-hover);
    }

    .touch-area:hover .radio-input:checked {
      border-color: var(--novoui-radio-input-color-checked-hover);
    }
  }

  .touch-area:focus-visible {
    background-color: var(--novoui-background-cards-fill-unselected-hover);
    color: var(--novoui-text-color-general-primary);
    --tw-outline-style: none;
    outline-style: none;
  }

  .touch-area:focus-visible .checkbox-input {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .touch-area:focus-visible .switch-slider {
    background-color: var(--novoui-switch-default-bg-hover);
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .touch-area:focus-visible .radio-input {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .touch-area:active .checkbox-input:not(:checked, :indeterminate), .touch-area[active] .checkbox-input:not(:checked, :indeterminate) {
    border-color: var(--novoui-checkbox-input-color-active);
    background-color: var(--novoui-checkbox-input-bg-color-active);
  }

  .touch-area:active .checkbox-input:checked:before, .touch-area:active .checkbox-input:indeterminate:before, .touch-area[active] .checkbox-input:checked:before, .touch-area[active] .checkbox-input:indeterminate:before {
    background-color: var(--novoui-checkbox-input-color-active);
  }

  .touch-area:active .radio-input, .touch-area[active] .radio-input {
    border-color: var(--novoui-radio-input-color-active);
    background-color: var(--novoui-radio-input-bg-color-active);
  }

  .touch-area:active .radio-input:checked, .touch-area[active] .radio-input:checked {
    border-color: var(--novoui-radio-input-color-checked-active);
    background-color: var(--novoui-radio-input-bg-color-active);
  }

  .touch-area.touch-area-selected, .touch-area.touch-area-indeterminate {
    background-color: var(--novoui-background-cards-fill-selected-enabled);
    color: var(--novoui-text-color-general-primary);
  }

  @media (hover: hover) {
    .touch-area.touch-area-selected:hover, .touch-area.touch-area-indeterminate:hover {
      background-color: var(--novoui-background-cards-fill-selected-hover);
      color: var(--novoui-text-color-general-primary);
    }

    .touch-area.touch-area-selected:hover .switch-slider, .touch-area.touch-area-indeterminate:hover .switch-slider {
      background-color: var(--novoui-selected-bg-hover);
    }
  }

  .touch-area.touch-area-selected:focus-visible, .touch-area.touch-area-indeterminate:focus-visible {
    background-color: var(--novoui-background-cards-fill-selected-hover);
    color: var(--novoui-text-color-general-primary);
  }

  .touch-area.touch-area-selected:focus-visible .switch-slider, .touch-area.touch-area-indeterminate:focus-visible .switch-slider {
    background-color: var(--novoui-selected-bg-hover);
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--novoui-border-general-focus);
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .touch-area.touch-area-selected:active, .touch-area.touch-area-selected[active], .touch-area.touch-area-indeterminate:active, .touch-area.touch-area-indeterminate[active] {
    background-color: var(--novoui-background-cards-fill-selected-hover);
    color: var(--novoui-text-color-general-primary);
  }

  .touch-area.touch-area-disabled {
    pointer-events: none;
    cursor: default;
    background-color: var(--novoui-background-disabled-subtle);
    color: var(--novoui-text-color-disabled-medium);
  }

  .touch-area.touch-area-disabled .touch-area-switch-label {
    color: var(--novoui-text-color-disabled-medium);
  }

  .touch-area.touch-area-invalid {
    background-color: var(--novoui-background-alert-low-emphasis-enabled);
    color: var(--novoui-text-color-alert-hover);
  }

  .touch-area.touch-area-invalid .touch-area-switch-label, .touch-area.touch-area-invalid .checkbox-label, .touch-area.touch-area-invalid .radio-label {
    color: var(--novoui-text-color-alert-hover);
  }

  @media (hover: hover) {
    .touch-area.touch-area-invalid:hover {
      background-color: var(--novoui-background-alert-low-emphasis-enabled);
      color: var(--novoui-text-color-alert-hover);
    }
  }

  .touch-area.touch-area-invalid:focus-visible, .touch-area.touch-area-invalid:active, .touch-area.touch-area-invalid[active] {
    background-color: var(--novoui-background-alert-low-emphasis-enabled);
    color: var(--novoui-text-color-alert-hover);
  }

  .touch-area-outline {
    --tw-shadow-color: var(--novoui-border-cards-outline-unselected-enabled);
    background-color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .touch-area-outline {
      --tw-shadow-color: var(--novoui-border-cards-outline-unselected-enabled);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .touch-area-outline {
        --tw-shadow-color: color-mix(in oklab, var(--novoui-border-cards-outline-unselected-enabled) var(--tw-shadow-alpha), transparent);
      }
    }
  }

  .touch-area-outline {
    box-shadow: 0 0 0 1px var(--tw-shadow-color);
  }

  @media (hover: hover) {
    .touch-area-outline:hover {
      background-color: var(--novoui-background-general-base);
      --tw-shadow-color: var(--novoui-border-cards-outline-unselected-hover);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .touch-area-outline:hover {
        --tw-shadow-color: var(--novoui-border-cards-outline-unselected-hover);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .touch-area-outline:hover {
          --tw-shadow-color: color-mix(in oklab, var(--novoui-border-cards-outline-unselected-hover) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }

  .touch-area-outline:focus-visible {
    background-color: var(--novoui-background-general-base);
    --tw-shadow-color: var(--novoui-border-cards-outline-unselected-enabled);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .touch-area-outline:focus-visible {
      --tw-shadow-color: var(--novoui-border-cards-outline-unselected-enabled);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .touch-area-outline:focus-visible {
        --tw-shadow-color: color-mix(in oklab, var(--novoui-border-cards-outline-unselected-enabled) var(--tw-shadow-alpha), transparent);
      }
    }
  }

  .touch-area-outline:active, .touch-area-outline[active] {
    background-color: var(--novoui-background-general-base);
    --tw-shadow-color: var(--novoui-border-cards-outline-unselected-pressed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .touch-area-outline:active, .touch-area-outline[active] {
      --tw-shadow-color: var(--novoui-border-cards-outline-unselected-pressed);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .touch-area-outline:active, .touch-area-outline[active] {
        --tw-shadow-color: color-mix(in oklab, var(--novoui-border-cards-outline-unselected-pressed) var(--tw-shadow-alpha), transparent);
      }
    }
  }

  .touch-area-outline.touch-area-selected, .touch-area-outline.touch-area-indeterminate {
    background-color: var(--novoui-background-cards-outline-selected-enabled);
  }

  .touch-area-outline.touch-area-disabled {
    background-color: var(--novoui-background-general-base);
    --tw-shadow-color: var(--novoui-border-disabled-subtle);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .touch-area-outline.touch-area-disabled {
      --tw-shadow-color: var(--novoui-border-disabled-subtle);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .touch-area-outline.touch-area-disabled {
        --tw-shadow-color: color-mix(in oklab, var(--novoui-border-disabled-subtle) var(--tw-shadow-alpha), transparent);
      }
    }
  }

  .touch-area-outline.touch-area-invalid {
    background-color: var(--novoui-background-alert-low-emphasis-hover);
    box-shadow: none;
  }

  .touch-area-assistive-text {
    margin-left: calc(var(--spacing, .25rem) * 8);
    font-size: var(--novoui-body-small);
    line-height: var(--tw-leading, var(--novoui-body-small--line-height));
    overflow-wrap: break-word;
    color: currentColor;
  }

  .touch-area .checkbox {
    margin-block: calc(var(--spacing, .25rem) * 0);
    cursor: pointer;
    align-items: flex-start;
    gap: calc(var(--spacing, .25rem) * 3);
  }

  .touch-area .checkbox-label {
    top: calc(var(--spacing, .25rem) * .5);
    cursor: pointer;
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    position: relative;
  }

  .touch-area .checkbox-input {
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
  }

  .touch-area .radio {
    margin-block: calc(var(--spacing, .25rem) * 0);
    cursor: pointer;
    align-items: flex-start;
    gap: calc(var(--spacing, .25rem) * 3);
  }

  .touch-area .radio-label {
    top: calc(var(--spacing, .25rem) * .5);
    cursor: pointer;
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    position: relative;
  }

  .touch-area .radio-input {
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
  }

  .touch-area-switch {
    align-items: center;
    column-gap: calc(var(--spacing, .25rem) * 3);
    grid-template-columns: auto 1fr;
    display: grid;
  }

  .touch-area-switch .switch.switch-md {
    margin-block: calc(var(--spacing, .25rem) * 0);
  }

  .touch-area-switch-label {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--novoui-text-color-general-primary);
  }

  .touch-area-switch .touch-area-assistive-text {
    margin-left: calc(var(--spacing, .25rem) * 0);
    color: currentColor;
    grid-column-start: 2;
  }

  .touch-area-switch .touch-area-switch-label {
    cursor: pointer;
  }

  .touch-area-switch-revert {
    grid-template-columns: 1fr auto;
  }

  .touch-area-switch-revert .touch-area-assistive-text {
    grid-column-start: 1;
  }

  .touch-area-switch-revert .touch-area-switch-label {
    grid-row-start: 1;
  }
}

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

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .static {
    position: static;
  }

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

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

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

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

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

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

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

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

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

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

  .float-right {
    float: right;
  }

  .container {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mr-auto {
    margin-right: auto;
  }

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

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

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .table {
    display: table;
  }

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

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

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

  .h-full {
    height: 100%;
  }

  .min-h-\[50\%\] {
    min-height: 50%;
  }

  .w-full {
    width: 100%;
  }

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

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

  .flex-auto {
    flex: auto;
  }

  .flex-none {
    flex: none;
  }

  .cursor-pointer {
    cursor: pointer;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-medium {
    gap: var(--novoui-spacing-medium);
  }

  :where(.space-y-small > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--novoui-spacing-small) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--novoui-spacing-small) * calc(1 - var(--tw-space-y-reverse)));
  }

  .place-self-end {
    place-self: end;
  }

  .place-self-stretch {
    place-self: stretch stretch;
  }

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

  .overflow-scroll {
    overflow: scroll;
  }

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

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

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

  .border-general-medium {
    border-color: var(--novoui-border-general-medium);
  }

  .bg-general-base {
    background-color: var(--novoui-background-general-base);
  }

  .bg-general-strong {
    background-color: var(--novoui-background-general-strong);
  }

  .bg-notifications-and-tags-brand-subtle {
    background-color: var(--novoui-background-notifications-and-tags-brand-subtle);
  }

  .fill-general-primary {
    fill: var(--novoui-fill-general-primary);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pr-small {
    padding-right: var(--novoui-spacing-small);
  }

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

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

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

  .text-ui-label-14 {
    font-size: var(--novoui-ui-label-14);
    line-height: var(--tw-leading, var(--novoui-ui-label-14--line-height));
  }

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

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

  .text-general-high-emphasis-enabled {
    color: var(--novoui-text-color-general-high-emphasis-enabled);
  }

  .text-general-inverted {
    color: var(--novoui-text-color-general-inverted);
  }

  .text-general-primary {
    color: var(--novoui-text-color-general-primary);
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

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

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

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

  @media (min-width: 40rem) {
    .sm\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .sm\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .sm\:col-span-9 {
      grid-column: span 9 / span 9;
    }

    .sm\:col-span-11 {
      grid-column: span 11 / span 11;
    }
  }

  .list-item {
    display: revert-layer;
  }
}

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

@property --tw-ease {
  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-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

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

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

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

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

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

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@font-face {
  font-family: Noto Sans;
  src: url("/assets/NotoSans-Regular-C2WnTHmg.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Noto Sans;
  src: url("/assets/NotoSans-Medium-BOxCUVkq.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Noto Sans;
  src: url("/assets/NotoSans-Bold-DaUt6dNO.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}

:root {
  color-scheme: light;
}

html {
  font-family: Noto Sans, ui-sans-serif, system-ui;
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

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

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

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

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

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

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

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

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

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

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

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

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

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

#spinner-div {
  display: none;
  align-self: center;
  left: calc(50% - 55px);
  top: 150px;
  z-index: 2000;
}