/*! 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-outline-style: solid;
      --tw-content: "";
      --tw-leading: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --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-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 1px 2px var(--tw-shadow-color, #0000001a), 0px 1px 3px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

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

  .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-side-menus-menu-enabled);
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative;
  }

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

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

  .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-active > button {
    color: var(--novoui-text-color-side-menus-menu-hover);
  }

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

  .bottom-navigation-item-notification button:after {
    height: calc(var(--spacing, .25rem) * 2);
    width: calc(var(--spacing, .25rem) * 2);
    border-radius: 3.40282e38px;
    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);
    content: "";
    position: absolute;
    top: 18px;
    left: 50%;
  }

  .bottom-navigation-item-notification button:hover:after, .bottom-navigation-item-notification button:active:after {
    border-color: var(--novoui-border-side-menus-menu-notification-selected);
  }

  .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 -4px 6px var(--tw-shadow-color, #0000001a), 0px -10px 15px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --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 20px 15px var(--tw-shadow-color, #0000001a), 0px 0px 15px var(--tw-shadow-color, #00000026);
    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: 66vh;
    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 {
    background-color: var(--novoui-background-toggle-switch-enabled);
    border-radius: 7px;
    width: max-content;
    padding: .5px;
  }

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

  .button-toggle-switch-group .active-indicator {
    z-index: 0;
    border-radius: 7px;
    height: calc(100% - 1px);
    transition: transform .2s;
    position: absolute;
    left: .5px;
    right: .5px;
  }

  .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;
    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-x-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 2px 4px var(--tw-shadow-color, #0000001a), 0px 4px 6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .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-small {
    height: var(--novoui-spacing-xxxlarge);
  }

  .button-toggle-switch-group .button-toggle-switch-small svg {
    width: 16px;
    height: 16px;
  }

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

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

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

  .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-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: 3.40282e38px;
    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 2px 4px var(--tw-shadow-color, #0000001a), 0px 4px 6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .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 8px 10px var(--tw-shadow-color, #0000001a), 0px 20px 25px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .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-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: calc(var(--spacing, .25rem) * 44);
  }

  .combo-box-placeholder {
    pointer-events: none;
    color: var(--novoui-text-color-forms-empty);
    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, visibility, 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 4px 6px var(--tw-shadow-color, #0000001a), 0px 10px 15px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    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;
    --tw-scale-y: 0%;
    height: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 0;
    transition-property: scale, 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-template-columns: repeat(2, minmax(0, 1fr));
    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-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--novoui-border-general-medium);
    padding-block: calc(var(--spacing, .25rem) * 0);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 36px;
  }

  .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-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);
    border-radius: 0 0 36px;
    left: auto;
  }

  .date-picker-dropdown-range > .dropdown.shown {
    overflow: hidden;
  }

  .date-picker-dropdown-range > .dropdown.shown > .date-picker-dropdown-range-list {
    --tw-scale-y: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .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-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);
    border-radius: 0 0 36px 36px;
  }

  .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 8px 10px var(--tw-shadow-color, #0000001a), 0px 20px 25px var(--tw-shadow-color, #0000001a);
    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: 66vh;
    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: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);
    padding-block: calc(var(--spacing, .25rem) * 2);
    color: var(--novoui-text-color-general-primary);
    opacity: 0;
    --tw-shadow: 0px 20px 15px var(--tw-shadow-color, #0000001a), 0px 0px 15px var(--tw-shadow-color, #00000026);
    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));
    flex-direction: column;
    transition: scale .2s, opacity .2s, visibility;
    position: absolute;
    overflow-y: auto;
  }

  .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 20px 15px var(--tw-shadow-color, #0000001a), 0px 0px 15px var(--tw-shadow-color, #00000026);
    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-container:not(.location-selector) .dropdown.dropdown-has-scroll {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .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-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;
    outline-color: var(--novoui-border-general-focus);
  }

  .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-block: calc(var(--spacing, .25rem) * 3);
    padding-right: calc(var(--spacing, .25rem) * 4);
    padding-left: calc(var(--spacing, .25rem) * 6);
    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));
    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-block: calc(var(--spacing, .25rem) * 2);
    padding-right: calc(var(--spacing, .25rem) * 4);
    padding-left: calc(var(--spacing, .25rem) * 6);
    -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(100vh - 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;
  }

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

  .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 25px 50px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    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-enabled);
  }

  .progress::-webkit-progress-bar {
    border-radius: var(--novoui-radius);
    background-color: var(--novoui-background-progress-enabled);
  }

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

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

  .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: 10;
    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 20px 15px var(--tw-shadow-color, #0000001a), 0px 0px 15px var(--tw-shadow-color, #00000026);
    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);
    cursor: pointer;
    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: 3.40282e38px;
    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-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 20px 15px var(--tw-shadow-color, #0000001a), 0px 0px 15px var(--tw-shadow-color, #00000026);
    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;
  }

  .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 {
    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: 3.40282e38px;
    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: 3.40282e38px;
    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%, 100vh);
    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-back-button {
    height: calc(var(--spacing, .25rem) * 10);
    width: calc(var(--spacing, .25rem) * 10);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .side-sheet-back-button > svg {
    color: var(--novoui-text-color-general-primary);
  }

  .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 -4px 6px var(--tw-shadow-color, #0000001a), 0px -10px 15px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    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%, 100vh);
    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: 3.40282e38px;
    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-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));
    --tw-gradient-to: var(--novoui-gradient-on-light-sea-blue-100);
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
    border-radius: 3.40282e38px;
    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-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 2px 4px var(--tw-shadow-color, #0000001a), 0px 4px 6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    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;
    min-width: calc(var(--spacing, .25rem) * 24);
  }

  .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-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: 30;
    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-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);
    overflow-y: auto;
  }

  .table-container.table-has-scroll {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .table-container.table-has-scroll tr td:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-right-color: var(--novoui-table-body-border);
  }

  .table-container.table-has-scroll tr th:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-right-color: var(--novoui-table-header-border);
  }

  .table-container.table-transparent {
    border-color: #0000;
  }

  .table-container.table-transparent .table-head-row {
    background-color: var(--novoui-background-table-header-transparent);
  }

  .table-expandable {
    position: relative;
  }

  .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 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-head-row {
    z-index: 30;
    height: calc(var(--spacing, .25rem) * 16);
    background-color: var(--novoui-background-table-header-light);
  }

  .table-head-row-cell {
    height: inherit;
    padding: calc(var(--spacing, .25rem) * 0);
    padding-right: calc(var(--spacing, .25rem) * 2);
    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: 100vh;
  }

  .table-head-row-sticky {
    top: calc(var(--spacing, .25rem) * 0);
    z-index: 31;
    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-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%;
    overflow-y: auto;
  }

  .table-body-row-details.table-inside-table .table-inside-table-td {
    --tw-border-style: none;
    border-style: none;
    display: block;
  }

  .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-transition-helper {
    height: 35rem;
  }

  .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-neutral-6);
    --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-strong);
    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 4px 6px var(--tw-shadow-color, #0000001a), 0px 10px 15px var(--tw-shadow-color, #0000001a);
    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 4px 6px var(--tw-shadow-color, #0000001a), 0px 10px 15px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --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 4px 6px var(--tw-shadow-color, #0000001a), 0px 10px 15px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    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);
  }

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

  .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-headings-h4 {
    font-size: var(--novoui-headings-h4);
    line-height: var(--tw-leading, var(--novoui-headings-h4--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);
  }

  .lowercase {
    text-transform: lowercase;
  }

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

@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-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.8 | 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-outline-style:solid;--tw-content:"";--tw-leading:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--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-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 1px 2px var(--tw-shadow-color,#0000001a),0px 1px 3px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@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)}}.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-side-menus-menu-enabled);flex-direction:column;align-items:center;display:flex;position:relative}.bottom-navigation-item>button:hover{color:var(--novoui-text-color-side-menus-menu-hover)}.bottom-navigation-item>button:hover>svg{background-color:var(--novoui-background-side-menus-menu-hover)}.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-active>button{color:var(--novoui-text-color-side-menus-menu-hover)}.bottom-navigation-item-active>button>svg{background-color:var(--novoui-background-side-menus-menu-hover)}.bottom-navigation-item-notification button:after{height:calc(var(--spacing,.25rem)*2);width:calc(var(--spacing,.25rem)*2);border-radius:3.40282e38px;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);content:"";position:absolute;top:18px;left:50%}.bottom-navigation-item-notification button:hover:after,.bottom-navigation-item-notification button:active:after{border-color:var(--novoui-border-side-menus-menu-notification-selected)}.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 -4px 6px var(--tw-shadow-color,#0000001a),0px -10px 15px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--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 20px 15px var(--tw-shadow-color,#0000001a),0px 0px 15px var(--tw-shadow-color,#00000026);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:66vh;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;-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: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{background-color:var(--novoui-background-toggle-switch-enabled);border-radius:7px;width:max-content;padding:.5px}.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-x-large)}.button-toggle-switch-group .active-indicator{z-index:0;border-radius:7px;height:calc(100% - 1px);transition:transform .2s;position:absolute;left:.5px;right:.5px}.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;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-x-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 2px 4px var(--tw-shadow-color,#0000001a),0px 4px 6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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-small{height:var(--novoui-spacing-xxxlarge)}.button-toggle-switch-group .button-toggle-switch-small svg{width:16px;height:16px}.button-toggle-switch-group .button-toggle-switch-tiny{height:calc(var(--spacing,.25rem)*7)}.button-toggle-switch-group .button-toggle-switch-tiny svg{width:14px;height:14px}.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}.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-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:3.40282e38px;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 2px 4px var(--tw-shadow-color,#0000001a),0px 4px 6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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 8px 10px var(--tw-shadow-color,#0000001a),0px 20px 25px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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-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:calc(var(--spacing,.25rem)*44)}.combo-box-placeholder{pointer-events:none;color:var(--novoui-text-color-forms-empty);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,visibility,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 4px 6px var(--tw-shadow-color,#0000001a),0px 10px 15px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);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;--tw-scale-y:0%;height:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0;transition-property:scale,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-template-columns:repeat(2,minmax(0,1fr));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-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--novoui-border-general-medium);padding-block:calc(var(--spacing,.25rem)*0);border-bottom-right-radius:0;border-bottom-left-radius:36px}.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-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);border-radius:0 0 36px;left:auto}.date-picker-dropdown-range>.dropdown.shown{overflow:hidden}.date-picker-dropdown-range>.dropdown.shown>.date-picker-dropdown-range-list{--tw-scale-y:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}.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-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);border-radius:0 0 36px 36px}.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 8px 10px var(--tw-shadow-color,#0000001a),0px 20px 25px var(--tw-shadow-color,#0000001a);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:66vh;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: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);padding-block:calc(var(--spacing,.25rem)*2);color:var(--novoui-text-color-general-primary);opacity:0;--tw-shadow:0px 20px 15px var(--tw-shadow-color,#0000001a),0px 0px 15px var(--tw-shadow-color,#00000026);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));flex-direction:column;transition:scale .2s,opacity .2s,visibility;position:absolute;overflow-y:auto}.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);width:15px;height:15px;translate:var(--tw-translate-x)var(--tw-translate-y);--tw-translate-y:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y);background-color:var(--novoui-background-general-elevated);--tw-shadow:0px 20px 15px var(--tw-shadow-color,#0000001a),0px 0px 15px var(--tw-shadow-color,#00000026);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-container:not(.location-selector) .dropdown.dropdown-has-scroll{border-top-right-radius:0;border-bottom-right-radius:0}.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-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;outline-color:var(--novoui-border-general-focus)}.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-block:calc(var(--spacing,.25rem)*3);padding-right:calc(var(--spacing,.25rem)*4);padding-left:calc(var(--spacing,.25rem)*6);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));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-block:calc(var(--spacing,.25rem)*2);padding-right:calc(var(--spacing,.25rem)*4);padding-left:calc(var(--spacing,.25rem)*6);-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 (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;-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(100vh - 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}.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}.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 25px 50px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);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;-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-enabled)}.progress::-webkit-progress-bar{border-radius:var(--novoui-radius);background-color:var(--novoui-background-progress-enabled)}.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))}.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)}.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:10;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 20px 15px var(--tw-shadow-color,#0000001a),0px 0px 15px var(--tw-shadow-color,#00000026);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);cursor:pointer;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:3.40282e38px;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-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 20px 15px var(--tw-shadow-color,#0000001a),0px 0px 15px var(--tw-shadow-color,#00000026);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}.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{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:3.40282e38px;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:3.40282e38px;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%,100vh);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-back-button{height:calc(var(--spacing,.25rem)*10);width:calc(var(--spacing,.25rem)*10);justify-content:center;align-items:center;display:flex}.side-sheet-back-button>svg{color:var(--novoui-text-color-general-primary)}.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 -4px 6px var(--tw-shadow-color,#0000001a),0px -10px 15px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);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%,100vh);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:3.40282e38px;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-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));--tw-gradient-to:var(--novoui-gradient-on-light-sea-blue-100);height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5);border-radius:3.40282e38px;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-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 2px 4px var(--tw-shadow-color,#0000001a),0px 4px 6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);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;min-width:calc(var(--spacing,.25rem)*24)}.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-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:30;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-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);overflow-y:auto}.table-container.table-has-scroll{border-top-right-radius:0;border-bottom-right-radius:0}.table-container.table-has-scroll tr td:last-child{border-right-style:var(--tw-border-style);border-right-width:1px;border-right-color:var(--novoui-table-body-border)}.table-container.table-has-scroll tr th:last-child{border-right-style:var(--tw-border-style);border-right-width:1px;border-right-color:var(--novoui-table-header-border)}.table-container.table-transparent{border-color:#0000}.table-container.table-transparent .table-head-row{background-color:var(--novoui-background-table-header-transparent)}.table-expandable{position:relative}.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 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-head-row{z-index:30;height:calc(var(--spacing,.25rem)*16);background-color:var(--novoui-background-table-header-light)}.table-head-row-cell{height:inherit;padding:calc(var(--spacing,.25rem)*0);padding-right:calc(var(--spacing,.25rem)*2);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:100vh}.table-head-row-sticky{top:calc(var(--spacing,.25rem)*0);z-index:31;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-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%;overflow-y:auto}.table-body-row-details.table-inside-table .table-inside-table-td{--tw-border-style:none;border-style:none;display:block}.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-transition-helper{height:35rem}.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-neutral-6);--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-strong);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 4px 6px var(--tw-shadow-color,#0000001a),0px 10px 15px var(--tw-shadow-color,#0000001a);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 4px 6px var(--tw-shadow-color,#0000001a),0px 10px 15px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--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);translate:var(--tw-translate-x)var(--tw-translate-y);--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);translate:var(--tw-translate-x)var(--tw-translate-y);--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);translate:var(--tw-translate-x)var(--tw-translate-y);--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);translate:var(--tw-translate-x)var(--tw-translate-y);--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);translate:var(--tw-translate-x)var(--tw-translate-y);--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);translate:var(--tw-translate-x)var(--tw-translate-y);--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);translate:var(--tw-translate-x)var(--tw-translate-y);--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);translate:var(--tw-translate-x)var(--tw-translate-y);--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);translate:var(--tw-translate-x)var(--tw-translate-y);--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);translate:var(--tw-translate-x)var(--tw-translate-y);--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);translate:var(--tw-translate-x)var(--tw-translate-y);--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);translate:var(--tw-translate-x)var(--tw-translate-y);--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);translate:var(--tw-translate-x)var(--tw-translate-y);--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);translate:var(--tw-translate-x)var(--tw-translate-y);--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);translate:var(--tw-translate-x)var(--tw-translate-y);--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);translate:var(--tw-translate-x)var(--tw-translate-y);--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 4px 6px var(--tw-shadow-color,#0000001a),0px 10px 15px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-leading{syntax:"*";inherits:false}@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-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-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-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-outline-style: solid;
      --tw-content: "";
      --tw-leading: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --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-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 1px 2px var(--tw-shadow-color, #0000001a), 0px 1px 3px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

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

  .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-side-menus-menu-enabled);
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative;
  }

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

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

  .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-active > button {
    color: var(--novoui-text-color-side-menus-menu-hover);
  }

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

  .bottom-navigation-item-notification button:after {
    height: calc(var(--spacing, .25rem) * 2);
    width: calc(var(--spacing, .25rem) * 2);
    border-radius: 3.40282e38px;
    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);
    content: "";
    position: absolute;
    top: 18px;
    left: 50%;
  }

  .bottom-navigation-item-notification button:hover:after, .bottom-navigation-item-notification button:active:after {
    border-color: var(--novoui-border-side-menus-menu-notification-selected);
  }

  .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 -4px 6px var(--tw-shadow-color, #0000001a), 0px -10px 15px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --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 20px 15px var(--tw-shadow-color, #0000001a), 0px 0px 15px var(--tw-shadow-color, #00000026);
    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: 66vh;
    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 {
    background-color: var(--novoui-background-toggle-switch-enabled);
    border-radius: 7px;
    width: max-content;
    padding: .5px;
  }

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

  .button-toggle-switch-group .active-indicator {
    z-index: 0;
    border-radius: 7px;
    height: calc(100% - 1px);
    transition: transform .2s;
    position: absolute;
    left: .5px;
    right: .5px;
  }

  .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;
    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-x-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 2px 4px var(--tw-shadow-color, #0000001a), 0px 4px 6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .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-small {
    height: var(--novoui-spacing-xxxlarge);
  }

  .button-toggle-switch-group .button-toggle-switch-small svg {
    width: 16px;
    height: 16px;
  }

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

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

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

  .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-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: 3.40282e38px;
    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 2px 4px var(--tw-shadow-color, #0000001a), 0px 4px 6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .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 8px 10px var(--tw-shadow-color, #0000001a), 0px 20px 25px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .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-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: calc(var(--spacing, .25rem) * 44);
  }

  .combo-box-placeholder {
    pointer-events: none;
    color: var(--novoui-text-color-forms-empty);
    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, visibility, 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 4px 6px var(--tw-shadow-color, #0000001a), 0px 10px 15px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    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;
    --tw-scale-y: 0%;
    height: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 0;
    transition-property: scale, 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-template-columns: repeat(2, minmax(0, 1fr));
    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-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--novoui-border-general-medium);
    padding-block: calc(var(--spacing, .25rem) * 0);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 36px;
  }

  .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-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);
    border-radius: 0 0 36px;
    left: auto;
  }

  .date-picker-dropdown-range > .dropdown.shown {
    overflow: hidden;
  }

  .date-picker-dropdown-range > .dropdown.shown > .date-picker-dropdown-range-list {
    --tw-scale-y: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }

  .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-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);
    border-radius: 0 0 36px 36px;
  }

  .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 8px 10px var(--tw-shadow-color, #0000001a), 0px 20px 25px var(--tw-shadow-color, #0000001a);
    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: 66vh;
    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: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);
    padding-block: calc(var(--spacing, .25rem) * 2);
    color: var(--novoui-text-color-general-primary);
    opacity: 0;
    --tw-shadow: 0px 20px 15px var(--tw-shadow-color, #0000001a), 0px 0px 15px var(--tw-shadow-color, #00000026);
    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));
    flex-direction: column;
    transition: scale .2s, opacity .2s, visibility;
    position: absolute;
    overflow-y: auto;
  }

  .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 20px 15px var(--tw-shadow-color, #0000001a), 0px 0px 15px var(--tw-shadow-color, #00000026);
    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-container:not(.location-selector) .dropdown.dropdown-has-scroll {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .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-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;
    outline-color: var(--novoui-border-general-focus);
  }

  .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-block: calc(var(--spacing, .25rem) * 3);
    padding-right: calc(var(--spacing, .25rem) * 4);
    padding-left: calc(var(--spacing, .25rem) * 6);
    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));
    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-block: calc(var(--spacing, .25rem) * 2);
    padding-right: calc(var(--spacing, .25rem) * 4);
    padding-left: calc(var(--spacing, .25rem) * 6);
    -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(100vh - 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;
  }

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

  .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 25px 50px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    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-enabled);
  }

  .progress::-webkit-progress-bar {
    border-radius: var(--novoui-radius);
    background-color: var(--novoui-background-progress-enabled);
  }

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

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

  .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: 10;
    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 20px 15px var(--tw-shadow-color, #0000001a), 0px 0px 15px var(--tw-shadow-color, #00000026);
    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);
    cursor: pointer;
    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: 3.40282e38px;
    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-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 20px 15px var(--tw-shadow-color, #0000001a), 0px 0px 15px var(--tw-shadow-color, #00000026);
    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;
  }

  .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 {
    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: 3.40282e38px;
    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: 3.40282e38px;
    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%, 100vh);
    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-back-button {
    height: calc(var(--spacing, .25rem) * 10);
    width: calc(var(--spacing, .25rem) * 10);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .side-sheet-back-button > svg {
    color: var(--novoui-text-color-general-primary);
  }

  .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 -4px 6px var(--tw-shadow-color, #0000001a), 0px -10px 15px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    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%, 100vh);
    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: 3.40282e38px;
    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-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));
    --tw-gradient-to: var(--novoui-gradient-on-light-sea-blue-100);
    height: calc(var(--spacing, .25rem) * 5);
    width: calc(var(--spacing, .25rem) * 5);
    border-radius: 3.40282e38px;
    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-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 2px 4px var(--tw-shadow-color, #0000001a), 0px 4px 6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    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;
    min-width: calc(var(--spacing, .25rem) * 24);
  }

  .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-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: 30;
    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-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);
    overflow-y: auto;
  }

  .table-container.table-has-scroll {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .table-container.table-has-scroll tr td:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-right-color: var(--novoui-table-body-border);
  }

  .table-container.table-has-scroll tr th:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-right-color: var(--novoui-table-header-border);
  }

  .table-container.table-transparent {
    border-color: #0000;
  }

  .table-container.table-transparent .table-head-row {
    background-color: var(--novoui-background-table-header-transparent);
  }

  .table-expandable {
    position: relative;
  }

  .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 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-head-row {
    z-index: 30;
    height: calc(var(--spacing, .25rem) * 16);
    background-color: var(--novoui-background-table-header-light);
  }

  .table-head-row-cell {
    height: inherit;
    padding: calc(var(--spacing, .25rem) * 0);
    padding-right: calc(var(--spacing, .25rem) * 2);
    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: 100vh;
  }

  .table-head-row-sticky {
    top: calc(var(--spacing, .25rem) * 0);
    z-index: 31;
    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-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%;
    overflow-y: auto;
  }

  .table-body-row-details.table-inside-table .table-inside-table-td {
    --tw-border-style: none;
    border-style: none;
    display: block;
  }

  .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-transition-helper {
    height: 35rem;
  }

  .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-neutral-6);
    --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-strong);
    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 4px 6px var(--tw-shadow-color, #0000001a), 0px 10px 15px var(--tw-shadow-color, #0000001a);
    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 4px 6px var(--tw-shadow-color, #0000001a), 0px 10px 15px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --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 4px 6px var(--tw-shadow-color, #0000001a), 0px 10px 15px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    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);
  }

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

  .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-headings-h4 {
    font-size: var(--novoui-headings-h4);
    line-height: var(--tw-leading, var(--novoui-headings-h4--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);
  }

  .lowercase {
    text-transform: lowercase;
  }

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

@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-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
}
/*!
 * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,0));transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}

.fa-0:before{content:"\30"}.fa-1:before{content:"\31"}.fa-2:before{content:"\32"}.fa-3:before{content:"\33"}.fa-4:before{content:"\34"}.fa-5:before{content:"\35"}.fa-6:before{content:"\36"}.fa-7:before{content:"\37"}.fa-8:before{content:"\38"}.fa-9:before{content:"\39"}.fa-fill-drip:before{content:"\f576"}.fa-arrows-to-circle:before{content:"\e4bd"}.fa-chevron-circle-right:before,.fa-circle-chevron-right:before{content:"\f138"}.fa-at:before{content:"\40"}.fa-trash-alt:before,.fa-trash-can:before{content:"\f2ed"}.fa-text-height:before{content:"\f034"}.fa-user-times:before,.fa-user-xmark:before{content:"\f235"}.fa-stethoscope:before{content:"\f0f1"}.fa-comment-alt:before,.fa-message:before{content:"\f27a"}.fa-info:before{content:"\f129"}.fa-compress-alt:before,.fa-down-left-and-up-right-to-center:before{content:"\f422"}.fa-explosion:before{content:"\e4e9"}.fa-file-alt:before,.fa-file-lines:before,.fa-file-text:before{content:"\f15c"}.fa-wave-square:before{content:"\f83e"}.fa-ring:before{content:"\f70b"}.fa-building-un:before{content:"\e4d9"}.fa-dice-three:before{content:"\f527"}.fa-calendar-alt:before,.fa-calendar-days:before{content:"\f073"}.fa-anchor-circle-check:before{content:"\e4aa"}.fa-building-circle-arrow-right:before{content:"\e4d1"}.fa-volleyball-ball:before,.fa-volleyball:before{content:"\f45f"}.fa-arrows-up-to-line:before{content:"\e4c2"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-circle-minus:before,.fa-minus-circle:before{content:"\f056"}.fa-door-open:before{content:"\f52b"}.fa-right-from-bracket:before,.fa-sign-out-alt:before{content:"\f2f5"}.fa-atom:before{content:"\f5d2"}.fa-soap:before{content:"\e06e"}.fa-heart-music-camera-bolt:before,.fa-icons:before{content:"\f86d"}.fa-microphone-alt-slash:before,.fa-microphone-lines-slash:before{content:"\f539"}.fa-bridge-circle-check:before{content:"\e4c9"}.fa-pump-medical:before{content:"\e06a"}.fa-fingerprint:before{content:"\f577"}.fa-hand-point-right:before{content:"\f0a4"}.fa-magnifying-glass-location:before,.fa-search-location:before{content:"\f689"}.fa-forward-step:before,.fa-step-forward:before{content:"\f051"}.fa-face-smile-beam:before,.fa-smile-beam:before{content:"\f5b8"}.fa-flag-checkered:before{content:"\f11e"}.fa-football-ball:before,.fa-football:before{content:"\f44e"}.fa-school-circle-exclamation:before{content:"\e56c"}.fa-crop:before{content:"\f125"}.fa-angle-double-down:before,.fa-angles-down:before{content:"\f103"}.fa-users-rectangle:before{content:"\e594"}.fa-people-roof:before{content:"\e537"}.fa-people-line:before{content:"\e534"}.fa-beer-mug-empty:before,.fa-beer:before{content:"\f0fc"}.fa-diagram-predecessor:before{content:"\e477"}.fa-arrow-up-long:before,.fa-long-arrow-up:before{content:"\f176"}.fa-burn:before,.fa-fire-flame-simple:before{content:"\f46a"}.fa-male:before,.fa-person:before{content:"\f183"}.fa-laptop:before{content:"\f109"}.fa-file-csv:before{content:"\f6dd"}.fa-menorah:before{content:"\f676"}.fa-truck-plane:before{content:"\e58f"}.fa-record-vinyl:before{content:"\f8d9"}.fa-face-grin-stars:before,.fa-grin-stars:before{content:"\f587"}.fa-bong:before{content:"\f55c"}.fa-pastafarianism:before,.fa-spaghetti-monster-flying:before{content:"\f67b"}.fa-arrow-down-up-across-line:before{content:"\e4af"}.fa-spoon:before,.fa-utensil-spoon:before{content:"\f2e5"}.fa-jar-wheat:before{content:"\e517"}.fa-envelopes-bulk:before,.fa-mail-bulk:before{content:"\f674"}.fa-file-circle-exclamation:before{content:"\e4eb"}.fa-circle-h:before,.fa-hospital-symbol:before{content:"\f47e"}.fa-pager:before{content:"\f815"}.fa-address-book:before,.fa-contact-book:before{content:"\f2b9"}.fa-strikethrough:before{content:"\f0cc"}.fa-k:before{content:"\4b"}.fa-landmark-flag:before{content:"\e51c"}.fa-pencil-alt:before,.fa-pencil:before{content:"\f303"}.fa-backward:before{content:"\f04a"}.fa-caret-right:before{content:"\f0da"}.fa-comments:before{content:"\f086"}.fa-file-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-code-pull-request:before{content:"\e13c"}.fa-clipboard-list:before{content:"\f46d"}.fa-truck-loading:before,.fa-truck-ramp-box:before{content:"\f4de"}.fa-user-check:before{content:"\f4fc"}.fa-vial-virus:before{content:"\e597"}.fa-sheet-plastic:before{content:"\e571"}.fa-blog:before{content:"\f781"}.fa-user-ninja:before{content:"\f504"}.fa-person-arrow-up-from-line:before{content:"\e539"}.fa-scroll-torah:before,.fa-torah:before{content:"\f6a0"}.fa-broom-ball:before,.fa-quidditch-broom-ball:before,.fa-quidditch:before{content:"\f458"}.fa-toggle-off:before{content:"\f204"}.fa-archive:before,.fa-box-archive:before{content:"\f187"}.fa-person-drowning:before{content:"\e545"}.fa-arrow-down-9-1:before,.fa-sort-numeric-desc:before,.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-face-grin-tongue-squint:before,.fa-grin-tongue-squint:before{content:"\f58a"}.fa-spray-can:before{content:"\f5bd"}.fa-truck-monster:before{content:"\f63b"}.fa-w:before{content:"\57"}.fa-earth-africa:before,.fa-globe-africa:before{content:"\f57c"}.fa-rainbow:before{content:"\f75b"}.fa-circle-notch:before{content:"\f1ce"}.fa-tablet-alt:before,.fa-tablet-screen-button:before{content:"\f3fa"}.fa-paw:before{content:"\f1b0"}.fa-cloud:before{content:"\f0c2"}.fa-trowel-bricks:before{content:"\e58a"}.fa-face-flushed:before,.fa-flushed:before{content:"\f579"}.fa-hospital-user:before{content:"\f80d"}.fa-tent-arrow-left-right:before{content:"\e57f"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-binoculars:before{content:"\f1e5"}.fa-microphone-slash:before{content:"\f131"}.fa-box-tissue:before{content:"\e05b"}.fa-motorcycle:before{content:"\f21c"}.fa-bell-concierge:before,.fa-concierge-bell:before{content:"\f562"}.fa-pen-ruler:before,.fa-pencil-ruler:before{content:"\f5ae"}.fa-people-arrows-left-right:before,.fa-people-arrows:before{content:"\e068"}.fa-mars-and-venus-burst:before{content:"\e523"}.fa-caret-square-right:before,.fa-square-caret-right:before{content:"\f152"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-sun-plant-wilt:before{content:"\e57a"}.fa-toilets-portable:before{content:"\e584"}.fa-hockey-puck:before{content:"\f453"}.fa-table:before{content:"\f0ce"}.fa-magnifying-glass-arrow-right:before{content:"\e521"}.fa-digital-tachograph:before,.fa-tachograph-digital:before{content:"\f566"}.fa-users-slash:before{content:"\e073"}.fa-clover:before{content:"\e139"}.fa-mail-reply:before,.fa-reply:before{content:"\f3e5"}.fa-star-and-crescent:before{content:"\f699"}.fa-house-fire:before{content:"\e50c"}.fa-minus-square:before,.fa-square-minus:before{content:"\f146"}.fa-helicopter:before{content:"\f533"}.fa-compass:before{content:"\f14e"}.fa-caret-square-down:before,.fa-square-caret-down:before{content:"\f150"}.fa-file-circle-question:before{content:"\e4ef"}.fa-laptop-code:before{content:"\f5fc"}.fa-swatchbook:before{content:"\f5c3"}.fa-prescription-bottle:before{content:"\f485"}.fa-bars:before,.fa-navicon:before{content:"\f0c9"}.fa-people-group:before{content:"\e533"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-heart-broken:before,.fa-heart-crack:before{content:"\f7a9"}.fa-external-link-square-alt:before,.fa-square-up-right:before{content:"\f360"}.fa-face-kiss-beam:before,.fa-kiss-beam:before{content:"\f597"}.fa-film:before{content:"\f008"}.fa-ruler-horizontal:before{content:"\f547"}.fa-people-robbery:before{content:"\e536"}.fa-lightbulb:before{content:"\f0eb"}.fa-caret-left:before{content:"\f0d9"}.fa-circle-exclamation:before,.fa-exclamation-circle:before{content:"\f06a"}.fa-school-circle-xmark:before{content:"\e56d"}.fa-arrow-right-from-bracket:before,.fa-sign-out:before{content:"\f08b"}.fa-chevron-circle-down:before,.fa-circle-chevron-down:before{content:"\f13a"}.fa-unlock-alt:before,.fa-unlock-keyhole:before{content:"\f13e"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-headphones-alt:before,.fa-headphones-simple:before{content:"\f58f"}.fa-sitemap:before{content:"\f0e8"}.fa-circle-dollar-to-slot:before,.fa-donate:before{content:"\f4b9"}.fa-memory:before{content:"\f538"}.fa-road-spikes:before{content:"\e568"}.fa-fire-burner:before{content:"\e4f1"}.fa-flag:before{content:"\f024"}.fa-hanukiah:before{content:"\f6e6"}.fa-feather:before{content:"\f52d"}.fa-volume-down:before,.fa-volume-low:before{content:"\f027"}.fa-comment-slash:before{content:"\f4b3"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-compress:before{content:"\f066"}.fa-wheat-alt:before,.fa-wheat-awn:before{content:"\e2cd"}.fa-ankh:before{content:"\f644"}.fa-hands-holding-child:before{content:"\e4fa"}.fa-asterisk:before{content:"\2a"}.fa-check-square:before,.fa-square-check:before{content:"\f14a"}.fa-peseta-sign:before{content:"\e221"}.fa-header:before,.fa-heading:before{content:"\f1dc"}.fa-ghost:before{content:"\f6e2"}.fa-list-squares:before,.fa-list:before{content:"\f03a"}.fa-phone-square-alt:before,.fa-square-phone-flip:before{content:"\f87b"}.fa-cart-plus:before{content:"\f217"}.fa-gamepad:before{content:"\f11b"}.fa-circle-dot:before,.fa-dot-circle:before{content:"\f192"}.fa-dizzy:before,.fa-face-dizzy:before{content:"\f567"}.fa-egg:before{content:"\f7fb"}.fa-house-medical-circle-xmark:before{content:"\e513"}.fa-campground:before{content:"\f6bb"}.fa-folder-plus:before{content:"\f65e"}.fa-futbol-ball:before,.fa-futbol:before,.fa-soccer-ball:before{content:"\f1e3"}.fa-paint-brush:before,.fa-paintbrush:before{content:"\f1fc"}.fa-lock:before{content:"\f023"}.fa-gas-pump:before{content:"\f52f"}.fa-hot-tub-person:before,.fa-hot-tub:before{content:"\f593"}.fa-map-location:before,.fa-map-marked:before{content:"\f59f"}.fa-house-flood-water:before{content:"\e50e"}.fa-tree:before{content:"\f1bb"}.fa-bridge-lock:before{content:"\e4cc"}.fa-sack-dollar:before{content:"\f81d"}.fa-edit:before,.fa-pen-to-square:before{content:"\f044"}.fa-car-side:before{content:"\f5e4"}.fa-share-alt:before,.fa-share-nodes:before{content:"\f1e0"}.fa-heart-circle-minus:before{content:"\e4ff"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-microscope:before{content:"\f610"}.fa-sink:before{content:"\e06d"}.fa-bag-shopping:before,.fa-shopping-bag:before{content:"\f290"}.fa-arrow-down-z-a:before,.fa-sort-alpha-desc:before,.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-mitten:before{content:"\f7b5"}.fa-person-rays:before{content:"\e54d"}.fa-users:before{content:"\f0c0"}.fa-eye-slash:before{content:"\f070"}.fa-flask-vial:before{content:"\e4f3"}.fa-hand-paper:before,.fa-hand:before{content:"\f256"}.fa-om:before{content:"\f679"}.fa-worm:before{content:"\e599"}.fa-house-circle-xmark:before{content:"\e50b"}.fa-plug:before{content:"\f1e6"}.fa-chevron-up:before{content:"\f077"}.fa-hand-spock:before{content:"\f259"}.fa-stopwatch:before{content:"\f2f2"}.fa-face-kiss:before,.fa-kiss:before{content:"\f596"}.fa-bridge-circle-xmark:before{content:"\e4cb"}.fa-face-grin-tongue:before,.fa-grin-tongue:before{content:"\f589"}.fa-chess-bishop:before{content:"\f43a"}.fa-face-grin-wink:before,.fa-grin-wink:before{content:"\f58c"}.fa-deaf:before,.fa-deafness:before,.fa-ear-deaf:before,.fa-hard-of-hearing:before{content:"\f2a4"}.fa-road-circle-check:before{content:"\e564"}.fa-dice-five:before{content:"\f523"}.fa-rss-square:before,.fa-square-rss:before{content:"\f143"}.fa-land-mine-on:before{content:"\e51b"}.fa-i-cursor:before{content:"\f246"}.fa-stamp:before{content:"\f5bf"}.fa-stairs:before{content:"\e289"}.fa-i:before{content:"\49"}.fa-hryvnia-sign:before,.fa-hryvnia:before{content:"\f6f2"}.fa-pills:before{content:"\f484"}.fa-face-grin-wide:before,.fa-grin-alt:before{content:"\f581"}.fa-tooth:before{content:"\f5c9"}.fa-v:before{content:"\56"}.fa-bangladeshi-taka-sign:before{content:"\e2e6"}.fa-bicycle:before{content:"\f206"}.fa-rod-asclepius:before,.fa-rod-snake:before,.fa-staff-aesculapius:before,.fa-staff-snake:before{content:"\e579"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-ambulance:before,.fa-truck-medical:before{content:"\f0f9"}.fa-wheat-awn-circle-exclamation:before{content:"\e598"}.fa-snowman:before{content:"\f7d0"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-road-barrier:before{content:"\e562"}.fa-school:before{content:"\f549"}.fa-igloo:before{content:"\f7ae"}.fa-joint:before{content:"\f595"}.fa-angle-right:before{content:"\f105"}.fa-horse:before{content:"\f6f0"}.fa-q:before{content:"\51"}.fa-g:before{content:"\47"}.fa-notes-medical:before{content:"\f481"}.fa-temperature-2:before,.fa-temperature-half:before,.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-dong-sign:before{content:"\e169"}.fa-capsules:before{content:"\f46b"}.fa-poo-bolt:before,.fa-poo-storm:before{content:"\f75a"}.fa-face-frown-open:before,.fa-frown-open:before{content:"\f57a"}.fa-hand-point-up:before{content:"\f0a6"}.fa-money-bill:before{content:"\f0d6"}.fa-bookmark:before{content:"\f02e"}.fa-align-justify:before{content:"\f039"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-helmet-un:before{content:"\e503"}.fa-bullseye:before{content:"\f140"}.fa-bacon:before{content:"\f7e5"}.fa-hand-point-down:before{content:"\f0a7"}.fa-arrow-up-from-bracket:before{content:"\e09a"}.fa-folder-blank:before,.fa-folder:before{content:"\f07b"}.fa-file-medical-alt:before,.fa-file-waveform:before{content:"\f478"}.fa-radiation:before{content:"\f7b9"}.fa-chart-simple:before{content:"\e473"}.fa-mars-stroke:before{content:"\f229"}.fa-vial:before{content:"\f492"}.fa-dashboard:before,.fa-gauge-med:before,.fa-gauge:before,.fa-tachometer-alt-average:before{content:"\f624"}.fa-magic-wand-sparkles:before,.fa-wand-magic-sparkles:before{content:"\e2ca"}.fa-e:before{content:"\45"}.fa-pen-alt:before,.fa-pen-clip:before{content:"\f305"}.fa-bridge-circle-exclamation:before{content:"\e4ca"}.fa-user:before{content:"\f007"}.fa-school-circle-check:before{content:"\e56b"}.fa-dumpster:before{content:"\f793"}.fa-shuttle-van:before,.fa-van-shuttle:before{content:"\f5b6"}.fa-building-user:before{content:"\e4da"}.fa-caret-square-left:before,.fa-square-caret-left:before{content:"\f191"}.fa-highlighter:before{content:"\f591"}.fa-key:before{content:"\f084"}.fa-bullhorn:before{content:"\f0a1"}.fa-globe:before{content:"\f0ac"}.fa-synagogue:before{content:"\f69b"}.fa-person-half-dress:before{content:"\e548"}.fa-road-bridge:before{content:"\e563"}.fa-location-arrow:before{content:"\f124"}.fa-c:before{content:"\43"}.fa-tablet-button:before{content:"\f10a"}.fa-building-lock:before{content:"\e4d6"}.fa-pizza-slice:before{content:"\f818"}.fa-money-bill-wave:before{content:"\f53a"}.fa-area-chart:before,.fa-chart-area:before{content:"\f1fe"}.fa-house-flag:before{content:"\e50d"}.fa-person-circle-minus:before{content:"\e540"}.fa-ban:before,.fa-cancel:before{content:"\f05e"}.fa-camera-rotate:before{content:"\e0d8"}.fa-air-freshener:before,.fa-spray-can-sparkles:before{content:"\f5d0"}.fa-star:before{content:"\f005"}.fa-repeat:before{content:"\f363"}.fa-cross:before{content:"\f654"}.fa-box:before{content:"\f466"}.fa-venus-mars:before{content:"\f228"}.fa-arrow-pointer:before,.fa-mouse-pointer:before{content:"\f245"}.fa-expand-arrows-alt:before,.fa-maximize:before{content:"\f31e"}.fa-charging-station:before{content:"\f5e7"}.fa-shapes:before,.fa-triangle-circle-square:before{content:"\f61f"}.fa-random:before,.fa-shuffle:before{content:"\f074"}.fa-person-running:before,.fa-running:before{content:"\f70c"}.fa-mobile-retro:before{content:"\e527"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-spider:before{content:"\f717"}.fa-hands-bound:before{content:"\e4f9"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-plane-circle-exclamation:before{content:"\e556"}.fa-x-ray:before{content:"\f497"}.fa-spell-check:before{content:"\f891"}.fa-slash:before{content:"\f715"}.fa-computer-mouse:before,.fa-mouse:before{content:"\f8cc"}.fa-arrow-right-to-bracket:before,.fa-sign-in:before{content:"\f090"}.fa-shop-slash:before,.fa-store-alt-slash:before{content:"\e070"}.fa-server:before{content:"\f233"}.fa-virus-covid-slash:before{content:"\e4a9"}.fa-shop-lock:before{content:"\e4a5"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-blender-phone:before{content:"\f6b6"}.fa-building-wheat:before{content:"\e4db"}.fa-person-breastfeeding:before{content:"\e53a"}.fa-right-to-bracket:before,.fa-sign-in-alt:before{content:"\f2f6"}.fa-venus:before{content:"\f221"}.fa-passport:before{content:"\f5ab"}.fa-heart-pulse:before,.fa-heartbeat:before{content:"\f21e"}.fa-people-carry-box:before,.fa-people-carry:before{content:"\f4ce"}.fa-temperature-high:before{content:"\f769"}.fa-microchip:before{content:"\f2db"}.fa-crown:before{content:"\f521"}.fa-weight-hanging:before{content:"\f5cd"}.fa-xmarks-lines:before{content:"\e59a"}.fa-file-prescription:before{content:"\f572"}.fa-weight-scale:before,.fa-weight:before{content:"\f496"}.fa-user-friends:before,.fa-user-group:before{content:"\f500"}.fa-arrow-up-a-z:before,.fa-sort-alpha-up:before{content:"\f15e"}.fa-chess-knight:before{content:"\f441"}.fa-face-laugh-squint:before,.fa-laugh-squint:before{content:"\f59b"}.fa-wheelchair:before{content:"\f193"}.fa-arrow-circle-up:before,.fa-circle-arrow-up:before{content:"\f0aa"}.fa-toggle-on:before{content:"\f205"}.fa-person-walking:before,.fa-walking:before{content:"\f554"}.fa-l:before{content:"\4c"}.fa-fire:before{content:"\f06d"}.fa-bed-pulse:before,.fa-procedures:before{content:"\f487"}.fa-shuttle-space:before,.fa-space-shuttle:before{content:"\f197"}.fa-face-laugh:before,.fa-laugh:before{content:"\f599"}.fa-folder-open:before{content:"\f07c"}.fa-heart-circle-plus:before{content:"\e500"}.fa-code-fork:before{content:"\e13b"}.fa-city:before{content:"\f64f"}.fa-microphone-alt:before,.fa-microphone-lines:before{content:"\f3c9"}.fa-pepper-hot:before{content:"\f816"}.fa-unlock:before{content:"\f09c"}.fa-colon-sign:before{content:"\e140"}.fa-headset:before{content:"\f590"}.fa-store-slash:before{content:"\e071"}.fa-road-circle-xmark:before{content:"\e566"}.fa-user-minus:before{content:"\f503"}.fa-mars-stroke-up:before,.fa-mars-stroke-v:before{content:"\f22a"}.fa-champagne-glasses:before,.fa-glass-cheers:before{content:"\f79f"}.fa-clipboard:before{content:"\f328"}.fa-house-circle-exclamation:before{content:"\e50a"}.fa-file-arrow-up:before,.fa-file-upload:before{content:"\f574"}.fa-wifi-3:before,.fa-wifi-strong:before,.fa-wifi:before{content:"\f1eb"}.fa-bath:before,.fa-bathtub:before{content:"\f2cd"}.fa-underline:before{content:"\f0cd"}.fa-user-edit:before,.fa-user-pen:before{content:"\f4ff"}.fa-signature:before{content:"\f5b7"}.fa-stroopwafel:before{content:"\f551"}.fa-bold:before{content:"\f032"}.fa-anchor-lock:before{content:"\e4ad"}.fa-building-ngo:before{content:"\e4d7"}.fa-manat-sign:before{content:"\e1d5"}.fa-not-equal:before{content:"\f53e"}.fa-border-style:before,.fa-border-top-left:before{content:"\f853"}.fa-map-location-dot:before,.fa-map-marked-alt:before{content:"\f5a0"}.fa-jedi:before{content:"\f669"}.fa-poll:before,.fa-square-poll-vertical:before{content:"\f681"}.fa-mug-hot:before{content:"\f7b6"}.fa-battery-car:before,.fa-car-battery:before{content:"\f5df"}.fa-gift:before{content:"\f06b"}.fa-dice-two:before{content:"\f528"}.fa-chess-queen:before{content:"\f445"}.fa-glasses:before{content:"\f530"}.fa-chess-board:before{content:"\f43c"}.fa-building-circle-check:before{content:"\e4d2"}.fa-person-chalkboard:before{content:"\e53d"}.fa-mars-stroke-h:before,.fa-mars-stroke-right:before{content:"\f22b"}.fa-hand-back-fist:before,.fa-hand-rock:before{content:"\f255"}.fa-caret-square-up:before,.fa-square-caret-up:before{content:"\f151"}.fa-cloud-showers-water:before{content:"\e4e4"}.fa-bar-chart:before,.fa-chart-bar:before{content:"\f080"}.fa-hands-bubbles:before,.fa-hands-wash:before{content:"\e05e"}.fa-less-than-equal:before{content:"\f537"}.fa-train:before{content:"\f238"}.fa-eye-low-vision:before,.fa-low-vision:before{content:"\f2a8"}.fa-crow:before{content:"\f520"}.fa-sailboat:before{content:"\e445"}.fa-window-restore:before{content:"\f2d2"}.fa-plus-square:before,.fa-square-plus:before{content:"\f0fe"}.fa-torii-gate:before{content:"\f6a1"}.fa-frog:before{content:"\f52e"}.fa-bucket:before{content:"\e4cf"}.fa-image:before{content:"\f03e"}.fa-microphone:before{content:"\f130"}.fa-cow:before{content:"\f6c8"}.fa-caret-up:before{content:"\f0d8"}.fa-screwdriver:before{content:"\f54a"}.fa-folder-closed:before{content:"\e185"}.fa-house-tsunami:before{content:"\e515"}.fa-square-nfi:before{content:"\e576"}.fa-arrow-up-from-ground-water:before{content:"\e4b5"}.fa-glass-martini-alt:before,.fa-martini-glass:before{content:"\f57b"}.fa-rotate-back:before,.fa-rotate-backward:before,.fa-rotate-left:before,.fa-undo-alt:before{content:"\f2ea"}.fa-columns:before,.fa-table-columns:before{content:"\f0db"}.fa-lemon:before{content:"\f094"}.fa-head-side-mask:before{content:"\e063"}.fa-handshake:before{content:"\f2b5"}.fa-gem:before{content:"\f3a5"}.fa-dolly-box:before,.fa-dolly:before{content:"\f472"}.fa-smoking:before{content:"\f48d"}.fa-compress-arrows-alt:before,.fa-minimize:before{content:"\f78c"}.fa-monument:before{content:"\f5a6"}.fa-snowplow:before{content:"\f7d2"}.fa-angle-double-right:before,.fa-angles-right:before{content:"\f101"}.fa-cannabis:before{content:"\f55f"}.fa-circle-play:before,.fa-play-circle:before{content:"\f144"}.fa-tablets:before{content:"\f490"}.fa-ethernet:before{content:"\f796"}.fa-eur:before,.fa-euro-sign:before,.fa-euro:before{content:"\f153"}.fa-chair:before{content:"\f6c0"}.fa-check-circle:before,.fa-circle-check:before{content:"\f058"}.fa-circle-stop:before,.fa-stop-circle:before{content:"\f28d"}.fa-compass-drafting:before,.fa-drafting-compass:before{content:"\f568"}.fa-plate-wheat:before{content:"\e55a"}.fa-icicles:before{content:"\f7ad"}.fa-person-shelter:before{content:"\e54f"}.fa-neuter:before{content:"\f22c"}.fa-id-badge:before{content:"\f2c1"}.fa-marker:before{content:"\f5a1"}.fa-face-laugh-beam:before,.fa-laugh-beam:before{content:"\f59a"}.fa-helicopter-symbol:before{content:"\e502"}.fa-universal-access:before{content:"\f29a"}.fa-chevron-circle-up:before,.fa-circle-chevron-up:before{content:"\f139"}.fa-lari-sign:before{content:"\e1c8"}.fa-volcano:before{content:"\f770"}.fa-person-walking-dashed-line-arrow-right:before{content:"\e553"}.fa-gbp:before,.fa-pound-sign:before,.fa-sterling-sign:before{content:"\f154"}.fa-viruses:before{content:"\e076"}.fa-square-person-confined:before{content:"\e577"}.fa-user-tie:before{content:"\f508"}.fa-arrow-down-long:before,.fa-long-arrow-down:before{content:"\f175"}.fa-tent-arrow-down-to-line:before{content:"\e57e"}.fa-certificate:before{content:"\f0a3"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-suitcase:before{content:"\f0f2"}.fa-person-skating:before,.fa-skating:before{content:"\f7c5"}.fa-filter-circle-dollar:before,.fa-funnel-dollar:before{content:"\f662"}.fa-camera-retro:before{content:"\f083"}.fa-arrow-circle-down:before,.fa-circle-arrow-down:before{content:"\f0ab"}.fa-arrow-right-to-file:before,.fa-file-import:before{content:"\f56f"}.fa-external-link-square:before,.fa-square-arrow-up-right:before{content:"\f14c"}.fa-box-open:before{content:"\f49e"}.fa-scroll:before{content:"\f70e"}.fa-spa:before{content:"\f5bb"}.fa-location-pin-lock:before{content:"\e51f"}.fa-pause:before{content:"\f04c"}.fa-hill-avalanche:before{content:"\e507"}.fa-temperature-0:before,.fa-temperature-empty:before,.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-bomb:before{content:"\f1e2"}.fa-registered:before{content:"\f25d"}.fa-address-card:before,.fa-contact-card:before,.fa-vcard:before{content:"\f2bb"}.fa-balance-scale-right:before,.fa-scale-unbalanced-flip:before{content:"\f516"}.fa-subscript:before{content:"\f12c"}.fa-diamond-turn-right:before,.fa-directions:before{content:"\f5eb"}.fa-burst:before{content:"\e4dc"}.fa-house-laptop:before,.fa-laptop-house:before{content:"\e066"}.fa-face-tired:before,.fa-tired:before{content:"\f5c8"}.fa-money-bills:before{content:"\e1f3"}.fa-smog:before{content:"\f75f"}.fa-crutch:before{content:"\f7f7"}.fa-cloud-arrow-up:before,.fa-cloud-upload-alt:before,.fa-cloud-upload:before{content:"\f0ee"}.fa-palette:before{content:"\f53f"}.fa-arrows-turn-right:before{content:"\e4c0"}.fa-vest:before{content:"\e085"}.fa-ferry:before{content:"\e4ea"}.fa-arrows-down-to-people:before{content:"\e4b9"}.fa-seedling:before,.fa-sprout:before{content:"\f4d8"}.fa-arrows-alt-h:before,.fa-left-right:before{content:"\f337"}.fa-boxes-packing:before{content:"\e4c7"}.fa-arrow-circle-left:before,.fa-circle-arrow-left:before{content:"\f0a8"}.fa-group-arrows-rotate:before{content:"\e4f6"}.fa-bowl-food:before{content:"\e4c6"}.fa-candy-cane:before{content:"\f786"}.fa-arrow-down-wide-short:before,.fa-sort-amount-asc:before,.fa-sort-amount-down:before{content:"\f160"}.fa-cloud-bolt:before,.fa-thunderstorm:before{content:"\f76c"}.fa-remove-format:before,.fa-text-slash:before{content:"\f87d"}.fa-face-smile-wink:before,.fa-smile-wink:before{content:"\f4da"}.fa-file-word:before{content:"\f1c2"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-arrows-h:before,.fa-arrows-left-right:before{content:"\f07e"}.fa-house-lock:before{content:"\e510"}.fa-cloud-arrow-down:before,.fa-cloud-download-alt:before,.fa-cloud-download:before{content:"\f0ed"}.fa-children:before{content:"\e4e1"}.fa-blackboard:before,.fa-chalkboard:before{content:"\f51b"}.fa-user-alt-slash:before,.fa-user-large-slash:before{content:"\f4fa"}.fa-envelope-open:before{content:"\f2b6"}.fa-handshake-alt-slash:before,.fa-handshake-simple-slash:before{content:"\e05f"}.fa-mattress-pillow:before{content:"\e525"}.fa-guarani-sign:before{content:"\e19a"}.fa-arrows-rotate:before,.fa-refresh:before,.fa-sync:before{content:"\f021"}.fa-fire-extinguisher:before{content:"\f134"}.fa-cruzeiro-sign:before{content:"\e152"}.fa-greater-than-equal:before{content:"\f532"}.fa-shield-alt:before,.fa-shield-halved:before{content:"\f3ed"}.fa-atlas:before,.fa-book-atlas:before{content:"\f558"}.fa-virus:before{content:"\e074"}.fa-envelope-circle-check:before{content:"\e4e8"}.fa-layer-group:before{content:"\f5fd"}.fa-arrows-to-dot:before{content:"\e4be"}.fa-archway:before{content:"\f557"}.fa-heart-circle-check:before{content:"\e4fd"}.fa-house-chimney-crack:before,.fa-house-damage:before{content:"\f6f1"}.fa-file-archive:before,.fa-file-zipper:before{content:"\f1c6"}.fa-square:before{content:"\f0c8"}.fa-glass-martini:before,.fa-martini-glass-empty:before{content:"\f000"}.fa-couch:before{content:"\f4b8"}.fa-cedi-sign:before{content:"\e0df"}.fa-italic:before{content:"\f033"}.fa-table-cells-column-lock:before{content:"\e678"}.fa-church:before{content:"\f51d"}.fa-comments-dollar:before{content:"\f653"}.fa-democrat:before{content:"\f747"}.fa-z:before{content:"\5a"}.fa-person-skiing:before,.fa-skiing:before{content:"\f7c9"}.fa-road-lock:before{content:"\e567"}.fa-a:before{content:"\41"}.fa-temperature-arrow-down:before,.fa-temperature-down:before{content:"\e03f"}.fa-feather-alt:before,.fa-feather-pointed:before{content:"\f56b"}.fa-p:before{content:"\50"}.fa-snowflake:before{content:"\f2dc"}.fa-newspaper:before{content:"\f1ea"}.fa-ad:before,.fa-rectangle-ad:before{content:"\f641"}.fa-arrow-circle-right:before,.fa-circle-arrow-right:before{content:"\f0a9"}.fa-filter-circle-xmark:before{content:"\e17b"}.fa-locust:before{content:"\e520"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-list-1-2:before,.fa-list-numeric:before,.fa-list-ol:before{content:"\f0cb"}.fa-person-dress-burst:before{content:"\e544"}.fa-money-check-alt:before,.fa-money-check-dollar:before{content:"\f53d"}.fa-vector-square:before{content:"\f5cb"}.fa-bread-slice:before{content:"\f7ec"}.fa-language:before{content:"\f1ab"}.fa-face-kiss-wink-heart:before,.fa-kiss-wink-heart:before{content:"\f598"}.fa-filter:before{content:"\f0b0"}.fa-question:before{content:"\3f"}.fa-file-signature:before{content:"\f573"}.fa-arrows-alt:before,.fa-up-down-left-right:before{content:"\f0b2"}.fa-house-chimney-user:before{content:"\e065"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-puzzle-piece:before{content:"\f12e"}.fa-money-check:before{content:"\f53c"}.fa-star-half-alt:before,.fa-star-half-stroke:before{content:"\f5c0"}.fa-code:before{content:"\f121"}.fa-glass-whiskey:before,.fa-whiskey-glass:before{content:"\f7a0"}.fa-building-circle-exclamation:before{content:"\e4d3"}.fa-magnifying-glass-chart:before{content:"\e522"}.fa-arrow-up-right-from-square:before,.fa-external-link:before{content:"\f08e"}.fa-cubes-stacked:before{content:"\e4e6"}.fa-krw:before,.fa-won-sign:before,.fa-won:before{content:"\f159"}.fa-virus-covid:before{content:"\e4a8"}.fa-austral-sign:before{content:"\e0a9"}.fa-f:before{content:"\46"}.fa-leaf:before{content:"\f06c"}.fa-road:before{content:"\f018"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-person-circle-plus:before{content:"\e541"}.fa-chart-pie:before,.fa-pie-chart:before{content:"\f200"}.fa-bolt-lightning:before{content:"\e0b7"}.fa-sack-xmark:before{content:"\e56a"}.fa-file-excel:before{content:"\f1c3"}.fa-file-contract:before{content:"\f56c"}.fa-fish-fins:before{content:"\e4f2"}.fa-building-flag:before{content:"\e4d5"}.fa-face-grin-beam:before,.fa-grin-beam:before{content:"\f582"}.fa-object-ungroup:before{content:"\f248"}.fa-poop:before{content:"\f619"}.fa-location-pin:before,.fa-map-marker:before{content:"\f041"}.fa-kaaba:before{content:"\f66b"}.fa-toilet-paper:before{content:"\f71e"}.fa-hard-hat:before,.fa-hat-hard:before,.fa-helmet-safety:before{content:"\f807"}.fa-eject:before{content:"\f052"}.fa-arrow-alt-circle-right:before,.fa-circle-right:before{content:"\f35a"}.fa-plane-circle-check:before{content:"\e555"}.fa-face-rolling-eyes:before,.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-object-group:before{content:"\f247"}.fa-chart-line:before,.fa-line-chart:before{content:"\f201"}.fa-mask-ventilator:before{content:"\e524"}.fa-arrow-right:before{content:"\f061"}.fa-map-signs:before,.fa-signs-post:before{content:"\f277"}.fa-cash-register:before{content:"\f788"}.fa-person-circle-question:before{content:"\e542"}.fa-h:before{content:"\48"}.fa-tarp:before{content:"\e57b"}.fa-screwdriver-wrench:before,.fa-tools:before{content:"\f7d9"}.fa-arrows-to-eye:before{content:"\e4bf"}.fa-plug-circle-bolt:before{content:"\e55b"}.fa-heart:before{content:"\f004"}.fa-mars-and-venus:before{content:"\f224"}.fa-home-user:before,.fa-house-user:before{content:"\e1b0"}.fa-dumpster-fire:before{content:"\f794"}.fa-house-crack:before{content:"\e3b1"}.fa-cocktail:before,.fa-martini-glass-citrus:before{content:"\f561"}.fa-face-surprise:before,.fa-surprise:before{content:"\f5c2"}.fa-bottle-water:before{content:"\e4c5"}.fa-circle-pause:before,.fa-pause-circle:before{content:"\f28b"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-apple-alt:before,.fa-apple-whole:before{content:"\f5d1"}.fa-kitchen-set:before{content:"\e51a"}.fa-r:before{content:"\52"}.fa-temperature-1:before,.fa-temperature-quarter:before,.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-cube:before{content:"\f1b2"}.fa-bitcoin-sign:before{content:"\e0b4"}.fa-shield-dog:before{content:"\e573"}.fa-solar-panel:before{content:"\f5ba"}.fa-lock-open:before{content:"\f3c1"}.fa-elevator:before{content:"\e16d"}.fa-money-bill-transfer:before{content:"\e528"}.fa-money-bill-trend-up:before{content:"\e529"}.fa-house-flood-water-circle-arrow-right:before{content:"\e50f"}.fa-poll-h:before,.fa-square-poll-horizontal:before{content:"\f682"}.fa-circle:before{content:"\f111"}.fa-backward-fast:before,.fa-fast-backward:before{content:"\f049"}.fa-recycle:before{content:"\f1b8"}.fa-user-astronaut:before{content:"\f4fb"}.fa-plane-slash:before{content:"\e069"}.fa-trademark:before{content:"\f25c"}.fa-basketball-ball:before,.fa-basketball:before{content:"\f434"}.fa-satellite-dish:before{content:"\f7c0"}.fa-arrow-alt-circle-up:before,.fa-circle-up:before{content:"\f35b"}.fa-mobile-alt:before,.fa-mobile-screen-button:before{content:"\f3cd"}.fa-volume-high:before,.fa-volume-up:before{content:"\f028"}.fa-users-rays:before{content:"\e593"}.fa-wallet:before{content:"\f555"}.fa-clipboard-check:before{content:"\f46c"}.fa-file-audio:before{content:"\f1c7"}.fa-burger:before,.fa-hamburger:before{content:"\f805"}.fa-wrench:before{content:"\f0ad"}.fa-bugs:before{content:"\e4d0"}.fa-rupee-sign:before,.fa-rupee:before{content:"\f156"}.fa-file-image:before{content:"\f1c5"}.fa-circle-question:before,.fa-question-circle:before{content:"\f059"}.fa-plane-departure:before{content:"\f5b0"}.fa-handshake-slash:before{content:"\e060"}.fa-book-bookmark:before{content:"\e0bb"}.fa-code-branch:before{content:"\f126"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-bridge:before{content:"\e4c8"}.fa-phone-alt:before,.fa-phone-flip:before{content:"\f879"}.fa-truck-front:before{content:"\e2b7"}.fa-cat:before{content:"\f6be"}.fa-anchor-circle-exclamation:before{content:"\e4ab"}.fa-truck-field:before{content:"\e58d"}.fa-route:before{content:"\f4d7"}.fa-clipboard-question:before{content:"\e4e3"}.fa-panorama:before{content:"\e209"}.fa-comment-medical:before{content:"\f7f5"}.fa-teeth-open:before{content:"\f62f"}.fa-file-circle-minus:before{content:"\e4ed"}.fa-tags:before{content:"\f02c"}.fa-wine-glass:before{content:"\f4e3"}.fa-fast-forward:before,.fa-forward-fast:before{content:"\f050"}.fa-face-meh-blank:before,.fa-meh-blank:before{content:"\f5a4"}.fa-parking:before,.fa-square-parking:before{content:"\f540"}.fa-house-signal:before{content:"\e012"}.fa-bars-progress:before,.fa-tasks-alt:before{content:"\f828"}.fa-faucet-drip:before{content:"\e006"}.fa-cart-flatbed:before,.fa-dolly-flatbed:before{content:"\f474"}.fa-ban-smoking:before,.fa-smoking-ban:before{content:"\f54d"}.fa-terminal:before{content:"\f120"}.fa-mobile-button:before{content:"\f10b"}.fa-house-medical-flag:before{content:"\e514"}.fa-basket-shopping:before,.fa-shopping-basket:before{content:"\f291"}.fa-tape:before{content:"\f4db"}.fa-bus-alt:before,.fa-bus-simple:before{content:"\f55e"}.fa-eye:before{content:"\f06e"}.fa-face-sad-cry:before,.fa-sad-cry:before{content:"\f5b3"}.fa-audio-description:before{content:"\f29e"}.fa-person-military-to-person:before{content:"\e54c"}.fa-file-shield:before{content:"\e4f0"}.fa-user-slash:before{content:"\f506"}.fa-pen:before{content:"\f304"}.fa-tower-observation:before{content:"\e586"}.fa-file-code:before{content:"\f1c9"}.fa-signal-5:before,.fa-signal-perfect:before,.fa-signal:before{content:"\f012"}.fa-bus:before{content:"\f207"}.fa-heart-circle-xmark:before{content:"\e501"}.fa-home-lg:before,.fa-house-chimney:before{content:"\e3af"}.fa-window-maximize:before{content:"\f2d0"}.fa-face-frown:before,.fa-frown:before{content:"\f119"}.fa-prescription:before{content:"\f5b1"}.fa-shop:before,.fa-store-alt:before{content:"\f54f"}.fa-floppy-disk:before,.fa-save:before{content:"\f0c7"}.fa-vihara:before{content:"\f6a7"}.fa-balance-scale-left:before,.fa-scale-unbalanced:before{content:"\f515"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-comment-dots:before,.fa-commenting:before{content:"\f4ad"}.fa-plant-wilt:before{content:"\e5aa"}.fa-diamond:before{content:"\f219"}.fa-face-grin-squint:before,.fa-grin-squint:before{content:"\f585"}.fa-hand-holding-dollar:before,.fa-hand-holding-usd:before{content:"\f4c0"}.fa-bacterium:before{content:"\e05a"}.fa-hand-pointer:before{content:"\f25a"}.fa-drum-steelpan:before{content:"\f56a"}.fa-hand-scissors:before{content:"\f257"}.fa-hands-praying:before,.fa-praying-hands:before{content:"\f684"}.fa-arrow-right-rotate:before,.fa-arrow-rotate-forward:before,.fa-arrow-rotate-right:before,.fa-redo:before{content:"\f01e"}.fa-biohazard:before{content:"\f780"}.fa-location-crosshairs:before,.fa-location:before{content:"\f601"}.fa-mars-double:before{content:"\f227"}.fa-child-dress:before{content:"\e59c"}.fa-users-between-lines:before{content:"\e591"}.fa-lungs-virus:before{content:"\e067"}.fa-face-grin-tears:before,.fa-grin-tears:before{content:"\f588"}.fa-phone:before{content:"\f095"}.fa-calendar-times:before,.fa-calendar-xmark:before{content:"\f273"}.fa-child-reaching:before{content:"\e59d"}.fa-head-side-virus:before{content:"\e064"}.fa-user-cog:before,.fa-user-gear:before{content:"\f4fe"}.fa-arrow-up-1-9:before,.fa-sort-numeric-up:before{content:"\f163"}.fa-door-closed:before{content:"\f52a"}.fa-shield-virus:before{content:"\e06c"}.fa-dice-six:before{content:"\f526"}.fa-mosquito-net:before{content:"\e52c"}.fa-bridge-water:before{content:"\e4ce"}.fa-person-booth:before{content:"\f756"}.fa-text-width:before{content:"\f035"}.fa-hat-wizard:before{content:"\f6e8"}.fa-pen-fancy:before{content:"\f5ac"}.fa-digging:before,.fa-person-digging:before{content:"\f85e"}.fa-trash:before{content:"\f1f8"}.fa-gauge-simple-med:before,.fa-gauge-simple:before,.fa-tachometer-average:before{content:"\f629"}.fa-book-medical:before{content:"\f7e6"}.fa-poo:before{content:"\f2fe"}.fa-quote-right-alt:before,.fa-quote-right:before{content:"\f10e"}.fa-shirt:before,.fa-t-shirt:before,.fa-tshirt:before{content:"\f553"}.fa-cubes:before{content:"\f1b3"}.fa-divide:before{content:"\f529"}.fa-tenge-sign:before,.fa-tenge:before{content:"\f7d7"}.fa-headphones:before{content:"\f025"}.fa-hands-holding:before{content:"\f4c2"}.fa-hands-clapping:before{content:"\e1a8"}.fa-republican:before{content:"\f75e"}.fa-arrow-left:before{content:"\f060"}.fa-person-circle-xmark:before{content:"\e543"}.fa-ruler:before{content:"\f545"}.fa-align-left:before{content:"\f036"}.fa-dice-d6:before{content:"\f6d1"}.fa-restroom:before{content:"\f7bd"}.fa-j:before{content:"\4a"}.fa-users-viewfinder:before{content:"\e595"}.fa-file-video:before{content:"\f1c8"}.fa-external-link-alt:before,.fa-up-right-from-square:before{content:"\f35d"}.fa-table-cells:before,.fa-th:before{content:"\f00a"}.fa-file-pdf:before{content:"\f1c1"}.fa-bible:before,.fa-book-bible:before{content:"\f647"}.fa-o:before{content:"\4f"}.fa-medkit:before,.fa-suitcase-medical:before{content:"\f0fa"}.fa-user-secret:before{content:"\f21b"}.fa-otter:before{content:"\f700"}.fa-female:before,.fa-person-dress:before{content:"\f182"}.fa-comment-dollar:before{content:"\f651"}.fa-briefcase-clock:before,.fa-business-time:before{content:"\f64a"}.fa-table-cells-large:before,.fa-th-large:before{content:"\f009"}.fa-book-tanakh:before,.fa-tanakh:before{content:"\f827"}.fa-phone-volume:before,.fa-volume-control-phone:before{content:"\f2a0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-clipboard-user:before{content:"\f7f3"}.fa-child:before{content:"\f1ae"}.fa-lira-sign:before{content:"\f195"}.fa-satellite:before{content:"\f7bf"}.fa-plane-lock:before{content:"\e558"}.fa-tag:before{content:"\f02b"}.fa-comment:before{content:"\f075"}.fa-birthday-cake:before,.fa-cake-candles:before,.fa-cake:before{content:"\f1fd"}.fa-envelope:before{content:"\f0e0"}.fa-angle-double-up:before,.fa-angles-up:before{content:"\f102"}.fa-paperclip:before{content:"\f0c6"}.fa-arrow-right-to-city:before{content:"\e4b3"}.fa-ribbon:before{content:"\f4d6"}.fa-lungs:before{content:"\f604"}.fa-arrow-up-9-1:before,.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-litecoin-sign:before{content:"\e1d3"}.fa-border-none:before{content:"\f850"}.fa-circle-nodes:before{content:"\e4e2"}.fa-parachute-box:before{content:"\f4cd"}.fa-indent:before{content:"\f03c"}.fa-truck-field-un:before{content:"\e58e"}.fa-hourglass-empty:before,.fa-hourglass:before{content:"\f254"}.fa-mountain:before{content:"\f6fc"}.fa-user-doctor:before,.fa-user-md:before{content:"\f0f0"}.fa-circle-info:before,.fa-info-circle:before{content:"\f05a"}.fa-cloud-meatball:before{content:"\f73b"}.fa-camera-alt:before,.fa-camera:before{content:"\f030"}.fa-square-virus:before{content:"\e578"}.fa-meteor:before{content:"\f753"}.fa-car-on:before{content:"\e4dd"}.fa-sleigh:before{content:"\f7cc"}.fa-arrow-down-1-9:before,.fa-sort-numeric-asc:before,.fa-sort-numeric-down:before{content:"\f162"}.fa-hand-holding-droplet:before,.fa-hand-holding-water:before{content:"\f4c1"}.fa-water:before{content:"\f773"}.fa-calendar-check:before{content:"\f274"}.fa-braille:before{content:"\f2a1"}.fa-prescription-bottle-alt:before,.fa-prescription-bottle-medical:before{content:"\f486"}.fa-landmark:before{content:"\f66f"}.fa-truck:before{content:"\f0d1"}.fa-crosshairs:before{content:"\f05b"}.fa-person-cane:before{content:"\e53c"}.fa-tent:before{content:"\e57d"}.fa-vest-patches:before{content:"\e086"}.fa-check-double:before{content:"\f560"}.fa-arrow-down-a-z:before,.fa-sort-alpha-asc:before,.fa-sort-alpha-down:before{content:"\f15d"}.fa-money-bill-wheat:before{content:"\e52a"}.fa-cookie:before{content:"\f563"}.fa-arrow-left-rotate:before,.fa-arrow-rotate-back:before,.fa-arrow-rotate-backward:before,.fa-arrow-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-hard-drive:before,.fa-hdd:before{content:"\f0a0"}.fa-face-grin-squint-tears:before,.fa-grin-squint-tears:before{content:"\f586"}.fa-dumbbell:before{content:"\f44b"}.fa-list-alt:before,.fa-rectangle-list:before{content:"\f022"}.fa-tarp-droplet:before{content:"\e57c"}.fa-house-medical-circle-check:before{content:"\e511"}.fa-person-skiing-nordic:before,.fa-skiing-nordic:before{content:"\f7ca"}.fa-calendar-plus:before{content:"\f271"}.fa-plane-arrival:before{content:"\f5af"}.fa-arrow-alt-circle-left:before,.fa-circle-left:before{content:"\f359"}.fa-subway:before,.fa-train-subway:before{content:"\f239"}.fa-chart-gantt:before{content:"\e0e4"}.fa-indian-rupee-sign:before,.fa-indian-rupee:before,.fa-inr:before{content:"\e1bc"}.fa-crop-alt:before,.fa-crop-simple:before{content:"\f565"}.fa-money-bill-1:before,.fa-money-bill-alt:before{content:"\f3d1"}.fa-left-long:before,.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-dna:before{content:"\f471"}.fa-virus-slash:before{content:"\e075"}.fa-minus:before,.fa-subtract:before{content:"\f068"}.fa-chess:before{content:"\f439"}.fa-arrow-left-long:before,.fa-long-arrow-left:before{content:"\f177"}.fa-plug-circle-check:before{content:"\e55c"}.fa-street-view:before{content:"\f21d"}.fa-franc-sign:before{content:"\e18f"}.fa-volume-off:before{content:"\f026"}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before,.fa-hands-american-sign-language-interpreting:before,.fa-hands-asl-interpreting:before{content:"\f2a3"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-droplet-slash:before,.fa-tint-slash:before{content:"\f5c7"}.fa-mosque:before{content:"\f678"}.fa-mosquito:before{content:"\e52b"}.fa-star-of-david:before{content:"\f69a"}.fa-person-military-rifle:before{content:"\e54b"}.fa-cart-shopping:before,.fa-shopping-cart:before{content:"\f07a"}.fa-vials:before{content:"\f493"}.fa-plug-circle-plus:before{content:"\e55f"}.fa-place-of-worship:before{content:"\f67f"}.fa-grip-vertical:before{content:"\f58e"}.fa-arrow-turn-up:before,.fa-level-up:before{content:"\f148"}.fa-u:before{content:"\55"}.fa-square-root-alt:before,.fa-square-root-variable:before{content:"\f698"}.fa-clock-four:before,.fa-clock:before{content:"\f017"}.fa-backward-step:before,.fa-step-backward:before{content:"\f048"}.fa-pallet:before{content:"\f482"}.fa-faucet:before{content:"\e005"}.fa-baseball-bat-ball:before{content:"\f432"}.fa-s:before{content:"\53"}.fa-timeline:before{content:"\e29c"}.fa-keyboard:before{content:"\f11c"}.fa-caret-down:before{content:"\f0d7"}.fa-clinic-medical:before,.fa-house-chimney-medical:before{content:"\f7f2"}.fa-temperature-3:before,.fa-temperature-three-quarters:before,.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-mobile-android-alt:before,.fa-mobile-screen:before{content:"\f3cf"}.fa-plane-up:before{content:"\e22d"}.fa-piggy-bank:before{content:"\f4d3"}.fa-battery-3:before,.fa-battery-half:before{content:"\f242"}.fa-mountain-city:before{content:"\e52e"}.fa-coins:before{content:"\f51e"}.fa-khanda:before{content:"\f66d"}.fa-sliders-h:before,.fa-sliders:before{content:"\f1de"}.fa-folder-tree:before{content:"\f802"}.fa-network-wired:before{content:"\f6ff"}.fa-map-pin:before{content:"\f276"}.fa-hamsa:before{content:"\f665"}.fa-cent-sign:before{content:"\e3f5"}.fa-flask:before{content:"\f0c3"}.fa-person-pregnant:before{content:"\e31e"}.fa-wand-sparkles:before{content:"\f72b"}.fa-ellipsis-v:before,.fa-ellipsis-vertical:before{content:"\f142"}.fa-ticket:before{content:"\f145"}.fa-power-off:before{content:"\f011"}.fa-long-arrow-alt-right:before,.fa-right-long:before{content:"\f30b"}.fa-flag-usa:before{content:"\f74d"}.fa-laptop-file:before{content:"\e51d"}.fa-teletype:before,.fa-tty:before{content:"\f1e4"}.fa-diagram-next:before{content:"\e476"}.fa-person-rifle:before{content:"\e54e"}.fa-house-medical-circle-exclamation:before{content:"\e512"}.fa-closed-captioning:before{content:"\f20a"}.fa-hiking:before,.fa-person-hiking:before{content:"\f6ec"}.fa-venus-double:before{content:"\f226"}.fa-images:before{content:"\f302"}.fa-calculator:before{content:"\f1ec"}.fa-people-pulling:before{content:"\e535"}.fa-n:before{content:"\4e"}.fa-cable-car:before,.fa-tram:before{content:"\f7da"}.fa-cloud-rain:before{content:"\f73d"}.fa-building-circle-xmark:before{content:"\e4d4"}.fa-ship:before{content:"\f21a"}.fa-arrows-down-to-line:before{content:"\e4b8"}.fa-download:before{content:"\f019"}.fa-face-grin:before,.fa-grin:before{content:"\f580"}.fa-backspace:before,.fa-delete-left:before{content:"\f55a"}.fa-eye-dropper-empty:before,.fa-eye-dropper:before,.fa-eyedropper:before{content:"\f1fb"}.fa-file-circle-check:before{content:"\e5a0"}.fa-forward:before{content:"\f04e"}.fa-mobile-android:before,.fa-mobile-phone:before,.fa-mobile:before{content:"\f3ce"}.fa-face-meh:before,.fa-meh:before{content:"\f11a"}.fa-align-center:before{content:"\f037"}.fa-book-dead:before,.fa-book-skull:before{content:"\f6b7"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-heart-circle-exclamation:before{content:"\e4fe"}.fa-home-alt:before,.fa-home-lg-alt:before,.fa-home:before,.fa-house:before{content:"\f015"}.fa-calendar-week:before{content:"\f784"}.fa-laptop-medical:before{content:"\f812"}.fa-b:before{content:"\42"}.fa-file-medical:before{content:"\f477"}.fa-dice-one:before{content:"\f525"}.fa-kiwi-bird:before{content:"\f535"}.fa-arrow-right-arrow-left:before,.fa-exchange:before{content:"\f0ec"}.fa-redo-alt:before,.fa-rotate-forward:before,.fa-rotate-right:before{content:"\f2f9"}.fa-cutlery:before,.fa-utensils:before{content:"\f2e7"}.fa-arrow-up-wide-short:before,.fa-sort-amount-up:before{content:"\f161"}.fa-mill-sign:before{content:"\e1ed"}.fa-bowl-rice:before{content:"\e2eb"}.fa-skull:before{content:"\f54c"}.fa-broadcast-tower:before,.fa-tower-broadcast:before{content:"\f519"}.fa-truck-pickup:before{content:"\f63c"}.fa-long-arrow-alt-up:before,.fa-up-long:before{content:"\f30c"}.fa-stop:before{content:"\f04d"}.fa-code-merge:before{content:"\f387"}.fa-upload:before{content:"\f093"}.fa-hurricane:before{content:"\f751"}.fa-mound:before{content:"\e52d"}.fa-toilet-portable:before{content:"\e583"}.fa-compact-disc:before{content:"\f51f"}.fa-file-arrow-down:before,.fa-file-download:before{content:"\f56d"}.fa-caravan:before{content:"\f8ff"}.fa-shield-cat:before{content:"\e572"}.fa-bolt:before,.fa-zap:before{content:"\f0e7"}.fa-glass-water:before{content:"\e4f4"}.fa-oil-well:before{content:"\e532"}.fa-vault:before{content:"\e2c5"}.fa-mars:before{content:"\f222"}.fa-toilet:before{content:"\f7d8"}.fa-plane-circle-xmark:before{content:"\e557"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen-sign:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble-sign:before,.fa-ruble:before{content:"\f158"}.fa-sun:before{content:"\f185"}.fa-guitar:before{content:"\f7a6"}.fa-face-laugh-wink:before,.fa-laugh-wink:before{content:"\f59c"}.fa-horse-head:before{content:"\f7ab"}.fa-bore-hole:before{content:"\e4c3"}.fa-industry:before{content:"\f275"}.fa-arrow-alt-circle-down:before,.fa-circle-down:before{content:"\f358"}.fa-arrows-turn-to-dots:before{content:"\e4c1"}.fa-florin-sign:before{content:"\e184"}.fa-arrow-down-short-wide:before,.fa-sort-amount-desc:before,.fa-sort-amount-down-alt:before{content:"\f884"}.fa-less-than:before{content:"\3c"}.fa-angle-down:before{content:"\f107"}.fa-car-tunnel:before{content:"\e4de"}.fa-head-side-cough:before{content:"\e061"}.fa-grip-lines:before{content:"\f7a4"}.fa-thumbs-down:before{content:"\f165"}.fa-user-lock:before{content:"\f502"}.fa-arrow-right-long:before,.fa-long-arrow-right:before{content:"\f178"}.fa-anchor-circle-xmark:before{content:"\e4ac"}.fa-ellipsis-h:before,.fa-ellipsis:before{content:"\f141"}.fa-chess-pawn:before{content:"\f443"}.fa-first-aid:before,.fa-kit-medical:before{content:"\f479"}.fa-person-through-window:before{content:"\e5a9"}.fa-toolbox:before{content:"\f552"}.fa-hands-holding-circle:before{content:"\e4fb"}.fa-bug:before{content:"\f188"}.fa-credit-card-alt:before,.fa-credit-card:before{content:"\f09d"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-hand-holding-hand:before{content:"\e4f7"}.fa-book-open-reader:before,.fa-book-reader:before{content:"\f5da"}.fa-mountain-sun:before{content:"\e52f"}.fa-arrows-left-right-to-line:before{content:"\e4ba"}.fa-dice-d20:before{content:"\f6cf"}.fa-truck-droplet:before{content:"\e58c"}.fa-file-circle-xmark:before{content:"\e5a1"}.fa-temperature-arrow-up:before,.fa-temperature-up:before{content:"\e040"}.fa-medal:before{content:"\f5a2"}.fa-bed:before{content:"\f236"}.fa-h-square:before,.fa-square-h:before{content:"\f0fd"}.fa-podcast:before{content:"\f2ce"}.fa-temperature-4:before,.fa-temperature-full:before,.fa-thermometer-4:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-bell:before{content:"\f0f3"}.fa-superscript:before{content:"\f12b"}.fa-plug-circle-xmark:before{content:"\e560"}.fa-star-of-life:before{content:"\f621"}.fa-phone-slash:before{content:"\f3dd"}.fa-paint-roller:before{content:"\f5aa"}.fa-hands-helping:before,.fa-handshake-angle:before{content:"\f4c4"}.fa-location-dot:before,.fa-map-marker-alt:before{content:"\f3c5"}.fa-file:before{content:"\f15b"}.fa-greater-than:before{content:"\3e"}.fa-person-swimming:before,.fa-swimmer:before{content:"\f5c4"}.fa-arrow-down:before{content:"\f063"}.fa-droplet:before,.fa-tint:before{content:"\f043"}.fa-eraser:before{content:"\f12d"}.fa-earth-america:before,.fa-earth-americas:before,.fa-earth:before,.fa-globe-americas:before{content:"\f57d"}.fa-person-burst:before{content:"\e53b"}.fa-dove:before{content:"\f4ba"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-socks:before{content:"\f696"}.fa-inbox:before{content:"\f01c"}.fa-section:before{content:"\e447"}.fa-gauge-high:before,.fa-tachometer-alt-fast:before,.fa-tachometer-alt:before{content:"\f625"}.fa-envelope-open-text:before{content:"\f658"}.fa-hospital-alt:before,.fa-hospital-wide:before,.fa-hospital:before{content:"\f0f8"}.fa-wine-bottle:before{content:"\f72f"}.fa-chess-rook:before{content:"\f447"}.fa-bars-staggered:before,.fa-reorder:before,.fa-stream:before{content:"\f550"}.fa-dharmachakra:before{content:"\f655"}.fa-hotdog:before{content:"\f80f"}.fa-blind:before,.fa-person-walking-with-cane:before{content:"\f29d"}.fa-drum:before{content:"\f569"}.fa-ice-cream:before{content:"\f810"}.fa-heart-circle-bolt:before{content:"\e4fc"}.fa-fax:before{content:"\f1ac"}.fa-paragraph:before{content:"\f1dd"}.fa-check-to-slot:before,.fa-vote-yea:before{content:"\f772"}.fa-star-half:before{content:"\f089"}.fa-boxes-alt:before,.fa-boxes-stacked:before,.fa-boxes:before{content:"\f468"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-assistive-listening-systems:before,.fa-ear-listen:before{content:"\f2a2"}.fa-tree-city:before{content:"\e587"}.fa-play:before{content:"\f04b"}.fa-font:before{content:"\f031"}.fa-table-cells-row-lock:before{content:"\e67a"}.fa-rupiah-sign:before{content:"\e23d"}.fa-magnifying-glass:before,.fa-search:before{content:"\f002"}.fa-ping-pong-paddle-ball:before,.fa-table-tennis-paddle-ball:before,.fa-table-tennis:before{content:"\f45d"}.fa-diagnoses:before,.fa-person-dots-from-line:before{content:"\f470"}.fa-trash-can-arrow-up:before,.fa-trash-restore-alt:before{content:"\f82a"}.fa-naira-sign:before{content:"\e1f6"}.fa-cart-arrow-down:before{content:"\f218"}.fa-walkie-talkie:before{content:"\f8ef"}.fa-file-edit:before,.fa-file-pen:before{content:"\f31c"}.fa-receipt:before{content:"\f543"}.fa-pen-square:before,.fa-pencil-square:before,.fa-square-pen:before{content:"\f14b"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-person-circle-exclamation:before{content:"\e53f"}.fa-chevron-down:before{content:"\f078"}.fa-battery-5:before,.fa-battery-full:before,.fa-battery:before{content:"\f240"}.fa-skull-crossbones:before{content:"\f714"}.fa-code-compare:before{content:"\e13a"}.fa-list-dots:before,.fa-list-ul:before{content:"\f0ca"}.fa-school-lock:before{content:"\e56f"}.fa-tower-cell:before{content:"\e585"}.fa-down-long:before,.fa-long-arrow-alt-down:before{content:"\f309"}.fa-ranking-star:before{content:"\e561"}.fa-chess-king:before{content:"\f43f"}.fa-person-harassing:before{content:"\e549"}.fa-brazilian-real-sign:before{content:"\e46c"}.fa-landmark-alt:before,.fa-landmark-dome:before{content:"\f752"}.fa-arrow-up:before{content:"\f062"}.fa-television:before,.fa-tv-alt:before,.fa-tv:before{content:"\f26c"}.fa-shrimp:before{content:"\e448"}.fa-list-check:before,.fa-tasks:before{content:"\f0ae"}.fa-jug-detergent:before{content:"\e519"}.fa-circle-user:before,.fa-user-circle:before{content:"\f2bd"}.fa-user-shield:before{content:"\f505"}.fa-wind:before{content:"\f72e"}.fa-car-burst:before,.fa-car-crash:before{content:"\f5e1"}.fa-y:before{content:"\59"}.fa-person-snowboarding:before,.fa-snowboarding:before{content:"\f7ce"}.fa-shipping-fast:before,.fa-truck-fast:before{content:"\f48b"}.fa-fish:before{content:"\f578"}.fa-user-graduate:before{content:"\f501"}.fa-adjust:before,.fa-circle-half-stroke:before{content:"\f042"}.fa-clapperboard:before{content:"\e131"}.fa-circle-radiation:before,.fa-radiation-alt:before{content:"\f7ba"}.fa-baseball-ball:before,.fa-baseball:before{content:"\f433"}.fa-jet-fighter-up:before{content:"\e518"}.fa-diagram-project:before,.fa-project-diagram:before{content:"\f542"}.fa-copy:before{content:"\f0c5"}.fa-volume-mute:before,.fa-volume-times:before,.fa-volume-xmark:before{content:"\f6a9"}.fa-hand-sparkles:before{content:"\e05d"}.fa-grip-horizontal:before,.fa-grip:before{content:"\f58d"}.fa-share-from-square:before,.fa-share-square:before{content:"\f14d"}.fa-child-combatant:before,.fa-child-rifle:before{content:"\e4e0"}.fa-gun:before{content:"\e19b"}.fa-phone-square:before,.fa-square-phone:before{content:"\f098"}.fa-add:before,.fa-plus:before{content:"\2b"}.fa-expand:before{content:"\f065"}.fa-computer:before{content:"\e4e5"}.fa-close:before,.fa-multiply:before,.fa-remove:before,.fa-times:before,.fa-xmark:before{content:"\f00d"}.fa-arrows-up-down-left-right:before,.fa-arrows:before{content:"\f047"}.fa-chalkboard-teacher:before,.fa-chalkboard-user:before{content:"\f51c"}.fa-peso-sign:before{content:"\e222"}.fa-building-shield:before{content:"\e4d8"}.fa-baby:before{content:"\f77c"}.fa-users-line:before{content:"\e592"}.fa-quote-left-alt:before,.fa-quote-left:before{content:"\f10d"}.fa-tractor:before{content:"\f722"}.fa-trash-arrow-up:before,.fa-trash-restore:before{content:"\f829"}.fa-arrow-down-up-lock:before{content:"\e4b0"}.fa-lines-leaning:before{content:"\e51e"}.fa-ruler-combined:before{content:"\f546"}.fa-copyright:before{content:"\f1f9"}.fa-equals:before{content:"\3d"}.fa-blender:before{content:"\f517"}.fa-teeth:before{content:"\f62e"}.fa-ils:before,.fa-shekel-sign:before,.fa-shekel:before,.fa-sheqel-sign:before,.fa-sheqel:before{content:"\f20b"}.fa-map:before{content:"\f279"}.fa-rocket:before{content:"\f135"}.fa-photo-film:before,.fa-photo-video:before{content:"\f87c"}.fa-folder-minus:before{content:"\f65d"}.fa-store:before{content:"\f54e"}.fa-arrow-trend-up:before{content:"\e098"}.fa-plug-circle-minus:before{content:"\e55e"}.fa-sign-hanging:before,.fa-sign:before{content:"\f4d9"}.fa-bezier-curve:before{content:"\f55b"}.fa-bell-slash:before{content:"\f1f6"}.fa-tablet-android:before,.fa-tablet:before{content:"\f3fb"}.fa-school-flag:before{content:"\e56e"}.fa-fill:before{content:"\f575"}.fa-angle-up:before{content:"\f106"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-holly-berry:before{content:"\f7aa"}.fa-chevron-left:before{content:"\f053"}.fa-bacteria:before{content:"\e059"}.fa-hand-lizard:before{content:"\f258"}.fa-notdef:before{content:"\e1fe"}.fa-disease:before{content:"\f7fa"}.fa-briefcase-medical:before{content:"\f469"}.fa-genderless:before{content:"\f22d"}.fa-chevron-right:before{content:"\f054"}.fa-retweet:before{content:"\f079"}.fa-car-alt:before,.fa-car-rear:before{content:"\f5de"}.fa-pump-soap:before{content:"\e06b"}.fa-video-slash:before{content:"\f4e2"}.fa-battery-2:before,.fa-battery-quarter:before{content:"\f243"}.fa-radio:before{content:"\f8d7"}.fa-baby-carriage:before,.fa-carriage-baby:before{content:"\f77d"}.fa-traffic-light:before{content:"\f637"}.fa-thermometer:before{content:"\f491"}.fa-vr-cardboard:before{content:"\f729"}.fa-hand-middle-finger:before{content:"\f806"}.fa-percent:before,.fa-percentage:before{content:"\25"}.fa-truck-moving:before{content:"\f4df"}.fa-glass-water-droplet:before{content:"\e4f5"}.fa-display:before{content:"\e163"}.fa-face-smile:before,.fa-smile:before{content:"\f118"}.fa-thumb-tack:before,.fa-thumbtack:before{content:"\f08d"}.fa-trophy:before{content:"\f091"}.fa-person-praying:before,.fa-pray:before{content:"\f683"}.fa-hammer:before{content:"\f6e3"}.fa-hand-peace:before{content:"\f25b"}.fa-rotate:before,.fa-sync-alt:before{content:"\f2f1"}.fa-spinner:before{content:"\f110"}.fa-robot:before{content:"\f544"}.fa-peace:before{content:"\f67c"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-warehouse:before{content:"\f494"}.fa-arrow-up-right-dots:before{content:"\e4b7"}.fa-splotch:before{content:"\f5bc"}.fa-face-grin-hearts:before,.fa-grin-hearts:before{content:"\f584"}.fa-dice-four:before{content:"\f524"}.fa-sim-card:before{content:"\f7c4"}.fa-transgender-alt:before,.fa-transgender:before{content:"\f225"}.fa-mercury:before{content:"\f223"}.fa-arrow-turn-down:before,.fa-level-down:before{content:"\f149"}.fa-person-falling-burst:before{content:"\e547"}.fa-award:before{content:"\f559"}.fa-ticket-alt:before,.fa-ticket-simple:before{content:"\f3ff"}.fa-building:before{content:"\f1ad"}.fa-angle-double-left:before,.fa-angles-left:before{content:"\f100"}.fa-qrcode:before{content:"\f029"}.fa-clock-rotate-left:before,.fa-history:before{content:"\f1da"}.fa-face-grin-beam-sweat:before,.fa-grin-beam-sweat:before{content:"\f583"}.fa-arrow-right-from-file:before,.fa-file-export:before{content:"\f56e"}.fa-shield-blank:before,.fa-shield:before{content:"\f132"}.fa-arrow-up-short-wide:before,.fa-sort-amount-up-alt:before{content:"\f885"}.fa-house-medical:before{content:"\e3b2"}.fa-golf-ball-tee:before,.fa-golf-ball:before{content:"\f450"}.fa-chevron-circle-left:before,.fa-circle-chevron-left:before{content:"\f137"}.fa-house-chimney-window:before{content:"\e00d"}.fa-pen-nib:before{content:"\f5ad"}.fa-tent-arrow-turn-left:before{content:"\e580"}.fa-tents:before{content:"\e582"}.fa-magic:before,.fa-wand-magic:before{content:"\f0d0"}.fa-dog:before{content:"\f6d3"}.fa-carrot:before{content:"\f787"}.fa-moon:before{content:"\f186"}.fa-wine-glass-alt:before,.fa-wine-glass-empty:before{content:"\f5ce"}.fa-cheese:before{content:"\f7ef"}.fa-yin-yang:before{content:"\f6ad"}.fa-music:before{content:"\f001"}.fa-code-commit:before{content:"\f386"}.fa-temperature-low:before{content:"\f76b"}.fa-biking:before,.fa-person-biking:before{content:"\f84a"}.fa-broom:before{content:"\f51a"}.fa-shield-heart:before{content:"\e574"}.fa-gopuram:before{content:"\f664"}.fa-earth-oceania:before,.fa-globe-oceania:before{content:"\e47b"}.fa-square-xmark:before,.fa-times-square:before,.fa-xmark-square:before{content:"\f2d3"}.fa-hashtag:before{content:"\23"}.fa-expand-alt:before,.fa-up-right-and-down-left-from-center:before{content:"\f424"}.fa-oil-can:before{content:"\f613"}.fa-t:before{content:"\54"}.fa-hippo:before{content:"\f6ed"}.fa-chart-column:before{content:"\e0e3"}.fa-infinity:before{content:"\f534"}.fa-vial-circle-check:before{content:"\e596"}.fa-person-arrow-down-to-line:before{content:"\e538"}.fa-voicemail:before{content:"\f897"}.fa-fan:before{content:"\f863"}.fa-person-walking-luggage:before{content:"\e554"}.fa-arrows-alt-v:before,.fa-up-down:before{content:"\f338"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-calendar:before{content:"\f133"}.fa-trailer:before{content:"\e041"}.fa-bahai:before,.fa-haykal:before{content:"\f666"}.fa-sd-card:before{content:"\f7c2"}.fa-dragon:before{content:"\f6d5"}.fa-shoe-prints:before{content:"\f54b"}.fa-circle-plus:before,.fa-plus-circle:before{content:"\f055"}.fa-face-grin-tongue-wink:before,.fa-grin-tongue-wink:before{content:"\f58b"}.fa-hand-holding:before{content:"\f4bd"}.fa-plug-circle-exclamation:before{content:"\e55d"}.fa-chain-broken:before,.fa-chain-slash:before,.fa-link-slash:before,.fa-unlink:before{content:"\f127"}.fa-clone:before{content:"\f24d"}.fa-person-walking-arrow-loop-left:before{content:"\e551"}.fa-arrow-up-z-a:before,.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-fire-alt:before,.fa-fire-flame-curved:before{content:"\f7e4"}.fa-tornado:before{content:"\f76f"}.fa-file-circle-plus:before{content:"\e494"}.fa-book-quran:before,.fa-quran:before{content:"\f687"}.fa-anchor:before{content:"\f13d"}.fa-border-all:before{content:"\f84c"}.fa-angry:before,.fa-face-angry:before{content:"\f556"}.fa-cookie-bite:before{content:"\f564"}.fa-arrow-trend-down:before{content:"\e097"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-draw-polygon:before{content:"\f5ee"}.fa-balance-scale:before,.fa-scale-balanced:before{content:"\f24e"}.fa-gauge-simple-high:before,.fa-tachometer-fast:before,.fa-tachometer:before{content:"\f62a"}.fa-shower:before{content:"\f2cc"}.fa-desktop-alt:before,.fa-desktop:before{content:"\f390"}.fa-m:before{content:"\4d"}.fa-table-list:before,.fa-th-list:before{content:"\f00b"}.fa-comment-sms:before,.fa-sms:before{content:"\f7cd"}.fa-book:before{content:"\f02d"}.fa-user-plus:before{content:"\f234"}.fa-check:before{content:"\f00c"}.fa-battery-4:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-house-circle-check:before{content:"\e509"}.fa-angle-left:before{content:"\f104"}.fa-diagram-successor:before{content:"\e47a"}.fa-truck-arrow-right:before{content:"\e58b"}.fa-arrows-split-up-and-left:before{content:"\e4bc"}.fa-fist-raised:before,.fa-hand-fist:before{content:"\f6de"}.fa-cloud-moon:before{content:"\f6c3"}.fa-briefcase:before{content:"\f0b1"}.fa-person-falling:before{content:"\e546"}.fa-image-portrait:before,.fa-portrait:before{content:"\f3e0"}.fa-user-tag:before{content:"\f507"}.fa-rug:before{content:"\e569"}.fa-earth-europe:before,.fa-globe-europe:before{content:"\f7a2"}.fa-cart-flatbed-suitcase:before,.fa-luggage-cart:before{content:"\f59d"}.fa-rectangle-times:before,.fa-rectangle-xmark:before,.fa-times-rectangle:before,.fa-window-close:before{content:"\f410"}.fa-baht-sign:before{content:"\e0ac"}.fa-book-open:before{content:"\f518"}.fa-book-journal-whills:before,.fa-journal-whills:before{content:"\f66a"}.fa-handcuffs:before{content:"\e4f8"}.fa-exclamation-triangle:before,.fa-triangle-exclamation:before,.fa-warning:before{content:"\f071"}.fa-database:before{content:"\f1c0"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-bottle-droplet:before{content:"\e4c4"}.fa-mask-face:before{content:"\e1d7"}.fa-hill-rockslide:before{content:"\e508"}.fa-exchange-alt:before,.fa-right-left:before{content:"\f362"}.fa-paper-plane:before{content:"\f1d8"}.fa-road-circle-exclamation:before{content:"\e565"}.fa-dungeon:before{content:"\f6d9"}.fa-align-right:before{content:"\f038"}.fa-money-bill-1-wave:before,.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-life-ring:before{content:"\f1cd"}.fa-hands:before,.fa-sign-language:before,.fa-signing:before{content:"\f2a7"}.fa-calendar-day:before{content:"\f783"}.fa-ladder-water:before,.fa-swimming-pool:before,.fa-water-ladder:before{content:"\f5c5"}.fa-arrows-up-down:before,.fa-arrows-v:before{content:"\f07d"}.fa-face-grimace:before,.fa-grimace:before{content:"\f57f"}.fa-wheelchair-alt:before,.fa-wheelchair-move:before{content:"\e2ce"}.fa-level-down-alt:before,.fa-turn-down:before{content:"\f3be"}.fa-person-walking-arrow-right:before{content:"\e552"}.fa-envelope-square:before,.fa-square-envelope:before{content:"\f199"}.fa-dice:before{content:"\f522"}.fa-bowling-ball:before{content:"\f436"}.fa-brain:before{content:"\f5dc"}.fa-band-aid:before,.fa-bandage:before{content:"\f462"}.fa-calendar-minus:before{content:"\f272"}.fa-circle-xmark:before,.fa-times-circle:before,.fa-xmark-circle:before{content:"\f057"}.fa-gifts:before{content:"\f79c"}.fa-hotel:before{content:"\f594"}.fa-earth-asia:before,.fa-globe-asia:before{content:"\f57e"}.fa-id-card-alt:before,.fa-id-card-clip:before{content:"\f47f"}.fa-magnifying-glass-plus:before,.fa-search-plus:before{content:"\f00e"}.fa-thumbs-up:before{content:"\f164"}.fa-user-clock:before{content:"\f4fd"}.fa-allergies:before,.fa-hand-dots:before{content:"\f461"}.fa-file-invoice:before{content:"\f570"}.fa-window-minimize:before{content:"\f2d1"}.fa-coffee:before,.fa-mug-saucer:before{content:"\f0f4"}.fa-brush:before{content:"\f55d"}.fa-mask:before{content:"\f6fa"}.fa-magnifying-glass-minus:before,.fa-search-minus:before{content:"\f010"}.fa-ruler-vertical:before{content:"\f548"}.fa-user-alt:before,.fa-user-large:before{content:"\f406"}.fa-train-tram:before{content:"\e5b4"}.fa-user-nurse:before{content:"\f82f"}.fa-syringe:before{content:"\f48e"}.fa-cloud-sun:before{content:"\f6c4"}.fa-stopwatch-20:before{content:"\e06f"}.fa-square-full:before{content:"\f45c"}.fa-magnet:before{content:"\f076"}.fa-jar:before{content:"\e516"}.fa-note-sticky:before,.fa-sticky-note:before{content:"\f249"}.fa-bug-slash:before{content:"\e490"}.fa-arrow-up-from-water-pump:before{content:"\e4b6"}.fa-bone:before{content:"\f5d7"}.fa-user-injured:before{content:"\f728"}.fa-face-sad-tear:before,.fa-sad-tear:before{content:"\f5b4"}.fa-plane:before{content:"\f072"}.fa-tent-arrows-down:before{content:"\e581"}.fa-exclamation:before{content:"\21"}.fa-arrows-spin:before{content:"\e4bb"}.fa-print:before{content:"\f02f"}.fa-try:before,.fa-turkish-lira-sign:before,.fa-turkish-lira:before{content:"\e2bb"}.fa-dollar-sign:before,.fa-dollar:before,.fa-usd:before{content:"\24"}.fa-x:before{content:"\58"}.fa-magnifying-glass-dollar:before,.fa-search-dollar:before{content:"\f688"}.fa-users-cog:before,.fa-users-gear:before{content:"\f509"}.fa-person-military-pointing:before{content:"\e54a"}.fa-bank:before,.fa-building-columns:before,.fa-institution:before,.fa-museum:before,.fa-university:before{content:"\f19c"}.fa-umbrella:before{content:"\f0e9"}.fa-trowel:before{content:"\e589"}.fa-d:before{content:"\44"}.fa-stapler:before{content:"\e5af"}.fa-masks-theater:before,.fa-theater-masks:before{content:"\f630"}.fa-kip-sign:before{content:"\e1c4"}.fa-hand-point-left:before{content:"\f0a5"}.fa-handshake-alt:before,.fa-handshake-simple:before{content:"\f4c6"}.fa-fighter-jet:before,.fa-jet-fighter:before{content:"\f0fb"}.fa-share-alt-square:before,.fa-square-share-nodes:before{content:"\f1e1"}.fa-barcode:before{content:"\f02a"}.fa-plus-minus:before{content:"\e43c"}.fa-video-camera:before,.fa-video:before{content:"\f03d"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-person-circle-check:before{content:"\e53e"}.fa-level-up-alt:before,.fa-turn-up:before{content:"\f3bf"}
.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/assets/fa-brands-400-Ch568Ea9.woff2) format("woff2"),url(/assets/fa-brands-400-DHHcbFjz.ttf) format("truetype")}.fa-brands,.fab{font-weight:400}.fa-monero:before{content:"\f3d0"}.fa-hooli:before{content:"\f427"}.fa-yelp:before{content:"\f1e9"}.fa-cc-visa:before{content:"\f1f0"}.fa-lastfm:before{content:"\f202"}.fa-shopware:before{content:"\f5b5"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-aws:before{content:"\f375"}.fa-redhat:before{content:"\f7bc"}.fa-yoast:before{content:"\f2b1"}.fa-cloudflare:before{content:"\e07d"}.fa-ups:before{content:"\f7e0"}.fa-pixiv:before{content:"\e640"}.fa-wpexplorer:before{content:"\f2de"}.fa-dyalog:before{content:"\f399"}.fa-bity:before{content:"\f37a"}.fa-stackpath:before{content:"\f842"}.fa-buysellads:before{content:"\f20d"}.fa-first-order:before{content:"\f2b0"}.fa-modx:before{content:"\f285"}.fa-guilded:before{content:"\e07e"}.fa-vnv:before{content:"\f40b"}.fa-js-square:before,.fa-square-js:before{content:"\f3b9"}.fa-microsoft:before{content:"\f3ca"}.fa-qq:before{content:"\f1d6"}.fa-orcid:before{content:"\f8d2"}.fa-java:before{content:"\f4e4"}.fa-invision:before{content:"\f7b0"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-centercode:before{content:"\f380"}.fa-glide-g:before{content:"\f2a6"}.fa-drupal:before{content:"\f1a9"}.fa-jxl:before{content:"\e67b"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-unity:before{content:"\e049"}.fa-whmcs:before{content:"\f40d"}.fa-rocketchat:before{content:"\f3e8"}.fa-vk:before{content:"\f189"}.fa-untappd:before{content:"\f405"}.fa-mailchimp:before{content:"\f59e"}.fa-css3-alt:before{content:"\f38b"}.fa-reddit-square:before,.fa-square-reddit:before{content:"\f1a2"}.fa-vimeo-v:before{content:"\f27d"}.fa-contao:before{content:"\f26d"}.fa-square-font-awesome:before{content:"\e5ad"}.fa-deskpro:before{content:"\f38f"}.fa-brave:before{content:"\e63c"}.fa-sistrix:before{content:"\f3ee"}.fa-instagram-square:before,.fa-square-instagram:before{content:"\e055"}.fa-battle-net:before{content:"\f835"}.fa-the-red-yeti:before{content:"\f69d"}.fa-hacker-news-square:before,.fa-square-hacker-news:before{content:"\f3af"}.fa-edge:before{content:"\f282"}.fa-threads:before{content:"\e618"}.fa-napster:before{content:"\f3d2"}.fa-snapchat-square:before,.fa-square-snapchat:before{content:"\f2ad"}.fa-google-plus-g:before{content:"\f0d5"}.fa-artstation:before{content:"\f77a"}.fa-markdown:before{content:"\f60f"}.fa-sourcetree:before{content:"\f7d3"}.fa-google-plus:before{content:"\f2b3"}.fa-diaspora:before{content:"\f791"}.fa-foursquare:before{content:"\f180"}.fa-stack-overflow:before{content:"\f16c"}.fa-github-alt:before{content:"\f113"}.fa-phoenix-squadron:before{content:"\f511"}.fa-pagelines:before{content:"\f18c"}.fa-algolia:before{content:"\f36c"}.fa-red-river:before{content:"\f3e3"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-safari:before{content:"\f267"}.fa-google:before{content:"\f1a0"}.fa-font-awesome-alt:before,.fa-square-font-awesome-stroke:before{content:"\f35c"}.fa-atlassian:before{content:"\f77b"}.fa-linkedin-in:before{content:"\f0e1"}.fa-digital-ocean:before{content:"\f391"}.fa-nimblr:before{content:"\f5a8"}.fa-chromecast:before{content:"\f838"}.fa-evernote:before{content:"\f839"}.fa-hacker-news:before{content:"\f1d4"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-adversal:before{content:"\f36a"}.fa-creative-commons:before{content:"\f25e"}.fa-watchman-monitoring:before{content:"\e087"}.fa-fonticons:before{content:"\f280"}.fa-weixin:before{content:"\f1d7"}.fa-shirtsinbulk:before{content:"\f214"}.fa-codepen:before{content:"\f1cb"}.fa-git-alt:before{content:"\f841"}.fa-lyft:before{content:"\f3c3"}.fa-rev:before{content:"\f5b2"}.fa-windows:before{content:"\f17a"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-square-viadeo:before,.fa-viadeo-square:before{content:"\f2aa"}.fa-meetup:before{content:"\f2e0"}.fa-centos:before{content:"\f789"}.fa-adn:before{content:"\f170"}.fa-cloudsmith:before{content:"\f384"}.fa-opensuse:before{content:"\e62b"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-dribbble-square:before,.fa-square-dribbble:before{content:"\f397"}.fa-codiepie:before{content:"\f284"}.fa-node:before{content:"\f419"}.fa-mix:before{content:"\f3cb"}.fa-steam:before{content:"\f1b6"}.fa-cc-apple-pay:before{content:"\f416"}.fa-scribd:before{content:"\f28a"}.fa-debian:before{content:"\e60b"}.fa-openid:before{content:"\f19b"}.fa-instalod:before{content:"\e081"}.fa-expeditedssl:before{content:"\f23e"}.fa-sellcast:before{content:"\f2da"}.fa-square-twitter:before,.fa-twitter-square:before{content:"\f081"}.fa-r-project:before{content:"\f4f7"}.fa-delicious:before{content:"\f1a5"}.fa-freebsd:before{content:"\f3a4"}.fa-vuejs:before{content:"\f41f"}.fa-accusoft:before{content:"\f369"}.fa-ioxhost:before{content:"\f208"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-app-store:before{content:"\f36f"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-itunes-note:before{content:"\f3b5"}.fa-golang:before{content:"\e40f"}.fa-kickstarter:before,.fa-square-kickstarter:before{content:"\f3bb"}.fa-grav:before{content:"\f2d6"}.fa-weibo:before{content:"\f18a"}.fa-uncharted:before{content:"\e084"}.fa-firstdraft:before{content:"\f3a1"}.fa-square-youtube:before,.fa-youtube-square:before{content:"\f431"}.fa-wikipedia-w:before{content:"\f266"}.fa-rendact:before,.fa-wpressr:before{content:"\f3e4"}.fa-angellist:before{content:"\f209"}.fa-galactic-republic:before{content:"\f50c"}.fa-nfc-directional:before{content:"\e530"}.fa-skype:before{content:"\f17e"}.fa-joget:before{content:"\f3b7"}.fa-fedora:before{content:"\f798"}.fa-stripe-s:before{content:"\f42a"}.fa-meta:before{content:"\e49b"}.fa-laravel:before{content:"\f3bd"}.fa-hotjar:before{content:"\f3b1"}.fa-bluetooth-b:before{content:"\f294"}.fa-square-letterboxd:before{content:"\e62e"}.fa-sticker-mule:before{content:"\f3f7"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-hips:before{content:"\f452"}.fa-behance:before{content:"\f1b4"}.fa-reddit:before{content:"\f1a1"}.fa-discord:before{content:"\f392"}.fa-chrome:before{content:"\f268"}.fa-app-store-ios:before{content:"\f370"}.fa-cc-discover:before{content:"\f1f2"}.fa-wpbeginner:before{content:"\f297"}.fa-confluence:before{content:"\f78d"}.fa-shoelace:before{content:"\e60c"}.fa-mdb:before{content:"\f8ca"}.fa-dochub:before{content:"\f394"}.fa-accessible-icon:before{content:"\f368"}.fa-ebay:before{content:"\f4f4"}.fa-amazon:before{content:"\f270"}.fa-unsplash:before{content:"\e07c"}.fa-yarn:before{content:"\f7e3"}.fa-square-steam:before,.fa-steam-square:before{content:"\f1b7"}.fa-500px:before{content:"\f26e"}.fa-square-vimeo:before,.fa-vimeo-square:before{content:"\f194"}.fa-asymmetrik:before{content:"\f372"}.fa-font-awesome-flag:before,.fa-font-awesome-logo-full:before,.fa-font-awesome:before{content:"\f2b4"}.fa-gratipay:before{content:"\f184"}.fa-apple:before{content:"\f179"}.fa-hive:before{content:"\e07f"}.fa-gitkraken:before{content:"\f3a6"}.fa-keybase:before{content:"\f4f5"}.fa-apple-pay:before{content:"\f415"}.fa-padlet:before{content:"\e4a0"}.fa-amazon-pay:before{content:"\f42c"}.fa-github-square:before,.fa-square-github:before{content:"\f092"}.fa-stumbleupon:before{content:"\f1a4"}.fa-fedex:before{content:"\f797"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-shopify:before{content:"\e057"}.fa-neos:before{content:"\f612"}.fa-square-threads:before{content:"\e619"}.fa-hackerrank:before{content:"\f5f7"}.fa-researchgate:before{content:"\f4f8"}.fa-swift:before{content:"\f8e1"}.fa-angular:before{content:"\f420"}.fa-speakap:before{content:"\f3f3"}.fa-angrycreative:before{content:"\f36e"}.fa-y-combinator:before{content:"\f23b"}.fa-empire:before{content:"\f1d1"}.fa-envira:before{content:"\f299"}.fa-google-scholar:before{content:"\e63b"}.fa-gitlab-square:before,.fa-square-gitlab:before{content:"\e5ae"}.fa-studiovinari:before{content:"\f3f8"}.fa-pied-piper:before{content:"\f2ae"}.fa-wordpress:before{content:"\f19a"}.fa-product-hunt:before{content:"\f288"}.fa-firefox:before{content:"\f269"}.fa-linode:before{content:"\f2b8"}.fa-goodreads:before{content:"\f3a8"}.fa-odnoklassniki-square:before,.fa-square-odnoklassniki:before{content:"\f264"}.fa-jsfiddle:before{content:"\f1cc"}.fa-sith:before{content:"\f512"}.fa-themeisle:before{content:"\f2b2"}.fa-page4:before{content:"\f3d7"}.fa-hashnode:before{content:"\e499"}.fa-react:before{content:"\f41b"}.fa-cc-paypal:before{content:"\f1f4"}.fa-squarespace:before{content:"\f5be"}.fa-cc-stripe:before{content:"\f1f5"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-bitcoin:before{content:"\f379"}.fa-keycdn:before{content:"\f3ba"}.fa-opera:before{content:"\f26a"}.fa-itch-io:before{content:"\f83a"}.fa-umbraco:before{content:"\f8e8"}.fa-galactic-senate:before{content:"\f50d"}.fa-ubuntu:before{content:"\f7df"}.fa-draft2digital:before{content:"\f396"}.fa-stripe:before{content:"\f429"}.fa-houzz:before{content:"\f27c"}.fa-gg:before{content:"\f260"}.fa-dhl:before{content:"\f790"}.fa-pinterest-square:before,.fa-square-pinterest:before{content:"\f0d3"}.fa-xing:before{content:"\f168"}.fa-blackberry:before{content:"\f37b"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-playstation:before{content:"\f3df"}.fa-quinscape:before{content:"\f459"}.fa-less:before{content:"\f41d"}.fa-blogger-b:before{content:"\f37d"}.fa-opencart:before{content:"\f23d"}.fa-vine:before{content:"\f1ca"}.fa-signal-messenger:before{content:"\e663"}.fa-paypal:before{content:"\f1ed"}.fa-gitlab:before{content:"\f296"}.fa-typo3:before{content:"\f42b"}.fa-reddit-alien:before{content:"\f281"}.fa-yahoo:before{content:"\f19e"}.fa-dailymotion:before{content:"\e052"}.fa-affiliatetheme:before{content:"\f36b"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-bootstrap:before{content:"\f836"}.fa-odnoklassniki:before{content:"\f263"}.fa-nfc-symbol:before{content:"\e531"}.fa-mintbit:before{content:"\e62f"}.fa-ethereum:before{content:"\f42e"}.fa-speaker-deck:before{content:"\f83c"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-patreon:before{content:"\f3d9"}.fa-avianex:before{content:"\f374"}.fa-ello:before{content:"\f5f1"}.fa-gofore:before{content:"\f3a7"}.fa-bimobject:before{content:"\f378"}.fa-brave-reverse:before{content:"\e63d"}.fa-facebook-f:before{content:"\f39e"}.fa-google-plus-square:before,.fa-square-google-plus:before{content:"\f0d4"}.fa-web-awesome:before{content:"\e682"}.fa-mandalorian:before{content:"\f50f"}.fa-first-order-alt:before{content:"\f50a"}.fa-osi:before{content:"\f41a"}.fa-google-wallet:before{content:"\f1ee"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-periscope:before{content:"\f3da"}.fa-fulcrum:before{content:"\f50b"}.fa-cloudscale:before{content:"\f383"}.fa-forumbee:before{content:"\f211"}.fa-mizuni:before{content:"\f3cc"}.fa-schlix:before{content:"\f3ea"}.fa-square-xing:before,.fa-xing-square:before{content:"\f169"}.fa-bandcamp:before{content:"\f2d5"}.fa-wpforms:before{content:"\f298"}.fa-cloudversify:before{content:"\f385"}.fa-usps:before{content:"\f7e1"}.fa-megaport:before{content:"\f5a3"}.fa-magento:before{content:"\f3c4"}.fa-spotify:before{content:"\f1bc"}.fa-optin-monster:before{content:"\f23c"}.fa-fly:before{content:"\f417"}.fa-aviato:before{content:"\f421"}.fa-itunes:before{content:"\f3b4"}.fa-cuttlefish:before{content:"\f38c"}.fa-blogger:before{content:"\f37c"}.fa-flickr:before{content:"\f16e"}.fa-viber:before{content:"\f409"}.fa-soundcloud:before{content:"\f1be"}.fa-digg:before{content:"\f1a6"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-letterboxd:before{content:"\e62d"}.fa-symfony:before{content:"\f83d"}.fa-maxcdn:before{content:"\f136"}.fa-etsy:before{content:"\f2d7"}.fa-facebook-messenger:before{content:"\f39f"}.fa-audible:before{content:"\f373"}.fa-think-peaks:before{content:"\f731"}.fa-bilibili:before{content:"\e3d9"}.fa-erlang:before{content:"\f39d"}.fa-x-twitter:before{content:"\e61b"}.fa-cotton-bureau:before{content:"\f89e"}.fa-dashcube:before{content:"\f210"}.fa-42-group:before,.fa-innosoft:before{content:"\e080"}.fa-stack-exchange:before{content:"\f18d"}.fa-elementor:before{content:"\f430"}.fa-pied-piper-square:before,.fa-square-pied-piper:before{content:"\e01e"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-palfed:before{content:"\f3d8"}.fa-superpowers:before{content:"\f2dd"}.fa-resolving:before{content:"\f3e7"}.fa-xbox:before{content:"\f412"}.fa-square-web-awesome-stroke:before{content:"\e684"}.fa-searchengin:before{content:"\f3eb"}.fa-tiktok:before{content:"\e07b"}.fa-facebook-square:before,.fa-square-facebook:before{content:"\f082"}.fa-renren:before{content:"\f18b"}.fa-linux:before{content:"\f17c"}.fa-glide:before{content:"\f2a5"}.fa-linkedin:before{content:"\f08c"}.fa-hubspot:before{content:"\f3b2"}.fa-deploydog:before{content:"\f38e"}.fa-twitch:before{content:"\f1e8"}.fa-ravelry:before{content:"\f2d9"}.fa-mixer:before{content:"\e056"}.fa-lastfm-square:before,.fa-square-lastfm:before{content:"\f203"}.fa-vimeo:before{content:"\f40a"}.fa-mendeley:before{content:"\f7b3"}.fa-uniregistry:before{content:"\f404"}.fa-figma:before{content:"\f799"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-dropbox:before{content:"\f16b"}.fa-instagram:before{content:"\f16d"}.fa-cmplid:before{content:"\e360"}.fa-upwork:before{content:"\e641"}.fa-facebook:before{content:"\f09a"}.fa-gripfire:before{content:"\f3ac"}.fa-jedi-order:before{content:"\f50e"}.fa-uikit:before{content:"\f403"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-phabricator:before{content:"\f3db"}.fa-ussunnah:before{content:"\f407"}.fa-earlybirds:before{content:"\f39a"}.fa-trade-federation:before{content:"\f513"}.fa-autoprefixer:before{content:"\f41c"}.fa-whatsapp:before{content:"\f232"}.fa-square-upwork:before{content:"\e67c"}.fa-slideshare:before{content:"\f1e7"}.fa-google-play:before{content:"\f3ab"}.fa-viadeo:before{content:"\f2a9"}.fa-line:before{content:"\f3c0"}.fa-google-drive:before{content:"\f3aa"}.fa-servicestack:before{content:"\f3ec"}.fa-simplybuilt:before{content:"\f215"}.fa-bitbucket:before{content:"\f171"}.fa-imdb:before{content:"\f2d8"}.fa-deezer:before{content:"\e077"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-jira:before{content:"\f7b1"}.fa-docker:before{content:"\f395"}.fa-screenpal:before{content:"\e570"}.fa-bluetooth:before{content:"\f293"}.fa-gitter:before{content:"\f426"}.fa-d-and-d:before{content:"\f38d"}.fa-microblog:before{content:"\e01a"}.fa-cc-diners-club:before{content:"\f24c"}.fa-gg-circle:before{content:"\f261"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-yandex:before{content:"\f413"}.fa-readme:before{content:"\f4d5"}.fa-html5:before{content:"\f13b"}.fa-sellsy:before{content:"\f213"}.fa-square-web-awesome:before{content:"\e683"}.fa-sass:before{content:"\f41e"}.fa-wirsindhandwerk:before,.fa-wsh:before{content:"\e2d0"}.fa-buromobelexperte:before{content:"\f37f"}.fa-salesforce:before{content:"\f83b"}.fa-octopus-deploy:before{content:"\e082"}.fa-medapps:before{content:"\f3c6"}.fa-ns8:before{content:"\f3d5"}.fa-pinterest-p:before{content:"\f231"}.fa-apper:before{content:"\f371"}.fa-fort-awesome:before{content:"\f286"}.fa-waze:before{content:"\f83f"}.fa-bluesky:before{content:"\e671"}.fa-cc-jcb:before{content:"\f24b"}.fa-snapchat-ghost:before,.fa-snapchat:before{content:"\f2ab"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-rust:before{content:"\e07a"}.fa-wix:before{content:"\f5cf"}.fa-behance-square:before,.fa-square-behance:before{content:"\f1b5"}.fa-supple:before{content:"\f3f9"}.fa-webflow:before{content:"\e65c"}.fa-rebel:before{content:"\f1d0"}.fa-css3:before{content:"\f13c"}.fa-staylinked:before{content:"\f3f5"}.fa-kaggle:before{content:"\f5fa"}.fa-space-awesome:before{content:"\e5ac"}.fa-deviantart:before{content:"\f1bd"}.fa-cpanel:before{content:"\f388"}.fa-goodreads-g:before{content:"\f3a9"}.fa-git-square:before,.fa-square-git:before{content:"\f1d2"}.fa-square-tumblr:before,.fa-tumblr-square:before{content:"\f174"}.fa-trello:before{content:"\f181"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-get-pocket:before{content:"\f265"}.fa-perbyte:before{content:"\e083"}.fa-grunt:before{content:"\f3ad"}.fa-weebly:before{content:"\f5cc"}.fa-connectdevelop:before{content:"\f20e"}.fa-leanpub:before{content:"\f212"}.fa-black-tie:before{content:"\f27e"}.fa-themeco:before{content:"\f5c6"}.fa-python:before{content:"\f3e2"}.fa-android:before{content:"\f17b"}.fa-bots:before{content:"\e340"}.fa-free-code-camp:before{content:"\f2c5"}.fa-hornbill:before{content:"\f592"}.fa-js:before{content:"\f3b8"}.fa-ideal:before{content:"\e013"}.fa-git:before{content:"\f1d3"}.fa-dev:before{content:"\f6cc"}.fa-sketch:before{content:"\f7c6"}.fa-yandex-international:before{content:"\f414"}.fa-cc-amex:before{content:"\f1f3"}.fa-uber:before{content:"\f402"}.fa-github:before{content:"\f09b"}.fa-php:before{content:"\f457"}.fa-alipay:before{content:"\f642"}.fa-youtube:before{content:"\f167"}.fa-skyatlas:before{content:"\f216"}.fa-firefox-browser:before{content:"\e007"}.fa-replyd:before{content:"\f3e6"}.fa-suse:before{content:"\f7d6"}.fa-jenkins:before{content:"\f3b6"}.fa-twitter:before{content:"\f099"}.fa-rockrms:before{content:"\f3e9"}.fa-pinterest:before{content:"\f0d2"}.fa-buffer:before{content:"\f837"}.fa-npm:before{content:"\f3d4"}.fa-yammer:before{content:"\f840"}.fa-btc:before{content:"\f15a"}.fa-dribbble:before{content:"\f17d"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-internet-explorer:before{content:"\f26b"}.fa-stubber:before{content:"\e5c7"}.fa-telegram-plane:before,.fa-telegram:before{content:"\f2c6"}.fa-old-republic:before{content:"\f510"}.fa-odysee:before{content:"\e5c6"}.fa-square-whatsapp:before,.fa-whatsapp-square:before{content:"\f40c"}.fa-node-js:before{content:"\f3d3"}.fa-edge-legacy:before{content:"\e078"}.fa-slack-hash:before,.fa-slack:before{content:"\f198"}.fa-medrt:before{content:"\f3c8"}.fa-usb:before{content:"\f287"}.fa-tumblr:before{content:"\f173"}.fa-vaadin:before{content:"\f408"}.fa-quora:before{content:"\f2c4"}.fa-square-x-twitter:before{content:"\e61a"}.fa-reacteurope:before{content:"\f75d"}.fa-medium-m:before,.fa-medium:before{content:"\f23a"}.fa-amilia:before{content:"\f36d"}.fa-mixcloud:before{content:"\f289"}.fa-flipboard:before{content:"\f44d"}.fa-viacoin:before{content:"\f237"}.fa-critical-role:before{content:"\f6c9"}.fa-sitrox:before{content:"\e44a"}.fa-discourse:before{content:"\f393"}.fa-joomla:before{content:"\f1aa"}.fa-mastodon:before{content:"\f4f6"}.fa-airbnb:before{content:"\f834"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-buy-n-large:before{content:"\f8a6"}.fa-gulp:before{content:"\f3ae"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-strava:before{content:"\f428"}.fa-ember:before{content:"\f423"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-teamspeak:before{content:"\f4f9"}.fa-pushed:before{content:"\f3e1"}.fa-wordpress-simple:before{content:"\f411"}.fa-nutritionix:before{content:"\f3d6"}.fa-wodu:before{content:"\e088"}.fa-google-pay:before{content:"\e079"}.fa-intercom:before{content:"\f7af"}.fa-zhihu:before{content:"\f63f"}.fa-korvue:before{content:"\f42f"}.fa-pix:before{content:"\e43a"}.fa-steam-symbol:before{content:"\f3f6"}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(/assets/fa-regular-400-9VThgXHM.woff2) format("woff2"),url(/assets/fa-regular-400-C54-fRIQ.ttf) format("truetype")}.fa-regular,.far{font-weight:400}:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(/assets/fa-solid-900-QWY35r5r.woff2) format("woff2"),url(/assets/fa-solid-900-Cm9M9sZB.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(/assets/fa-brands-400-Ch568Ea9.woff2) format("woff2"),url(/assets/fa-brands-400-DHHcbFjz.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(/assets/fa-solid-900-QWY35r5r.woff2) format("woff2"),url(/assets/fa-solid-900-Cm9M9sZB.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(/assets/fa-regular-400-9VThgXHM.woff2) format("woff2"),url(/assets/fa-regular-400-C54-fRIQ.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(/assets/fa-solid-900-QWY35r5r.woff2) format("woff2"),url(/assets/fa-solid-900-Cm9M9sZB.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(/assets/fa-brands-400-Ch568Ea9.woff2) format("woff2"),url(/assets/fa-brands-400-DHHcbFjz.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(/assets/fa-regular-400-9VThgXHM.woff2) format("woff2"),url(/assets/fa-regular-400-C54-fRIQ.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url(/assets/fa-v4compatibility-BRdYr4HJ.woff2) format("woff2"),url(/assets/fa-v4compatibility-DLBX5pNp.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}
#spinner-div {
  background-color: #ffffff;
  border-radius: 25px;
  display: none;
  height: 120px;
  opacity: 0.7;
  padding: 16px;
  align-self: center;
  left: calc(50% - 55px);
  top: 150px;
  width: 120px;
  z-index: 2000;
}