*,
*::before,
*::after {
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

ul,
ol {
  padding: 0;
  margin: 0;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

body {
  text-rendering: optimizeSpeed;
}

ul,
ol {
  list-style-type: none;
  margin: 0;
}

a {
  color: inherit;
  outline: 0;
}

img {
  max-width: 100%;
  display: block;
}

textarea {
  cursor: text; /* for a weird firefox linux bug */
  font-family: inherit;
}

input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

/* * This prevents some of our desired/required animations so I'm removing it.
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; } }
*/
/*
 * Source: https://github.com/twbs/bootstrap/blob/main/scss/_reboot.scss
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 * 3. Opinionated: add "hand" cursor to non-disabled button elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

input[type=text],
input[type=button] {
  -webkit-appearance: none;
}

button {
  background: none;
  outline: none;
  border: 0;
  cursor: pointer;
  padding: 0;
  border-radius: 0;
  margin: 0;
  text-transform: none;
}

:root {
  --font-family-roboto: var(--font-next-roboto, Roboto), Arial, Helvetica, sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-family-body: var(--font-family-roboto);
  --viewport-min-height: 320px;
  --viewport-min-width: 320px;
  --sidebar-width: 210px;
  --topbar-height: 50px;
  --border-radius-button: 6px;
  --color-error: #fca5a5;
  --color-error-darker: #ef4444;
  --button-size-small-height: 24px;
  --button-size-medium-height: 32px;
  --button-size-large-height: 40px;
  --button-size-small-padding-x: 7px;
  --button-size-medium-padding-x: 15px;
  --button-size-large-padding-x: 15px;
  --button-size-small-font-size: 14px;
  --button-size-medium-font-size: 14px;
  --button-size-large-font-size: 16px;
  --button-size-small-border-radius: 4px;
  --button-size-medium-border-radius: 6px;
  --button-size-large-border-radius: 6px;
  --focus-ring: 2px solid var(--nui-color-button-primary-background);
  --focus-ring-offset: 1px;
  --input-border-width: 1px;
  --box-shadow: none;
  --z-index-minimum: 1;
  /*
  --z-index-animated-panel: 10;
  --z-index-slider-track: 10;
  --z-index-slider-follower: 20;
  --z-index-slider-handle: 50;
  --z-index-slider-base: 100;
  --z-index-modal-inline: 100;
  */
  --z-index-preview: 100;
  --z-index-sidebar: 200;
  --z-index-basebar: 900;
  --z-index-titlebar: 1000;
  --z-index-modal-toast: 9000;
  --z-index-modal-above: 12000;
  --z-index-top: 999999;
  --transition-speed: 0.25s;
}

html {
  font: var(--font-weight-regular) 16px/1.6 var(--font-family-body);
  scroll-behavior: smooth;
}

body {
  color: var(--nui-color-body-text);
  background-color: var(--nui-color-app-background);
  -webkit-text-size-adjust: 100%;
  min-height: 100vh;
  min-width: 100vw;
  overflow: none;
  touch-action: manipulation;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (prefers-reduced-motion: reduce) {
  body {
    --transition-speed: 0s;
  }
}
.uw-dyn:not(tr, td, th),
.uw-active {
  display: contents;
}

:root {
  /* Primary colors */
  --theme-color-primary: rgba(22, 30, 69, 1);
  --theme-color-primary-115: rgba(19, 26, 59, 1);
  --theme-color-primary-85: rgba(57, 64, 97, 1);
  --theme-color-primary-70: rgba(92, 98, 125, 1);
  --theme-color-primary-55: rgba(127, 131, 153, 1);
  --theme-color-primary-40: rgba(162, 165, 181, 1);
  --theme-color-primary-25: rgba(197, 199, 208, 1);
  --theme-color-primary-10: rgba(232, 232, 236, 1);
  /* Secondary colors */
  --theme-color-secondary: rgba(82, 111, 134, 1);
  --theme-color-secondary-115: rgba(77, 102, 123, 1);
  --theme-color-secondary-85: rgba(108, 133, 152, 1);
  --theme-color-secondary-70: rgba(134, 154, 170, 1);
  --theme-color-secondary-55: rgba(160, 176, 188, 1);
  --theme-color-secondary-40: rgba(186, 197, 207, 1);
  --theme-color-secondary-25: rgba(238, 241, 243, 1);
  --theme-color-secondary-10: rgba(238, 241, 243, 1);
  /* Tertiary colors */
  --theme-color-tertiary: rgba(19, 57, 191, 1);
  --theme-color-tertiary-85: rgba(54, 87, 201, 1);
  --theme-color-tertiary-70: rgba(90, 116, 210, 1);
  --theme-color-tertiary-55: rgba(125, 146, 220, 1);
  --theme-color-tertiary-40: rgba(161, 176, 229, 1);
  --theme-color-tertiary-25: rgba(196, 205, 239, 1);
  --theme-color-tertiary-10: rgba(231, 235, 249, 1);
  /* Accent */
  --theme-color-accent: #e67e22;
  /* Base colors */
  --theme-color-white: rgba(255, 255, 255, 1);
  --theme-color-black: rgba(255, 255, 255, 1);
  --theme-color-transparent: rgba(255, 255, 255, 0);
  /* Danger colors */
  --theme-color-danger: rgba(177, 21, 0, 1);
  --theme-color-danger-85: rgba(189, 56, 38, 1);
  --theme-color-danger-70: rgba(200, 92, 77, 1);
  --theme-color-danger-55: rgba(212, 127, 115, 1);
  --theme-color-danger-40: rgba(224, 162, 153, 1);
  --theme-color-danger-25: rgba(235, 197, 191, 1);
  --theme-color-danger-10: rgba(247, 232, 229, 1);
  /* Background colors */
  --theme-color-background-dark: rgba(2, 8, 39, 1);
  --theme-color-background-light: rgba(245, 245, 245, 1);
  --theme-color-background-dark-85: rgba(2, 8, 39, 0.85);
  /* Info colors (with alpha) */
  --theme-color-info-85: rgba(112, 170, 205, 0.85);
  --theme-color-info-70: rgba(112, 170, 205, 0.7);
  --theme-color-info-55: rgba(112, 170, 205, 0.55);
  --theme-color-info-40: rgba(112, 170, 205, 0.4);
  --theme-color-info-25: rgba(112, 170, 205, 0.25);
  --theme-color-info-10: rgba(112, 170, 205, 0.1);
  /* Chart/accent colors (with alpha) */
  --theme-color-chart-85: rgba(195, 215, 69, 0.85);
  --theme-color-chart-70: rgba(195, 215, 69, 0.7);
  --theme-color-chart-55: rgba(195, 215, 69, 0.55);
  --theme-color-chart-40: rgba(195, 215, 69, 0.4);
  --theme-color-chart-35: rgba(195, 215, 69, 0.25);
  --theme-color-chart-10: rgba(195, 215, 69, 0.1);
  /* Placeholder colors */
  --theme-color-placeholder: rgba(196, 29, 127, 1);
  --theme-color-placeholder-2: rgba(255, 173, 210, 1);
  --theme-color-placeholder-3: rgba(255, 240, 240, 1);
  /* Status colors */
  --theme-color-success: rgba(10, 104, 0, 1);
  --theme-color-warning: rgba(243, 199, 0, 1);
  --nui-color-accent-secondary: rgb(237, 236, 254);
  --nui-color-10: rgb(31 41 55);
  --nui-color-20: rgb(55 65 81);
  --nui-color-30: rgb(116, 121, 129);
  --nui-color-40: rgb(156 163 175);
  --nui-color-50: rgb(156 163 175);
  --nui-color-60: rgb(195 203 218);
  --nui-color-70: rgb(221 221 221);
  --nui-color-80: rgb(229 230 231);
  --nui-color-90: rgb(243, 243, 243);
  --nui-color-100: #FFFFFF;
  --nui-color-app-background: var(--theme-color-secondary-10);
  --nui-color-error: var(--theme-color-danger)
  --nui-color-error-semitrans: var(--theme-color-danger-25)
  --nui-color-error-hover: var(--theme-color-danger-40)
  --nui-color-yellow: #ffff33;
  --nui-color-green: #49D05A;
  --nui-color-blue: #2D9CDB;
  --color-shadow-dark: rgba(0, 0, 0, 0.3);
  --color-shadow-light: rgba(255, 255, 255, 0.05);
  --nui-color-body-text: var(--theme-color-primary);
  --color-body-text-bold: rgba(17, 24, 39, 1);
  --color-body-text-minor: var(--nui-color-30);
  --color-void: rgba(59, 130, 246, 0.1);
  --nui-color-button-focus: var(--theme-color-primary-10);
  --nui-color-button-primary-background: var(--theme-color-primary);
  --nui-color-button-primary-hover: var(--theme-color-primary-85);
  --nui-color-button-primary-active: var(--theme-color-primary-115);
  --nui-color-button-primary-border-color: var(--theme-color-primary);
  --nui-color-button-primary-foreground: var(--theme-color-white);
  --nui-color-button-secondary-background: var(--theme-color-secondary);
  --nui-color-button-secondary-hover: var(--theme-color-secondary-85);
  --nui-color-button-secondary-active: var(--theme-color-secondary-115);
  --nui-color-button-secondary-border-color: var(--theme-color-secondary);
  --nui-color-button-secondary-foreground: var(--theme-color-white);
  --nui-color-button-danger-background: var(--theme-color-danger);
  --nui-color-button-danger-hover: var(--theme-color-danger-85);
  --nui-color-button-danger-active: var(--theme-color-danger);
  --nui-color-button-danger-border-color: var(--theme-color-danger);
  --nui-color-button-danger-foreground: var(--theme-color-white);
  --nui-color-button-outline-background: var(--theme-color-white);
  --nui-color-button-outline-hover: var(--theme-color-primary-10);
  --nui-color-button-outline-active: var(--theme-color-primary-25);
  --nui-color-button-outline-border-color: var(--theme-color-primary);
  --nui-color-button-outline-foreground: var(--theme-color-primary);
  --nui-color-button-outline-danger-background: var(--theme-color-white);
  --nui-color-button-outline-danger-hover: var(--theme-color-danger-10);
  --nui-color-button-outline-danger-active: var(--theme-color-danger-25);
  --nui-color-button-outline-danger-border-color: var(--theme-color-danger);
  --nui-color-button-outline-danger-foreground: var(--theme-color-danger);
  --nui-color-button-transparent-background: transparent;
  --nui-color-button-transparent-hover: var(--theme-color-primary-85);
  --nui-color-button-transparent-hover-background: var(--theme-color-primary-25);
  --nui-color-button-transparent-active: var(--theme-color-primary-115);
  --nui-color-button-transparent-border-color: transparent;
  --nui-color-button-transparent-foreground: var(--theme-color-primary);
  --nui-color-input-background: var(--nui-color-button-outline-background);
  --nui-color-input-foreground: var(--nui-color-button-outline-foreground);
  --nui-color-input-hover: var(--theme-color-tertiary);
  --nui-color-input-border-color: var(--theme-color-primary-40);
  --nui-color-input-placeholder: var(--theme-color-primary-40);
  --nui-color-input-disabled-background: var(--theme-color-primary-10);
  --nui-color-input-disabled-border-color: var(--theme-color-primary-40);
  --nui-color-input-invalid-hover: var(--theme-color-danger-85);
  --nui-color-input-invalid-border-color: var(--theme-color-danger);
  --nui-box-shadow-input-active: 0 0 0 2px var(--theme-color-tertiary-25);
  /*
  --color-card-background-gradient-top: var(--nui-color-80);
  --color-card-background-gradient-bottom: var(--nui-color-60);
  --color-card-background: linear-gradient(var(--color-card-background-gradient-top), var(--color-card-background-gradient-bottom));
  --color-card-foreground: var(--nui-color-body-text);
  --color-card-outline-border: rgba(255, 255, 255, 0.1);
  */
  --box-shadow-card: 0.24px 0.24px 0.4px var(--color-shadow-dark),
      0.88px 0.88px 1.36px -0.72px var(--color-shadow-dark),
      2.24px 2.24px 3.52px -1.44px var(--color-shadow-dark),
      5.52px 5.52px 8.64px -2.16px var(--color-shadow-dark),
      0.8px 0.8px 0px var(--color-shadow-light) inset;
  --color-container-background: var(--theme-color-white);
  --box-shadow-container: 0.24px 0.24px 0.4px var(--color-shadow-dark) inset,
      0.88px 0.88px 1.36px -0.72px var(--color-shadow-dark) inset,
      2.24px 2.24px 3.52px -1.44px var(--color-shadow-dark) inset,
      5.52px 5.52px 8.64px -2.16px var(--color-shadow-dark) inset,
      0.8px 0.8px 0px var(--color-shadow-light) inset;
  --color-input-background: var(--color-container-background);
  --color-input-foreground: var(--color-body-text-bold);
  --color-input-placeholder: var(--nui-color-body-text);
  --color-input-focus: var(--color-accent-primary);
}

.nui_button,
.nui_submit_temp {
  display: inline-flex;
  align-items: stretch;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
  max-width: max-content;
  border-style: solid;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-regular);
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0;
  cursor: pointer;
  transition: var(--transition-speed) background-color, var(--transition-speed) color, var(--transition-speed) border, var(--transition-speed) box-shadow;
}
.nui_button::-moz-focus-inner,
.nui_submit_temp::-moz-focus-inner {
  border: 0;
}
.nui_button:focus,
.nui_submit_temp:focus {
  outline: none;
}
.nui_button:focus-visible:not(:disabled),
.nui_submit_temp:focus-visible:not(:disabled) {
  /* SHOELACE - PROBABLY WRONG
  outline: var(--focus-ring);
  outline-offset: var(--focus-ring-offset);
  color: var(--nui-color-button-focus);
  */
  box-shadow: var(--nui-box-shadow-input-active);
  border-color: var(--nui-color-input-hover);
}
.nui_button:disabled,
.nui_submit_temp:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.nui_button:disabled *,
.nui_submit_temp:disabled * {
  pointer-events: none;
}
.nui_button_prefix, .nui_button_suffix,
.nui_submit_temp_prefix,
.nui_submit_temp_suffix {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  pointer-events: none;
}
.nui_button_label,
.nui_submit_temp_label {
  display: inline-block;
}
.nui_button,
.nui_submit_temp {
  /*
  &::slotted(sl-badge) {
    position: absolute;
    top: 0;
    right: 0;
    translate: 50% -50%;
    pointer-events: none;
  }
  */
}
.nui_button___icon + .nui_button___icon,
.nui_button___icon + .nui_submit_temp___icon,
.nui_submit_temp___icon + .nui_button___icon,
.nui_submit_temp___icon + .nui_submit_temp___icon {
  margin-left: 0.25rem;
}
.nui_button___solid.nui_button___primary,
.nui_submit_temp___solid.nui_button___primary {
  background-color: var(--nui-color-button-primary-background);
  border-color: var(--nui-color-button-primary-border-color);
  color: var(--nui-color-button-primary-foreground);
}
.nui_button___solid.nui_button___primary:hover:not(:disabled),
.nui_submit_temp___solid.nui_button___primary:hover:not(:disabled) {
  background-color: var(--nui-color-button-primary-hover);
  border-color: var(--nui-color-button-primary-hover);
}
.nui_button___solid.nui_button___primary:active:not(:disabled),
.nui_submit_temp___solid.nui_button___primary:active:not(:disabled) {
  background-color: var(--nui-color-button-primary-active);
  border-color: var(--nui-color-button-primary-active);
}
.nui_button___solid.nui_button___secondary,
.nui_submit_temp___solid.nui_button___secondary {
  background-color: var(--nui-color-button-secondary-background);
  border-color: var(--nui-color-button-secondary-border-color);
  color: var(--nui-color-button-secondary-foreground);
}
.nui_button___solid.nui_button___secondary:hover:not(:disabled),
.nui_submit_temp___solid.nui_button___secondary:hover:not(:disabled) {
  background-color: var(--nui-color-button-secondary-hover);
  border-color: var(--nui-color-button-secondary-hover);
}
.nui_button___solid.nui_button___secondary:active:not(:disabled),
.nui_submit_temp___solid.nui_button___secondary:active:not(:disabled) {
  background-color: var(--nui-color-button-secondary-active);
  border-color: var(--nui-color-button-secondary-active);
}
.nui_button___solid.nui_button___white,
.nui_submit_temp___solid.nui_button___white {
  background-color: var(--nui-color-button-primary-foreground);
  border-color: var(--nui-color-button-primary-foreground);
  color: var(--nui-color-button-primary-background);
}
.nui_button___solid.nui_button___white:hover:not(:disabled),
.nui_submit_temp___solid.nui_button___white:hover:not(:disabled) {
  background-color: var(--theme-color-primary-10);
  border-color: var(--theme-color-primary-10);
}
.nui_button___solid.nui_button___white.nui_button___selected:not(:disabled),
.nui_submit_temp___solid.nui_button___white.nui_button___selected:not(:disabled) {
  background-color: var(--nui-color-button-primary-background);
  color: var(--nui-color-button-primary-foreground);
}
.nui_button___solid.nui_button___white:active:not(:disabled),
.nui_submit_temp___solid.nui_button___white:active:not(:disabled) {
  background-color: var(--theme-color-primary-10);
  border-color: var(--theme-color-primary-10);
}
.nui_button___solid.nui_button___danger,
.nui_submit_temp___solid.nui_button___danger {
  background-color: var(--nui-color-button-danger-background);
  border-color: var(--nui-color-button-danger-border-color);
  color: var(--nui-color-button-danger-foreground);
}
.nui_button___solid.nui_button___danger:hover:not(:disabled),
.nui_submit_temp___solid.nui_button___danger:hover:not(:disabled) {
  background-color: var(--nui-color-button-danger-hover);
  border-color: var(--nui-color-button-danger-hover);
}
.nui_button___solid.nui_button___danger:active:not(:disabled),
.nui_submit_temp___solid.nui_button___danger:active:not(:disabled) {
  background-color: var(--nui-color-button-danger-active);
  border-color: var(--nui-color-button-danger-active);
}
.nui_button___outline,
.nui_submit_temp___outline {
  background: none;
  border: 1px solid;
}
.nui_button___outline.nui_button___primary,
.nui_submit_temp___outline.nui_button___primary {
  background-color: var(--nui-color-button-outline-background);
  border-color: var(--nui-color-button-outline-border-color);
  color: var(--nui-color-button-outline-foreground);
}
.nui_button___outline.nui_button___primary:hover:not(:disabled),
.nui_submit_temp___outline.nui_button___primary:hover:not(:disabled) {
  background-color: var(--nui-color-button-outline-hover);
}
.nui_button___outline.nui_button___primary.nui_button___selected:not(:disabled),
.nui_submit_temp___outline.nui_button___primary.nui_button___selected:not(:disabled) {
  background-color: var(--nui-color-button-primary-background);
  color: var(--nui-color-button-primary-foreground);
}
.nui_button___outline.nui_button___primary:active:not(:disabled),
.nui_submit_temp___outline.nui_button___primary:active:not(:disabled) {
  background-color: var(--nui-color-button-outline-active);
}
.nui_button___outline.nui_button___danger,
.nui_submit_temp___outline.nui_button___danger {
  background-color: var(--nui-color-button-outline-danger-background);
  border-color: var(--nui-color-button-outline-danger-border-color);
  color: var(--nui-color-button-outline-danger-foreground);
}
.nui_button___outline.nui_button___danger:hover:not(:disabled),
.nui_submit_temp___outline.nui_button___danger:hover:not(:disabled) {
  background-color: var(--nui-color-button-outline-danger-hover);
}
.nui_button___outline.nui_button___danger.nui_button___selected:not(:disabled),
.nui_submit_temp___outline.nui_button___danger.nui_button___selected:not(:disabled) {
  background-color: var(--nui-color-button-danger-background);
  color: var(--nui-color-button-danger-foreground);
}
.nui_button___outline.nui_button___danger:active:not(:disabled),
.nui_submit_temp___outline.nui_button___danger:active:not(:disabled) {
  background-color: var(--nui-color-button-outline-danger-active);
}
.nui_button___transparent,
.nui_submit_temp___transparent {
  background: none;
  border: 1px solid transparent;
  border-radius: 0;
}
.nui_button___transparent.nui_button___primary,
.nui_submit_temp___transparent.nui_button___primary {
  background: var(--nui-color-button-transparent-background);
  border-color: var(--nui-color-button-transparent-border-color);
  color: var(--nui-color-button-transparent-foreground);
}
.nui_button___transparent.nui_button___primary:hover:not(:disabled),
.nui_submit_temp___transparent.nui_button___primary:hover:not(:disabled) {
  background: var(--nui-color-button-transparent-hover-background);
  color: var(--nui-color-button-transparent-hover);
}
.nui_button___transparent.nui_button___primary.nui_button___selected:not(:disabled),
.nui_submit_temp___transparent.nui_button___primary.nui_button___selected:not(:disabled) {
  background-color: var(--nui-color-button-primary-background);
  color: var(--nui-color-button-primary-foreground);
}
.nui_button___transparent.nui_button___primary:active:not(:disabled),
.nui_submit_temp___transparent.nui_button___primary:active:not(:disabled) {
  color: var(--nui-color-button-transparent-active);
}
.nui_button___small,
.nui_submit_temp___small {
  height: var(--button-size-small-height);
  min-width: var(--button-size-small-height);
  font-size: var(--button-size-small-font-size);
  border-radius: var(--button-size-small-border-radius);
  padding: 0 var(--button-size-small-padding-x);
}
.nui_button___medium,
.nui_submit_temp___medium {
  height: var(--button-size-medium-height);
  min-width: var(--button-size-medium-height);
  font-size: var(--button-size-medium-font-size);
  border-radius: var(--button-size-medium-border-radius);
  padding: 0 var(--button-size-medium-padding-x);
}
.nui_button___large,
.nui_submit_temp___large {
  height: var(--button-size-large-height);
  min-width: var(--button-size-large-height);
  font-size: var(--button-size-large-font-size);
  border-radius: var(--button-size-large-border-radius);
  padding: 0 var(--button-size-large-padding-x);
}
.nui_button___small.nui_button___icon, .nui_button___medium.nui_button___icon, .nui_button___large.nui_button___icon,
.nui_submit_temp___small.nui_button___icon,
.nui_submit_temp___medium.nui_button___icon,
.nui_submit_temp___large.nui_button___icon {
  padding: 0;
}
.nui_button,
.nui_submit_temp {
  /*
  &___circle {
    padding-left: 0;
    padding-right: 0;

    &.nui_button___small {
      width: var(--sl-input-height-small);
      border-radius: 50%;
    }

    &.nui_button___medium {
      width: var(--sl-input-height-medium);
      border-radius: 50%;
    }

    &.nui_button___large {
      width: var(--sl-input-height-large);
      border-radius: 50%;
    }

    .button_prefix,
    .button_suffix,
    .button_caret {
      display: none;
    }
  }
  */
  /*
  &___caret {
    .button_suffix {
      display: none;
    }

    .button_caret {
      height: auto;
    }
  }
  */
  /*
  &___loading {
    position: relative;
    cursor: wait;

    .button_prefix,
    .button_label,
    .button_suffix,
    .button_caret {
      visibility: hidden;
    }

    sl-spinner {
      --indicator-color: currentColor;
      position: absolute;
      font-size: 1em;
      height: 1em;
      width: 1em;
      top: calc(50% - 0.5em);
      left: calc(50% - 0.5em);
    }
  }
    */
  /*
  &___rtl {
    &::slotted(sl-badge) {
      right: auto;
      left: 0;
      translate: -50% -50%;
    }
  }

  &___has-prefix {
    &.nui_button___small {
      padding-inline-start: var(--sl-spacing-x-small);

      .button_label {
        padding-inline-start: var(--sl-spacing-x-small);
      }
    }

    &.nui_button___medium {
      padding-inline-start: var(--sl-spacing-small);

      .button_label {
        padding-inline-start: var(--sl-spacing-small);
      }
    }

    &.nui_button___large {
      padding-inline-start: var(--sl-spacing-small);

      .button_label {
        padding-inline-start: var(--sl-spacing-small);
      }
    }
  }

  &___has-suffix,
  &___caret {
    &.nui_button___small {
      padding-inline-end: var(--sl-spacing-x-small);

      .button_label {
        padding-inline-end: var(--sl-spacing-x-small);
      }
    }

    &.nui_button___medium {
      padding-inline-end: var(--sl-spacing-small);

      .button_label {
        padding-inline-end: var(--sl-spacing-small);
      }
    }

    &.nui_button___large {
      padding-inline-end: var(--sl-spacing-small);

      .button_label {
        padding-inline-end: var(--sl-spacing-small);
      }
    }
  }
  */
}
.nui_button svg,
.nui_submit_temp svg {
  height: 1rem;
  background: transparent;
  flex-shrink: 0;
}
.nui_button_alert,
.nui_submit_temp_alert {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 7px;
  width: 7px;
  border-radius: 10px;
  background: var(--nui-color-error);
}

.nui_button_set {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  margin: 1rem 0 0;
}
.nui_button_set > :first-child {
  margin-right: auto;
}

.nui_checkbox_label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  user-select: none;
  font-size: 0.875rem;
  color: var(--nui-color-20);
}
.nui_checkbox_label:hover .nui_checkbox {
  border-color: var(--color-input-focus);
}

.nui_checkbox {
  appearance: none;
  -webkit-appearance: none;
  width: 1rem;
  height: 1rem;
  border: 1px solid var(--nui-color-60);
  border-radius: 0.25rem;
  background-color: white;
  cursor: pointer;
  position: relative;
  transition: all var(--transition-speed);
  flex-shrink: 0;
}
.nui_checkbox:hover {
  border-color: var(--color-input-focus);
}
.nui_checkbox:focus {
  outline: none;
  border-color: var(--color-input-focus);
  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2);
}
.nui_checkbox:checked {
  background-color: var(--theme-color-primary);
  border-color: var(--theme-color-primary);
}
.nui_checkbox:checked::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/**
    weblit-line-clamp only works if display is set to -webkit-box and webkit-box-orient is set to vertical
    because this feature was built on -webkit-box display.
    This hack is approved by CSSWG and recommended by multiple sources
    * https://drafts.csswg.org/css-overflow-3/#webkit-line-clamp
    * https://css-tricks.com/line-clampin/#weird-webkit-flexbox-way
*/
.nui_form {
  --vertical-gap: 1rem;
  display: flex;
  flex-direction: column;
  gap: var(--vertical-gap);
}
.nui_form label {
  cursor: pointer;
}
.nui_form .nui_form_row {
  display: flex;
  flex-direction: column;
  gap: var(--vertical-gap);
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .nui_form .nui_form_row {
    flex-direction: row;
  }
}

.nui_fieldset {
  border: 1px solid var(--nui-color-60);
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  border-radius: var(--border-radius-button);
}

.select2-container--default .select2-selection--single { /* TEMP */
  border-radius: var(--button-size-medium-border-radius) !important;
}

.nui_textbox,
.select2-search__field,
.select2-container--default .select2-selection--single {
  flex: 1 1 auto;
  display: inline-flex;
  align-items: stretch;
  justify-content: start;
  position: relative;
  width: 100%;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-regular);
  color: var(--nui-color-input-foreground);
  vertical-align: middle;
  overflow: hidden;
  cursor: text;
  background-color: var(--nui-color-input-background);
  border: 1px solid var(--nui-color-input-border-color);
  box-shadow: none;
  transition: var(--transition-speed) color, var(--transition-speed) border, var(--transition-speed) box-shadow, var(--transition-speed) background-color;
}
.nui_textbox:hover:not(.nui_textbox___disabled), .nui_textbox:hover:not(:disabled),
.select2-search__field:hover:not(.nui_textbox___disabled),
.select2-search__field:hover:not(:disabled),
.select2-container--default .select2-selection--single:hover:not(.nui_textbox___disabled),
.select2-container--default .select2-selection--single:hover:not(:disabled) {
  border-color: var(--nui-color-input-hover);
}
.nui_textbox.nui_textbox___focused:not(.nui_textbox___disabled), .nui_textbox:focus:not(.nui_textbox___disabled), .nui_textbox.nui_textbox___focused:not(:disabled), .nui_textbox:focus:not(:disabled),
.select2-search__field.nui_textbox___focused:not(.nui_textbox___disabled),
.select2-search__field:focus:not(.nui_textbox___disabled),
.select2-search__field.nui_textbox___focused:not(:disabled),
.select2-search__field:focus:not(:disabled),
.select2-container--default .select2-selection--single.nui_textbox___focused:not(.nui_textbox___disabled),
.select2-container--default .select2-selection--single:focus:not(.nui_textbox___disabled),
.select2-container--default .select2-selection--single.nui_textbox___focused:not(:disabled),
.select2-container--default .select2-selection--single:focus:not(:disabled) {
  box-shadow: var(--nui-box-shadow-input-active);
  border-color: var(--nui-color-input-hover);
}
.nui_textbox.nui_textbox___disabled, .nui_textbox:disabled,
.select2-search__field.nui_textbox___disabled,
.select2-search__field:disabled,
.select2-container--default .select2-selection--single.nui_textbox___disabled,
.select2-container--default .select2-selection--single:disabled {
  background-color: var(--nui-color-input-disabled-background);
  border-color: var(--nui-color-input-disabled-border-color);
  opacity: 0.5;
  cursor: not-allowed;
  /*
  .nui_textbox_control {
    color: var(--sl-input-color-disabled);

    &::placeholder {
      color: var(--sl-input-placeholder-color-disabled);
    }
  }
  */
}
.nui_textbox,
.select2-search__field,
.select2-container--default .select2-selection--single {
  /*
   * Size modifiers
   */
}
.nui_textbox___small,
.select2-search__field___small,
.select2-container--default .select2-selection--single___small {
  border-radius: var(--button-size-small-border-radius);
  font-size: var(--button-size-small-font-size);
  height: var(--button-size-small-height);
  padding: 0 7px;
  /*
  .nui_textbox_clear,
  .nui_textbox_password-toggle {
    width: calc(1em + var(--sl-input-spacing-small) * 2);
  }

  .nui_textbox_prefix ::slotted(*) {
    margin-inline-start: var(--sl-input-spacing-small);
  }

  .nui_textbox_suffix ::slotted(*) {
    margin-inline-end: var(--sl-input-spacing-small);
  }
  */
}
.nui_textbox___medium,
.select2-search__field___medium,
.select2-container--default .select2-selection--single___medium {
  border-radius: var(--button-size-medium-border-radius);
  font-size: var(--button-size-medium-font-size);
  height: var(--button-size-medium-height);
  padding: 4px 11px;
  /*
  .nui_textbox_clear,
  .nui_textbox_password-toggle {
    width: calc(1em + var(--sl-input-spacing-medium) * 2);
  }

  .nui_textbox_prefix ::slotted(*) {
    margin-inline-start: var(--sl-input-spacing-medium);
  }

  .nui_textbox_suffix ::slotted(*) {
    margin-inline-end: var(--sl-input-spacing-medium);
  }
  */
}
.nui_textbox___large,
.select2-search__field___large,
.select2-container--default .select2-selection--single___large {
  border-radius: var(--button-size-large-border-radius);
  font-size: var(--button-size-large-font-size);
  height: var(--button-size-large-height);
  padding: 7px 11px;
  /*
  .nui_textbox_clear,
  .nui_textbox_password-toggle {
    width: calc(1em + var(--sl-input-spacing-large) * 2);
  }

  .nui_textbox_prefix ::slotted(*) {
    margin-inline-start: var(--sl-input-spacing-large);
  }

  .nui_textbox_suffix ::slotted(*) {
    margin-inline-end: var(--sl-input-spacing-large);
  }
  */
}
.nui_textbox,
.select2-search__field,
.select2-container--default .select2-selection--single {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  cursor: inherit;
  -webkit-appearance: none;
}
.nui_textbox::-webkit-search-decoration, .nui_textbox::-webkit-search-cancel-button, .nui_textbox::-webkit-search-results-button, .nui_textbox::-webkit-search-results-decoration,
.select2-search__field::-webkit-search-decoration,
.select2-search__field::-webkit-search-cancel-button,
.select2-search__field::-webkit-search-results-button,
.select2-search__field::-webkit-search-results-decoration,
.select2-container--default .select2-selection--single::-webkit-search-decoration,
.select2-container--default .select2-selection--single::-webkit-search-cancel-button,
.select2-container--default .select2-selection--single::-webkit-search-results-button,
.select2-container--default .select2-selection--single::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.nui_textbox:-webkit-autofill, .nui_textbox:-webkit-autofill:hover, .nui_textbox:-webkit-autofill:focus, .nui_textbox:-webkit-autofill:active,
.select2-search__field:-webkit-autofill,
.select2-search__field:-webkit-autofill:hover,
.select2-search__field:-webkit-autofill:focus,
.select2-search__field:-webkit-autofill:active,
.select2-container--default .select2-selection--single:-webkit-autofill,
.select2-container--default .select2-selection--single:-webkit-autofill:hover,
.select2-container--default .select2-selection--single:-webkit-autofill:focus,
.select2-container--default .select2-selection--single:-webkit-autofill:active {
  box-shadow: 0 0 0 var(--sl-input-height-large) var(--sl-input-background-color-hover) inset !important;
  -webkit-text-fill-color: var(--sl-color-primary-500);
  caret-color: var(--sl-input-color);
}
.nui_textbox::placeholder,
.select2-search__field::placeholder,
.select2-container--default .select2-selection--single::placeholder {
  color: var(--nui-color-input-placeholder);
  user-select: none;
  -webkit-user-select: none;
}
.nui_textbox:focus,
.select2-search__field:focus,
.select2-container--default .select2-selection--single:focus {
  outline: none;
}
.nui_textbox:hover:not(.nui_textbox___disabled), .nui_textbox:hover:not(:disabled),
.select2-search__field:hover:not(.nui_textbox___disabled),
.select2-search__field:hover:not(:disabled),
.select2-container--default .select2-selection--single:hover:not(.nui_textbox___disabled),
.select2-container--default .select2-selection--single:hover:not(:disabled) {
  color: var(--nui-color-input-foreground);
}
.nui_textbox_prefix, .nui_textbox_suffix,
.select2-search__field_prefix,
.select2-search__field_suffix,
.select2-container--default .select2-selection--single_prefix,
.select2-container--default .select2-selection--single_suffix {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  cursor: default;
}
.nui_textbox_prefix ::slotted(sl-icon), .nui_textbox_suffix ::slotted(sl-icon),
.select2-search__field_prefix ::slotted(sl-icon),
.select2-search__field_suffix ::slotted(sl-icon),
.select2-container--default .select2-selection--single_prefix ::slotted(sl-icon),
.select2-container--default .select2-selection--single_suffix ::slotted(sl-icon) {
  color: var(--nui-color-input-foreground);
}
.nui_textbox,
.select2-search__field,
.select2-container--default .select2-selection--single {
  /*
   * Clearable + Password Toggle
   */
  /*
  &_clear,
  &_password-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: inherit;
    color: var(--nui-color-input-foreground);
    border: none;
    background: none;
    padding: 0;
    transition: var(--transition-speed) color;
    cursor: pointer;

    &:hover {
      color: var(--nui-color-input-foreground);
    }

    &:focus {
      outline: none;
    }
  }
  */
  /*
  &___no-spin-buttons {
    input[type='number'] {
      &::-webkit-outer-spin-button,
      &::-webkit-inner-spin-button {
        -webkit-appearance: none;
        display: none;
      }
      -moz-appearance: textfield;
    }
  }
  */
}
.was-validated .nui_textbox:invalid,
.was-validated .select2-search__field:invalid,
.was-validated .select2-container--default .select2-selection--single:invalid {
  border-color: var(--nui-color-input-invalid-border-color);
}
.was-validated .nui_textbox:invalid:hover,
.was-validated .select2-search__field:invalid:hover,
.was-validated .select2-container--default .select2-selection--single:invalid:hover {
  border-color: var(--nui-color-input-invalid-hover);
}
.nui_textbox .was-validated textarea.nui_textbox, .nui_textbox .select2-search__field, .nui_textbox .select2-container--default .select2-selection--single:invalid,
.select2-search__field .was-validated textarea.nui_textbox,
.select2-search__field .select2-search__field,
.select2-search__field .select2-container--default .select2-selection--single:invalid,
.select2-container--default .select2-selection--single .was-validated textarea.nui_textbox,
.select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .select2-container--default .select2-selection--single:invalid {
  border-color: var(--nui-color-input-invalid-border-color);
}
.nui_textbox .was-validated textarea.nui_textbox, .nui_textbox .select2-search__field, .nui_textbox .select2-container--default .select2-selection--single:invalid:hover,
.select2-search__field .was-validated textarea.nui_textbox,
.select2-search__field .select2-search__field,
.select2-search__field .select2-container--default .select2-selection--single:invalid:hover,
.select2-container--default .select2-selection--single .was-validated textarea.nui_textbox,
.select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-selection--single .select2-container--default .select2-selection--single:invalid:hover {
  border-color: var(--nui-color-input-invalid-hover);
}

/*
::-ms-reveal {
  display: none;
}
*/
.nui_label {
  display: block;
  font-weight: normal;
  font-size: 0.8rem;
}
.nui_label___error {
  color: red;
}

.nui_logo {
  display: flex;
  width: 100%;
  height: 30px;
  justify-content: center;
  align-items: center;
  border: none;
  height: var(--ct-topbar-height);
  padding: 6px;
}
.nui_logo_bg {
  display: block;
  background-repeat: no-repeat;
  background-size: auto 30px;
  background-position: left center;
  width: 100%;
  height: 100%;
  max-width: 130px;
  transition: max-width var(--transition-speed) ease-in-out;
}
html[data-sidenav-size=condensed] .nui_logo_bg {
  max-width: 22px;
}
.nui_logo {
  /* Use these styles in company-specific stylesheets to override the Nectry logo */
  /*
  &___customer &_bg {
      background-image: url("path/to/image");
      background-size: contain;
      background-position: center center;
      max-width: 160px;

      // * this is the wrong way to do this,
      //   but I'm not rewriting the whole sidebar right now
      html[data-sidenav-size="condensed"] & {
          max-width: 62px;
      }
  }
  */
}

.nui_modal {
  z-index: var(--z-index-modal-above);
}
.nui_modal_title {
  color: #1a202c;
  font-weight: var(--font-weight-regular);
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  text-align: center;
}

.nui_spinner {
  display: block;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 7px solid var(--theme-color-primary-25);
  border-right-color: var(--theme-color-primary);
  animation: l2 1s infinite linear;
}
.nui_spinner___large {
  width: 50px;
}
.nui_spinner___small {
  width: 0.8rem;
  border-width: 2px;
}

@keyframes l2 {
  to {
    transform: rotate(1turn);
  }
}

/*# sourceMappingURL=nui-dist.css.map */