/* src/core/Dialogs/GenericDialogSkeleton/index.scss */
.generic-dialog-skeleton {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 10rem;
}

/* ../../node_modules/react-day-picker/dist/style.css */
.rdp {
  --rdp-cell-size: 40px;
  --rdp-accent-color: #0000ff;
  --rdp-background-color: #e7edff;
  --rdp-accent-color-dark: #3003e1;
  --rdp-background-color-dark: #180270;
  --rdp-outline: 2px solid var(--rdp-accent-color);
  --rdp-outline-selected: 3px solid var(--rdp-accent-color);
  margin: 1em;
}
.rdp-vhidden {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: absolute !important;
  top: 0;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
}
.rdp-button_reset {
  appearance: none;
  position: relative;
  margin: 0;
  padding: 0;
  cursor: default;
  color: inherit;
  background: none;
  font: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.rdp-button_reset:focus-visible {
  outline: none;
}
.rdp-button {
  border: 2px solid transparent;
}
.rdp-button[disabled]:not(.rdp-day_selected) {
  opacity: 0.25;
}
.rdp-button:not([disabled]) {
  cursor: pointer;
}
.rdp-button:focus-visible:not([disabled]) {
  color: inherit;
  background-color: var(--rdp-background-color);
  border: var(--rdp-outline);
}
.rdp-button:hover:not([disabled]):not(.rdp-day_selected) {
  background-color: var(--rdp-background-color);
}
.rdp-months {
  display: flex;
}
.rdp-month {
  margin: 0 1em;
}
.rdp-month:first-child {
  margin-left: 0;
}
.rdp-month:last-child {
  margin-right: 0;
}
.rdp-table {
  margin: 0;
  max-width: calc(var(--rdp-cell-size) * 7);
  border-collapse: collapse;
}
.rdp-with_weeknumber .rdp-table {
  max-width: calc(var(--rdp-cell-size) * 8);
  border-collapse: collapse;
}
.rdp-caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  text-align: left;
}
.rdp-multiple_months .rdp-caption {
  position: relative;
  display: block;
  text-align: center;
}
.rdp-caption_dropdowns {
  position: relative;
  display: inline-flex;
}
.rdp-caption_label {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0 0.25em;
  white-space: nowrap;
  color: currentColor;
  border: 0;
  border: 2px solid transparent;
  font-family: inherit;
  font-size: 140%;
  font-weight: bold;
}
.rdp-nav {
  white-space: nowrap;
}
.rdp-multiple_months .rdp-caption_start .rdp-nav {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.rdp-multiple_months .rdp-caption_end .rdp-nav {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.rdp-nav_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--rdp-cell-size);
  height: var(--rdp-cell-size);
  padding: 0.25em;
  border-radius: 100%;
}
.rdp-dropdown_year,
.rdp-dropdown_month {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.rdp-dropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: inherit;
  opacity: 0;
  border: none;
  background-color: transparent;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.rdp-dropdown[disabled] {
  opacity: unset;
  color: unset;
}
.rdp-dropdown:focus-visible:not([disabled]) + .rdp-caption_label {
  background-color: var(--rdp-background-color);
  border: var(--rdp-outline);
  border-radius: 6px;
}
.rdp-dropdown_icon {
  margin: 0 0 0 5px;
}
.rdp-head {
  border: 0;
}
.rdp-head_row,
.rdp-row {
  height: 100%;
}
.rdp-head_cell {
  vertical-align: middle;
  font-size: 0.75em;
  font-weight: 700;
  text-align: center;
  height: 100%;
  height: var(--rdp-cell-size);
  padding: 0;
}
.rdp-tbody {
  border: 0;
}
.rdp-tfoot {
  margin: 0.5em;
}
.rdp-cell {
  width: var(--rdp-cell-size);
  height: 100%;
  height: var(--rdp-cell-size);
  padding: 0;
  text-align: center;
}
.rdp-weeknumber {
  font-size: 0.75em;
}
.rdp-weeknumber,
.rdp-day {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--rdp-cell-size);
  max-width: var(--rdp-cell-size);
  height: var(--rdp-cell-size);
  margin: 0;
  border: 2px solid transparent;
  border-radius: 100%;
}
.rdp-day_today:not(.rdp-day_outside) {
  font-weight: bold;
}
.rdp-day_selected,
.rdp-day_selected:focus-visible,
.rdp-day_selected:hover {
  color: white;
  opacity: 1;
  background-color: var(--rdp-accent-color);
}
.rdp-day_outside {
  opacity: 0.5;
}
.rdp-day_selected:focus-visible {
  outline: var(--rdp-outline);
  outline-offset: 2px;
  z-index: 1;
}
.rdp:not([dir="rtl"]) .rdp-day_range_start:not(.rdp-day_range_end) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rdp:not([dir="rtl"]) .rdp-day_range_end:not(.rdp-day_range_start) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rdp[dir=rtl] .rdp-day_range_start:not(.rdp-day_range_end) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rdp[dir=rtl] .rdp-day_range_end:not(.rdp-day_range_start) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rdp-day_range_end.rdp-day_range_start {
  border-radius: 100%;
}
.rdp-day_range_middle {
  border-radius: 0;
}

/* ../../packages/ui/lib/index.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
button {
  background-color: transparent;
  background-image: none;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
fieldset {
  margin: 0;
  padding: 0;
}
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
html {
  font-family: var(--font-family-sans);
  line-height: 1.5;
}
*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: var(--color-border-default);
}
hr {
  border-top-width: 1px;
}
img {
  border-style: solid;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #a0aec0;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #a0aec0;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #a0aec0;
}
input::placeholder,
textarea::placeholder {
  color: #a0aec0;
}
button,
[role=button] {
  cursor: pointer;
}
table {
  border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}
pre,
code,
kbd,
samp {
  font-family: var(--font-family-mono);
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
:root {
  --border-radius-none: 0px;
  --border-radius-md: 0.25rem;
  --border-radius-lg: 0.5rem;
  --border-radius-full: 9999px;
  --font-family-sans:
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --font-family-mono:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  --font-styles-display-xl-size: var(--font-size-4xl);
  --font-styles-display-xl-weight: var(--font-weight-500);
  --font-styles-display-xl-leading: var(--font-leading-2xl);
  --font-styles-display-lg-size: var(--font-size-3xl);
  --font-styles-display-lg-weight: var(--font-weight-500);
  --font-styles-display-lg-leading: var(--font-leading-xl);
  --font-styles-display-md-size: var(--font-size-2xl);
  --font-styles-display-md-weight: var(--font-weight-400);
  --font-styles-display-md-leading: var(--font-leading-xl);
  --font-styles-display-sm-size: var(--font-size-xl);
  --font-styles-display-sm-weight: var(--font-weight-400);
  --font-styles-display-sm-leading: var(--font-leading-lg);
  --font-styles-heading-xl-size: var(--font-size-2xl);
  --font-styles-heading-xl-weight: var(--font-weight-600);
  --font-styles-heading-xl-leading: var(--font-leading-xl);
  --font-styles-heading-lg-size: var(--font-size-xl);
  --font-styles-heading-lg-weight: var(--font-weight-600);
  --font-styles-heading-lg-leading: var(--font-leading-lg);
  --font-styles-heading-md-size: var(--font-size-md);
  --font-styles-heading-md-weight: var(--font-weight-600);
  --font-styles-heading-md-leading: var(--font-leading-md);
  --font-styles-heading-sm-size: var(--font-size-sm);
  --font-styles-heading-sm-weight: var(--font-weight-600);
  --font-styles-heading-sm-leading: var(--font-leading-md);
  --font-styles-body-md-size: var(--font-size-md);
  --font-styles-body-md-weight: var(--font-weight-400);
  --font-styles-body-md-leading: var(--font-leading-md);
  --font-styles-body-sm-size: var(--font-size-sm);
  --font-styles-body-sm-weight: var(--font-weight-400);
  --font-styles-body-sm-leading: var(--font-leading-sm);
  --font-styles-control-size: var(--font-size-md);
  --font-styles-control-weight: var(--font-weight-500);
  --font-styles-control-leading: var(--font-leading-sm);
  --font-styles-input-size: var(--font-size-md);
  --font-styles-input-weight: var(--font-weight-400);
  --font-styles-input-leading: var(--font-leading-sm);
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-size-4xl: 2.625rem;
  --font-size-3xl: 1.75rem;
  --font-size-2xl: 1.625rem;
  --font-size-xl: 1.25rem;
  --font-size-lg: 1rem;
  --font-size-md: 0.875rem;
  --font-size-sm: 0.75rem;
  --font-leading-2xl: 2.75rem;
  --font-leading-xl: 2rem;
  --font-leading-lg: 1.5rem;
  --font-leading-md: 1.25rem;
  --font-leading-sm: 1rem;
  --space-xxs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.25rem;
  --space-xl: 2rem;
  --space-2xl: 3.75rem;
  --space-3xl: 5rem;
  --space-inset-squish-sm: var(--space-xxs) var(--space-sm);
  --space-inset-squish-md: var(--space-xs) var(--space-md);
  --space-inset-squish-lg: var(--space-lg) var(--space-xl);
  --color-accents:
    1,
    2,
    3,
    4,
    5;
  --z-index-sticky: 25;
  --z-index-overlay: 200;
  --z-index-backdrop: 100;
  --z-index-dialog: 150;
  --z-index-popover: 200;
}
body {
  --color-background-base: rgb(246, 246, 246);
  --color-background-muted: rgb(251, 251, 251);
  --color-background-default: rgb(255, 255, 255);
  --color-background-backdrop: rgba(18, 18, 18, 0.5);
  --color-background-interactive-hover: rgba(17, 153, 238, 0.15);
  --color-background-interactive-active: rgba(17, 153, 238, 0.1);
  --color-background-inputs-default: rgb(255, 255, 255);
  --color-background-inputs-disabled: rgba(0, 0, 0, 0.05);
  --color-background-primary-active: rgb(5, 86, 137);
  --color-background-primary-default: rgb(10, 116, 183);
  --color-background-primary-disabled: rgb(235, 241, 252);
  --color-background-primary-hover: rgb(0, 101, 160);
  --color-background-primary-minimal-active: rgba(17, 153, 238, 0.12);
  --color-background-primary-minimal-default: rgba(17, 153, 238, 0.1);
  --color-background-primary-minimal-disabled: rgba(17, 153, 238, 0);
  --color-background-primary-minimal-hover: rgba(17, 153, 238, 0.15);
  --color-background-secondary-default: rgb(255, 255, 255);
  --color-background-secondary-hover: rgb(246, 246, 247);
  --color-background-secondary-disabled: rgb(255, 255, 255);
  --color-background-secondary-minimal-active: rgba(17, 18, 19, 0.08);
  --color-background-secondary-minimal-default: rgba(17, 18, 19, 0.05);
  --color-background-secondary-minimal-disabled: rgba(17, 18, 19, 0);
  --color-background-secondary-minimal-hover: rgba(17, 18, 19, 0.1);
  --color-background-neutral-default: rgb(240, 241, 242);
  --color-background-neutral-hovered: rgb(219, 221, 223);
  --color-background-neutral-pressed: rgb(201, 204, 208);
  --color-background-neutral-disabled: rgb(241, 242, 243);
  --color-background-critical-active: rgb(168, 4, 24);
  --color-background-critical-default: rgb(221, 19, 39);
  --color-background-critical-disabled: rgb(252, 237, 238);
  --color-background-critical-hover: rgb(195, 5, 29);
  --color-background-critical-muted: rgb(255, 244, 244);
  --color-background-critical-minimal-active: rgba(207, 17, 36, 0.12);
  --color-background-critical-minimal-default: rgba(207, 17, 36, 0.1);
  --color-background-critical-minimal-disabled: rgba(207, 17, 36, 0);
  --color-background-critical-minimal-hover: rgba(207, 17, 36, 0.15);
  --color-background-highlight-muted: rgb(213, 247, 252);
  --color-background-success-muted: rgb(235, 242, 239);
  --color-background-warning-muted: rgb(254, 245, 232);
  --color-background-accent-1-default: rgb(255, 201, 107);
  --color-background-accent-2-default: rgb(255, 196, 176);
  --color-background-accent-3-default: rgb(146, 230, 181);
  --color-background-accent-4-default: rgb(147, 227, 217);
  --color-background-accent-5-default: rgb(253, 197, 243);
  --color-border-default: rgb(195, 199, 203);
  --color-border-muted: rgb(225, 227, 229);
  --color-border-focused: rgb(0, 151, 236);
  --color-border-outlined: rgba(0, 0, 0, 0.1);
  --color-border-on-primary-default: rgb(58, 97, 138);
  --color-border-critical-default: rgb(252, 86, 94);
  --color-border-critical-disabled: rgb(254, 167, 169);
  --color-border-critical-muted: rgb(223, 180, 181);
  --color-border-on-critical-default: rgb(168, 54, 59);
  --color-border-success-default: rgb(39, 163, 124);
  --color-border-success-muted: rgb(158, 199, 181);
  --color-border-highlight-default: rgb(68, 157, 167);
  --color-border-highlight-muted: rgb(152, 198, 205);
  --color-border-warning-default: rgb(174, 141, 48);
  --color-border-warning-muted: rgb(204, 188, 161);
  --color-text-default: #111213;
  --color-text-disabled: rgb(140, 145, 150);
  --color-text-muted: rgb(108, 112, 116);
  --color-text-interactive-default: #1199ee;
  --color-text-inputs-disabled: rgb(140, 145, 150);
  --color-text-primary-default: #1199ee;
  --color-text-on-primary-default: rgb(255, 255, 255);
  --color-text-success-default: #27a47d;
  --color-text-warning-default: rgb(134, 108, 35);
  --color-text-on-warning-default: rgb(255, 255, 255);
  --color-text-critical-default: #cf1124;
  --color-text-on-critical-default: rgb(255, 255, 255);
  --color-text-highlight-default: rgb(51, 121, 129);
  --color-text-accent-1-default: rgb(61, 40, 0);
  --color-text-accent-2-default: rgb(73, 11, 28);
  --color-text-accent-3-default: rgb(81, 0, 61);
  --color-text-accent-4-default: rgb(0, 45, 45);
  --color-text-accent-5-default: rgb(79, 14, 31);
  --color-shadow-100: rgba(0, 0, 0, 0.05);
  --color-shadow-200: rgba(0, 0, 0, 0.1);
  --color-shadow-outline: rgba(0, 151, 236, 0.35);
  --shadow-outline: 0 0 0 3px var(--color-shadow-outline);
  --shadow-sm: 0 1px 2px 0 var(--color-shadow-100);
  --shadow-md: 0 4px 6px -1px var(--color-shadow-200), 0 2px 4px -1px var(--color-shadow-100);
  --shadow-lg: 0 10px 15px -3px var(--color-shadow-200), 0 4px 6px -2px var(--color-shadow-100);
  --shadow-xl: 0 20px 25px -5px var(--color-shadow-200), 0 10px 10px -5px var(--color-shadow-100);
}
body.colors--dark {
  --color-background-base: rgb(33, 33, 33);
  --color-background-muted: rgb(27, 27, 27);
  --color-background-default: rgb(17, 17, 17);
  --color-background-critical-active: rgb(168, 4, 24);
  --color-background-critical-default: rgb(221, 19, 39);
  --color-background-critical-disabled: rgb(252, 237, 238);
  --color-background-critical-hover: rgb(195, 5, 29);
  --color-background-critical-muted: rgb(71, 2, 6);
  --color-background-highlight-muted: rgb(18, 53, 57);
  --color-background-success-muted: rgb(235, 242, 239);
  --color-background-warning-muted: rgb(73, 60, 29);
  --color-background-accent-1-default: rgb(142, 102, 9);
  --color-background-accent-2-default: rgb(206, 88, 20);
  --color-background-accent-3-default: rgb(0, 124, 90);
  --color-background-accent-4-default: rgb(22, 124, 121);
  --color-background-accent-5-default: rgb(194, 51, 86);
  --color-border-default: rgb(80, 83, 86);
  --color-border-muted: rgb(91, 95, 98);
  --color-border-focused: rgb(0, 151, 236);
  --color-border-outlined: rgba(0, 0, 0, 0.1);
  --color-border-critical-default: rgb(235, 21, 42);
  --color-border-critical-disabled: rgb(136, 7, 20);
  --color-border-critical-muted: rgb(235, 21, 42);
  --color-border-on-critical-default: rgb(168, 54, 59);
  --color-border-success-default: rgb(39, 163, 124);
  --color-border-success-muted: rgb(158, 199, 181);
  --color-border-highlight-default: rgb(68, 157, 167);
  --color-border-highlight-muted: rgb(68, 157, 167);
  --color-border-warning-default: rgb(143, 116, 38);
  --color-border-warning-muted: rgb(143, 116, 38);
  --color-text-default: rgb(227, 229, 231);
  --color-text-disabled: rgb(140, 145, 150);
  --color-text-muted: rgb(108, 112, 116);
  --color-text-interactive-default: #1199ee;
  --color-text-inputs-disabled: rgb(140, 145, 150);
  --color-text-primary-default: #1199ee;
  --color-text-on-primary-default: rgb(255, 255, 255);
  --color-text-success-default: #27a47d;
  --color-text-warning-default: rgb(189, 153, 53);
  --color-text-on-warning-default: rgb(255, 255, 255);
  --color-text-critical-default: rgb(232, 127, 130);
  --color-text-on-critical-default: rgb(255, 255, 255);
  --color-text-highlight-default: rgb(162, 239, 250);
  --color-text-accent-1-default: rgb(255, 255, 255);
  --color-text-accent-2-default: rgb(255, 255, 255);
  --color-text-accent-3-default: rgb(255, 255, 255);
  --color-text-accent-4-default: rgb(255, 255, 255);
  --color-text-accent-5-default: rgb(255, 255, 255);
  --shadow-outline: 0 0 0 3px var(--color-shadow-outline);
  --shadow-sm: 0 1px 2px 0 var(--color-shadow-100);
  --shadow-md: 0 4px 6px -1px var(--color-shadow-200), 0 2px 4px -1px var(--color-shadow-100);
  --shadow-lg: 0 10px 15px -3px var(--color-shadow-200), 0 4px 6px -2px var(--color-shadow-100);
  --shadow-xl: 0 20px 25px -5px var(--color-shadow-200), 0 10px 10px -5px var(--color-shadow-100);
}
body {
  color: var(--color-text-default);
  font-size: 14px;
  line-height: 1.4;
  font-family: var(--font-family-sans);
}
a {
  cursor: pointer;
  color: inherit;
}
a:hover,
a:focus {
  color: var(--color-text-hover);
  text-decoration: underline;
}
h1,
h2,
h3 {
  margin-bottom: calc(var(--text-container) * var(--space-lg));
}
h1:last-child,
h2:last-child,
h3:last-child {
  margin-bottom: 0;
}
h4,
h5,
h6 {
  margin-bottom: calc(var(--text-container) * var(--space-md));
}
h4:last-child,
h5:last-child,
h6:last-child {
  margin-bottom: 0;
}
ul,
ol,
p {
  margin-bottom: calc(var(--text-container) * var(--space-lg));
}
ul:last-child,
ol:last-child,
p:last-child {
  margin-bottom: 0;
}
li {
  margin-bottom: calc(var(--text-container) * var(--space-xxs));
}
li:last-child {
  margin-bottom: 0;
}
svg {
  display: inline-block;
}
.icon--circle {
  border-radius: 9999px;
  padding: var(--space-xxs);
  background-color: #fff;
  color: #000;
  box-sizing: content-box;
}
.illustration {
  max-width: 25rem;
}
.backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  background-color: var(--color-background-backdrop);
  z-index: var(--z-index-backdrop);
}
.container {
  background-color: var(--color-background-base);
  transition-duration: 75ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: box-shadow;
}
.container--elevation-1 {
  background-color: var(--color-background-muted);
}
.container--elevation-2,
.container--elevation-3 {
  background-color: var(--color-background-default);
}
.container--shadow-2 {
  box-shadow: var(--shadow-md);
}
.container--shadow-3 {
  box-shadow: var(--shadow-lg);
}
.overlay {
  border-radius: 0.25rem;
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
  position: relative;
  z-index: var(--z-index-overlay);
}
.scrollable {
  width: 100%;
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.25) #ffffff;
}
.scrollable::-webkit-scrollbar {
  width: 8px;
}
.scrollable::-webkit-scrollbar-track {
  background: #ffffff;
}
.scrollable::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  border: 0px none #ffffff;
}
.scrollable--hidden {
  overflow: hidden;
}
.scrollable__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  max-height: 100%;
}
.assignee-picker {
  position: relative;
  width: 18rem;
}
.avatar {
  --avatar-color-background: var(--color-background-neutral-default);
  --avatar-color-text: var(--color-text-on-neutral-default);
  position: relative;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-sm);
  font-weight: 500;
  line-height: 1;
  overflow: hidden;
  background-color: var(--avatar-color-background);
  color: var(--avatar-color-text);
  cursor: default;
}
.avatar--xs {
  height: 1.5rem;
  width: 1.5rem;
  font-size: var(--font-size-sm);
}
.avatar--sm {
  height: 2rem;
  width: 2rem;
  font-size: var(--font-size-sm);
}
.avatar--md {
  height: 2.5rem;
  width: 2.5rem;
}
.avatar--lg {
  height: 3rem;
  width: 3rem;
}
.avatar__img {
  display: block;
  border-radius: 9999px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.avatars {
  display: flex;
}
.avatars__avatar {
  box-shadow: 0 0 0 2px var(--color-background-default);
}
.avatars__avatar--subsequent {
  margin-left: calc(var(--space-xs) * -1);
}
.badge {
  font-family: var(--font-family-sans);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-500);
  line-height: var(--font-leading-sm);
  display: inline-flex;
  align-items: center;
  vertical-align: baseline;
  border-radius: 0.25rem;
  padding: 0.25rem;
}
.badge .badge__label {
  width: auto;
  max-width: 20rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.badge--primary {
  background-color: var(--color-background-primary-default);
  color: var(--color-text-on-primary-default);
}
.badge--critical {
  background-color: var(--color-background-critical-muted);
  color: var(--color-text-critical-default);
}
.badge--success {
  background-color: var(--color-background-success-muted);
  color: var(--color-text-success-default);
}
.badge--warning {
  background-color: var(--color-background-warning-muted);
  color: var(--color-text-warning-default);
}
.badge--highlight {
  background-color: var(--color-background-highlight-muted);
  color: var(--color-text-highlight-default);
}
.badge--circle {
  border-radius: 9999px;
  width: 1em;
  height: 1em;
}
.brand-logo {
  display: block;
}
.brand-logo--framed {
  border-width: 1px;
  border-color: var(--color-border-muted);
  border-radius: 0.25rem;
}
.brand-logo__image {
  height: 100%;
}
.brand-logo__image--centered {
  margin: auto;
}
.brand-logo--xs {
  width: 32px;
  height: 32px;
}
.brand-logo--lg {
  width: 192px;
  height: 95px;
}
.brand-logo--error {
  display: none;
}
.breadcrumbs {
  border-radius: 0.25rem;
  border-width: 1px;
  border-color: var(--color-border-muted);
  display: flex;
  padding-left: var(--space-sm);
  padding-right: var(--space-sm);
  padding-top: var(--space-xxs);
  padding-bottom: var(--space-xxs);
  width: auto;
}
.breadcrumbs__item {
  display: flex;
  align-items: center;
  padding-right: var(--space-sm);
}
.breadcrumbs__item:last-child {
  padding-right: 0rem;
}
.breadcrumbs__label {
  display: block;
}
.btn {
  --btn-color-text-minimal: var(--color-text-default);
  --btn-color-background-minimal-hover: var( --color-background-secondary-minimal-hover );
  --btn-color-background-minimal-active: var( --color-background-secondary-minimal-active );
  font-family: var(--font-family-sans);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-500);
  line-height: var(--font-leading-sm);
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  padding: var(--space-xs) var(--space-sm);
  position: relative;
  border-radius: 0.25rem;
  box-shadow: var(--shadow-sm);
  transition-property:
    background-color,
    border-color,
    color,
    fill,
    stroke;
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  min-height: 1.75rem;
  background-color: var(--color-background-secondary-default);
  border-width: 1px;
  color: var(--color-text-default);
}
.btn:hover,
.btn:active,
.btn:focus {
  text-decoration: none;
}
.btn:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: var(--shadow-outline);
}
.btn:hover {
  background-color: var(--color-background-secondary-hover);
}
.btn:disabled {
  background-color: var(--color-background-secondary-disabled);
  border-width: 1px;
  cursor: not-allowed;
  color: var(--color-text-disabled);
  box-shadow: none;
}
.btn--disabled {
  background-color: var(--color-background-secondary-disabled);
  border-width: 1px;
  cursor: not-allowed;
  color: var(--color-text-disabled);
  box-shadow: none;
}
.btn--disabled:hover {
  background-color: var(--color-background-secondary-disabled);
  color: var(--color-text-disabled);
}
.btn--sm {
  padding-left: var(--space-xs);
  padding-right: var(--space-xs);
}
.btn--primary {
  --btn-color-text-minimal: var(--color-text-primary-default);
  --btn-color-background-minimal-hover: var( --color-background-primary-minimal-hover );
  --btn-color-background-minimal-active: var( --color-background-primary-minimal-active );
  background-color: var(--color-background-primary-default);
  border-color: var(--color-border-on-primary-default);
  color: var(--color-text-on-primary-default);
}
.btn--primary:hover,
.btn--primary:focus {
  background-color: var(--color-background-primary-hover);
  color: var(--color-text-on-primary-default);
}
.btn--primary:active {
  background-color: var(--color-background-primary-active);
}
.btn--primary:disabled,
.btn--primary.btn--disabled {
  background-color: var(--color-background-primary-disabled);
  border-width: 1px;
  border-color: var(--color-border-outlined);
  color: var(--color-text-on-primary-default);
}
.btn--critical {
  --btn-color-text-minimal: var(--color-text-critical-default);
  --btn-color-background-minimal-hover: var( --color-background-critical-minimal-hover );
  --btn-color-background-minimal-active: var( --color-background-critical-minimal-active );
  background-color: var(--color-background-critical-default);
  border-color: var(--color-border-on-critical-default);
  color: var(--color-text-on-critical-default);
}
.btn--critical:hover,
.btn--critical:focus {
  background-color: var(--color-background-critical-hover);
  color: var(--color-text-on-critical-default);
}
.btn--critical:active {
  background-color: var(--color-background-critical-active);
}
.btn--critical:disabled,
.btn--critical.btn--disabled {
  background-color: var(--color-background-critical-disabled);
  border-width: 1px;
  border-color: var(--color-border-outlined);
  color: var(--color-text-on-critical-default);
}
.btn--fill {
  display: block;
  width: 100%;
  text-align: center;
}
.btn--minimal {
  border-style: none;
  box-shadow: none;
  color: var(--btn-color-text-minimal);
  background-color: transparent;
}
.btn--minimal:hover,
.btn--minimal:focus {
  color: var(--btn-color-text-minimal);
  background-color: var(--btn-color-background-minimal-hover);
}
.btn--minimal:active {
  background-color: var(--btn-color-background-minimal-active);
}
.btn__hider {
  visibility: hidden;
  display: inline-block;
}
.btn__spinner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: visible;
}
.btn__icon {
  display: flex;
}
.btn__icon--gap {
  margin-right: var(--space-xs);
}
.btn-group {
  display: inline-flex;
  align-items: flex-end;
}
.btn-group__btn {
  position: relative;
  z-index: 0;
}
.btn-group__btn:focus {
  z-index: 1;
}
.btn-group__btn--first {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group__btn--center {
  border-radius: 0px;
  border-right-width: 0;
}
.btn-group__btn--last {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.callout__body {
  padding: var(--space-md);
  border-width: 1px;
  border-color: var(--color-border-outlined);
  border-radius: 0.25rem;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.callout__body--warning {
  background-color: var(--color-background-warning-muted);
  border-color: var(--color-border-warning-muted);
  color: var(--color-text-warning-default);
}
.callout__body--success {
  background-color: var(--color-background-success-muted);
  border-color: var(--color-border-success-muted);
  color: var(--color-text-success-default);
}
.callout__body--critical {
  background-color: var(--color-background-critical-muted);
  border-color: var(--color-border-critical-muted);
  color: var(--color-text-critical-default);
}
.callout__body--highlight {
  background-color: var(--color-background-highlight-muted);
  border-color: var(--color-border-highlight-muted);
  color: var(--color-text-highlight-default);
}
.callout__icon {
  opacity: 0.5;
}
.card {
  --card-background-color: var(--color-background-default);
  --card-tint: var(--card-background-color);
  --card-border: var(--card-border-color);
  border-width: 1px;
  border-color: var(--card-border);
  overflow: hidden;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  background: linear-gradient(var(--card-tint), var(--card-tint)), linear-gradient(var(--card-background-color), var(--card-background-color));
}
.card--interactive {
  cursor: pointer;
  text-decoration: none;
}
.card--interactive:hover,
.card--interactive:focus {
  text-decoration: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: var(--shadow-lg);
  color: inherit;
  border-color: var(--color-text-interactive-default);
}
.card__header,
.card__body,
.card__footer {
  padding: var(--space-md);
}
.card__body {
  flex-grow: 1;
  overflow: auto;
}
.card__header,
.card__footer {
  border-color: var(--color-border-muted);
}
.card__header {
  --card-header-tint: transparent;
  padding-bottom: 0rem;
  background-color: var(--card-header-tint);
}
.card__header:last-child {
  padding-bottom: var(--space-md);
}
.card__icon {
  --card-icon-tint: var(--color-text-default);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  color: var(--card-icon-tint);
  width: 2rem;
  height: 2rem;
}
.card__icon__shape {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 9999px;
  width: 2rem;
  height: 2rem;
  background-color: var(--card-icon-tint);
  opacity: 0.1;
}
.card__footer {
  border-top-width: 1px;
}
.chart,
.chart__empty,
.chart__skeleton {
  min-height: 13rem;
  height: 13rem;
  width: auto;
  text-align: center;
  background-color: inherit;
  overflow: hidden;
}
.chart__skeleton {
  border: 1px solid #dfdfdf;
  border-radius: 0.25rem;
}
.chart__empty {
  border: 1px solid #dfdfdf;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chart__empty-icon {
  font-size: 3rem;
  color: #d5d5d5;
}
.chart__legend {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.chart__legend-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 0.5rem;
  white-space: nowrap;
  font-size: 0.75rem;
}
.chart__legend-item-color {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.25rem;
  margin-right: 0.25rem;
}
.pie-chart__label {
  font-size: 2rem;
}
.checkbox {
  display: flex;
  align-items: center;
}
.checkbox__input {
  cursor: pointer;
}
.checkbox__label {
  padding-left: var(--space-xs);
  cursor: pointer;
}
.choice-list-item__input,
.choice-list-item__label {
  cursor: pointer;
}
.column {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.column--aside {
  width: 20%;
}
.column--main {
  flex-grow: 1;
  width: 60%;
}
.column--fill {
  flex-grow: 1;
  width: 100%;
}
.column--hidden {
  display: none;
}
.column--visible {
  display: initial;
}
.column--border-right {
  border-color: var(--color-border-muted);
  border-right-width: 1px;
}
.column__header,
.column__footer {
  border-color: var(--color-border-muted);
  width: 100%;
}
.column__header--inset-sm,
.column__footer--inset-sm {
  padding: var(--space-xxs) var(--space-sm);
}
.column__header--inset-md,
.column__footer--inset-md {
  padding: var(--space-lg) var(--space-xl);
}
.column__header {
  border-bottom-width: 1px;
}
.column__footer {
  border-top-width: 1px;
}
.column__body {
  display: flex;
  flex: 1 1 0%;
}
.column__body-inner {
  flex-grow: 1;
}
.column__body-inner--inset {
  padding: var(--space-lg) var(--space-xl);
}
.columns {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.columns--column {
  display: block;
  overflow: scroll;
  background-color: var(--color-background-default);
}
.columns__wrapper {
  display: flex;
  flex-grow: 1;
}
.columns__wrapper--column {
  display: block;
}
.confirm-dialog {
  max-width: 35rem;
  border-radius: 0.5rem;
}
.confirm-dialog--default {
  --confirm-dialog-icon-color: var(--color-text-primary-default);
  --confirm-dialog-bg-color: var(--color-background-primary-muted);
}
.confirm-dialog--critical {
  --confirm-dialog-icon-color: var(--color-text-critical-default);
  --confirm-dialog-bg-color: var(--color-background-critical-muted);
}
.confirm-dialog__body {
  padding-left: var(--space-lg);
  padding-right: var(--space-lg);
  padding-top: var(--space-md);
  padding-bottom: var(--space-md);
}
.confirm-dialog__start {
  flex-grow: 0;
  flex-shrink: 0;
  border-radius: 9999px;
  padding: var(--space-xs);
  background-color: var(--confirm-dialog-bg-color);
}
.confirm-dialog__icon {
  width: 3rem;
  height: 3rem;
  color: var(--confirm-dialog-icon-color);
}
.date-picker {
  --rdp-cell-size: 40px;
  --rdp-accent-color: var(--color-background-primary-default);
  --rdp-background-color: var(--color-background-primary-hover);
  --rdp-accent-color-dark: #3003e1;
  --rdp-background-color-dark: #180270;
  --rdp-outline: 2px solid var(--rdp-accent-color);
  --rdp-outline-selected: 2px solid rgba(0, 0, 0, 0.75);
}
.rdp-button:focus,
.rdp-button:active,
.rdp-day_selected:focus:not([aria-disabled=true]) {
  border-color: transparent;
  outline: none;
  background-color: transparent;
}
.rdp-nav {
  float: right;
}
.rdp-nav_button {
  width: 1rem;
  height: 1rem;
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
  color: var(--color-text-muted);
  cursor: pointer;
}
.rdp-nav_button svg {
  display: none;
}
.rdp-nav_button:hover {
  opacity: 0.8;
}
.rdp-nav_button:hover:not([aria-disabled=true]) {
  background-color: transparent;
}
.rdp-nav_button_previous {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC);
}
.rdp-nav_button_next {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==);
}
.rdp-caption_label {
  font-size: var(--font-size-sm);
  font-weight: 500;
}
h2.rdp-caption_label {
  display: none;
}
.rdp-head_cell {
  color: var(--color-text-muted);
  font-weight: 400;
  font-size: var(--font-size-sm);
}
.rdp-day {
  border-radius: var(--border-radius-md);
}
.rdp-weeknumber {
  display: table-cell;
  padding: var(--space-xxs);
  min-width: 1em;
  border-right: 1px solid #eaecec;
  color: #8b9898;
  vertical-align: middle;
  text-align: right;
  font-size: var(--font-size-md);
}
.rdp-today_button {
  border: none;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: #4a90e2;
  font-size: 0.875em;
  cursor: pointer;
}
.rdp-button:hover {
  color: var(--color-text-on-primary-default);
}
.rdp-day_today {
  color: var(--color-text-primary-default);
  font-weight: 700;
}
.rdp-day_outside {
  color: #8b9898;
  cursor: default;
}
.rdp-day_selected:not(.rdp-day_disabled):not(.rdp-day_outside) {
  position: relative;
  background-color: var(--color-background-primary-default);
  color: #f0f8ff;
}
.rdp-day_selected:not(.rdp-day_disabled):not(.rdp-day_outside):hover {
  background-color: var(--color-background-primary-default);
}
.description-list--col-2 > * {
  width: 100%;
}
.description-list--col-3 > * {
  width: 100%;
}
.description-list__item {
  padding-bottom: var(--space-lg);
  width: 100%;
}
@media (min-width: 768px) {
  .description-list {
    display: flex;
    flex-direction: row;
  }
  .description-list--col-2 > * {
    width: 50%;
  }
  .description-list--col-3 > * {
    width: 33.333333%;
  }
}
.details {
  border-radius: 0.25rem;
  padding: var(--space-md);
}
.details__summary {
  cursor: pointer;
}
.dialog {
  display: flex;
  flex-direction: column;
  width: 90%;
  max-height: calc(100vh - 10%);
  overflow: hidden;
}
.dialog--xs {
  max-width: 30rem;
}
.dialog--md {
  max-width: 40rem;
}
.dialog--lg {
  max-width: 50rem;
}
.dialog--xl {
  max-width: 70rem;
}
.dialog__header,
.dialog__body {
  padding: var(--space-xxs) var(--space-sm);
}
.dialog__body {
  overflow: auto;
}
.dialog__inner {
  max-height: 90vh;
  overflow: hidden;
}
.dialog__body-wrapper {
  flex-grow: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.drawer {
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  z-index: var(--z-index-backdrop);
  min-width: 10rem;
}
.drawer--position-start {
  left: 0;
}
.drawer--position-end {
  right: 0;
}
.drawer--sm,
.drawer--md,
.drawer--lg {
  width: calc(100% - 3rem);
}
.drawer--sm {
  max-width: 40rem;
}
.drawer__close {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 2rem;
  height: 2rem;
  background-color: var(--color-background-default);
  border-radius: 9999px;
  box-shadow: var(--shadow-md);
  top: 1rem;
}
.drawer__close--start {
  right: -2.5rem;
}
.drawer__close--end {
  left: -2.5rem;
}
@media (min-width: 768px) {
  .drawer--sm,
  .drawer--md {
    width: 75%;
  }
}
@media (min-width: 1024px) {
  .drawer--sm {
    width: 33.33%;
  }
  .drawer--md {
    width: 66.66%;
  }
}
.dropdown-menu {
  padding: var(--space-xxs) var(--space-sm);
}
.duration-input {
  border-width: 1px;
  border-radius: 0.25rem;
  background-color: var(--color-background-inputs-default);
}
.duration-input--disabled {
  background-color: var(--color-background-inputs-disabled);
}
.duration-input__input,
.duration-input__unit {
  background-color: transparent;
}
.duration-input__input {
  padding: var(--space-xs);
  text-align: center;
  font-family: var(--font-family-sans);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-width: 1px;
  border-color: transparent;
  z-index: 2;
}
.duration-input__input::-moz-placeholder {
  color: var(--color-text-muted);
}
.duration-input__input::placeholder {
  color: var(--color-text-muted);
}
.duration-input__input:focus {
  border-width: 1px;
  border-color: var(--color-border-focused);
  box-shadow: var(--shadow-outline);
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.duration-input__unit {
  display: inline-block;
  padding: var(--space-xs);
  padding-left: 0rem;
  text-align: center;
  z-index: 1;
}
.editable__container {
  min-width: 200px;
}
editable__trigger {
  cursor: pointer;
  display: inline-block;
}
.upload {
  padding: var(--space-md);
  border-radius: 0.25rem;
  display: block;
  width: 100%;
  border-width: 1px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  text-align: center;
}
.upload:hover,
.upload:focus {
  color: var(--color-text-primary-default);
}
.upload--active {
  border-color: var(--color-border-focused);
  box-shadow: var(--shadow-outline);
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.upload__input {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  white-space: nowrap;
  width: 1px;
}
.form-control {
  display: block;
}
.form-control__description {
  color: var(--color-text-muted);
  padding-bottom: var(--space-sm);
}
.form-control__helper {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}
.form-error {
  color: var(--color-text-critical-default);
  margin-top: var(--space-sm);
  margin-bottom: var(--space-sm);
}
.grid {
  grid-gap: var(--space-md);
  gap: var(--space-md);
  display: grid;
}
.grid--cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid--cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid--cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid--cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid--cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid--cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid--cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid--cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid--cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid--cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid--cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid--cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.hero {
  --hero-tint: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background-size: cover;
  background-color: var(--hero-tint);
}
.hero--inset {
  padding: var(--space-xl);
}
.hero--fill {
  border-radius: 0px;
}
.label {
  display: flex;
  justify-content: space-between;
  padding-bottom: var(--space-xxs);
  font-weight: 500;
}
.label--disabled {
  color: var(--color-text-disabled);
}
.label--end {
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  font-weight: 400;
  padding-left: var(--space-xxs);
}
.link--underline {
  text-decoration: underline;
}
.link--underline:hover {
  text-decoration: none;
}
.link--no-underline {
  text-decoration: none;
}
.link--no-underline:hover {
  text-decoration: underline;
}
.list--ordered {
  list-style-type: decimal;
  list-style-position: inside;
}
.list--unordered {
  list-style-type: disc;
  list-style-position: inside;
}
.list-picker {
  max-height: 22rem;
  position: relative;
}
.list-picker__wrapper {
  display: flex;
  flex-direction: row;
  vertical-align: middle;
  position: relative;
  padding: var(--space-xxs);
}
.list-picker__wrapper:hover,
.list-picker__wrapper:focus {
  cursor: pointer;
  background-color: var(--color-background-interactive-hover);
}
.list-picker__item {
  position: relative;
  border-style: solid;
  border-bottom-width: 1px;
  border-color: var(--color-border-muted);
  min-height: 1.75rem;
}
.list-picker__item:last-child {
  border-style: none;
}
.list-picker__item__icon {
  display: flex;
  margin-left: var(--space-xxs);
  margin-right: var(--space-xxs);
  width: var(--space-sm);
}
.list-picker--search {
  padding-top: 3.2rem;
}
.list-picker__clear {
  text-align: left;
  border-style: solid;
  border-bottom-width: 1px;
  border-color: var(--color-border-muted);
  padding: 0.5rem;
  width: 100%;
  font-size: var(--font-size-sm);
  min-height: 1.75rem;
}
.list-picker__clear:focus,
.list-picker__clear:hover {
  background-color: var(--color-background-interactive-hover);
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.list-picker__search {
  position: absolute;
  border-style: solid;
  border-bottom-width: 1px;
  border-color: var(--color-border-muted);
  padding: var(--space-xs);
  top: 0;
  left: 0;
  width: 100%;
}
.list-picker__list {
  max-height: 22rem;
}
.list-picker__empty {
  display: inline-flex;
  padding: 0.5rem;
  min-height: 1.75rem;
}
.list-view {
  margin-left: calc(var(--space-xs) * -1);
  margin-right: calc(var(--space-xs) * -1);
}
.list-view__item {
  position: relative;
  padding-left: var(--space-xxs);
  padding-right: var(--space-xxs);
}
.list-view__item--border {
  margin-bottom: var(--space-xs);
}
.list-view__item--border:after {
  position: absolute;
  bottom: calc(var(--space-xxs) * -1);
  left: var(--space-xs);
  right: var(--space-xs);
  display: block;
  content: "";
  height: 1px;
  background-color: var(--color-border-muted);
}
.list-view__wrapper {
  display: flex;
  flex-direction: row;
  vertical-align: middle;
  position: relative;
  border-radius: 0.25rem;
  padding: var(--space-xxs);
}
.list-view__wrapper--interactive:hover,
.list-view__wrapper--interactive:focus {
  background-color: var(--color-background-interactive-hover);
}
.list-view__wrapper--selected {
  background-color: var(--color-background-interactive-active);
}
.list-view__start,
.list-view__center,
.list-view__end {
  display: flex;
  flex-direction: column;
  padding: var(--space-xs);
}
.list-view__start,
.list-view__end {
  justify-content: center;
}
.list-view__center {
  flex-grow: 1;
}
.marker {
  --marker-background-color: transparent;
  --marker-border-color: transparent;
  --marker-text-color: inherit;
  border-bottom: 2px solid var(--marker-border-color);
  background-color: var(--marker-background-color);
  color: var(--marker-text-color);
}
.marker--replaceable {
  --marker-background-color: #8621ff1c;
  --marker-border-color: #b17cff8f;
  --marker-text-color: #4c1d91;
}
.marker--replaced {
  --marker-background-color: transparent;
  --marker-border-color: #b17cff8f;
  --marker-text-color: inherit;
}
.marker--choice {
  --marker-background-color: #cccccc2e;
  --marker-border-color: #6666662e;
}
.menu {
  display: block;
  margin-left: calc(var(--space-xs) * -1);
  margin-right: calc(var(--space-xs) * -1);
  min-width: 12rem;
}
.menu--xs {
  min-width: auto;
}
.menu--horizontal {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.menu__section {
  padding-top: var(--space-md);
}
.menu__section:first-child {
  padding-top: 0rem;
}
.menu__item,
.menu__section-label {
  display: block;
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
  padding-left: var(--space-xs);
  padding-right: var(--space-xs);
}
.menu__section-label {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-600);
  line-height: var(--font-leading-md);
  color: var(--color-text-muted);
  padding-top: 0rem;
  padding-bottom: var(--space-xxs);
}
.menu__item {
  cursor: pointer;
  display: flex;
  align-items: center;
  grid-gap: var(--space-xs);
  gap: var(--space-xs);
  transition-property:
    background-color,
    border-color,
    color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  border-radius: 0.25rem;
}
.menu__item:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: var(--shadow-outline);
  text-decoration: none;
}
.menu__item:hover {
  background-color: var(--color-background-interactive-hover);
  color: var(--color-text-interactive-default);
  text-decoration: none;
}
.menu__item--disabled {
  cursor: not-allowed;
  color: var(--color-text-disabled);
}
.menu__item--disabled:hover,
.menu__item--disabled:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: none;
  background-color: transparent;
  color: var(--color-text-disabled);
}
.menu__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.menu__label--disabled {
  color: var(--color-text-disabled);
}
.menu__icon {
  font-size: 1.4em;
  height: 1em;
  transform: translateY(-0.3em);
}
.menu__link,
.menu__label {
  flex-grow: 1;
  font-weight: 500;
}
.menu__link {
  outline: 2px solid transparent;
  outline-offset: 2px;
  text-decoration: none;
  color: inherit;
}
.menu__link:hover,
.menu__link:focus {
  text-decoration: none;
}
.menu__divider {
  border-top-width: 1px;
  margin-top: var(--space-xs);
  margin-bottom: var(--space-xs);
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--space-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: var(--z-index-backdrop);
}
.nav {
  background-color: transparent;
}
.nav__scrollable {
  display: flex;
  flex-direction: row;
  gap: var(--space-xs);
  scroll-snap-type: x mandatory;
}
.nav__item {
  --menu-text-color: var(--color-text-muted);
  border-radius: 0.25rem;
  background-color: transparent;
  margin-top: var(--space-xxs);
  margin-bottom: var(--space-xxs);
  text-decoration: none;
  scroll-snap-align: start;
}
.nav__item--active {
  --menu-text-color: var(--color-text-primary-default);
  background-color: var(--color-background-interactive-hover);
  color: var(--color-text-primary-default);
  text-decoration: none;
}
.nav__label {
  font-size: var(--font-size-md);
  font-weight: 500;
}
.non-ideal-state {
  padding-top: var(--space-2xl);
  padding-bottom: var(--space-2xl);
  align-self: center;
}
.non-ideal-state--embedded {
  border-width: 1px;
  border-color: var(--color-border-muted);
  border-radius: 0.5rem;
}
.non-ideal-state__header {
  color: var(--color-text-muted);
}
.non-ideal-state__header,
.non-ideal-state__body,
.non-ideal-state__footer {
  padding-left: var(--space-xl);
  padding-right: var(--space-xl);
  text-align: center;
  max-width: 35rem;
}
.page {
  overflow: scroll;
  height: 100%;
  overflow-x: hidden;
}
.page__content {
  min-height: 100%;
  max-width: 80rem;
  margin: 0 auto;
}
.page__content--narrow {
  max-width: 50rem;
}
.panels {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}
.panels__panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.popover {
  z-index: var(--z-index-popover);
  padding: var(--space-md);
}
.popover__overlay {
  border-radius: 0.25rem;
  border-width: 1px;
  border-color: var(--color-border-muted);
  background-color: var(--color-background-default);
  box-shadow: var(--shadow-xl);
  min-width: 10rem;
}
.popover__header {
  border-bottom-width: 1px;
  border-color: var(--color-border-muted);
  padding: var(--space-xxs) var(--space-sm);
}
.progress {
  border-radius: 9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-width: 1px;
  color: var(--color-text-primary-default);
  background-color: var(--color-background-inputs-default);
}
.progress::-webkit-progress-bar {
  background-color: transparent;
  border-radius: 9999px;
}
.progress::-webkit-progress-value {
  background-color: var(--color-background-primary-default);
  border-radius: 9999px;
}
.progress::-moz-progress-bar {
  background-color: var(--color-background-primary-default);
  border-radius: 9999px;
}
.progress--xs {
  width: 3rem;
  height: 0.5rem;
  min-height: 8px;
}
.progress--completed {
  color: var(--color-text-success-default);
}
.progress--completed::-webkit-progress-value {
  background-color: var(--color-text-success-default);
}
.progress--completed::-moz-progress-bar {
  background-color: var(--color-text-success-default);
}
.range-input {
  position: relative;
  width: 100%;
}
.range-input__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0rem;
  margin: 0rem;
  border-radius: 9999px;
  width: 100%;
  font: inherit;
  height: 0.5rem;
}
.range-input__input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  margin-top: -0.375rem;
  box-shadow: var(--shadow-sm);
  background-color: var(--color-background-secondary-default);
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  border-radius: 9999px;
  border: 1px solid var(--color-border-default);
}
.range-input__input::-moz-range-thumb {
  box-shadow: var(--shadow-sm);
  background-color: var(--color-background-secondary-default);
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  border-radius: 9999px;
  border: 1px solid var(--color-border-default);
}
.range-input__input::-ms-thumb {
  box-shadow: var(--shadow-sm);
  background-color: var(--color-background-secondary-default);
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  border-radius: 9999px;
  border: 1px solid var(--color-border-default);
}
.range-input__input::-webkit-slider-runnable-track {
  width: 100%;
  background-color: var(--color-border-muted);
  cursor: pointer;
  height: 0.35rem;
  border-radius: 9999px;
}
.range-input__input::-moz-range-track {
  width: 100%;
  background-color: var(--color-border-muted);
  cursor: pointer;
  height: 0.35rem;
  border-radius: 9999px;
}
.range-input__input::-ms-track {
  width: 100%;
  background-color: var(--color-border-muted);
  cursor: pointer;
  height: 0.35rem;
  border-radius: 9999px;
}
.range-input__input::-ms-tooltip {
  display: none;
}
.range-input__input::-ms-track {
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.range-input__input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.range-input__ticks {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.375rem;
}
.range-input__tick {
  position: relative;
  display: flex;
  justify-content: center;
  height: 0.25rem;
  width: 0.25rem;
  background-color: var(--color-border-default);
  border-radius: 0.25rem;
}
.root {
  height: 100vh;
  width: 100vw;
}
.section__header,
.section__footer {
  padding: var(--space-lg) var(--space-xl);
}
.section__header {
  padding-bottom: 0rem;
}
.section__body {
  padding: var(--space-lg) var(--space-xl);
}
.section__title {
  flex-grow: 1;
}
.select {
  position: relative;
}
.select__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--color-background-inputs-default);
  display: block;
  width: 100%;
  transition-property:
    background-color,
    border-color,
    color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-width: 1px;
  font-family: var(--font-family-sans);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-400);
  line-height: var(--font-leading-sm);
  padding: var(--space-xs);
  border-radius: 0.25rem;
}
.select__input:focus {
  border-width: 1px;
  border-color: var(--color-border-focused);
  box-shadow: var(--shadow-outline);
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.select__input:disabled {
  background-color: var(--color-background-inputs-disabled);
}
.select__arrow {
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  position: absolute;
  background-color: var(--color-background-default);
  border-left-width: 1px;
  padding-top: var(--space-xxs);
  padding-bottom: var(--space-xxs);
  padding-left: var(--space-xs);
  padding-right: var(--space-xs);
}
.select__arrow--disabled {
  background-color: var(--color-background-inputs-disabled);
}
.skeleton {
  --background-color-grey-default: #dfdfdf;
  --background-color-grey-tint: #eee;
  background-clip: padding-box !important;
  background: var(--background-color-grey-default);
  border-color: var(--background-color-grey-default) !important;
  border-radius: 2px;
  box-shadow: none !important;
  color: transparent !important;
  cursor: default;
  min-height: 1em;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 0.5;
}
.skeleton::before,
.skeleton::after,
.skeleton * {
  visibility: hidden !important;
}
.skeleton--animated {
  animation: skeleton-pulse 1s linear infinite alternate;
  opacity: 1;
}
@keyframes skeleton-pulse {
  from {
    background: var(--background-color-grey-default);
    border-color: var(--background-color-grey-default);
  }
  to {
    background: var(--background-color-grey-tint);
    border-color: var(--background-color-grey-tint);
  }
}
.spinner {
  animation: spin 1s linear infinite;
}
.spinner > circle {
  opacity: 0.25;
}
.spinner > path {
  opacity: 0.75;
}
.spinner--sm {
  height: 1.25rem;
  width: 1.25rem;
}
.spinner--md {
  height: 2rem;
  width: 2rem;
}
.spinner--lg {
  height: 3rem;
  width: 3rem;
}
.stack {
  display: flex;
}
.stack--horizontal {
  flex-direction: row;
}
.stack--vertical {
  flex-direction: column;
}
.status {
  background-color: var(--color-background-neutral-default);
  border-width: 1px;
  border-color: var(--color-border-outlined);
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  border-radius: 0.25rem;
}
.status--sm {
  padding-left: var(--space-xxs);
  padding-right: var(--space-xxs);
}
.status--md {
  padding: var(--space-xxs) var(--space-xs);
}
.status-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  align-self: center;
  width: 1rem;
  height: 1rem;
  border-radius: 0.5rem;
  background-color: var(--color-background-neutral-default);
  border-width: 1px;
  border-color: var(--color-border-outlined);
  margin-left: var(--space-xxs);
}
.status-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab {
  --tab-underline-heigth: 0.1rem;
  --tab-color-text-minimal: var(--color-text-default);
  --tab-color-background-minimal-hover: var( --color-background-secondary-minimal-hover );
  --tab-color-background-minimal-active: var( --color-background-secondary-minimal-active );
  font-family: var(--font-family-sans);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-500);
  line-height: var(--font-leading-sm);
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  padding: var(--space-xxs) var(--space-sm);
  position: relative;
  box-shadow: var(--shadow-sm);
  transition-property:
    background-color,
    border-color,
    color,
    fill,
    stroke;
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  min-height: 3rem;
  background-color: var(--color-background-secondary-default);
  color: var(--color-text-default);
  border-top: var(--tab-underline-heigth) solid transparent;
  border-bottom: var(--tab-underline-heigth) solid transparent;
}
.tab:hover,
.tab:active,
.tab:focus {
  text-decoration: none;
}
.tab:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.tab:hover {
  color: var(--color-text-primary-default);
  border-bottom: var(--tab-underline-heigth) solid var(--tab-color-background-minimal-hover);
}
.tab:disabled {
  background-color: var(--color-background-secondary-disabled);
  cursor: not-allowed;
  color: var(--color-text-disabled);
  border-bottom: var(--tab-underline-heigth) solid transparent;
}
.tab--active {
  color: var(--color-text-primary-default);
  border-bottom: var(--tab-underline-heigth) solid var(--color-background-primary-default);
}
.tab--active:hover {
  border-bottom: var(--tab-underline-heigth) solid var(--color-background-primary-default);
}
.tab--disabled {
  background-color: var(--color-background-secondary-disabled);
  cursor: not-allowed;
  color: var(--color-text-disabled);
  box-shadow: none;
}
.tab--disabled:hover {
  background-color: var(--color-background-secondary-disabled);
  color: var(--color-text-disabled);
}
.table {
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: calc(var(--text-container) * var(--space-lg));
}
.table__head--fixed th {
  position: sticky;
  top: 0;
  z-index: var(--z-index-sticky);
  background-color: var(--table-head-color-background);
}
.table__head-cell {
  padding: var(--space-md);
  text-align: left;
  color: var(--color-text-muted);
  border-bottom-width: 1px;
  border-color: var(--color-border-muted);
  font-weight: 500;
}
.table__row--interactive {
  cursor: pointer;
}
.table__row--interactive:hover,
.table__row--interactive:focus {
  background-color: var(--color-background-interactive-hover);
}
.table__row--selected {
  background-color: var(--color-background-interactive-active);
}
.table__cell {
  padding: var(--space-md);
  border-bottom-width: 1px;
  border-color: var(--color-border-muted);
}
.table-view {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
  z-index: var(--z-index-sticky);
}
.table-view,
.table-view__body {
  overflow: hidden;
}
.table-view__row {
  border-bottom-width: 1px;
  border-color: var(--color-border-muted);
}
.table-view__row:focus,
.table-view__row:hover {
  background-color: var(--color-background-interactive-hover);
}
.table-view__row:last-child {
  border-style: none;
}
.table-view__row--selected {
  background-color: var(--color-background-interactive-active);
}
.table-view__header {
  position: sticky;
  top: 0;
  left: 0;
  border-bottom-width: 1px;
  border-color: var(--color-border-muted);
}
.table-view__header-group {
  display: flex;
}
.table-view__header-cell,
.table-view__cell {
  padding: var(--space-xs) var(--space-md);
  overflow: hidden;
}
.table-view__header-cell {
  font-weight: 500;
  color: var(--color-text-muted);
}
.table-view__header-cell:first-child {
  padding-left: var(--space-xl);
}
.table-view__header-cell:last-child {
  padding-right: var(--space-xl);
}
.table-view__header-cell--sortable {
  cursor: pointer;
}
.table-view__header-cell--sortable:focus,
.table-view__header-cell--sortable:hover {
  background-color: var(--color-background-interactive-hover);
}
.table-view__cell {
  display: flex;
  align-items: center;
}
.table-view__cell:first-child {
  padding-left: var(--space-xl);
}
.table-view__cell:last-child {
  padding-right: var(--space-xl);
}
.table-view__section-header,
.table-view__section-footer {
  padding: var(--space-xs) var(--space-md);
  padding-left: var(--space-xl);
}
.table-view__section-header {
  padding-top: var(--space-xl);
  border-bottom-width: 1px;
  border-color: var(--color-border-muted);
  color: var(--color-text-muted);
}
.table-view__section-footer {
  padding-bottom: var(--space-xl);
}
.tabs {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.tabs-bar {
  display: inline-flex;
  align-items: flex-end;
  width: 100%;
  background-color: var(--color-background-secondary-default);
}
.tabs-bar.fixed {
  position: sticky;
  top: 0;
  z-index: 50;
}
.tabs-panel {
  --tabs-body-border-color: var(--color-border-muted);
  min-height: 100%;
  height: 100%;
  border-top: 0.05rem solid var(--tabs-body-border-color);
}
.tag {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-400);
  line-height: var(--font-leading-sm);
  font-weight: 500;
  background-color: var(--color-background-neutral-default);
  border-width: 1px;
}
.tag--sm {
  padding-left: var(--space-xxs);
  padding-right: var(--space-xxs);
}
.tag--md {
  padding: var(--space-xxs) var(--space-sm);
}
.tag--custom {
  border-color: var(--color-border-outlined);
}
.display-linebreak {
  white-space: pre-line;
}
.display-hyphens {
  -webkit-hyphens: auto;
  hyphens: auto;
}
.display-no-wrap {
  white-space: nowrap;
}
.textarea__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--color-background-inputs-default);
  display: block;
  width: 100%;
  transition-property:
    background-color,
    border-color,
    color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-width: 1px;
  font-family: var(--font-family-sans);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-400);
  line-height: var(--font-leading-sm);
  padding: var(--space-xs);
  border-radius: 0.25rem;
}
.textarea__input::-moz-placeholder {
  color: var(--color-text-muted);
}
.textarea__input::placeholder {
  color: var(--color-text-muted);
}
.textarea__input:focus {
  border-width: 1px;
  border-color: var(--color-border-focused);
  box-shadow: var(--shadow-outline);
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.textarea__input:disabled {
  background-color: var(--color-background-inputs-disabled);
  color: var(--color-text-inputs-disabled);
}
.textarea__input--erroneous {
  border-color: var(--color-border-critical-default);
}
.textarea__input--minimal {
  border: none;
  padding: var(--space-xs) 0;
  outline: none;
  box-shadow: none;
}
.textarea__input--minimal:focus-within,
.textarea__input--minimal:focus {
  outline: none;
  box-shadow: none;
}
.textarea__error {
  padding-top: var(--space-xxs);
  padding-bottom: var(--space-xxs);
  color: var(--color-text-critical-default);
}
.text-container {
  --text-container: 1;
}
.text-container ul,
.text-container ol {
  margin-left: 1em;
}
.text-container ul {
  list-style: disc;
}
.text-container ol {
  list-style: decimal;
}
.text-field__container {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-grow: 1;
}
.text-field__leading-icon,
.text-field__trailing-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 0 var(--space-sm);
  display: flex;
  align-items: center;
  pointer-events: none;
}
.text-field__trailing-icon {
  right: 0;
  left: auto;
}
.text-field__trailing-icon--error {
  color: var(--color-text-critical-default);
}
.text-field__prefix,
.text-field__suffix {
  display: inline-flex;
  align-items: center;
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-400);
  line-height: var(--font-leading-sm);
  padding-left: var(--space-xs);
  padding-right: var(--space-xs);
  border-width: 1px;
}
.text-field__prefix {
  border-right-width: 0;
  border-radius: var(--border-radius-md) 0 0 var(--border-radius-md);
  background-color: var(--border-color-default);
}
.text-field__suffix {
  border-left-width: 0;
  border-radius: 0 var(--border-radius-md) var(--border-radius-md) 0;
  background-color: var(--border-color-default);
}
.text-field__suffix--minimal {
  border: none;
}
.text-field__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--color-background-inputs-default);
  display: block;
  width: 100%;
  border-width: 1px;
  border-radius: 0.25rem;
  font-family: var(--font-family-sans);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-400);
  line-height: var(--font-leading-sm);
  padding: var(--space-xs);
}
.text-field__input::-moz-placeholder {
  color: var(--color-text-muted);
  opacity: 0.5;
}
.text-field__input::placeholder {
  color: var(--color-text-muted);
  opacity: 0.5;
}
.text-field__input:focus {
  border-width: 1px;
  border-color: var(--color-border-focused);
  box-shadow: var(--shadow-outline);
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.text-field__input:disabled {
  background-color: var(--color-background-inputs-disabled);
  color: var(--color-text-inputs-disabled);
}
.text-field--minimal {
  border: none;
  padding: var(--space-xs) 0;
  outline: none;
  box-shadow: none;
  font-size: inherit;
  font-style: inherit;
}
.text-field--minimal:focus-within,
.text-field--minimal:focus {
  outline: none;
  box-shadow: none;
}
.text-field--prefix {
  border-radius: 0 var(--border-radius-md) var(--border-radius-md) 0;
}
.text-field--suffix {
  border-radius: var(--border-radius-md) 0 0 var(--border-radius-md);
}
.text-field--critical {
  border-color: var(--color-border-critical-default);
  color: var(--color-text-critical-default);
}
.text-field--leading-icon {
  padding-left: var(--space-xl);
}
.text-field--trailing-icon,
.text-field--clear-button {
  padding-right: var(--space-xl);
}
.text-field__clear-button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: var(--space-xs);
  display: flex;
  align-items: center;
  justify-content: center;
}
.text-field__error {
  padding-top: var(--space-xxs);
  padding-bottom: var(--space-xxs);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-400);
  line-height: var(--font-leading-sm);
  color: var(--color-text-critical-default);
}
.time-input {
  border-width: 1px;
  border-radius: 0.25rem;
  background-color: var(--color-background-inputs-default);
}
.time-input:focus-within {
  border-color: var(--color-border-focused);
}
.time-input--disabled {
  background-color: var(--color-background-inputs-disabled);
  color: var(--color-text-inputs-disabled);
}
.time-input__input,
.time-input__divider {
  position: relative;
  background-color: transparent;
  display: inline-block;
}
.time-input__input {
  border-radius: 0.25rem;
  padding: var(--space-xs);
  text-align: center;
  font-family: var(--font-family-sans);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: 2;
}
.time-input__input::-moz-placeholder {
  color: var(--color-text-muted);
}
.time-input__input::placeholder {
  color: var(--color-text-muted);
}
.time-input__input:focus {
  box-shadow: var(--shadow-outline);
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.time-input__input:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
  padding-right: 0;
}
.time-input__input:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
  padding-left: 0;
}
.time-input__divider {
  z-index: 1;
}
.time-picker__input {
  background-color: var(--color-background-inputs-default);
  display: inline-block;
  border-width: 1px;
  border-radius: 0.25rem;
  padding: var(--space-xs);
  text-align: center;
  font-family: var(--font-family-sans);
  width: 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.time-picker__input::-moz-placeholder {
  color: var(--color-text-muted);
}
.time-picker__input::placeholder {
  color: var(--color-text-muted);
}
.time-picker__input:focus {
  border-width: 1px;
  border-color: var(--color-border-focused);
  box-shadow: var(--shadow-outline);
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.time-picker__input:disabled {
  background-color: var(--color-background-inputs-disabled);
  color: var(--color-text-inputs-disabled);
}
.toast__body {
  padding: var(--space-md);
  border-radius: 0.25rem;
}
.toast__dismiss {
  cursor: pointer;
}
.toast__icon {
  opacity: 0.9;
}
.toast__icon--warning {
  color: var(--color-text-warning-default);
}
.toast__icon--success {
  color: var(--color-text-success-default);
}
.toast__icon--critical {
  color: var(--color-text-critical-default);
}
.toast__icon--highlight {
  color: var(--color-text-highlight-default);
}
.toaster {
  position: absolute;
  top: 0;
  right: 0;
  z-index: --z-index-toast;
}
.toggle {
  background-color: var(--color-background-inputs-default);
  border-width: 2px;
  cursor: pointer;
  height: 1.25rem;
  width: 2.5rem;
  display: inline-flex;
  flex-shrink: 0;
  position: relative;
  border-radius: 9999px;
  transition-property:
    background-color,
    border-color,
    color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.toggle--disabled {
  background-color: var(--color-background-inputs-disabled);
}
.toggle:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: var(--shadow-outline);
}
.toggle--checked {
  background-color: var(--color-background-primary-default);
}
.toggle--checked.toggle--disabled {
  background-color: var(--color-background-inputs-disabled);
}
.toggle__handle {
  --transform-translate-x: 0;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  --transform-translate-x: 0rem;
  background-color: var(--color-background-inputs-default);
  display: inline-block;
  height: 1rem;
  width: 1rem;
  border-radius: 9999px;
  box-shadow: 0 4px 6px -1px var(--color-shadow-200), 0 2px 4px -1px var(--color-shadow-100);
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  transition-property:
    background-color,
    border-color,
    color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.toggle__handle--checked {
  --transform-translate-x: 1.25rem;
}
.tooltip {
  --tooltip-fill: var(--color-background-default);
  --tooltip-stroke: var(--color-border-muted);
  border-width: 1px;
  border-color: var(--color-border-muted);
  border-radius: 0.25rem;
  background-color: var(--color-background-default);
  z-index: var(--z-index-overlay);
  box-shadow: var(--shadow-md);
  padding: var(--space-xs);
  position: absolute;
  max-width: 20rem;
  visibility: hidden;
}
.tooltip--visible {
  visibility: visible;
}
.tooltip__arrow {
  position: absolute;
  width: 1rem;
  height: 1rem;
}
.tooltip__arrow--top {
  top: -1rem;
}
.tooltip__arrow--right {
  right: -1rem;
}
.tooltip__arrow--bottom {
  bottom: -1rem;
}
.tooltip__arrow--left {
  left: -1rem;
}
.tooltip__svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tooltip__trigger--indicator {
  border-bottom: 1px dotted;
  cursor: help;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.bg--base {
  background-color: var(--color-background-base);
}
.bg--muted {
  background-color: var(--color-background-muted);
}
.bg--default {
  background-color: var(--color-background-default);
}
.bg--accent-1 {
  background-color: var(--color-background-accent-1-default);
}
.bg--accent-2 {
  background-color: var(--color-background-accent-2-default);
}
.bg--accent-3 {
  background-color: var(--color-background-accent-3-default);
}
.bg--accent-4 {
  background-color: var(--color-background-accent-4-default);
}
.bg--accent-5 {
  background-color: var(--color-background-accent-5-default);
}
.border {
  border-width: 1px;
}
.border--none {
  border-width: 0;
}
.border--muted {
  border-color: var(--color-border-muted);
}
.rounded--md {
  border-radius: 0.25rem;
}
.border--t {
  border-top-width: 1px;
}
.border--b {
  border-bottom-width: 1px;
}
.border--l {
  border-left-width: 1px;
}
.border--r {
  border-right-width: 1px;
}
.cursor--pointer {
  cursor: pointer;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.inline-grid {
  display: inline-grid;
}
.hidden {
  display: none;
}
.visibility--hidden {
  visibility: hidden;
}
.elevation--1 {
  box-shadow: var(--shadow-sm);
}
.elevation--2 {
  box-shadow: var(--shadow-md);
}
.elevation--3 {
  box-shadow: var(--shadow-lg);
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex-no-wrap {
  flex-wrap: nowrap;
}
.place-items-auto {
  place-items: auto;
}
.place-items-start {
  place-items: start;
}
.place-items-end {
  place-items: end;
}
.place-items-center {
  place-items: center;
}
.place-items-stretch {
  place-items: stretch;
}
.place-content-center {
  place-content: center;
}
.place-content-start {
  place-content: start;
}
.place-content-end {
  place-content: end;
}
.place-content-between {
  place-content: space-between;
}
.place-content-around {
  place-content: space-around;
}
.place-content-evenly {
  place-content: space-evenly;
}
.place-content-stretch {
  place-content: stretch;
}
.place-self-auto {
  place-self: auto;
}
.place-self-start {
  place-self: start;
}
.place-self-end {
  place-self: end;
}
.place-self-center {
  place-self: center;
}
.place-self-stretch {
  place-self: stretch;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.content-center {
  align-content: center;
}
.content-start {
  align-content: flex-start;
}
.content-end {
  align-content: flex-end;
}
.content-between {
  align-content: space-between;
}
.content-around {
  align-content: space-around;
}
.content-evenly {
  align-content: space-evenly;
}
.self-auto {
  align-self: auto;
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.justify-items-auto {
  justify-items: auto;
}
.justify-items-start {
  justify-items: start;
}
.justify-items-end {
  justify-items: end;
}
.justify-items-center {
  justify-items: center;
}
.justify-items-stretch {
  justify-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-self-auto {
  justify-self: auto;
}
.justify-self-start {
  justify-self: start;
}
.justify-self-end {
  justify-self: end;
}
.justify-self-center {
  justify-self: center;
}
.justify-self-stretch {
  justify-self: stretch;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-initial {
  flex: 0 1 auto;
}
.flex-none {
  flex: none;
}
.flex-grow-0 {
  flex-grow: 0;
}
.flex-grow {
  flex-grow: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-shrink {
  flex-shrink: 1;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-first {
  order: -9999;
}
.order-last {
  order: 9999;
}
.order-none {
  order: 0;
}
.font--normal {
  font-weight: 400;
}
.font--medium {
  font-weight: 500;
}
.font--semibold {
  font-weight: 600;
}
.font--bold {
  font-weight: 700;
}
.leading--none {
  line-height: 1;
}
.leading--tight {
  line-height: 1.2;
}
.leading--normal {
  line-height: 1.375;
}
.leading--relaxed {
  line-height: 1.625;
}
.leading--loose {
  line-height: 2;
}
.grid--span-cols-1 {
  grid-column: span 1/span 1;
}
.grid--span-cols-2 {
  grid-column: span 2/span 2;
}
.grid--span-cols-3 {
  grid-column: span 3/span 3;
}
.grid--span-cols-4 {
  grid-column: span 4/span 4;
}
.grid--span-cols-5 {
  grid-column: span 5/span 5;
}
.grid--span-cols-6 {
  grid-column: span 6/span 6;
}
.grid--span-cols-7 {
  grid-column: span 7/span 7;
}
.grid--span-cols-8 {
  grid-column: span 8/span 8;
}
.grid--span-cols-9 {
  grid-column: span 9/span 9;
}
.grid--span-cols-10 {
  grid-column: span 10/span 10;
}
.grid--span-cols-11 {
  grid-column: span 11/span 11;
}
.grid--span-cols-12 {
  grid-column: span 12/span 12;
}
.grid--span-cols-full {
  grid-column: 1/-1;
}
.grid--cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid--cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid--cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid--cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid--cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid--cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid--cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid--cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid--cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid--cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid--cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid--cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid--cols-none {
  grid-template-columns: none;
}
.w-full,
.w--full {
  width: 100%;
}
.h-full,
.h--full {
  height: 100%;
}
.min-w--full {
  min-width: 100%;
}
.min-h--full {
  min-height: 100%;
}
.w-1\/2,
.w--1\/2 {
  width: 50%;
}
.w-1\/3,
.w--1\/3 {
  width: 33.3333333333%;
}
.w-1\/4,
.w--1\/4 {
  width: 25%;
}
.w-1\/5,
.w--1\/5 {
  width: 20%;
}
.w-1\/6,
.w--1\/6 {
  width: 16.6666666667%;
}
.w-1\/7,
.w--1\/7 {
  width: 14.2857142857%;
}
.w-1\/8,
.w--1\/8 {
  width: 12.5%;
}
.w-1\/9,
.w--1\/9 {
  width: 11.1111111111%;
}
.w-1\/10,
.w--1\/10 {
  width: 10%;
}
.w-1\/11,
.w--1\/11 {
  width: 9.0909090909%;
}
.w-1\/12,
.w--1\/12 {
  width: 8.3333333333%;
}
.w-2\/3,
.w--2\/3 {
  width: 66.6666666667%;
}
.w-2\/4,
.w--2\/4 {
  width: 50%;
}
.w-2\/5,
.w--2\/5 {
  width: 40%;
}
.w-2\/6,
.w--2\/6 {
  width: 33.3333333333%;
}
.w-2\/7,
.w--2\/7 {
  width: 28.5714285714%;
}
.w-2\/8,
.w--2\/8 {
  width: 25%;
}
.w-2\/9,
.w--2\/9 {
  width: 22.2222222222%;
}
.w-2\/10,
.w--2\/10 {
  width: 20%;
}
.w-2\/11,
.w--2\/11 {
  width: 18.1818181818%;
}
.w-2\/12,
.w--2\/12 {
  width: 16.6666666667%;
}
.w-3\/4,
.w--3\/4 {
  width: 75%;
}
.w-3\/5,
.w--3\/5 {
  width: 60%;
}
.w-3\/6,
.w--3\/6 {
  width: 50%;
}
.w-3\/7,
.w--3\/7 {
  width: 42.8571428571%;
}
.w-3\/8,
.w--3\/8 {
  width: 37.5%;
}
.w-3\/9,
.w--3\/9 {
  width: 33.3333333333%;
}
.w-3\/10,
.w--3\/10 {
  width: 30%;
}
.w-3\/11,
.w--3\/11 {
  width: 27.2727272727%;
}
.w-3\/12,
.w--3\/12 {
  width: 25%;
}
.w-4\/5,
.w--4\/5 {
  width: 80%;
}
.w-4\/6,
.w--4\/6 {
  width: 66.6666666667%;
}
.w-4\/7,
.w--4\/7 {
  width: 57.1428571429%;
}
.w-4\/8,
.w--4\/8 {
  width: 50%;
}
.w-4\/9,
.w--4\/9 {
  width: 44.4444444444%;
}
.w-4\/10,
.w--4\/10 {
  width: 40%;
}
.w-4\/11,
.w--4\/11 {
  width: 36.3636363636%;
}
.w-4\/12,
.w--4\/12 {
  width: 33.3333333333%;
}
.w-5\/6,
.w--5\/6 {
  width: 83.3333333333%;
}
.w-5\/7,
.w--5\/7 {
  width: 71.4285714286%;
}
.w-5\/8,
.w--5\/8 {
  width: 62.5%;
}
.w-5\/9,
.w--5\/9 {
  width: 55.5555555556%;
}
.w-5\/10,
.w--5\/10 {
  width: 50%;
}
.w-5\/11,
.w--5\/11 {
  width: 45.4545454545%;
}
.w-5\/12,
.w--5\/12 {
  width: 41.6666666667%;
}
.w-6\/7,
.w--6\/7 {
  width: 85.7142857143%;
}
.w-6\/8,
.w--6\/8 {
  width: 75%;
}
.w-6\/9,
.w--6\/9 {
  width: 66.6666666667%;
}
.w-6\/10,
.w--6\/10 {
  width: 60%;
}
.w-6\/11,
.w--6\/11 {
  width: 54.5454545455%;
}
.w-6\/12,
.w--6\/12 {
  width: 50%;
}
.w-7\/8,
.w--7\/8 {
  width: 87.5%;
}
.w-7\/9,
.w--7\/9 {
  width: 77.7777777778%;
}
.w-7\/10,
.w--7\/10 {
  width: 70%;
}
.w-7\/11,
.w--7\/11 {
  width: 63.6363636364%;
}
.w-7\/12,
.w--7\/12 {
  width: 58.3333333333%;
}
.w-8\/9,
.w--8\/9 {
  width: 88.8888888889%;
}
.w-8\/10,
.w--8\/10 {
  width: 80%;
}
.w-8\/11,
.w--8\/11 {
  width: 72.7272727273%;
}
.w-8\/12,
.w--8\/12 {
  width: 66.6666666667%;
}
.w-9\/10,
.w--9\/10 {
  width: 90%;
}
.w-9\/11,
.w--9\/11 {
  width: 81.8181818182%;
}
.w-9\/12,
.w--9\/12 {
  width: 75%;
}
.w-10\/11,
.w--10\/11 {
  width: 90.9090909091%;
}
.w-10\/12,
.w--10\/12 {
  width: 83.3333333333%;
}
.w-11\/12,
.w--11\/12 {
  width: 91.6666666667%;
}
.w-12\/13,
.w--12\/13 {
  width: 92.3076923077%;
}
.w-12\/12,
.w--12\/12 {
  width: 100%;
}
.mt-0,
.mt--0 {
  margin-top: 0;
}
.pt-0,
.pt--0 {
  padding-top: 0;
}
.mb-0,
.mb--0 {
  margin-bottom: 0;
}
.pb-0,
.pb--0 {
  padding-bottom: 0;
}
.ml-0,
.ml--0 {
  margin-left: 0;
}
.pl-0,
.pl--0 {
  padding-left: 0;
}
.mr-0,
.mr--0 {
  margin-right: 0;
}
.pr-0,
.pr--0 {
  padding-right: 0;
}
.m-xxs,
.m--xxs {
  margin: var(--space-xxs);
}
.my-xxs,
.my--xxs {
  margin-top: var(--space-xxs);
  margin-bottom: var(--space-xxs);
}
.mx-xxs,
.mx--xxs {
  margin-left: var(--space-xxs);
  margin-right: var(--space-xxs);
}
.p-xxs,
.p--xxs {
  padding: var(--space-xxs);
}
.py-xxs,
.py--xxs {
  padding-top: var(--space-xxs);
  padding-bottom: var(--space-xxs);
}
.px-xxs,
.px--xxs {
  padding-left: var(--space-xxs);
  padding-right: var(--space-xxs);
}
.mt-xxs,
.mt--xxs {
  margin-top: var(--space-xxs);
}
.pt-xxs,
.pt--xxs {
  padding-top: var(--space-xxs);
}
.mb-xxs,
.mb--xxs {
  margin-bottom: var(--space-xxs);
}
.pb-xxs,
.pb--xxs {
  padding-bottom: var(--space-xxs);
}
.ml-xxs,
.ml--xxs {
  margin-left: var(--space-xxs);
}
.pl-xxs,
.pl--xxs {
  padding-left: var(--space-xxs);
}
.mr-xxs,
.mr--xxs {
  margin-right: var(--space-xxs);
}
.pr-xxs,
.pr--xxs {
  padding-right: var(--space-xxs);
}
.m-xs,
.m--xs {
  margin: var(--space-xs);
}
.my-xs,
.my--xs {
  margin-top: var(--space-xs);
  margin-bottom: var(--space-xs);
}
.mx-xs,
.mx--xs {
  margin-left: var(--space-xs);
  margin-right: var(--space-xs);
}
.p-xs,
.p--xs {
  padding: var(--space-xs);
}
.py-xs,
.py--xs {
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
}
.px-xs,
.px--xs {
  padding-left: var(--space-xs);
  padding-right: var(--space-xs);
}
.mt-xs,
.mt--xs {
  margin-top: var(--space-xs);
}
.pt-xs,
.pt--xs {
  padding-top: var(--space-xs);
}
.mb-xs,
.mb--xs {
  margin-bottom: var(--space-xs);
}
.pb-xs,
.pb--xs {
  padding-bottom: var(--space-xs);
}
.ml-xs,
.ml--xs {
  margin-left: var(--space-xs);
}
.pl-xs,
.pl--xs {
  padding-left: var(--space-xs);
}
.mr-xs,
.mr--xs {
  margin-right: var(--space-xs);
}
.pr-xs,
.pr--xs {
  padding-right: var(--space-xs);
}
.m-sm,
.m--sm {
  margin: var(--space-sm);
}
.my-sm,
.my--sm {
  margin-top: var(--space-sm);
  margin-bottom: var(--space-sm);
}
.mx-sm,
.mx--sm {
  margin-left: var(--space-sm);
  margin-right: var(--space-sm);
}
.p-sm,
.p--sm {
  padding: var(--space-sm);
}
.py-sm,
.py--sm {
  padding-top: var(--space-sm);
  padding-bottom: var(--space-sm);
}
.px-sm,
.px--sm {
  padding-left: var(--space-sm);
  padding-right: var(--space-sm);
}
.mt-sm,
.mt--sm {
  margin-top: var(--space-sm);
}
.pt-sm,
.pt--sm {
  padding-top: var(--space-sm);
}
.mb-sm,
.mb--sm {
  margin-bottom: var(--space-sm);
}
.pb-sm,
.pb--sm {
  padding-bottom: var(--space-sm);
}
.ml-sm,
.ml--sm {
  margin-left: var(--space-sm);
}
.pl-sm,
.pl--sm {
  padding-left: var(--space-sm);
}
.mr-sm,
.mr--sm {
  margin-right: var(--space-sm);
}
.pr-sm,
.pr--sm {
  padding-right: var(--space-sm);
}
.m-md,
.m--md {
  margin: var(--space-md);
}
.my-md,
.my--md {
  margin-top: var(--space-md);
  margin-bottom: var(--space-md);
}
.mx-md,
.mx--md {
  margin-left: var(--space-md);
  margin-right: var(--space-md);
}
.p-md,
.p--md {
  padding: var(--space-md);
}
.py-md,
.py--md {
  padding-top: var(--space-md);
  padding-bottom: var(--space-md);
}
.px-md,
.px--md {
  padding-left: var(--space-md);
  padding-right: var(--space-md);
}
.mt-md,
.mt--md {
  margin-top: var(--space-md);
}
.pt-md,
.pt--md {
  padding-top: var(--space-md);
}
.mb-md,
.mb--md {
  margin-bottom: var(--space-md);
}
.pb-md,
.pb--md {
  padding-bottom: var(--space-md);
}
.ml-md,
.ml--md {
  margin-left: var(--space-md);
}
.pl-md,
.pl--md {
  padding-left: var(--space-md);
}
.mr-md,
.mr--md {
  margin-right: var(--space-md);
}
.pr-md,
.pr--md {
  padding-right: var(--space-md);
}
.m-lg,
.m--lg {
  margin: var(--space-lg);
}
.my-lg,
.my--lg {
  margin-top: var(--space-lg);
  margin-bottom: var(--space-lg);
}
.mx-lg,
.mx--lg {
  margin-left: var(--space-lg);
  margin-right: var(--space-lg);
}
.p-lg,
.p--lg {
  padding: var(--space-lg);
}
.py-lg,
.py--lg {
  padding-top: var(--space-lg);
  padding-bottom: var(--space-lg);
}
.px-lg,
.px--lg {
  padding-left: var(--space-lg);
  padding-right: var(--space-lg);
}
.mt-lg,
.mt--lg {
  margin-top: var(--space-lg);
}
.pt-lg,
.pt--lg {
  padding-top: var(--space-lg);
}
.mb-lg,
.mb--lg {
  margin-bottom: var(--space-lg);
}
.pb-lg,
.pb--lg {
  padding-bottom: var(--space-lg);
}
.ml-lg,
.ml--lg {
  margin-left: var(--space-lg);
}
.pl-lg,
.pl--lg {
  padding-left: var(--space-lg);
}
.mr-lg,
.mr--lg {
  margin-right: var(--space-lg);
}
.pr-lg,
.pr--lg {
  padding-right: var(--space-lg);
}
.m-xl,
.m--xl {
  margin: var(--space-xl);
}
.my-xl,
.my--xl {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-xl);
}
.mx-xl,
.mx--xl {
  margin-left: var(--space-xl);
  margin-right: var(--space-xl);
}
.p-xl,
.p--xl {
  padding: var(--space-xl);
}
.py-xl,
.py--xl {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
}
.px-xl,
.px--xl {
  padding-left: var(--space-xl);
  padding-right: var(--space-xl);
}
.mt-xl,
.mt--xl {
  margin-top: var(--space-xl);
}
.pt-xl,
.pt--xl {
  padding-top: var(--space-xl);
}
.mb-xl,
.mb--xl {
  margin-bottom: var(--space-xl);
}
.pb-xl,
.pb--xl {
  padding-bottom: var(--space-xl);
}
.ml-xl,
.ml--xl {
  margin-left: var(--space-xl);
}
.pl-xl,
.pl--xl {
  padding-left: var(--space-xl);
}
.mr-xl,
.mr--xl {
  margin-right: var(--space-xl);
}
.pr-xl,
.pr--xl {
  padding-right: var(--space-xl);
}
.m-2xl,
.m--2xl {
  margin: var(--space-2xl);
}
.my-2xl,
.my--2xl {
  margin-top: var(--space-2xl);
  margin-bottom: var(--space-2xl);
}
.mx-2xl,
.mx--2xl {
  margin-left: var(--space-2xl);
  margin-right: var(--space-2xl);
}
.p-2xl,
.p--2xl {
  padding: var(--space-2xl);
}
.py-2xl,
.py--2xl {
  padding-top: var(--space-2xl);
  padding-bottom: var(--space-2xl);
}
.px-2xl,
.px--2xl {
  padding-left: var(--space-2xl);
  padding-right: var(--space-2xl);
}
.mt-2xl,
.mt--2xl {
  margin-top: var(--space-2xl);
}
.pt-2xl,
.pt--2xl {
  padding-top: var(--space-2xl);
}
.mb-2xl,
.mb--2xl {
  margin-bottom: var(--space-2xl);
}
.pb-2xl,
.pb--2xl {
  padding-bottom: var(--space-2xl);
}
.ml-2xl,
.ml--2xl {
  margin-left: var(--space-2xl);
}
.pl-2xl,
.pl--2xl {
  padding-left: var(--space-2xl);
}
.mr-2xl,
.mr--2xl {
  margin-right: var(--space-2xl);
}
.pr-2xl,
.pr--2xl {
  padding-right: var(--space-2xl);
}
.m-3xl,
.m--3xl {
  margin: var(--space-3xl);
}
.my-3xl,
.my--3xl {
  margin-top: var(--space-3xl);
  margin-bottom: var(--space-3xl);
}
.mx-3xl,
.mx--3xl {
  margin-left: var(--space-3xl);
  margin-right: var(--space-3xl);
}
.p-3xl,
.p--3xl {
  padding: var(--space-3xl);
}
.py-3xl,
.py--3xl {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl);
}
.px-3xl,
.px--3xl {
  padding-left: var(--space-3xl);
  padding-right: var(--space-3xl);
}
.mt-3xl,
.mt--3xl {
  margin-top: var(--space-3xl);
}
.pt-3xl,
.pt--3xl {
  padding-top: var(--space-3xl);
}
.mb-3xl,
.mb--3xl {
  margin-bottom: var(--space-3xl);
}
.pb-3xl,
.pb--3xl {
  padding-bottom: var(--space-3xl);
}
.ml-3xl,
.ml--3xl {
  margin-left: var(--space-3xl);
}
.pl-3xl,
.pl--3xl {
  padding-left: var(--space-3xl);
}
.mr-3xl,
.mr--3xl {
  margin-right: var(--space-3xl);
}
.pr-3xl,
.pr--3xl {
  padding-right: var(--space-3xl);
}
.space-x-xxs > * + * {
  --space-x-reverse: 0;
  margin-right: calc(var(--space-xxs) * var(--space-x-reverse));
  margin-left: calc(var(--space-xxs) * (1 - var(--space-x-reverse)));
}
.space-y-xxs > * + * {
  --space-y-reverse: 0;
  margin-top: calc(var(--space-xxs) * (1 - var(--space-y-reverse)));
  margin-bottom: calc(var(--space-xxs) * var(--space-y-reverse));
}
.space-x-xs > * + * {
  --space-x-reverse: 0;
  margin-right: calc(var(--space-xs) * var(--space-x-reverse));
  margin-left: calc(var(--space-xs) * (1 - var(--space-x-reverse)));
}
.space-y-xs > * + * {
  --space-y-reverse: 0;
  margin-top: calc(var(--space-xs) * (1 - var(--space-y-reverse)));
  margin-bottom: calc(var(--space-xs) * var(--space-y-reverse));
}
.space-x-sm > * + * {
  --space-x-reverse: 0;
  margin-right: calc(var(--space-sm) * var(--space-x-reverse));
  margin-left: calc(var(--space-sm) * (1 - var(--space-x-reverse)));
}
.space-y-sm > * + * {
  --space-y-reverse: 0;
  margin-top: calc(var(--space-sm) * (1 - var(--space-y-reverse)));
  margin-bottom: calc(var(--space-sm) * var(--space-y-reverse));
}
.space-x-md > * + * {
  --space-x-reverse: 0;
  margin-right: calc(var(--space-md) * var(--space-x-reverse));
  margin-left: calc(var(--space-md) * (1 - var(--space-x-reverse)));
}
.space-y-md > * + * {
  --space-y-reverse: 0;
  margin-top: calc(var(--space-md) * (1 - var(--space-y-reverse)));
  margin-bottom: calc(var(--space-md) * var(--space-y-reverse));
}
.space-x-lg > * + * {
  --space-x-reverse: 0;
  margin-right: calc(var(--space-lg) * var(--space-x-reverse));
  margin-left: calc(var(--space-lg) * (1 - var(--space-x-reverse)));
}
.space-y-lg > * + * {
  --space-y-reverse: 0;
  margin-top: calc(var(--space-lg) * (1 - var(--space-y-reverse)));
  margin-bottom: calc(var(--space-lg) * var(--space-y-reverse));
}
.space-x-xl > * + * {
  --space-x-reverse: 0;
  margin-right: calc(var(--space-xl) * var(--space-x-reverse));
  margin-left: calc(var(--space-xl) * (1 - var(--space-x-reverse)));
}
.space-y-xl > * + * {
  --space-y-reverse: 0;
  margin-top: calc(var(--space-xl) * (1 - var(--space-y-reverse)));
  margin-bottom: calc(var(--space-xl) * var(--space-y-reverse));
}
.space-x-2xl > * + * {
  --space-x-reverse: 0;
  margin-right: calc(var(--space-2xl) * var(--space-x-reverse));
  margin-left: calc(var(--space-2xl) * (1 - var(--space-x-reverse)));
}
.space-y-2xl > * + * {
  --space-y-reverse: 0;
  margin-top: calc(var(--space-2xl) * (1 - var(--space-y-reverse)));
  margin-bottom: calc(var(--space-2xl) * var(--space-y-reverse));
}
.space-x-3xl > * + * {
  --space-x-reverse: 0;
  margin-right: calc(var(--space-3xl) * var(--space-x-reverse));
  margin-left: calc(var(--space-3xl) * (1 - var(--space-x-reverse)));
}
.space-y-3xl > * + * {
  --space-y-reverse: 0;
  margin-top: calc(var(--space-3xl) * (1 - var(--space-y-reverse)));
  margin-bottom: calc(var(--space-3xl) * var(--space-y-reverse));
}
.gap--xxs {
  gap: var(--space-xxs);
}
.gap--x-xxs {
  -moz-column-gap: var(--space-xxs);
  column-gap: var(--space-xxs);
}
.gap--y-xxs {
  row-gap: var(--space-xxs);
}
.gap--xs {
  gap: var(--space-xs);
}
.gap--x-xs {
  -moz-column-gap: var(--space-xs);
  column-gap: var(--space-xs);
}
.gap--y-xs {
  row-gap: var(--space-xs);
}
.gap--sm {
  gap: var(--space-sm);
}
.gap--x-sm {
  -moz-column-gap: var(--space-sm);
  column-gap: var(--space-sm);
}
.gap--y-sm {
  row-gap: var(--space-sm);
}
.gap--md {
  gap: var(--space-md);
}
.gap--x-md {
  -moz-column-gap: var(--space-md);
  column-gap: var(--space-md);
}
.gap--y-md {
  row-gap: var(--space-md);
}
.gap--lg {
  gap: var(--space-lg);
}
.gap--x-lg {
  -moz-column-gap: var(--space-lg);
  column-gap: var(--space-lg);
}
.gap--y-lg {
  row-gap: var(--space-lg);
}
.gap--xl {
  gap: var(--space-xl);
}
.gap--x-xl {
  -moz-column-gap: var(--space-xl);
  column-gap: var(--space-xl);
}
.gap--y-xl {
  row-gap: var(--space-xl);
}
.gap--2xl {
  gap: var(--space-2xl);
}
.gap--x-2xl {
  -moz-column-gap: var(--space-2xl);
  column-gap: var(--space-2xl);
}
.gap--y-2xl {
  row-gap: var(--space-2xl);
}
.gap--3xl {
  gap: var(--space-3xl);
}
.gap--x-3xl {
  -moz-column-gap: var(--space-3xl);
  column-gap: var(--space-3xl);
}
.gap--y-3xl {
  row-gap: var(--space-3xl);
}
.gap--0 {
  gap: 0px;
}
.gap--x-0 {
  -moz-column-gap: 0;
  column-gap: 0;
}
.gap--y-0 {
  row-gap: 0;
}
.text--display-xl {
  font-size: var(--font-styles-display-xl-size);
  font-weight: var(--font-styles-display-xl-weight);
  line-height: var(--font-styles-display-xl-leading);
}
.text--display-lg {
  font-size: var(--font-styles-display-lg-size);
  font-weight: var(--font-styles-display-lg-weight);
  line-height: var(--font-styles-display-lg-leading);
}
.text--display-md {
  font-size: var(--font-styles-display-md-size);
  font-weight: var(--font-styles-display-md-weight);
  line-height: var(--font-styles-display-md-leading);
}
.text--display-sm {
  font-size: var(--font-styles-display-sm-size);
  font-weight: var(--font-styles-display-sm-weight);
  line-height: var(--font-styles-display-sm-leading);
}
.text--heading-xl {
  font-size: var(--font-styles-heading-xl-size);
  font-weight: var(--font-styles-heading-xl-weight);
  line-height: var(--font-styles-heading-xl-leading);
}
.text--heading-lg {
  font-size: var(--font-styles-heading-lg-size);
  font-weight: var(--font-styles-heading-lg-weight);
  line-height: var(--font-styles-heading-lg-leading);
}
.text--heading-md {
  font-size: var(--font-styles-heading-md-size);
  font-weight: var(--font-styles-heading-md-weight);
  line-height: var(--font-styles-heading-md-leading);
}
.text--heading-sm {
  font-size: var(--font-styles-heading-sm-size);
  font-weight: var(--font-styles-heading-sm-weight);
  line-height: var(--font-styles-heading-sm-leading);
}
.text--body-md {
  font-size: var(--font-styles-body-md-size);
  font-weight: var(--font-styles-body-md-weight);
  line-height: var(--font-styles-body-md-leading);
}
.text--body-sm {
  font-size: var(--font-styles-body-sm-size);
  font-weight: var(--font-styles-body-sm-weight);
  line-height: var(--font-styles-body-sm-leading);
}
.text--primary {
  color: var(--color-text-primary-default);
}
.text--critical {
  color: var(--color-text-critical-default);
}
.text--success {
  color: var(--color-text-success-default);
}
.text--warning {
  color: var(--color-text-warning-default);
}
.text--highlight {
  color: var(--color-text-highlight-default);
}
.text--muted {
  color: var(--color-text-muted);
}
.text--accent-1 {
  color: var(--color-text-accent-1-default);
}
.text--accent-2 {
  color: var(--color-text-accent-2-default);
}
.text--accent-3 {
  color: var(--color-text-accent-3-default);
}
.text--accent-4 {
  color: var(--color-text-accent-4-default);
}
.text--accent-5 {
  color: var(--color-text-accent-5-default);
}
.text--start {
  text-align: left;
}
.text--end {
  text-align: right;
}
.text--center {
  text-align: center;
}
.line-clamp--1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp--2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp--3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.line-clamp--4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.line-clamp--5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.line-clamp--6 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
.whitespace--pre-wrap {
  white-space: pre-wrap;
}
.whitespace--no-wrap {
  white-space: nowrap;
}
.whitespace--pre-line {
  white-space: pre-line;
}
.z--sticky {
  margin: var(--z-index-sticky);
}
.z--overlay {
  margin: var(--z-index-overlay);
}
.z--backdrop {
  margin: var(--z-index-backdrop);
}
.z--dialog {
  margin: var(--z-index-dialog);
}
.z--popover {
  margin: var(--z-index-popover);
}

/* src/client/index.css */
html,
body,
#root {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/*# sourceMappingURL=index.css.map */