/* @import '../../../node_modules/normalize.css/normalize.css'; */
/* Border-Box */
*,
*:before,
*:after {
  box-sizing: inherit;
}
html {
  box-sizing: border-box;
}
/* iPad Input Shadows */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  /* mobile firefox too! */
}
/* FF dotted border outlines */
:focus {
  outline: none !important;
}
::-moz-focus-inner {
  border: 0 !important;
}
/* Strip native browser link styles */
a {
  color: inherit;
}
/*
 This file has shared variables that are re-used in other LESS files/modules
 Only use simple variables in this file
*/
:root {
  --color-primary-0: hsl(0, 0%, 100%);
  --color-primary-50: hsl(25.25, 100%, 97.5%);
  --color-primary-100: hsl(25.25, 100%, 92.5%);
  --color-primary-150: hsl(25.25, 100%, 87.5%);
  --color-primary-200: hsl(25.25, 100%, 82.5%);
  --color-primary-250: hsl(25.25, 100%, 77.5%);
  --color-primary-300: hsl(25.25, 100%, 72.5%);
  --color-primary-350: hsl(25.25, 100%, 67.5%);
  --color-primary-400: hsl(25.25, 100%, 62.5%);
  --color-primary-450: hsl(25.25, 100%, 57.5%);
  --color-primary-500: hsl(25.25, 100%, 52.5%);
  --color-primary-550: hsl(25.25, 100%, 47.5%);
  --color-primary-600: hsl(25.25, 100%, 42.5%);
  --color-primary-650: hsl(25.25, 100%, 37.5%);
  --color-primary-700: hsl(25.25, 100%, 32.5%);
  --color-primary-750: hsl(25.25, 100%, 27.5%);
  --color-primary-800: hsl(25.25, 100%, 22.5%);
  --color-primary-850: hsl(25.25, 100%, 17.5%);
  --color-primary-900: hsl(25.25, 100%, 12.5%);
  --color-primary-950: hsl(25.25, 100%, 7.5%);
  --color-primary-1000: hsl(25.25, 100%, 2.5%);
  --color-error-0: hsl(0, 0%, 100%);
  --color-error-50: hsl(0, 51.29186603%, 97.5%);
  --color-error-100: hsl(0, 51.29186603%, 92.5%);
  --color-error-150: hsl(0, 51.29186603%, 87.5%);
  --color-error-200: hsl(0, 51.29186603%, 82.5%);
  --color-error-250: hsl(0, 51.29186603%, 77.5%);
  --color-error-300: hsl(0, 51.29186603%, 72.5%);
  --color-error-350: hsl(0, 51.29186603%, 67.5%);
  --color-error-400: hsl(0, 51.29186603%, 62.5%);
  --color-error-450: hsl(0, 51.29186603%, 57.5%);
  --color-error-500: hsl(0, 51.29186603%, 52.5%);
  --color-error-550: hsl(0, 51.29186603%, 47.5%);
  --color-error-600: hsl(0, 51.29186603%, 42.5%);
  --color-error-650: hsl(0, 51.29186603%, 37.5%);
  --color-error-700: hsl(0, 51.29186603%, 32.5%);
  --color-error-750: hsl(0, 51.29186603%, 27.5%);
  --color-error-800: hsl(0, 51.29186603%, 22.5%);
  --color-error-850: hsl(0, 51.29186603%, 17.5%);
  --color-error-900: hsl(0, 51.29186603%, 12.5%);
  --color-error-950: hsl(0, 51.29186603%, 7.5%);
  --color-error-1000: hsl(0, 51.29186603%, 2.5%);
  --color-success-0: hsl(0, 0%, 100%);
  --color-success-50: hsl(120, 32.03252033%, 97.5%);
  --color-success-100: hsl(120, 32.03252033%, 92.5%);
  --color-success-150: hsl(120, 32.03252033%, 87.5%);
  --color-success-200: hsl(120, 32.03252033%, 82.5%);
  --color-success-250: hsl(120, 32.03252033%, 77.5%);
  --color-success-300: hsl(120, 32.03252033%, 72.5%);
  --color-success-350: hsl(120, 32.03252033%, 67.5%);
  --color-success-400: hsl(120, 32.03252033%, 62.5%);
  --color-success-450: hsl(120, 32.03252033%, 57.5%);
  --color-success-500: hsl(120, 32.03252033%, 52.5%);
  --color-success-550: hsl(120, 32.03252033%, 47.5%);
  --color-success-600: hsl(120, 32.03252033%, 42.5%);
  --color-success-650: hsl(120, 32.03252033%, 37.5%);
  --color-success-700: hsl(120, 32.03252033%, 32.5%);
  --color-success-750: hsl(120, 32.03252033%, 27.5%);
  --color-success-800: hsl(120, 32.03252033%, 22.5%);
  --color-success-850: hsl(120, 32.03252033%, 17.5%);
  --color-success-900: hsl(120, 32.03252033%, 12.5%);
  --color-success-950: hsl(120, 32.03252033%, 7.5%);
  --color-success-1000: hsl(120, 32.03252033%, 2.5%);
  --color-warning-0: hsl(0, 0%, 100%);
  --color-warning-50: hsl(44.9197861, 56.32653061%, 97.5%);
  --color-warning-100: hsl(44.9197861, 56.32653061%, 92.5%);
  --color-warning-150: hsl(44.9197861, 56.32653061%, 87.5%);
  --color-warning-200: hsl(44.9197861, 56.32653061%, 82.5%);
  --color-warning-250: hsl(44.9197861, 56.32653061%, 77.5%);
  --color-warning-300: hsl(44.9197861, 56.32653061%, 72.5%);
  --color-warning-350: hsl(44.9197861, 56.32653061%, 67.5%);
  --color-warning-400: hsl(44.9197861, 56.32653061%, 62.5%);
  --color-warning-450: hsl(44.9197861, 56.32653061%, 57.5%);
  --color-warning-500: hsl(44.9197861, 56.32653061%, 52.5%);
  --color-warning-550: hsl(44.9197861, 56.32653061%, 47.5%);
  --color-warning-600: hsl(44.9197861, 56.32653061%, 42.5%);
  --color-warning-650: hsl(44.9197861, 56.32653061%, 37.5%);
  --color-warning-700: hsl(44.9197861, 56.32653061%, 32.5%);
  --color-warning-750: hsl(44.9197861, 56.32653061%, 27.5%);
  --color-warning-800: hsl(44.9197861, 56.32653061%, 22.5%);
  --color-warning-850: hsl(44.9197861, 56.32653061%, 17.5%);
  --color-warning-900: hsl(44.9197861, 56.32653061%, 12.5%);
  --color-warning-950: hsl(44.9197861, 56.32653061%, 7.5%);
  --color-warning-1000: hsl(44.9197861, 56.32653061%, 2.5%);
  --color-info-0: hsl(0, 0%, 100%);
  --color-info-50: hsl(201.03092784, 52.90598291%, 97.5%);
  --color-info-100: hsl(201.03092784, 52.90598291%, 92.5%);
  --color-info-150: hsl(201.03092784, 52.90598291%, 87.5%);
  --color-info-200: hsl(201.03092784, 52.90598291%, 82.5%);
  --color-info-250: hsl(201.03092784, 52.90598291%, 77.5%);
  --color-info-300: hsl(201.03092784, 52.90598291%, 72.5%);
  --color-info-350: hsl(201.03092784, 52.90598291%, 67.5%);
  --color-info-400: hsl(201.03092784, 52.90598291%, 62.5%);
  --color-info-450: hsl(201.03092784, 52.90598291%, 57.5%);
  --color-info-500: hsl(201.03092784, 52.90598291%, 52.5%);
  --color-info-550: hsl(201.03092784, 52.90598291%, 47.5%);
  --color-info-600: hsl(201.03092784, 52.90598291%, 42.5%);
  --color-info-650: hsl(201.03092784, 52.90598291%, 37.5%);
  --color-info-700: hsl(201.03092784, 52.90598291%, 32.5%);
  --color-info-750: hsl(201.03092784, 52.90598291%, 27.5%);
  --color-info-800: hsl(201.03092784, 52.90598291%, 22.5%);
  --color-info-850: hsl(201.03092784, 52.90598291%, 17.5%);
  --color-info-900: hsl(201.03092784, 52.90598291%, 12.5%);
  --color-info-950: hsl(201.03092784, 52.90598291%, 7.5%);
  --color-info-1000: hsl(201.03092784, 52.90598291%, 2.5%);
  --color-neutral-0: hsl(0, 0%, 100%);
  --color-neutral-50: hsl(60, 9.28571429%, 97.5%);
  --color-neutral-100: hsl(60, 9.28571429%, 92.5%);
  --color-neutral-150: hsl(60, 9.28571429%, 87.5%);
  --color-neutral-200: hsl(60, 9.28571429%, 82.5%);
  --color-neutral-250: hsl(60, 9.28571429%, 77.5%);
  --color-neutral-300: hsl(60, 9.28571429%, 72.5%);
  --color-neutral-350: hsl(60, 9.28571429%, 67.5%);
  --color-neutral-400: hsl(60, 9.28571429%, 62.5%);
  --color-neutral-450: hsl(60, 9.28571429%, 57.5%);
  --color-neutral-500: hsl(60, 9.28571429%, 52.5%);
  --color-neutral-550: hsl(60, 9.28571429%, 47.5%);
  --color-neutral-600: hsl(60, 9.28571429%, 42.5%);
  --color-neutral-650: hsl(60, 9.28571429%, 37.5%);
  --color-neutral-700: hsl(60, 9.28571429%, 32.5%);
  --color-neutral-750: hsl(60, 9.28571429%, 27.5%);
  --color-neutral-800: hsl(60, 9.28571429%, 22.5%);
  --color-neutral-850: hsl(60, 9.28571429%, 17.5%);
  --color-neutral-900: hsl(60, 9.28571429%, 12.5%);
  --color-neutral-950: hsl(60, 9.28571429%, 7.5%);
  --color-neutral-1000: hsl(60, 9.28571429%, 2.5%);
}
:root {
  color-scheme: initial;
  --font-family: "Roobert", sans-serif;
  --font-size-xl: 17px;
  --font-size-lg: 15px;
  --font-size: 13px;
  --font-size-sm: 12px;
  --font-size-xs: 11px;
  --line-height: 20px;
  --line-height-sm: 16px;
  --size-xl: 48px;
  --size-lg: 36px;
  --size: 30px;
  --size-sm: 24px;
  --size-xs: 16px;
  --padding-xxs: 4px;
  --padding-xs: 8px;
  --padding-sm: 12px;
  --padding: 16px;
  --padding-lg: 20px;
  --padding-xl: 24px;
  --padding-input-x: var(--padding-xs);
  --padding-input-y: calc((var(--size) - var(--line-height) - 2px) / 2);
  --padding-input: var(--padding-input-y) var(--padding-input-x);
  --padding-input-sm-x: var(--padding-xs);
  --padding-input-sm-y: calc((var(--size-sm) - var(--line-height) - 2px) / 2);
  --padding-input-sm: var(--padding-input-sm-y) var(--padding-input-sm-x);
  --border-radius: 4px;
  --border-radius-sm: 2px;
  --zindex-topbar-alert: 98;
  --zindex-drawer: 99;
  --zindex-topbar: 101;
  --zindex-dimmer: 1000;
  --zindex-modal: 2000;
  --zindex-popover: 2001;
  --zindex-dropdown: 2002;
  --zindex-tooltip: 2003;
  --shadow-button: 0 1px 1px rgba(0, 0, 0, 0.1);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-layer: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1),
    0 0 4px rgba(0, 0, 0, 0.1);
  --color-text: var(--color-neutral-900);
  --color-text-muted: var(--color-neutral-700);
  --color-text-faint: var(--color-neutral-500);
  --color-text-error: var(--color-error-600);
  --color-text-warning: var(--color-warning-600);
  --color-text-success: var(--color-success-600);
  --color-text-info: var(--color-info-600);
  --color-text-primary: var(--color-primary-500);
  --color-text-primary-hover: var(--color-primary-600);
  --color-text-primary-active: var(--color-primary-700);
  --color-text-placeholder: rgba(0, 0, 0, 0.3);
  --color-background: var(--color-neutral-100);
  --color-background-raised: white;
  --color-background-layer: white;
  --color-background-disabled: var(--color-neutral-100);
  --color-background-info: var(--color-info-100);
  --color-background-error: var(--color-error-100);
  --color-background-success: var(--color-success-100);
  --color-background-warning: var(--color-warning-100);
  --color-background-primary: var(--color-primary-500);
  --color-background-input: white;
  --color-background-listitem-active: var(--color-primary-100);
  --color-background-listitem-hover: var(--color-neutral-100);
  --color-border: var(--color-neutral-250);
  --color-border-checkbox: var(--color-neutral-300);
  --color-border-hover: var(--color-neutral-400);
  --color-border-focus: var(--color-primary-500);
  --color-border-error: var(--color-error-300);
  --color-border-error-hover: var(--color-error-400);
  --color-border-warning: var(--color-warning-300);
  --color-border-warning-hover: var(--color-warning-400);
  --shadow-focus: 0 0 0 2px rgba(255, 116, 15, 0.25);
}
html[data-theme="dark"] {
  color-scheme: dark;
  --color-text: var(--color-neutral-100);
  --color-text-muted: var(--color-neutral-300);
  --color-text-faint: var(--color-neutral-500);
  --color-text-primary: var(--color-primary-400);
  --color-text-primary-active: var(--color-primary-200);
  --color-text-primary-hover: var(--color-primary-300);
  --color-text-error: var(--color-error-300);
  --color-text-info: var(--color-info-300);
  --color-text-success: var(--color-success-300);
  --color-text-warning: var(--color-warning-300);
  --color-text-placeholder: rgba(255, 255, 255, 0.4);
  --color-background: var(--color-neutral-900);
  --color-background-raised: var(--color-neutral-800);
  --color-background-layer: var(--color-neutral-700);
  --color-background-disabled: var(--color-neutral-900);
  --color-background-error: var(--color-error-800);
  --color-background-info: var(--color-info-800);
  --color-background-success: var(--color-success-800);
  --color-background-warning: var(--color-warning-800);
  --color-background-primary: var(--color-primary-600);
  --color-background-input: var(--color-neutral-800);
  --color-background-listitem-active: var(--color-primary-700);
  --color-background-listitem-hover: var(--color-neutral-700);
  --color-border: black;
  --color-border-checkbox: black;
  --color-border-hover: var(--color-neutral-500);
  --color-border-focus: var(--color-primary-500);
  --color-border-error: var(--color-error-600);
  --color-border-warning: var(--color-warning-600);
  --shadow-focus: 0 0 0 2px rgba(255, 116, 15, 0.5);
}
@font-face {
  font-family: "Roobert";
  font-weight: normal;
  font-style: normal;
  src: url("./fonts/roobert/Roobert-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Roobert";
  font-weight: bold;
  font-style: normal;
  src: url("./fonts/roobert/Roobert-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Roobert";
  font-weight: normal;
  font-style: italic;
  src: url("./fonts/roobert/Roobert-RegularItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Roobert";
  font-weight: bold;
  font-style: italic;
  src: url("./fonts/roobert/Roobert-SemiBoldItalic.woff2") format("woff2");
}
html {
  font-size: var(--font-size);
}
body {
  color: var(--color-text);
  line-height: var(--line-height);
  font-family: var(--font-family);
  font-size: var(--font-size);
}
.dark {
  color: var(--color-text);
}
h1,
h2,
h3,
h4,
h5 {
  line-height: 1.285714em;
  margin: 0 0 1rem;
}
p,
ul,
ol {
  margin: 0 0 1rem;
  line-height: var(--line-height);
}
p:last-child,
ul:last-child,
ol:last-child {
  margin-bottom: 0;
}
ul,
ol {
  padding-left: 1.5em;
}
a {
  text-decoration: none;
}
.inputInTable {
  background-color: transparent;
  border-radius: inherit !important;
  height: var(--size);
  min-height: 100%;
}
.inputInTable:not(:hover) {
  border-color: transparent;
}
.inputInTable:not(:focus) {
  box-shadow: none;
}
.inputHover {
  position: relative;
  border-color: var(--color-border-hover);
  z-index: 2;
}
.inputFocus {
  position: relative;
  outline: none !important;
  border-color: var(--color-border-focus) !important;
  box-shadow: var(--shadow-focus);
  z-index: 3;
}
.inputError,
.inputWarning {
  position: relative;
}
.inputError {
  z-index: 2;
  border-color: var(--color-border-error);
  color: var(--color-text-error) !important;
  background-color: var(--color-background-error);
}
.inputError:hover {
  border-color: var(--color-border-error-hover) !important;
}
.inputError:focus {
  position: relative;
  outline: none !important;
  border-color: var(--color-border-focus) !important;
  box-shadow: var(--shadow-focus);
  z-index: 3;
}
.inputWarning {
  z-index: 1;
  border-color: var(--color-border-warning);
  color: var(--color-text-warning) !important;
  background-color: var(--color-background-warning);
}
.inputWarning:hover {
  border-color: var(--color-border-warning-hover) !important;
}
.inputWarning:focus {
  position: relative;
  outline: none !important;
  border-color: var(--color-border-focus) !important;
  box-shadow: var(--shadow-focus);
  z-index: 3;
}
.inputDisabled {
  pointer-events: none;
  background-color: var(--color-background-disabled);
  color: var(--color-text-muted);
  box-shadow: none;
}
.hideScrollbars {
  /* Firefox */
  scrollbar-width: none;
  /* IE 10+ */
  -ms-overflow-style: none;
  /* Chrome, Safari and Opera */
}
.hideScrollbars::-webkit-scrollbar {
  display: none;
}
:root {
  --color-border-button: rgba(0, 0, 0, 0.15);
  --color-background-button-default: var(--color-neutral-0);
  --color-background-button-default-hover: var(--color-neutral-50);
  --color-background-button-default-active: var(--color-neutral-100);
  --color-border-button-default-active: var(--color-primary-500);
  --color-text-button-default-active: var(--color-primary-500);
  --color-background-button-primary: var(--color-primary-500);
  --color-background-button-primary-hover: var(--color-primary-550);
  --color-background-button-primary-active: var(--color-primary-600);
  --color-background-button-success: var(--color-success-500);
  --color-background-button-success-hover: var(--color-success-550);
  --color-background-button-success-active: var(--color-success-600);
  --color-background-button-error: var(--color-error-500);
  --color-background-button-error-hover: var(--color-error-550);
  --color-background-button-error-active: var(--color-error-600);
}
html[data-theme="dark"] {
  --color-border-button: var(--color-border);
  --color-background-button-default: var(--color-neutral-800);
  --color-background-button-default-hover: var(--color-neutral-750);
  --color-background-button-default-active: var(--color-neutral-700);
  --color-text-button-default-active: white;
}
.button {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  outline: 0;
  border: 1px solid var(--color-border);
  vertical-align: baseline;
  background: var(--color-background-button-default);
  color: var(--color-text);
  font-family: var(--font-family);
  padding: var(--padding-input);
  text-transform: none;
  text-shadow: none;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  border-radius: var(--border-radius);
  user-select: none;
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease,
    box-shadow 0.1s ease, background 0.1s ease, border-color 0.1s ease;
  max-width: 100%;
  min-height: var(--size);
  box-shadow: var(--shadow-button);
  font-weight: bold;
}
.button:hover {
  background: var(--color-background-button-default-hover);
}
.button:focus {
  box-shadow: var(--shadow-focus) !important;
}
.button:active {
  background: var(--color-background-button-default-active);
  box-shadow: none;
}
.button.active:not(.green):not(.red):not(.orange) {
  border-color: var(--color-border-button-default-active);
  color: var(--color-text-button-default-active);
  position: relative;
  z-index: 2;
}
.button:hover,
.button:focus,
.button:active {
  position: relative;
  z-index: 1;
}
.button .icon {
  margin: -2px;
  margin-right: var(--padding-xxs);
  font-size: var(--size-xs);
  display: flex;
}
.iconOnly {
  width: var(--size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.iconOnly .icon {
  margin: 0;
  line-height: 0;
}
.basic {
  color: var(--color-text-primary);
  background: transparent;
  box-shadow: none !important;
  border: none !important;
}
.basic.muted {
  color: var(--color-text-muted);
}
.basic:hover {
  color: var(--color-text-primary-hover);
  background: rgba(0, 0, 0, 0.05);
}
[data-theme="dark"] .basic:hover {
  background: rgba(255, 255, 255, 0.1);
}
.basic:active,
.basic.active {
  color: var(--color-text-primary-active);
  background: rgba(0, 0, 0, 0.1);
}
[data-theme="dark"] .basic:active,
[data-theme="dark"] .basic.active {
  background: rgba(255, 255, 255, 0.2);
}
.disabled {
  cursor: default;
  pointer-events: none !important;
  color: var(--color-text-faint) !important;
  box-shadow: none !important;
}
.disabled:not(.active):not(.basic) {
  background: var(--color-background-disabled) !important;
  border: 1px solid var(--color-border) !important;
}
.small {
  font-size: var(--font-size-sm);
  min-height: var(--size-sm);
  padding: var(--padding-input-sm);
}
.pill,
.round {
  border-radius: 19px;
  display: inline-flex;
  align-items: center;
}
.round {
  padding: 0;
  width: var(--size);
  line-height: 1;
}
.round.small {
  width: var(--size-sm);
}
.orange:not(.basic) {
  background-color: var(--color-background-button-primary);
}
.orange:not(.basic):hover {
  background-color: var(--color-background-button-primary-hover);
}
.orange:not(.basic):active,
.orange:not(.basic).active {
  background-color: var(--color-background-button-primary-active);
}
.red:not(.basic) {
  background-color: var(--color-background-button-error);
}
.red:not(.basic):hover {
  background-color: var(--color-background-button-error-hover);
}
.red:not(.basic):active,
.red:not(.basic).active {
  background-color: var(--color-background-button-error-active);
}
.red.basic {
  color: var(--color-text-error);
}
.green:not(.basic) {
  background-color: var(--color-background-button-success);
}
.green:not(.basic):hover {
  background-color: var(--color-background-button-success-hover);
}
.green:not(.basic):active,
.green:not(.basic).active {
  background-color: var(--color-background-button-success-active);
}
.green.basic {
  color: var(--color-text-success);
}
.orange,
.red,
.green {
  border-color: var(--color-border-button);
}
.orange:not(.basic),
.red:not(.basic),
.green:not(.basic) {
  color: #fff;
}
.orange:not(.basic):hover,
.red:not(.basic):hover,
.green:not(.basic):hover {
  color: #fff;
}
.orange:not(.basic):active,
.red:not(.basic):active,
.green:not(.basic):active,
.orange:not(.basic).active,
.red:not(.basic).active,
.green:not(.basic).active {
  color: #fff;
}
.error {
  position: relative;
  z-index: 2;
  border-color: var(--color-border-error);
  color: var(--color-text-error) !important;
  background-color: var(--color-background-error);
}
.error:hover {
  border-color: var(--color-border-error-hover) !important;
}
.error:focus {
  position: relative;
  outline: none !important;
  border-color: var(--color-border-focus) !important;
  box-shadow: var(--shadow-focus);
  z-index: 3;
}
.warning {
  position: relative;
  z-index: 1;
  border-color: var(--color-border-warning);
  color: var(--color-text-warning) !important;
  background-color: var(--color-background-warning);
}
.warning:hover {
  border-color: var(--color-border-warning-hover) !important;
}
.warning:focus {
  position: relative;
  outline: none !important;
  border-color: var(--color-border-focus) !important;
  box-shadow: var(--shadow-focus);
  z-index: 3;
}
.inverted {
  background-color: transparent;
  border-color: var(--color-text);
  box-shadow: none;
}
.inverted:hover,
.inverted:active {
  box-shadow: none;
}
.inverted.orange {
  color: var(--color-background-button-primary);
  border-color: var(--color-background-button-primary);
}
.inverted.red {
  color: var(--color-background-button-error);
  border-color: var(--color-background-button-error);
}
.inverted.green {
  color: var(--color-background-button-success);
  border-color: var(--color-background-button-success);
}
.inverted.orange:hover,
.inverted.red:hover,
.inverted.green:hover,
.inverted.orange:active,
.inverted.red:active,
.inverted.green:active {
  color: white;
  box-shadow: none;
}
.groupOrderFirst,
.groupOrderMiddle,
.groupOrderLast {
  margin-right: 0;
}
.groupOrderFirst,
.groupOrderMiddle {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.groupOrderLast,
.groupOrderMiddle {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.checkbox {
  --size-checkbox: var(--size-xs);
  margin: calc((var(--size) - var(--size-checkbox)) / 2) 0;
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--padding-xxs);
  backface-visibility: hidden;
  vertical-align: baseline;
  font-style: normal;
  min-height: var(--size-checkbox);
  font-size: inherit;
  line-height: var(--size-checkbox);
  min-width: var(--size-checkbox);
  outline: 0px;
}
.checkbox.noLabel {
  width: var(--size-checkbox);
}
.checkbox.small {
  --size-checkbox: calc(var(--size-xs) - 4px);
  margin: calc((var(--size-sm) - var(--size-checkbox)) / 2) 0;
  font-size: var(--font-size-sm);
}
.checkbox input {
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0 !important;
  outline: 0px;
  z-index: -1;
}
.checkbox label {
  cursor: pointer;
  user-select: none;
  color: var(--color-text);
  transition: color 0.1s ease 0s;
  display: block;
  padding-left: calc(var(--size-checkbox) + var(--padding-xs));
  outline: 0px;
}
.checkbox label .checkmark {
  position: absolute;
  top: 0px;
  left: 0px;
  width: var(--size-checkbox);
  height: var(--size-checkbox);
  font-size: var(--size-checkbox);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-background-button-default);
  border-radius: var(--border-radius-sm);
  transition: border 0.1s ease 0s, opacity 0.1s ease 0s, transform 0.1s ease 0s,
    box-shadow 0.1s ease 0s;
  border: 1px solid var(--color-border-checkbox);
  color: transparent;
}
.checkbox label .checkmark:hover {
  border-color: var(--color-border-hover);
}
.checkbox input:checked ~ label .checkmark {
  background: var(--color-background-primary);
  border-color: transparent;
  color: white;
}
.checkbox.disabled {
  cursor: default;
  pointer-events: none;
}
.checkbox.disabled label {
  color: var(--color-text-faint);
}
.checkbox.disabled .checkmark {
  background: var(--color-background-disabled) !important;
  border-color: var(--color-border-checkbox) !important;
}
.checkbox.disabled input:checked ~ label .checkmark {
  color: var(--color-text-faint);
}
.noMargin {
  margin: 0;
}
.isInTable {
  margin: 0;
}
.field {
  margin-bottom: var(--padding);
  color: var(--color-text);
}
.field.labelLeft {
  display: flex;
  align-items: center;
}
.field.labelLeft .fieldInput {
  flex-grow: 1;
}
.formRow,
.form-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.formRow > *:not(:last-child),
.form-row > *:not(:last-child) {
  margin-right: var(--padding);
}
.formRow .button,
.form-row .button {
  margin-bottom: var(--padding);
}
.heading {
  color: var(--color-text);
  line-height: var(--size-sm);
  font-weight: bold;
  display: flex;
  align-items: center;
  user-select: none;
  padding: 0;
}
.heading.top {
  font-size: var(--font-size-xl);
  margin-bottom: var(--padding-sm);
}
.heading:not(.top) {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.icons {
  display: inline-flex;
}
.icons > * {
  margin-left: var(--padding-xxs);
}
.input {
  margin: 0;
  outline: 0;
  text-align: left;
  font-family: var(--font-family);
  padding: var(--padding-input);
  background: var(--color-background-input);
  border: 1px solid var(--color-border);
  color: var(--color-text);
  border-radius: var(--border-radius);
  transition: box-shadow 0.1s ease, border-color 0.1s ease;
  box-shadow: none;
  height: var(--size);
  line-height: var(--line-height);
  width: 100%;
  font-weight: 400;
  font-style: normal;
  position: relative;
  font-variant-numeric: tabular-nums;
}
.input::placeholder {
  color: var(--color-text-placeholder);
}
.input.isInTable {
  background-color: transparent;
  border-radius: inherit !important;
  height: var(--size);
  min-height: 100%;
}
.input.isInTable:not(:hover) {
  border-color: transparent;
}
.input.isInTable:not(:focus) {
  box-shadow: none;
}
.input:hover {
  position: relative;
  border-color: var(--color-border-hover);
  z-index: 2;
}
.input:focus {
  position: relative;
  outline: none !important;
  border-color: var(--color-border-focus) !important;
  box-shadow: var(--shadow-focus);
  z-index: 3;
}
.input.small {
  font-size: var(--font-size-sm);
  height: var(--size-sm);
  padding: var(--padding-input-sm);
  line-height: var(--size-sm);
}
.input.error {
  position: relative;
  z-index: 2;
  border-color: var(--color-border-error);
  color: var(--color-text-error) !important;
  background-color: var(--color-background-error);
}
.input.error:hover {
  border-color: var(--color-border-error-hover) !important;
}
.input.error:focus {
  position: relative;
  outline: none !important;
  border-color: var(--color-border-focus) !important;
  box-shadow: var(--shadow-focus);
  z-index: 3;
}
.input.warning {
  position: relative;
  z-index: 1;
  border-color: var(--color-border-warning);
  color: var(--color-text-warning) !important;
  background-color: var(--color-background-warning);
}
.input.warning:hover {
  border-color: var(--color-border-warning-hover) !important;
}
.input.warning:focus {
  position: relative;
  outline: none !important;
  border-color: var(--color-border-focus) !important;
  box-shadow: var(--shadow-focus);
  z-index: 3;
}
.input[disabled] {
  pointer-events: none;
  background-color: var(--color-background-disabled);
  color: var(--color-text-muted);
  box-shadow: none;
}
.input.right {
  text-align: right;
}
.groupOrderFirst,
.groupOrderMiddle,
.groupOrderLast {
  flex: 1;
}
.groupOrderFirst .input,
.groupOrderMiddle .input {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.groupOrderLast .input,
.groupOrderMiddle .input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.label {
  display: flex;
  align-items: center;
}
.label.labelLeft {
  margin-bottom: 0;
  flex-shrink: 0;
  padding-right: var(--padding-xs);
}
.label.labelLeft > label {
  margin-bottom: 0;
}
.label .icons {
  display: inline-flex;
}
.label .icons > * {
  margin-left: var(--padding-xxs);
}
.label > label {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: var(--font-size);
  margin-bottom: var(--padding-xxs);
  line-height: 1.25;
}
:root {
  --color-border-message: rgba(0, 0, 0, 0.1);
}
html[data-theme="dark"] {
  --color-border-message: rgba(255, 255, 255, 0.1);
}
.container {
  --padding-message: var(--padding-sm);
  padding: var(--padding-message);
  border-radius: var(--border-radius);
  display: inline-flex;
  align-items: flex-start;
  line-height: var(--line-height);
  flex-wrap: wrap;
  overflow-y: auto;
  border: 1px solid var(--color-border-message);
  /* Firefox */
  scrollbar-width: none;
  /* IE 10+ */
  -ms-overflow-style: none;
  /* Chrome, Safari and Opera */
}
.container::-webkit-scrollbar {
  display: none;
}
.container.block {
  display: flex;
}
.container.info {
  color: var(--color-text-info);
  background-color: var(--color-background-info);
}
.container.success {
  color: var(--color-text-success);
  background-color: var(--color-background-success);
}
.container.warning {
  color: var(--color-text-warning);
  background-color: var(--color-background-warning);
}
.container.error {
  color: var(--color-text-error);
  background-color: var(--color-background-error);
}
.content {
  flex: 1;
  min-width: 0;
}
.heading {
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: var(--font-size-sm);
  line-height: var(--line-height);
}
.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--line-height);
  margin-right: var(--padding-xs);
  font-size: var(--size-xs);
}
.dismiss {
  margin-left: var(--padding);
  color: var(--color-text);
}
.dismiss.absolute {
  position: absolute;
  top: var(--padding-sm);
  right: var(--padding-sm);
}
.dismiss {
  --offset-message-dismiss: calc((var(--line-height) - var(--size-sm)) / 2);
  display: flex;
  margin-top: var(--offset-message-dismiss);
  margin-bottom: var(--offset-message-dismiss);
  margin-right: var(--offset-message-dismiss);
}
.legendToggle {
  opacity: 0.6;
}
.legendToggle:hover {
  opacity: 0.8;
  cursor: pointer;
}
.legendToggle:active {
  opacity: 1;
}
.detailsText {
  margin-top: var(--padding-xxs);
  word-break: break-word;
}
.footer {
  display: flex;
  flex-wrap: wrap;
  gap: var(--padding-sm);
  margin-top: var(--padding-xxs);
}