@layer jamix {
  /* Currently postcss build hangs if there are any @tailwind directives, so don't
  use them! */
  /* base is required for transforms to work correctly. */
  /* Here are all variables etc that are normally added by the @tailwind base;
  command.*/
  *, ::before, ::after {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #292579;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
  }
  ::backdrop {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #292579;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    border-color: var(--mud-palette-overlay-dark);
    background-color: var(--mud-palette-overlay-dark);
  }
  /* 
  * Hide file selector button and make it a pointer.
  * This is because of an html "feature" where file inputs come with a pseudo-element button
  * that can't be hidden without breaking the input and is very awkward to apply styles to.
  * With this setup the button can stay where it is, but it blends in with the custom buttons.
  */
  input[type=file] {
    opacity: 0;
  }
  input[type=file]::file-selector-button {
    cursor: pointer;
  }
  /*
  * Override browser's built in stylesheet that prevents dialog from taking up full height/width of screen
  */
  dialog:modal {
    max-width: 100vw;
    max-height: 100vh;
  }
  @layer blazor {
    /* Base styles originally defined by MudBlazor.min.css. These should be
    at the very bottom in priority so that's why they are added here first
    before other layers. */
    * {
      margin: 0px;
      box-sizing: border-box;
      border-width: 0;
      border-style: solid;
      padding: 0px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-decoration: none;
    }
    :root {
      /* #region Jamix additions */
      /* Historical animation transitions. */
      /* DON'T ADD MORE ANIMATION PROPERTIES HERE. Use Tailwind and j-transition-*
       * utility classes instead. They can be configured in tailwind.config.js.
       */
      --transition-animation-duration: 225ms;
      --transition-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
      /* Hierarchical z-index that can be overridden in each modal/container layer if necessary. */
      --jmx-zindex: 0;
      /* #endregion */
      --mud-palette-black: #272c34ff;
      --mud-palette-white: #ffffffff;
      /* #region Primary Colors */
      --mud-palette-primary: #292579;
      --mud-palette-primary-rgb: 41,37,121;
      --mud-palette-primary-text: #162A1E;
      --mud-palette-primary-darken: #0B1247;
      --mud-palette-primary-lighten: #17206880;
      --mud-palette-primary-hover: #0B1247;
      /* #endregion */
      /* #region Secondary Colors */
      --mud-palette-secondary: #772CB2;
      --mud-palette-secondary-rgb: 119,44,178;
      --mud-palette-secondary-text: #00000099;
      --mud-palette-secondary-darken: #411C5E;
      --mud-palette-secondary-lighten: #652F9080;
      --mud-palette-secondary-hover: #411C5E;
      /* #endregion */
      /* #region Tertiary Colors - TODO: Figure out what to do with it (not being used anywhere) */
      --mud-palette-tertiary: #1ec8a5ff; /* TODO: Map to theme? */
      --mud-palette-tertiary-rgb: 30, 200, 165; /* TODO: Map to theme? */
      --mud-palette-tertiary-text: #ffffffff; /* TODO: Map to theme? */
      --mud-palette-tertiary-darken: rgb(25, 169, 140); /* TODO: Map to theme? */
      --mud-palette-tertiary-lighten: rgb(42, 223, 187); /* TODO: Map to theme? */
      --mud-palette-tertiary-hover: rgba(30, 200, 165, 0.058823529411764705); /* TODO: Map to theme? */
      /* #endregion */
      /* #region Info Colors */
      --mud-palette-info: #095580;
      --mud-palette-info-rgb: 41,37,121;
      --mud-palette-info-text: #162A1E;
      --mud-palette-info-darken: #06425B;
      --mud-palette-info-lighten: #B3DCEF;
      --mud-palette-info-hover: #06425B;
      /* #endregion */
      /* #region Success Colors */
      --mud-palette-success: #1A6222;
      --mud-palette-success-rgb: 26,98,34;
      --mud-palette-success-text: #162A1E;
      --mud-palette-success-darken: #1B4D20;
      --mud-palette-success-lighten: #ABDA99;
      --mud-palette-success-hover: #1B4D20;
      /* #endregion */
      /* #region Warning Colors */
      --mud-palette-warning: #A84601;
      --mud-palette-warning-rgb: 41,37,121;
      --mud-palette-warning-text: #162A1E;
      --mud-palette-warning-darken: #A84601;
      --mud-palette-warning-lighten: #FFB067;
      --mud-palette-warning-hover: #A84601;
      /* #endregion */
      /* #region Error Colors */
      --mud-palette-error: #D32F2F;
      --mud-palette-error-rgb: 41,37,121;
      --mud-palette-error-text: #162A1E;
      --mud-palette-error-darken: #C62828;
      --mud-palette-error-lighten: #EF5350;
      --mud-palette-error-hover: rgba(244, 67, 54, 0.058823529411764705);
      /* #endregion */
      /* #region Dark Colors */
      --mud-palette-dark: #424242ff;
      --mud-palette-dark-rgb: 66, 66, 66;
      --mud-palette-dark-text: #ffffffff;
      --mud-palette-dark-darken: rgb(46, 46, 46);
      --mud-palette-dark-lighten: rgb(87, 87, 87);
      --mud-palette-dark-hover: rgba(66, 66, 66, 0.058823529411764705);
      /* #endregion */
      /* #region Text Colors */
      --mud-palette-text-primary: #162A1E;
      --mud-palette-text-secondary: #00000099;
      --mud-palette-text-disabled: #00000059;
      /* #endregion */
      /* #region Action Colors */
      --mud-palette-action-default: #0000008A;
      --mud-palette-action-default-hover: #0000000A;
      --mud-palette-action-disabled: #00000042;
      --mud-palette-action-disabled-background: #00000014;
      /* #endregion */
      /* #region Surface Colors */
      --mud-palette-surface: #ffffffff;
      /* #endregion */
      /* #region Background Colors */
      --mud-palette-background: #E6E4DA80;
      --mud-palette-background-grey: #E6E4DA80;
      /* #endregion */
      /* #region Drawer Colors */
      --mud-palette-drawer-background: #fefdf9ff;
      --mud-palette-drawer-text: #042d0dff;
      --mud-palette-drawer-icon: #616161ff;
      /* #endregion */
      /* #region App Bar Colors */
      --mud-palette-appbar-background: #fefdf9ff;
      --mud-palette-appbar-text: #042d0dff;
      /* #endregion */
      /* #region Line Colors */
      --mud-palette-lines-default: #0000001e;
      --mud-palette-lines-inputs: #bdbdbdff;
      /* #endregion */
      /* #region Table Colors */
      --mud-palette-table-lines: #e0e0e0ff;
      --mud-palette-table-striped: #00000005;
      --mud-palette-table-hover: #0000000a;
      /* #endregion */
      /* #region Divider Colors */
      --mud-palette-divider: #e0e0e0ff;
      --mud-palette-divider-light: #000000cc;
      /* #endregion */
      /* #region Grey Colors */
      --mud-palette-grey-default: #9e9e9e;
      --mud-palette-grey-light: #bdbdbd;
      --mud-palette-grey-lighter: #e0e0e0;
      --mud-palette-grey-dark: #757575;
      --mud-palette-grey-darker: #616161;
      /* #endregion */
      /* #region Overlay Colors */
      --mud-palette-overlay-dark: rgba(33, 33, 33, 0.4980392156862745);
      --mud-palette-overlay-light: rgba(255, 255, 255, 0.4980392156862745);
      /* #endregion */
      /* #region Elevation */
      --mud-elevation-0: none;
      --mud-elevation-1: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
      --mud-elevation-2: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
      --mud-elevation-3: 0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12);
      --mud-elevation-4: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
      --mud-elevation-5: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12);
      --mud-elevation-6: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
      --mud-elevation-7: 0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12);
      --mud-elevation-8: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
      --mud-elevation-9: 0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12);
      --mud-elevation-10: 0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12);
      --mud-elevation-11: 0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12);
      --mud-elevation-12: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12);
      --mud-elevation-13: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12);
      --mud-elevation-14: 0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12);
      --mud-elevation-15: 0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12);
      --mud-elevation-16: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12);
      --mud-elevation-17: 0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12);
      --mud-elevation-18: 0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12);
      --mud-elevation-19: 0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12);
      --mud-elevation-20: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12);
      --mud-elevation-21: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12);
      --mud-elevation-22: 0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12);
      --mud-elevation-23: 0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12);
      --mud-elevation-24: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);
      --mud-elevation-25: 0 5px 5px -3px rgba(0,0,0,.06), 0 8px 10px 1px rgba(0,0,0,.042), 0 3px 14px 2px rgba(0,0,0,.036);
      /* #endregion */
      /* #region Border Radius */
      --mud-default-borderradius: 0.25rem;
      /* #endregion */
      /* #region Drawer Dimensions */
      --mud-drawer-width-left: clamp(19.6875rem, 14.75rem + 6.171875vw, 24.625rem);
      --mud-drawer-width-right: clamp(19.6875rem, 14.75rem + 6.171875vw, 24.625rem);
      --mud-drawer-width-mini-left: clamp(4.625rem, 3.875rem + 0.9375000000000001vw, 5.375rem);
      --mud-drawer-width-mini-right: clamp(4.625rem, 3.875rem + 0.9375000000000001vw, 5.375rem);
      /* #endregion */
      /* #region App Bar Dimensions */
      --mud-appbar-height: 64px;
      /* #endregion */
      /* #region Typography */
      --mud-typography-default-family: Barlow;
      --mud-typography-default-size: 6rem;
      --mud-typography-default-weight: 500;
      --mud-typography-default-lineheight: 140%;
      --mud-typography-default-letterspacing: 0.15px;
      --mud-typography-default-text-transform: none;
      --mud-typography-h1-family: Barlow;
      --mud-typography-h1-size: 6rem;
      --mud-typography-h1-weight: 300;
      --mud-typography-h1-lineheight: 113.7%;
      --mud-typography-h1-letterspacing: -1.5px;
      --mud-typography-h1-text-transform: none;
      --mud-typography-h2-family: Barlow;
      --mud-typography-h2-size: 3.75rem;
      --mud-typography-h2-weight: 300;
      --mud-typography-h2-lineheight: 120%;
      --mud-typography-h2-letterspacing: -0.5px;
      --mud-typography-h2-text-transform: none;
      --mud-typography-h3-family: Barlow;
      --mud-typography-h3-size: 2.625rem;
      --mud-typography-h3-weight: 500;
      --mud-typography-h3-lineheight: 130%;
      --mud-typography-h3-letterspacing: 0px;
      --mud-typography-h3-text-transform: none;
      --mud-typography-h4-family: Barlow;
      --mud-typography-h4-size: 123.5%;
      --mud-typography-h4-weight: 600;
      --mud-typography-h4-lineheight: 123.5%;
      --mud-typography-h4-letterspacing: 0.25px;
      --mud-typography-h4-text-transform: none;
      --mud-typography-h5-family: Barlow;
      --mud-typography-h5-size: 1.5rem;
      --mud-typography-h5-weight: 600;
      --mud-typography-h5-lineheight: 133.4%;
      --mud-typography-h5-letterspacing: 0px;
      --mud-typography-h5-text-transform: none;
      --mud-typography-h6-family: Barlow;
      --mud-typography-h6-size: 1.25rem;
      --mud-typography-h6-weight: 700;
      --mud-typography-h6-lineheight: 160%;
      --mud-typography-h6-letterspacing: 0.15px;
      --mud-typography-h6-text-transform: none;
      --mud-typography-subtitle1-family: Barlow;
      --mud-typography-subtitle1-size: 1rem;
      --mud-typography-subtitle1-weight: 600;
      --mud-typography-subtitle1-lineheight: 120%;
      --mud-typography-subtitle1-letterspacing: 0.15px;
      --mud-typography-subtitle1-text-transform: none;
      --mud-typography-subtitle2-family: Barlow;
      --mud-typography-subtitle2-size: 0.875rem;
      --mud-typography-subtitle2-weight: 600;
      --mud-typography-subtitle2-lineheight: 130%;
      --mud-typography-subtitle2-letterspacing: -0.1px;
      --mud-typography-subtitle2-text-transform: none;
      --mud-typography-body1-family: Barlow;
      --mud-typography-body1-size: 1rem;
      --mud-typography-body1-weight: 500;
      --mud-typography-body1-lineheight: 140%;
      --mud-typography-body1-letterspacing: 0.15px;
      --mud-typography-body1-text-transform: none;
      --mud-typography-body2-family: Barlow;
      --mud-typography-body2-size: 0.875rem;
      --mud-typography-body2-weight: 500;
      --mud-typography-body2-lineheight: 143%;
      --mud-typography-body2-letterspacing: 0.15px;
      --mud-typography-body2-text-transform: none;
      --mud-typography-button-family: Barlow;
      --mud-typography-button-size: 0.875rem;
      --mud-typography-button-weight: 700;
      --mud-typography-button-lineheight: 115%;
      --mud-typography-button-letterspacing: 0.02875rem;
      --mud-typography-button-text-transform: uppercase;
      --mud-typography-caption-family: Barlow;
      --mud-typography-caption-size: 0.75rem;
      --mud-typography-caption-weight: 400;
      --mud-typography-caption-lineheight: 140%;
      --mud-typography-caption-letterspacing: 0.4px;
      --mud-typography-caption-text-transform: none;
      --mud-typography-overline-family: Barlow;
      --mud-typography-overline-size: 0.75rem;
      --mud-typography-overline-weight: 400;
      --mud-typography-overline-lineheight: 266%;
      --mud-typography-overline-letterspacing: 1px;
      --mud-typography-overline-text-transform: uppercase;
      /* #endregion */
      /* #region Z-Index */
      --mud-zindex-drawer: 1100;
      --mud-zindex-appbar: 1000;
      --mud-zindex-dialog: 1400;
      --mud-zindex-snackbar: 1500;
      --mud-zindex-tooltip: 1600;
      /* #endregion */
    }
    /**
    * Blazor
    **/
    #blazor-error-ui {
      background: lightyellow;
      bottom: 0;
      box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
      display: none;
      left: 0;
      padding: 0.6rem 1.25rem 0.7rem 1.25rem;
      position: fixed;
      width: 100%;
      z-index: 1000;
    }
    #blazor-error-ui .dismiss {
      cursor: pointer;
      position: absolute;
      right: 0.75rem;
      top: 0.5rem;
    }
    .blazor-error-boundary {
      background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
      padding: 1rem 1rem 1rem 3.7rem;
      color: white;
    }
    .blazor-error-boundary::after {
      content: "An error has occurred.";
    }
    /**
      * MudBlazor component styling improvements and fixes
      **/
    .mud-fab:hover:not(.mud-fab-disable-elevation), .mud-fab:focus-visible:not(.mud-fab-disable-elevation) {
      box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.36), 0 3px 14px 2px rgba(0, 0, 0, 0.36);
    }
    .mud-progress-circular {
      /* The progress bar SVG was placed a bit off-center vertically by
      default. */
      vertical-align: middle;
    }
    .mud-fab-primary,
    .mud-button-filled.mud-button-filled-primary,
    .mud-button-text.mud-button-text-primary:hover,
    .mud-button-text.mud-button-text-primary:focus-visible {
      color: #FFFFFF;
    }
    /* Class used by the standard Blazor validation message component. */
    .validation-message {
      color: #C62828;
    }
    button, [type=button], [type=reset], [type=submit] {
      -webkit-appearance: button;
    }
    button, select {
      text-transform: none;
    }
    button, input {
      overflow: visible;
    }
    input, button, select, optgroup, textarea {
      margin: 0;
      font-family: inherit;
      font-size: inherit;
      line-height: inherit;
    }
    button {
      color: inherit;
      border: 0;
      cursor: pointer;
      margin: 0;
      display: inline-flex;
      outline: 0;
      padding: 0;
      position: relative;
      align-items: center;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
      border-radius: 0;
      vertical-align: middle;
      -moz-appearance: none;
      justify-content: center;
      text-decoration: none;
      background-color: transparent;
      -webkit-appearance: none;
      -webkit-tap-highlight-color: transparent;
    }
    [data-jmx-style-hidden] {
      display: none;
    }
  }
  @layer layout {
    html,
    body {
      /**
        * We need to tell the browser we want the
        * document to be full height
        * child elements use this to position themselves
        **/
      height: 100%;
      max-width: 100%;
      scroll-padding-top: var(--mud-appbar-height);
    }
    html.scroll-locked, body.scroll-locked {
      overflow: hidden;
    }
    body {
      background-color: #FBFAF8;
      color: #162A1E;
    }
    body:is(.j-dark *) {
      background-color: #0F131F;
      color: #B2B8C2;
    }
    body:has([data-jmx-style-printout-background]) {
      background-color: #FFFFFF;
    }
    body:has([data-jmx-style-printout-background]):is(.j-dark *) {
      background-color: #FFFFFF;
    }
    body {
      font-family: var(--mud-typography-default-family);
      font-size: var(--mud-typography-default-size);
      font-weight: var(--mud-typography-default-weight);
      line-height: var(--mud-typography-default-lineheight);
      letter-spacing: var(--mud-typography-default-letterspacing);
      text-transform: var(--mud-typography-default-text-transform);
      scrollbar-gutter: stable;
    }
  }
  @layer typography {
    html,
    body {
      /** Sets the root em for fluid **/
      font-size: 1rem;
    }
    .mud-typography-h6 {
      font-size: 1.25rem;
      line-height: 160%;
      letter-spacing: 0.15px;
      font-weight: 700;
    }
  }
}
@layer theme {
  [data-jmx-component=icon-button] button {
    background-color: transparent;
    color: #292579;
  }
  [data-jmx-component=icon-button] button:hover {
    background-color: rgba(23, 32, 104, 0.0392156863);
    color: #0B1247;
  }
  [data-jmx-component=icon-button] button:focus-visible {
    background-color: rgba(136, 124, 76, 0.1490196078);
    color: #0B1247;
  }
  [data-jmx-component=icon-button] button:disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.2588235294);
  }
  [data-jmx-component=icon-button] button:is(.j-dark *) {
    background-color: transparent;
    color: #88A578;
  }
  [data-jmx-component=icon-button] button:hover:is(.j-dark *) {
    background-color: rgba(136, 165, 120, 0.0392156863);
    color: #BECEB6;
  }
  [data-jmx-component=icon-button] button:focus-visible:is(.j-dark *) {
    background-color: rgba(0, 0, 0, 0.4);
    color: #BECEB6;
  }
  [data-jmx-component=icon-button] button:disabled:is(.j-dark *) {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3019607843);
  }
  [data-jmx-component=back-button] button {
    color: rgba(0, 0, 0, 0.6) !important;
  }
  [data-jmx-component=back-button] button:is(.j-dark *) {
    color: #87909F !important;
  }
  [data-jmx-component=info-button] {
    border-radius: 9999px;
    background-color: #095580;
  }
  [data-jmx-component=info-button]:is(.j-dark *) {
    background-color: #29B6F6;
  }
  [data-jmx-component=info-button] [data-jmx-info-button-icon] {
    color: #FFFFFF;
    opacity: 0.7;
  }
  [data-jmx-component=info-button] [data-jmx-info-button-icon]:is(.j-dark *) {
    color: rgba(0, 0, 0, 0.8705882353);
  }
  /* Inside popover so cannot be styled from component's .razor.scss */
  [data-jmx-component=button][data-jmx-popover-button-button][data-jmx-style-visually-important] {
    border-radius: 1.5rem;
    color: #095580;
  }
  [data-jmx-component=button][data-jmx-popover-button-button][data-jmx-style-visually-important]:is(.j-dark *) {
    color: #29B6F6;
  }
  .j-peer:focus-visible ~ [data-jmx-lock-toggle-button-handle] {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    --tw-ring-color: #292579;
  }
  [data-jmx-lock-toggle-button-handle] {
    color: #292579;
  }
  .j-peer:disabled ~ [data-jmx-lock-toggle-button-handle] {
    color: rgba(0, 0, 0, 0.3490196078);
  }
  [data-jmx-lock-toggle-button-handle] {
    border-radius: 0.125rem;
  }
  [data-jmx-component=chip-selector] {
    border-color: rgba(0, 0, 0, 0.231372549);
  }
  [data-jmx-component=chip-selector]:is(.j-dark *) {
    border-color: rgba(44, 48, 80, 0.6901960784);
  }
  [data-jmx-component=chip-selector][data-jmx-style-edit-view] {
    background-color: #FFFEFE;
  }
  [data-jmx-component=chip-selector][data-jmx-style-edit-view]:is(.j-dark *) {
    background-color: #0F121D;
  }
  [data-jmx-component=chip-selector][data-jmx-style-read-mode] {
    background-color: transparent;
  }
  [data-jmx-component=chip-selector][data-jmx-style-read-mode]:is(.j-dark *) {
    background-color: transparent;
  }
  [data-jmx-component=chip-selector]:has(:focus-visible) {
    border-color: #292579;
  }
  [data-jmx-component=chip-selector]:has(:focus-visible):is(.j-dark *) {
    border-color: #88A578;
  }
  [data-jmx-component=chip-selector].error {
    border-color: #C62828;
    color: #C62828;
  }
  [data-jmx-component=chip-selector].error:is(.j-dark *) {
    border-color: #D32F2F;
    color: #D32F2F;
  }
  [data-jmx-component=chip-selector] [data-jmx-auto-complete-drawer] {
    background-color: #FFFEFE;
  }
  [data-jmx-component=chip-selector] [data-jmx-auto-complete-drawer]:is(.j-dark *) {
    background-color: #131725;
  }
  [data-jmx-component=chip-selector] [data-jmx-auto-complete-drawer][data-jmx-visible=false] {
    display: none;
  }
  [data-jmx-component=chip-selector] [data-jmx-auto-complete-drawer] [data-jmx-auto-complete-option-add-new-item] {
    font-family: Barlow;
    font-size: 0.813rem;
    line-height: 22px;
    letter-spacing: 0.46px;
    font-weight: 700;
    color: #162A1E;
  }
  [data-jmx-component=chip-selector] [data-jmx-auto-complete-drawer] [data-jmx-auto-complete-option-add-new-item]:hover {
    background-color: rgba(0, 0, 0, 0.0392156863);
  }
  [data-jmx-component=chip-selector] [data-jmx-auto-complete-drawer] [data-jmx-auto-complete-option-add-new-item]:is(.j-dark *) {
    color: #B2B8C2;
  }
  [data-jmx-component=chip-selector] [data-jmx-auto-complete-drawer] [data-jmx-auto-complete-option-add-new-item]:hover:is(.j-dark *) {
    background-color: rgba(255, 255, 255, 0.0784313725);
  }
  [data-jmx-component=chip-selector] [data-jmx-auto-complete-drawer] [data-jmx-auto-complete-options] {
    max-height: clamp(8.8888888889rem, 7.1111111111rem + 2.2222222222vw, 10.6666666667rem);
    overflow: auto;
  }
  [data-jmx-component=chip-selector] [data-jmx-auto-complete-drawer] [data-jmx-auto-complete-options] [data-jmx-auto-complete-option-loading],
  [data-jmx-component=chip-selector] [data-jmx-auto-complete-drawer] [data-jmx-auto-complete-options] [data-jmx-auto-complete-option-no-result] {
    font-family: Barlow;
    font-size: 0.83rem;
    line-height: 18px;
    letter-spacing: 0.15px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.3490196078);
  }
  [data-jmx-component=chip-selector] [data-jmx-auto-complete-drawer] [data-jmx-auto-complete-options] [data-jmx-auto-complete-option-loading]:is(.j-dark *),
  [data-jmx-component=chip-selector] [data-jmx-auto-complete-drawer] [data-jmx-auto-complete-options] [data-jmx-auto-complete-option-no-result]:is(.j-dark *) {
    color: rgba(255, 255, 255, 0.3490196078);
  }
  [data-jmx-component=chip-selector] [data-jmx-auto-complete-drawer] [data-jmx-auto-complete-options] [data-jmx-auto-complete-option] {
    color: #162A1E;
  }
  [data-jmx-component=chip-selector] [data-jmx-auto-complete-drawer] [data-jmx-auto-complete-options] [data-jmx-auto-complete-option]:hover {
    background-color: rgba(0, 0, 0, 0.0392156863);
  }
  [data-jmx-component=chip-selector] [data-jmx-auto-complete-drawer] [data-jmx-auto-complete-options] [data-jmx-auto-complete-option]:is(.j-dark *) {
    color: #B2B8C2;
  }
  [data-jmx-component=chip-selector] [data-jmx-auto-complete-drawer] [data-jmx-auto-complete-options] [data-jmx-auto-complete-option]:hover:is(.j-dark *) {
    background-color: rgba(255, 255, 255, 0.0784313725);
  }
  [data-jmx-component=chip-selector] [data-jmx-auto-complete-drawer] [data-jmx-auto-complete-options] [data-jmx-auto-complete-option][aria-selected] {
    background-color: rgba(136, 124, 76, 0.1490196078);
  }
  [data-jmx-component=chip-selector] [data-jmx-auto-complete-drawer] [data-jmx-auto-complete-options] [data-jmx-auto-complete-option][aria-selected]:is(.j-dark *) {
    background-color: rgba(0, 0, 0, 0.4);
  }
  [data-jmx-component=chip-selector] [data-jmx-auto-complete-drawer] [data-jmx-auto-complete-options] [data-jmx-auto-complete-option] [data-jmx-auto-complete-option-text] {
    font-family: Barlow;
    font-size: 0.83rem;
    line-height: 18px;
    letter-spacing: 0.15px;
    font-weight: 500;
  }
  [data-jmx-component=accordion] [data-jmx-accordion-accordion-item] {
    border-color: rgba(0, 0, 0, 0.231372549);
  }
  [data-jmx-component=accordion] [data-jmx-accordion-accordion-item]:is(.j-dark *) {
    border-color: rgba(44, 48, 80, 0.6901960784);
  }
  [data-jmx-component=accordion] [data-jmx-accordion-accordion-item] [data-jmx-accordion-accordion-item-header] {
    color: #162A1E;
  }
  [data-jmx-component=accordion] [data-jmx-accordion-accordion-item] [data-jmx-accordion-accordion-item-header]:enabled:hover {
    background-color: rgba(230, 228, 218, 0.5019607843);
  }
  [data-jmx-component=accordion] [data-jmx-accordion-accordion-item] [data-jmx-accordion-accordion-item-header]:disabled {
    color: rgba(0, 0, 0, 0.3490196078);
  }
  [data-jmx-component=accordion] [data-jmx-accordion-accordion-item] [data-jmx-accordion-accordion-item-header]:is(.j-dark *) {
    color: #B2B8C2;
  }
  [data-jmx-component=accordion] [data-jmx-accordion-accordion-item] [data-jmx-accordion-accordion-item-header]:enabled:hover:is(.j-dark *) {
    background-color: rgba(136, 165, 120, 0.1019607843);
  }
  [data-jmx-component=accordion] [data-jmx-accordion-accordion-item] [data-jmx-accordion-accordion-item-header]:disabled:is(.j-dark *) {
    color: rgba(255, 255, 255, 0.3490196078);
  }
  [data-jmx-component=accordion] [data-jmx-accordion-accordion-item] [data-jmx-accordion-accordion-item-header]:focus-visible {
    border-color: #292579;
    background-color: rgba(230, 228, 218, 0.5019607843);
    outline-color: rgba(230, 228, 218, 0.5019607843);
  }
  [data-jmx-component=accordion] [data-jmx-accordion-accordion-item] [data-jmx-accordion-accordion-item-header]:focus-visible:is(.j-dark *) {
    border-color: #88A578;
    background-color: rgba(136, 165, 120, 0.1019607843);
    outline-color: rgba(136, 165, 120, 0.1019607843);
  }
  [data-jmx-component=accordion] [data-jmx-accordion-accordion-item] [data-jmx-accordion-accordion-item-header] [data-jmx-accordion-icon] {
    background-color: #292579;
    fill: #FFFFFF;
  }
  [data-jmx-component=accordion] [data-jmx-accordion-accordion-item] [data-jmx-accordion-accordion-item-header] [data-jmx-accordion-icon]:is(.j-dark *) {
    background-color: #88A578;
    fill: rgba(0, 0, 0, 0.8);
  }
  [data-jmx-component=accordion] [data-jmx-accordion-accordion-item] [data-jmx-accordion-accordion-item-header]:disabled [data-jmx-accordion-icon] {
    background-color: rgba(0, 0, 0, 0.0784313725);
    fill: rgba(0, 0, 0, 0.2588235294);
  }
  [data-jmx-component=accordion] [data-jmx-accordion-accordion-item] [data-jmx-accordion-accordion-item-header]:disabled [data-jmx-accordion-icon]:is(.j-dark *) {
    background-color: rgba(255, 255, 255, 0.1215686275);
    fill: rgba(255, 255, 255, 0.3019607843);
  }
  [data-jmx-component=accordion] [data-jmx-accordion-accordion-item] [data-jmx-accordion-accordion-item-header] [data-jmx-accordion-accordion-title] {
    font-family: Barlow;
    font-weight: 700;
  }
  [data-jmx-component=editor-top-bar] {
    background-color: #ABDA99;
  }
  [data-jmx-component=editor-top-bar]:is(.j-dark *) {
    background-color: #CEE0C3;
  }
  [data-jmx-component=editor-top-bar] [data-jmx-component=save-button] {
    border-color: #1B4D20;
    color: #1B4D20;
  }
  [data-jmx-component=editor-top-bar] [data-jmx-component=save-button]:is(.j-dark *) {
    border-color: #CEE0C3;
    color: #CEE0C3;
  }
  [data-jmx-component=editor-top-bar] [data-jmx-component=save-and-close-button] {
    border-color: #1B4D20;
    color: #1B4D20;
  }
  [data-jmx-component=editor-top-bar] [data-jmx-component=save-and-close-button]:is(.j-dark *) {
    border-color: #CEE0C3;
    color: #CEE0C3;
  }
  [data-jmx-component=layout] {
    background-color: #FBFAF8;
  }
  [data-jmx-component=layout]:is(.j-dark *) {
    background-color: #0F131F;
  }
  [data-jmx-menu-popover] {
    border-radius: inherit;
    display: flex;
    flex-direction: column;
  }
  [data-jmx-menu-popover] > :last-child {
    padding-bottom: clamp(0.4444444444rem, 0.3555555556rem + 0.1111111111vw, 0.5333333333rem); /* Semi-arbitrary value to make the paddings *look* more even */
  }
  .jmx-popover {
    outline: 0;
    z-index: 1301;
    position: absolute;
    opacity: 0;
  }
  .jmx-popover .jmx-list {
    max-height: inherit;
  }
  .jmx-popover.jmx-popover-fixed {
    position: fixed;
  }
  .jmx-popover.jmx-popover-relative-width {
    width: 100%;
  }
  .jmx-popover.jmx-popover-open {
    background-color: #FFFEFE;
  }
  .jmx-popover.jmx-popover-open:is(.j-dark *) {
    background-color: #131725;
  }
  .jmx-popover.jmx-popover-open {
    border-radius: 1rem;
    opacity: 1;
    transition: opacity;
    box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.12), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 5px 5px -3px rgba(0, 0, 0, 0.2);
  }
  .jmx-popover.jmx-popover-visually-important {
    border-radius: 1.5rem;
  }
  .jmx-popover:not(.jmx-popover-open) {
    pointer-events: none;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important;
  }
  .jmx-popover-cascading-value.jmx-draw-below-app-bar {
    z-index: calc(var(--mud-zindex-appbar) - 10);
  }
  [data-jmx-component=app-bar] .jmx-popover-cascading-value {
    position: fixed;
    z-index: calc(var(--mud-zindex-appbar) + 2);
  }
  .mud-dialog .jmx-popover-cascading-value {
    z-index: calc(var(--mud-zindex-dialog) + 3);
  }
  .jmx-drawer:not(.jmx-drawer-temporary) .jmx-popover-cascading-value {
    z-index: calc(var(--mud-zindex-drawer) + 2);
  }
  .jmx-drawer.jmx-drawer-temporary .jmx-popover-cascading-value, .jmx-drawer.jmx-drawer-responsive .jmx-popover-cascading-value {
    z-index: calc(var(--mud-zindex-appbar) + 4);
  }
  [data-jmx-component=compare-field] [data-jmx-compare-field-title] {
    font-family: Barlow;
    font-size: 1rem;
    line-height: 140%;
    letter-spacing: 0.15px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
  }
  [data-jmx-component=compare-field] [data-jmx-compare-field-title]:is(.j-dark *) {
    color: #87909F;
  }
  [data-jmx-component=compare-field] [data-jmx-compare-field-content] {
    font-family: Barlow;
    font-size: 0.875rem;
    line-height: 143%;
    letter-spacing: 0.15px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
  }
  [data-jmx-component=compare-field] [data-jmx-compare-field-content]:is(.j-dark *) {
    color: #87909F;
  }
  ::deep [data-jmx-compare-tr-table-cell-container] {
    font-family: Barlow;
    font-size: 0.875rem;
    line-height: 115%;
    letter-spacing: 0.02875rem;
    font-weight: 700;
  }
  [data-jmx-component=conflict-dialog-backdrop] {
    background-color: rgba(230, 228, 218, 0.5019607843);
    opacity: 0.7;
  }
  [data-jmx-component=conflict-dialog-backdrop]:is(.j-dark *) {
    background-color: rgba(136, 165, 120, 0.1019607843);
  }
  [data-jmx-component=conflicting-edit-dialog] [data-jmx-component=paper] {
    border-width: 2px;
    border-color: #095580;
  }
  [data-jmx-component=conflicting-edit-dialog] [data-jmx-component=paper]:is(.j-dark *) {
    border-color: #29B6F6;
  }
  [data-jmx-component=conflicting-edit-dialog] [data-jmx-conflicting-edit-dialog-title] {
    font-family: Barlow;
    font-size: 0.875rem;
    line-height: 115%;
    letter-spacing: 0.02875rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #06425B;
  }
  [data-jmx-component=conflicting-edit-dialog] [data-jmx-conflicting-edit-dialog-title]:is(.j-dark *) {
    color: #0288D1;
  }
  [data-jmx-component=conflicting-edit-dialog] [data-jmx-conflicting-edit-dialog-description] {
    font-family: Barlow;
    font-size: 0.875rem;
    line-height: 143%;
    letter-spacing: 0.15px;
    font-weight: 500;
    color: #06425B;
  }
  [data-jmx-component=conflicting-edit-dialog] [data-jmx-conflicting-edit-dialog-description]:is(.j-dark *) {
    color: #0288D1;
  }
  [data-jmx-component=conflict-table] [data-jmx-conflict-table-title] {
    color: #162A1E;
  }
  [data-jmx-component=conflict-table] [data-jmx-conflict-table-title]:is(.j-dark *) {
    color: #B2B8C2;
  }
  [data-jmx-component=conflict-table] [data-jmx-conflict-table-table] thead,
  [data-jmx-component=conflict-table] [data-jmx-conflict-table-table] td {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.231372549);
  }
  [data-jmx-component=conflict-table] [data-jmx-conflict-table-table] thead:is(.j-dark *),
  [data-jmx-component=conflict-table] [data-jmx-conflict-table-table] td:is(.j-dark *) {
    border-color: rgba(44, 48, 80, 0.6901960784);
  }
  [data-jmx-component=conflict-table] [data-jmx-conflict-table-table] thead th {
    font-family: Barlow;
    font-size: 0.875rem;
    line-height: 115%;
    letter-spacing: 0.02875rem;
    font-weight: 700;
    text-transform: uppercase;
  }
  .jmx-tooltip {
    display: flex;
    justify-content: center;
    padding-top: clamp(0.2222222222rem, 0.1777777778rem + 0.0555555556vw, 0.2666666667rem);
    padding-bottom: clamp(0.2222222222rem, 0.1777777778rem + 0.0555555556vw, 0.2666666667rem);
    padding-left: clamp(0.2222222222rem, 0.1777777778rem + 0.0555555556vw, 0.2666666667rem);
    padding-right: clamp(0.2222222222rem, 0.1777777778rem + 0.0555555556vw, 0.2666666667rem);
    font-family: Barlow;
    font-size: 0.75rem;
    line-height: 140%;
    letter-spacing: 0.15px;
    font-weight: 500;
  }
  .jmx-tooltip.jmx-tooltip-alignment-start {
    align-items: flex-start;
    text-align: start;
  }
  .jmx-tooltip.jmx-tooltip-alignment-center {
    align-items: center;
    text-align: center;
  }
  .jmx-tooltip.jmx-tooltip-alignment-end {
    align-items: flex-end;
    text-align: end;
  }
  .jmx-tooltip.jmx-tooltip-center-left:not([data-jmxpopover-flip]),
  .jmx-tooltip.jmx-tooltip-center-right[data-jmxpopover-flip] {
    transform: translateX(-10px);
  }
  .jmx-tooltip.jmx-tooltip-center-left:not([data-jmxpopover-flip]).jmx-tooltip-arrow::after, .jmx-tooltip.jmx-tooltip-center-right[data-jmxpopover-flip].jmx-tooltip-arrow::after {
    left: 100%;
    transform: rotate(270deg);
  }
  .jmx-tooltip.jmx-tooltip-center-right:not([data-jmxpopover-flip]),
  .jmx-tooltip.jmx-tooltip-center-left[data-jmxpopover-flip] {
    transform: translateX(10px);
  }
  .jmx-tooltip.jmx-tooltip-center-right:not([data-jmxpopover-flip]).jmx-tooltip-arrow::after, .jmx-tooltip.jmx-tooltip-center-left[data-jmxpopover-flip].jmx-tooltip-arrow::after {
    right: 100%;
    transform: rotate(90deg);
  }
  .jmx-tooltip.jmx-tooltip-top-center:not([data-jmxpopover-flip]),
  .jmx-tooltip.jmx-tooltip-bottom-center[data-jmxpopover-flip] {
    transform: translateY(-10px);
  }
  .jmx-tooltip.jmx-tooltip-top-center:not([data-jmxpopover-flip]).jmx-tooltip-arrow::after, .jmx-tooltip.jmx-tooltip-bottom-center[data-jmxpopover-flip].jmx-tooltip-arrow::after {
    top: 100%;
    transform: rotate(0deg);
  }
  .jmx-tooltip.jmx-tooltip-bottom-center:not([data-jmxpopover-flip]),
  .jmx-tooltip.jmx-tooltip-top-center[data-jmxpopover-flip] {
    transform: translateY(10px);
  }
  .jmx-tooltip.jmx-tooltip-bottom-center:not([data-jmxpopover-flip]).jmx-tooltip-arrow::after, .jmx-tooltip.jmx-tooltip-top-center[data-jmxpopover-flip].jmx-tooltip-arrow::after {
    bottom: 100%;
    transform: rotate(180deg);
  }
  .jmx-tooltip.jmx-tooltip-default {
    color: var(--mud-palette-dark-text);
    background-color: var(--mud-palette-grey-darker);
  }
  .jmx-tooltip.jmx-tooltip-default.jmx-tooltip-arrow::after {
    border-color: var(--mud-palette-grey-darker) transparent transparent transparent;
  }
  .jmx-tooltip.jmx-tooltip-arrow::after {
    content: "";
    position: absolute;
    align-self: center;
    border-width: 6px;
    border-style: solid;
    border-color: transparent;
    border-top-color: inherit;
  }
  .jmx-popover.jmx-popover-open.jmx-tooltip {
    border-radius: 0.5rem;
    border-width: 0;
    background-color: #424242;
    padding-left: clamp(0.6666666667rem, 0.5333333333rem + 0.1666666667vw, 0.8rem);
    padding-right: clamp(0.6666666667rem, 0.5333333333rem + 0.1666666667vw, 0.8rem);
    padding-top: clamp(0.4444444444rem, 0.3555555556rem + 0.1111111111vw, 0.5333333333rem);
    padding-bottom: clamp(0.4444444444rem, 0.3555555556rem + 0.1111111111vw, 0.5333333333rem);
    color: #FFFFFF;
    opacity: 1;
  }
  .jmx-popover.jmx-popover-open.jmx-tooltip:is(.j-dark *) {
    background-color: #212636;
    color: rgba(0, 0, 0, 0.8);
  }
  .jmx-popover.jmx-popover-open.jmx-tooltip.jmx-tooltip-restrict-size {
    max-width: 20rem;
  }
  .jmx-popover.jmx-popover-open.jmx-tooltip::after {
    color: #292926;
  }
  .jmx-popover.jmx-popover-open.jmx-tooltip:is(.j-dark *)::after {
    color: #212636;
  }
  /* Wrap error content as it tends to be very long */
  [data-jmx-component-error-display-message] {
    white-space: pre-wrap;
  }
  [data-jmx-component=card] {
    border-width: 2px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.23);
    background-color: #FFFEFE;
  }
  [data-jmx-component=card]:is(.j-dark *) {
    background-color: #131725;
  }
  [data-jmx-component=card] [data-jmx-card-header] [data-jmx-card-heading] {
    font-family: Barlow;
    font-size: 1rem;
    line-height: 120%;
    letter-spacing: 0.15px;
    font-weight: 600;
  }
  [data-jmx-component=collapsable-card] [data-jmx-collapsable-card-title] {
    font-family: Barlow;
    font-size: 1rem;
    line-height: 120%;
    letter-spacing: 0.15px;
    font-weight: 600;
  }
  [data-jmx-component=collapsable-card] [data-jmx-style-open] {
    border-color: rgba(0, 0, 0, 0.231372549);
  }
  [data-jmx-component=collapsable-card] [data-jmx-style-open]:is(.j-dark *) {
    border-color: rgba(44, 48, 80, 0.6901960784);
  }
  [data-jmx-component=floating-action-container] {
    width: 100%;
    background-color: #FFFEFE;
  }
  [data-jmx-component=floating-action-container]:is(.j-dark *) {
    background-color: #131725;
  }
  [data-jmx-component=thematic-break] {
    border-color: rgba(0, 0, 0, 0.231372549);
  }
  [data-jmx-component=thematic-break]:is(.j-dark *) {
    border-color: rgba(44, 48, 80, 0.6901960784);
  }
  [data-jmx-component=tree-view] [data-jmx-component=tree-view-item-expand-button]:disabled {
    cursor: default;
  }
  [data-jmx-component=tree-view] [data-jmx-component=tree-view-item-expand-button]:focus-visible {
    border-color: #292579;
    background-color: rgba(230, 228, 218, 0.5019607843);
    outline-style: solid;
    outline-width: 2px;
    outline-color: rgba(230, 228, 218, 0.5019607843);
  }
  [data-jmx-component=tree-view] [data-jmx-component=tree-view-item-expand-button]:focus-visible:is(.j-dark *) {
    border-color: #88A578;
    background-color: rgba(136, 165, 120, 0.1019607843);
    outline-color: rgba(136, 165, 120, 0.1019607843);
  }
  [data-jmx-component=tree-view] [data-jmx-component=tree-view-item-expand-button] [data-jmx-tree-view-item-expand-button-icon] {
    background-color: #B3DCEF;
    fill: #06425B;
  }
  [data-jmx-component=tree-view] [data-jmx-component=tree-view-item-expand-button] [data-jmx-tree-view-item-expand-button-icon]:is(.j-dark *) {
    background-color: #0288D1;
    fill: #06425B;
  }
  [data-jmx-component=tree-view] [data-jmx-component=tree-view-item-expand-button]:disabled [data-jmx-tree-view-item-expand-button-icon] {
    background-color: rgba(0, 0, 0, 0.0784313725);
    fill: rgba(0, 0, 0, 0.2588235294);
  }
  [data-jmx-component=tree-view] [data-jmx-component=tree-view-item-expand-button]:disabled [data-jmx-tree-view-item-expand-button-icon]:is(.j-dark *) {
    background-color: rgba(255, 255, 255, 0.1215686275);
    fill: rgba(255, 255, 255, 0.3019607843);
  }
  [data-jmx-component=tree-view] [data-jmx-tree-view-item-node] {
    font-family: Barlow;
    font-size: 1rem;
    line-height: 140%;
    letter-spacing: 0.15px;
    font-weight: 500;
  }
  [data-jmx-component=tree-view] [data-jmx-tree-view-item-node][data-jmx-style-selected] {
    font-weight: 600;
  }
  [data-jmx-component=tree-view] [data-jmx-tree-view-item-node].jmx-tree-view-root-level-item {
    font-family: Barlow;
    font-size: 0.875rem;
    line-height: 115%;
    letter-spacing: 0.02875rem;
    font-weight: 700;
    text-transform: uppercase;
  }
  /* do not show border on top level tree elements */
  [data-jmx-component=tree-view-item] [data-jmx-component=tree-view-item] {
    border-bottom-left-radius: 0.5rem;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.231372549);
  }
  [data-jmx-component=tree-view-item] [data-jmx-component=tree-view-item]:is(.j-dark *) {
    border-color: rgba(44, 48, 80, 0.6901960784);
  }
  [data-jmx-component=tree-view-item] [data-jmx-component=tree-view-item] [data-jmx-component=tree-view-item]:last-of-type {
    border-bottom-width: 0;
  }
  [data-jmx-component=tree-view-item] .tree-view-item-border-container {
    border-bottom-left-radius: 0.5rem;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.231372549);
  }
  [data-jmx-component=tree-view-item] .tree-view-item-border-container:is(.j-dark *) {
    border-color: rgba(44, 48, 80, 0.6901960784);
  }
}
/**
 ** Do not add explicit rules here. This is an entry point.
 ** READ: src/ui/README.md
 **/