@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";
@import "https://fonts.googleapis.com/icon?family=Material+Icons";
@import "https://fonts.googleapis.com/icon?family=Material+Icons+Outlined";
@import "https://fonts.googleapis.com/icon?family=Material+Icons+Round";

/* apps/login/src/styles.scss */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-text-size-adjust: 100%;
  vertical-align: baseline;
}
button,
input[type=button],
input[type=submit],
input[type=reset],
input[type=file] {
  border-radius: 0;
}
input[type=text]::-ms-clear {
  display: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
sup {
  vertical-align: super;
}
sub {
  vertical-align: sub;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
img,
picture {
  display: block;
  max-width: 100%;
}
summary::-webkit-details-marker {
  content: "";
  display: none;
}
button,
a,
div {
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  outline: none;
}
html {
  --mat-checkbox-state-layer-size: 48px;
}
mat-checkbox.mbo-checkbox-m {
  --mat-checkbox-state-layer-size: 32px;
}
mat-checkbox .mdc-checkbox .mdc-checkbox__ripple,
mat-checkbox .mdc-checkbox .mat-mdc-checkbox-ripple {
  border-radius: 4px;
  top: calc((var(--mdc-checkbox-state-layer-size) - 26px) / 2);
  bottom: calc((var(--mdc-checkbox-state-layer-size) - 26px) / 2);
  left: calc((var(--mdc-checkbox-state-layer-size) - 26px) / 2);
  right: calc((var(--mdc-checkbox-state-layer-size) - 26px) / 2);
}
html {
  --mat-radio-ripple-color: var(--mbo-color-on-surface-opacity-08);
  --mat-radio-checked-ripple-color: var(--mbo-color-primary-opacity-08);
}
mat-radio-button.mat-mdc-radio-button .mdc-radio:hover > .mdc-radio__native-control:not([disabled]):not(:focus) ~ .mdc-radio__background::before {
  opacity: 1;
}
mat-radio-button.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:focus + .mdc-radio__background::before {
  opacity: 1;
  background-color: var(--mbo-color-primary-opacity-12);
}
mat-radio-button.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:focus:not(:checked) + .mdc-radio__background::before {
  opacity: 1;
  background-color: var(--mbo-color-on-surface-opacity-12);
}
mat-radio-button.mat-mdc-radio-button .mdc-radio .mdc-radio__background:before {
  border-radius: 8px;
}
mat-progress-bar.mat-mdc-progress-bar {
  border-radius: 4px;
}
mat-progress-spinner.mat-mdc-progress-spinner circle {
  stroke-linecap: round;
}
html {
  --mat-slide-toggle-selected-hover-state-layer-color: var(--mbo-color-primary-opacity-12);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--mbo-color-primary-opacity-12);
  --mat-slide-toggle-unselected-track-color: var(--mat-sys-surface-container-highest);
  --mat-slide-toggle-unselected-handle-color: var(--mat-sys-outline);
  --mat-slide-toggle-disabled-selected-track-color: var(--mbo-color-on-surface-variant-opacity-12);
  --mat-slide-toggle-disabled-unselected-track-color: var(--mbo-color-surface-variant-opacity-12);
  --mat-slide-toggle-disabled-unselected-track-outline-color: var(--mbo-color-on-surface-variant-opacity-12);
  --mat-slide-toggle-disabled-track-opacity: 1;
}
mat-slide-toggle.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mdc-switch .mdc-switch__ripple::after {
  opacity: 1;
}
mat-slide-toggle.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mdc-switch.mdc-switch--disabled .mdc-switch__track::after {
  border: none;
}
mat-icon.mbo-icon {
  overflow: visible;
}
mat-icon.mbo-icon-s {
  font-size: 20px;
  height: 20px;
  width: 20px;
}
mat-icon.mbo-icon-m {
  font-size: 24px;
  height: 24px;
  width: 24px;
}
mat-icon.mbo-icon-l {
  font-size: 28px;
  height: 28px;
  width: 28px;
}
mat-icon.mbo-icon img,
mat-icon.mbo-icon svg {
  width: 100%;
  height: 100%;
}
html {
  --mat-button-filled-container-shape: var(--mat-sys-corner-extra-small);
  --mat-button-outlined-container-shape: var(--mat-sys-corner-extra-small);
  --mat-button-protected-container-shape: var(--mat-sys-corner-extra-small);
  --mat-button-tonal-container-shape: var(--mat-sys-corner-extra-small);
  --mat-button-text-container-shape: var(--mat-sys-corner-extra-small);
  --mat-button-text-label-text-color: var(--mat-sys-on-surface);
  --mat-button-filled-horizontal-padding: 24px;
  --mat-button-outlined-horizontal-padding: calc(24px - 1px);
  --mat-button-protected-horizontal-padding: 24px;
  --mat-button-tonal-horizontal-padding: 24px;
  --mat-button-text-with-icon-horizontal-padding: 24px;
  --mat-button-protected-container-elevation-shadow: var(--mbo-elevation-light-down-1);
  --mat-button-protected-disabled-container-elevation-shadow: var(--mbo-elevation-light-down-1);
  --mat-button-protected-focus-container-elevation-shadow: var(--mbo-elevation-light-down-1);
  --mat-button-protected-hover-container-elevation-shadow: var(--mbo-elevation-light-down-2);
  --mat-button-protected-pressed-container-elevation-shadow: var(--mbo-elevation-light-down-1);
}
.mbo-button-size-s {
  --mat-button-filled-label-text-size: 12px;
  --mat-button-outlined-label-text-size: 12px;
  --mat-button-protected-label-text-size: 12px;
  --mat-button-text-label-text-size: 12px;
  --mat-button-filled-container-height: 32px;
  --mat-button-outlined-container-height: 32px;
  --mat-button-protected-container-height: 32px;
  --mat-button-text-container-height: 32px;
}
.mbo-button-size-s mat-icon {
  font-size: 16px;
  height: 16px;
  width: 16px;
}
.mbo-button-size-m {
  --mat-button-filled-label-text-size: 14px;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-text-label-text-size: 14px;
  --mat-button-filled-container-height: 40px;
  --mat-button-outlined-container-height: 40px;
  --mat-button-protected-container-height: 40px;
  --mat-button-text-container-height: 40px;
  --mat-button-text-with-icon-horizontal-padding: 24px;
}
.mbo-button-size-m mat-icon {
  font-size: 20px;
  height: 20px;
  width: 20px;
}
.mbo-button-size-l {
  --mat-button-filled-label-text-size: 16px;
  --mat-button-outlined-label-text-size: 16px;
  --mat-button-protected-label-text-size: 16px;
  --mat-button-text-label-text-size: 16px;
  --mat-button-filled-container-height: 48px;
  --mat-button-outlined-container-height: 48px;
  --mat-button-protected-container-height: 48px;
  --mat-button-text-container-height: 48px;
  --mat-button-text-with-icon-horizontal-padding: 24px;
}
.mbo-button-size-l mat-icon {
  font-size: 24px;
  height: 24px;
  width: 24px;
}
[mboFab] {
  --mat-fab-hover-state-layer-opacity: 1;
  --mat-fab-focus-state-layer-opacity: 1;
  --mat-fab-pressed-state-layer-opacity: 1;
  --mat-fab-container-elevation-shadow: var(--mbo-elevation-light-down-3);
  --mat-fab-extended-container-elevation-shadow: var(--mbo-elevation-light-down-3);
  --mat-fab-focus-container-elevation-shadow: var(--mbo-elevation-light-down-3);
  --mat-fab-extended-focus-container-elevation-shadow: var(--mbo-elevation-light-down-3);
  --mat-fab-hover-container-elevation-shadow: var(--mbo-elevation-light-down-4);
  --mat-fab-extended-hover-container-elevation-shadow: var(--mbo-elevation-light-down-4);
  --mat-fab-pressed-container-elevation-shadow: var(--mbo-elevation-light-down-3);
  --mat-fab-extended-pressed-container-elevation-shadow: var(--mbo-elevation-light-down-3);
}
[mboFab] mat-icon {
  font-size: 24px;
  height: 24px;
  width: 24px;
  color: var(--mat-sys-on-surface);
}
[mboFab].mbo-button-size-s {
  height: 40px;
  border-radius: var(--mat-sys-corner-small);
}
[mboFab].mbo-button-size-s:not([extended]) {
  width: 40px;
}
[mboFab].mbo-button-size-m {
  height: 56px;
  border-radius: var(--mat-sys-corner-small);
}
[mboFab].mbo-button-size-m:not([extended]) {
  width: 56px;
}
[mboFab].mbo-button-size-l {
  height: 96px;
  border-radius: var(--mat-sys-corner-large);
}
[mboFab].mbo-button-size-l mat-icon {
  font-size: 36px;
  height: 36px;
  width: 36px;
}
[mboFab].mbo-button-size-l:not([extended]) {
  width: 96px;
}
[mboFab].mbo-button-surface {
  --mat-fab-container-color: var(--mat-sys-surface);
  --mat-fab-ripple-color: var(--mbo-color-primary-opacity-12);
  color: var(--mat-sys-primary);
}
[mboFab].mbo-button-surface mat-icon {
  color: var(--mat-sys-primary);
}
[mboFab].mbo-button-surface:hover:not(:active) {
  --mat-fab-state-layer-color: var(--mbo-color-primary-opacity-08);
}
[mboFab].mbo-button-surface:focus {
  --mat-fab-state-layer-color: var(--mbo-color-primary-opacity-12);
}
[mboFab].mbo-button-surface:active {
  --mat-fab-state-layer-color: var(--mbo-color-primary-opacity-08);
}
[mboFab].mbo-button-primary {
  --mat-fab-container-color: var(--mat-sys-primary-container);
  --mat-fab-ripple-color: var(--mbo-color-on-primary-opacity-08);
  --mat-fab-state-layer-color: transparent;
}
[mboFab].mbo-button-primary:hover:not(:active) {
  --mat-fab-state-layer-color: var(--mbo-color-on-primary-opacity-08);
}
[mboFab].mbo-button-primary:focus {
  --mat-fab-state-layer-color: var(--mbo-color-on-primary-opacity-12);
}
[mboFab].mbo-button-primary:active {
  --mat-fab-state-layer-color: var(--mbo-color-on-primary-opacity-08);
}
[mboFab].mbo-button-secondary {
  --mat-fab-container-color: var(--mat-sys-secondary-container);
  --mat-fab-ripple-color: var(--mbo-color-on-secondary-container-opacity-12);
  --mat-fab-state-layer-color: transparent;
}
[mboFab].mbo-button-secondary:hover:not(:active) {
  --mat-fab-state-layer-color: var(--mbo-color-on-secondary-opacity-08);
}
[mboFab].mbo-button-secondary:focus {
  --mat-fab-state-layer-color: var(--mbo-color-on-secondary-opacity-12);
}
[mboFab].mbo-button-secondary:active {
  --mat-fab-state-layer-color: var(--mbo-color-on-secondary-opacity-08);
}
[mboFab].mbo-button-tertiary {
  --mat-fab-container-color: var(--mat-sys-tertiary-container);
  --mat-fab-ripple-color: var(--mbo-color-on-tertiary-container-opacity-12);
  --mat-fab-state-layer-color: transparent;
}
[mboFab].mbo-button-tertiary:hover:not(:active) {
  --mat-fab-state-layer-color: var(--mbo-color-on-tertiary-opacity-08);
}
[mboFab].mbo-button-tertiary:focus {
  --mat-fab-state-layer-color: var(--mbo-color-on-tertiary-opacity-12);
}
[mboFab].mbo-button-tertiary:active {
  --mat-fab-state-layer-color: var(--mbo-color-on-tertiary-opacity-08);
}
.mat-mdc-icon-button.mbo-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--mat-sys-corner-extra-small);
}
.mat-mdc-icon-button.mbo-icon-button .mat-mdc-button-persistent-ripple {
  color: transparent;
  border-radius: var(--mat-sys-corner-extra-small);
}
.mat-mdc-icon-button.mbo-icon-button .mat-ripple {
  display: none;
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-size-s {
  width: 32px;
  height: 32px;
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-size-s mat-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-size-s .mat-mdc-button-touch-target {
  width: 32px;
  height: 32px;
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-size-m {
  width: 40px;
  height: 40px;
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-size-m mat-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-size-m .mat-mdc-button-touch-target {
  width: 40px;
  height: 40px;
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-size-l {
  width: 40px;
  height: 40px;
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-size-l mat-icon {
  font-size: 24px;
  width: 24px;
  height: 24px;
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-size-l .mat-mdc-button-touch-target {
  width: 48px;
  height: 48px;
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-standard mat-icon {
  color: var(--mat-sys-secondary);
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-standard:hover:not(:active) .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-inverse-primary-opacity-08);
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-standard:focus mat-icon {
  color: var(--mat-sys-primary);
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-standard:focus .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-inverse-primary-opacity-08);
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-standard:active mat-icon {
  color: var(--mat-sys-primary);
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-standard:active .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-inverse-primary-opacity-08);
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-standard:disabled {
  background-color: transparent;
  opacity: 0.38;
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-filled {
  background-color: var(--mat-sys-primary);
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-filled mat-icon {
  color: var(--mat-sys-on-primary);
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-filled:hover:not(:active) .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-on-primary-opacity-08);
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-filled:focus .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-on-primary-opacity-12);
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-filled:active .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-on-primary-opacity-08);
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-filled:disabled {
  background-color: transparent;
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-filled:disabled mat-icon {
  color: var(--mat-sys-on-surface);
  opacity: 0.38;
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-filled:disabled .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-on-surface-opacity-12);
  border: 1px solid var(--mbo-color-on-surface-opacity-12);
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-tonal {
  background-color: var(--mat-sys-secondary-container);
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-tonal mat-icon {
  color: var(--mat-sys-on-secondary-container);
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-tonal:hover:not(:active) .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-on-secondary-container-opacity-08);
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-tonal:focus .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-on-secondary-container-opacity-12);
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-tonal:active .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-on-secondary-container-opacity-12);
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-tonal:disabled {
  background-color: transparent;
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-tonal:disabled mat-icon {
  color: var(--mat-sys-on-surface);
  opacity: 0.38;
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-tonal:disabled .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-on-surface-opacity-12);
  border: 1px solid var(--mbo-color-on-surface-opacity-12);
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-outlined {
  background-color: var(--mat-sys-surface);
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-outlined mat-icon {
  color: var(--mat-sys-secondary);
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-outlined:hover:not(:active) .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-on-surface-variant-opacity-08);
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-outlined:focus .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-on-surface-variant-opacity-12);
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-outlined:active .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-on-surface-variant-opacity-12);
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-outlined:disabled {
  background-color: transparent;
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-outlined:disabled mat-icon {
  color: var(--mat-sys-on-surface);
  opacity: 0.38;
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-outlined:disabled .mat-mdc-button-persistent-ripple {
  background-color: transparent;
  border: 1px solid var(--mbo-color-on-surface-opacity-12);
}
.mat-mdc-icon-button.mbo-icon-button.mbo-button-outlined .mat-mdc-button-persistent-ripple {
  border: 1px solid var(--mbo-color-on-surface-opacity-12);
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-standard.mbo-icon-button-toggleable-active mat-icon {
  color: var(--mat-sys-primary);
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-standard:not(.mbo-icon-button-toggleable-active):hover:not(:active) .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-on-surface-opacity-08);
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-standard:not(.mbo-icon-button-toggleable-active):focus mat-icon {
  color: var(--mat-sys-secondary);
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-standard:not(.mbo-icon-button-toggleable-active):focus .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-on-surface-opacity-12);
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-standard:not(.mbo-icon-button-toggleable-active):active mat-icon {
  color: var(--mat-sys-secondary);
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-standard:not(.mbo-icon-button-toggleable-active):active .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-on-surface-opacity-08);
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-filled:not(.mbo-icon-button-toggleable-active) {
  background-color: var(--mbo-color-primary-opacity-08);
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-filled:not(.mbo-icon-button-toggleable-active) mat-icon {
  color: var(--mat-sys-primary);
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-filled:not(.mbo-icon-button-toggleable-active):hover:not(:active) .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-primary-opacity-08);
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-filled:not(.mbo-icon-button-toggleable-active):focus .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-primary-opacity-12);
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-filled:not(.mbo-icon-button-toggleable-active):active .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-on-surface-opacity-08);
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-filled:disabled {
  background-color: transparent;
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-filled:disabled mat-icon {
  color: var(--mat-sys-on-surface);
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-filled:disabled .mat-mdc-button-persistent-ripple {
  border: none;
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-tonal:not(.mbo-icon-button-toggleable-active) {
  background-color: var(--mat-sys-surface-container-highest);
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-tonal:not(.mbo-icon-button-toggleable-active) mat-icon {
  color: var(--mat-sys-secondary);
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-tonal:not(.mbo-icon-button-toggleable-active):hover:not(:active) .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-on-surface-variant-opacity-08);
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-tonal:not(.mbo-icon-button-toggleable-active):focus .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-on-surface-variant-opacity-12);
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-tonal:not(.mbo-icon-button-toggleable-active):active .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-on-surface-variant-opacity-12);
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-tonal:not(.mbo-icon-button-toggleable-active):disabled {
  background-color: transparent;
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-tonal:not(.mbo-icon-button-toggleable-active):disabled mat-icon {
  color: var(--mat-sys-on-surface);
  opacity: 0.38;
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-tonal:not(.mbo-icon-button-toggleable-active):disabled .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-on-surface-opacity-12);
  border: none;
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-outlined mat-icon {
  color: var(--mat-sys-inverse-on-surface);
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-outlined:not(.mbo-icon-button-toggleable-active) {
  background-color: var(--mat-sys-surface);
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-outlined:not(.mbo-icon-button-toggleable-active) mat-icon {
  color: var(--mat-sys-secondary);
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-outlined:not(.mbo-icon-button-toggleable-active) .mat-mdc-button-persistent-ripple {
  border: 1px solid var(--mbo-color-on-surface-opacity-12);
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-outlined:disabled {
  background-color: transparent;
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-outlined:disabled mat-icon {
  color: var(--mat-sys-on-surface);
  opacity: 0.38;
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-outlined:disabled .mat-mdc-button-persistent-ripple {
  background-color: var(--mbo-color-inverse-on-surface-opacity-12);
  border: none;
}
.mat-mdc-icon-button[mboIconButton][mboToggleable].mbo-button-outlined .mat-mdc-button-persistent-ripple {
  border: none;
}
html {
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-selected-state-background-color: var(--mat-sys-primary-container);
}
mat-button-toggle.mat-button-toggle {
  min-width: 104px;
}
mat-button-toggle-group.mat-button-toggle-group.mbo-button-toggle-density-1 {
  --mat-button-toggle-height: 36px;
}
mat-button-toggle-group.mat-button-toggle-group.mbo-button-toggle-density-2 {
  --mat-button-toggle-height: 32px;
}
mat-button-toggle-group.mat-button-toggle-group.mbo-button-toggle-density-3 {
  --mat-button-toggle-height: 28px;
}
mat-tab-group {
  --mat-tab-divider-color: transparent;
  --mat-tab-active-indicator-color: var(--mat-sys-primary);
  --mat-tab-active-label-text-color: var(--mat-sys-on-surface);
  --mat-tab-active-hover-label-text-color: var(--mat-sys-on-surface);
  --mat-tab-active-focus-label-text-color: var(--mat-sys-on-surface);
  --mat-tab-inactive-label-text-color: var(--mat-sys-secondary);
}
mat-tab-group.mbo-tab-group-primary {
  --mat-tab-active-indicator-height: 3px;
  --mat-tab-active-indicator-shape: 8px 8px 0 0;
  --mat-tab-active-label-text-color: var(--mat-sys-primary);
  --mat-tab-active-hover-label-text-color: var(--mat-sys-primary);
  --mat-tab-active-focus-label-text-color: var(--mat-sys-primary);
  --mat-tab-active-ripple-color: var(--mat-sys-primary);
  --mat-tab-inactive-label-text-color: var(--mat-sys-secondary);
}
mat-tab-group .mat-mdc-tab:hover .mdc-tab__ripple::before {
  opacity: 0.08;
}
html {
  --mat-divider-color: var(--mat-sys-outline-variant);
}
html {
  --mat-list-list-item-container-color: var(--mat-sys-surface);
}
.mdc-list.mbo-list-density-0 {
  --mat-list-list-item-one-line-container-height: calc(56px - 0px);
  --mat-list-list-item-two-line-container-height: calc(64px - 0px);
  --mat-list-list-item-three-line-container-height: calc(88px - 0px);
}
.mdc-list.mbo-list-density-0 .mdc-list-item--with-two-lines .mdc-list-item__primary-text,
.mdc-list.mbo-list-density-0 .mdc-list-item--with-three-lines .mdc-list-item__primary-text {
  margin-top: 0px;
}
.mdc-list.mbo-list-density-2 {
  --mat-list-list-item-one-line-container-height: calc(56px - 8px);
  --mat-list-list-item-two-line-container-height: calc(64px - 8px);
  --mat-list-list-item-three-line-container-height: calc(88px - 8px);
}
.mdc-list.mbo-list-density-2 .mdc-list-item--with-two-lines .mdc-list-item__primary-text,
.mdc-list.mbo-list-density-2 .mdc-list-item--with-three-lines .mdc-list-item__primary-text {
  margin-top: -4px;
}
.mdc-list.mbo-list-density-4 {
  --mat-list-list-item-one-line-container-height: calc(56px - 16px);
  --mat-list-list-item-two-line-container-height: calc(64px - 16px);
  --mat-list-list-item-three-line-container-height: calc(88px - 16px);
}
.mdc-list.mbo-list-density-4 .mdc-list-item--with-two-lines .mdc-list-item__primary-text,
.mdc-list.mbo-list-density-4 .mdc-list-item--with-three-lines .mdc-list-item__primary-text {
  margin-top: -8px;
}
.mdc-list.mdc-list {
  padding: 0;
}
.mdc-list.mdc-list .mdc-list-item--with-leading-icon .mdc-list-item__start {
  width: unset;
  height: unset;
}
.mdc-list.mdc-list .mdc-list-item--with-trailing-meta .mdc-list-item__end {
  height: 100%;
  display: flex;
  align-items: center;
}
mat-selection-list .mdc-list-item--with-leading-radio .mdc-list-item__start,
mat-selection-list .mdc-list-item--with-leading-checkbox .mdc-list-item__start {
  margin: 0 8px;
}
html {
  --mat-form-field-leading-icon-color: var(--mat-sys-on-surface-variant);
  --mat-form-field-trailing-icon-color: var(--mat-sys-on-surface-variant);
  --mat-form-field-disabled-leading-icon-color: var(--mbo-color-on-surface-opacity-38);
  --mat-form-field-disabled-trailing-icon-color: var(--mbo-color-on-surface-opacity-38);
  --mat-form-field-outlined-outline-color: var(--mat-sys-outline);
  --mat-form-field-outlined-hover-outline-color: var(--mat-sys-on-surface);
  --mat-form-field-outlined-focus-outline-color: var(--mat-sys-primary);
  --mat-form-field-outlined-label-text-color: var(--mat-sys-on-surface-variant);
  --mat-form-field-filled-container-color: var(--mat-sys-surface-container-highest);
}
.mbo-form-field-density-4 {
  --mat-form-field-container-height: 40px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 8px;
  --mat-form-field-filled-with-label-container-padding-top: 8px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-filled-with-label-container-padding-top: 16px;
  --mat-form-field-filled-with-label-container-padding-bottom: 0;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-text-font: var(--mat-sys-body-medium-font);
  --mat-form-field-container-text-size: var(--mat-sys-body-medium-size);
  --mat-form-field-container-text-tracking: var(--mat-sys-body-medium-tracking);
  --mat-form-field-container-text-weight: var(--mat-sys-body-medium-weight);
  --mat-form-field-container-text-line-height: var(--mat-sys-body-large-line-height);
  --mat-form-field-outlined-label-text-font: var(--mat-sys-body-medium-font);
  --mat-form-field-outlined-label-text-size: var(--mat-sys-body-medium-size);
  --mat-form-field-outlined-label-text-tracking: var(--mat-sys-body-medium-tracking);
  --mat-form-field-outlined-label-text-weight: var(--mat-sys-body-medium-weight);
  --mat-select-trigger-text-font: var(--mat-sys-body-medium-font);
  --mat-select-trigger-text-size: var(--mat-sys-body-medium-size);
  --mat-select-trigger-text-tracking: var(--mat-sys-body-medium-tracking);
  --mat-select-trigger-text-weight: var(--mat-sys-body-medium-weight);
  --mat-select-arrow-transform: translateY(-8px);
}
.mat-mdc-form-field .mat-mdc-form-field-hint {
  color: var(--mat-sys-on-surface-variant);
}
.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-form-field-hint {
  color: var(--mbo-color-on-surface-opacity-38);
}
.mat-mdc-form-field .mdc-text-field--outlined {
  background-color: var(--mat-sys-surface);
  border-radius: 4px;
}
.mat-mdc-form-field .mdc-text-field--outlined .mdc-floating-label {
  background-color: var(--mat-sys-surface);
}
.mat-mdc-form-field .mdc-floating-label--float-above mat-label {
  padding-left: 0;
}
html {
  --mat-slider-active-track-color: var(--mat-sys-primary);
  --mat-slider-inactive-track-color: var(--mat-sys-secondary-container);
  --mat-slider-disabled-inactive-track-color: var(--mbo-color-on-surface-opacity-12);
  --mat-slider-disabled-active-track-color: var(--mat-sys-on-surface);
  --mat-slider-inactive-track-height: 16px;
  --mat-slider-active-track-height: 16px;
  --mat-slider-handle-height: 44px;
  --mat-slider-handle-width: 4px;
  --mat-slider-handle-elevation: white;
  --mat-slider-value-indicator-height: 44px;
  --mat-slider-value-indicator-width: 44px;
  --mat-slider-label-container-color: var(--mat-sys-inverse-surface);
  --mat-slider-label-label-text-color: var(--mat-sys-inverse-on-surface);
  --mat-slider-with-tick-marks-container-size: 4px;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-active-container-opacity: 1;
  --mat-slider-with-tick-marks-inactive-container-color: var(--mat-sys-primary);
  --mat-slider-with-tick-marks-inactive-container-opacity: 1;
}
.mat-mdc-slider .mdc-slider__track--inactive {
  opacity: 1;
}
.mat-mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive {
  opacity: 1;
}
.mat-mdc-slider .mdc-slider__value-indicator-container {
  bottom: 48px;
  z-index: 1;
}
.mat-mdc-slider .mdc-slider__value-indicator {
  border-radius: 50%;
}
.mat-mdc-slider .mdc-slider__thumb-knob {
  border: none;
  outline: var(--mat-sys-surface) 4px solid;
}
.mat-mdc-slider .mat-focus-indicator {
  display: none;
}
.mat-mdc-slider .mdc-slider__thumb--focused .mdc-slider__thumb-knob {
  width: 2px;
  outline: var(--mat-sys-surface) 5px solid;
}
.mat-mdc-table.mbo-table {
  --mat-table-row-item-outline-color: var(--mat-sys-outline-variant);
}
.mat-mdc-table.mbo-table.mbo-table_m {
  --mat-table-header-container-height: 56px;
  --mat-table-row-item-container-height: 56px;
}
.mat-mdc-table.mbo-table.mbo-table_m .mat-mdc-header-cell,
.mat-mdc-table.mbo-table.mbo-table_m .mat-mdc-cell,
.mat-mdc-table.mbo-table.mbo-table_m .mat-mdc-no-data-row td {
  padding: 8px 16px;
}
.mat-mdc-table.mbo-table.mbo-table_s {
  --mat-table-header-container-height: 40px;
  --mat-table-row-item-container-height: 40px;
}
.mat-mdc-table.mbo-table.mbo-table_s .mat-mdc-header-cell,
.mat-mdc-table.mbo-table.mbo-table_s .mat-mdc-cell,
.mat-mdc-table.mbo-table.mbo-table_s .mat-mdc-no-data-row td {
  padding: 4px 12px;
}
.mat-mdc-table.mbo-table.mbo-table_divider .mat-mdc-header-cell:not(:last-child),
.mat-mdc-table.mbo-table.mbo-table_divider .mat-mdc-cell:not(:last-child) {
  border-right: 1px solid var(--mat-sys-outline-variant);
}
.mat-mdc-table.mbo-table .mat-mdc-table-sticky-border-elem-top:not(.mat-mdc-header-cell) {
  box-shadow: var(--mbo-elevation-light-down-1);
}
.mat-mdc-table.mbo-table .mat-mdc-table-sticky-border-elem-bottom:not(.mat-mdc-header-cell) {
  box-shadow: var(--mbo-elevation-light-top-1);
}
.mat-mdc-table.mbo-table .mat-mdc-table-sticky-border-elem-left:not(.mat-mdc-header-cell) {
  box-shadow: var(--mbo-elevation-light-right-1);
}
.mat-mdc-table.mbo-table .mat-mdc-table-sticky-border-elem-right:not(.mat-mdc-header-cell) {
  box-shadow: var(--mbo-elevation-light-left-1);
}
.mat-mdc-table.mbo-table .mat-mdc-header-cell,
.mat-mdc-table.mbo-table .mat-mdc-cell,
.mat-mdc-table.mbo-table .mat-mdc-no-data-row td {
  vertical-align: middle;
}
.mat-mdc-table.mbo-table .mat-mdc-row {
  background-color: var(--mat-sys-surface);
}
.mat-mdc-table.mbo-table .mat-mdc-row.mbo-table__row_selectable:hover {
  box-shadow: var(--mbo-elevation-light-down-1);
}
.mat-mdc-table.mbo-table .mat-mdc-row.mbo-table__row_selectable:hover .mat-mdc-cell:before {
  background-color: var(--mbo-color-primary-opacity-08);
}
.mat-mdc-table.mbo-table .mat-mdc-row.mbo-table__row_selected .mat-mdc-cell:before {
  background-color: var(--mbo-color-primary-opacity-08);
}
.mat-mdc-table.mbo-table .mat-mdc-row .mat-mdc-cell {
  position: relative;
  background-color: var(--mat-sys-surface);
}
.mat-mdc-table.mbo-table .mat-mdc-row .mat-mdc-cell:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.mbo-table-container {
  display: block;
  overflow: hidden;
  border-radius: var(--mat-sys-corner-extra-small);
  border: 1px solid var(--mat-sys-outline-variant);
}
.mbo-table-container__content {
  height: 100%;
  width: 100%;
  overflow: auto;
}
html {
  --mat-snack-bar-container-color: var(--mat-sys-inverse-on-surface);
  --mat-snack-bar-button-color: var(--mat-sys-primary-fixed-dim);
  --mat-snack-bar-supporting-text-color: var(--mat-sys-inverse-surface);
}
mat-snack-bar-container {
  max-width: 344px;
}
.mbo-snackbar_column .mat-mdc-snackbar-surface {
  padding-right: 0;
}
.mbo-snackbar_column .mat-mdc-simple-snack-bar {
  display: flex;
  flex-direction: column;
}
.mbo-snackbar_column .mat-mdc-simple-snack-bar .mat-mdc-snack-bar-label {
  padding: 14px 16px 22px 16px;
}
.mbo-snackbar_column .mat-mdc-snack-bar-actions {
  padding: 0 8px 4px 8px;
  display: flex;
  justify-content: flex-end;
}
.mbo-snackbar_white {
  --mat-snack-bar-container-color: var(--mat-sys-inverse-surface);
  --mat-snack-bar-button-color: var(--mat-sys-inverse-primary);
  --mat-snack-bar-supporting-text-color: var(--mat-sys-inverse-on-surface);
}
html {
  --mat-card-title-text-size: var(--mat-sys-title-medium-size);
  --mat-card-title-text-line-height: var(--mat-sys-title-medium-line-height);
  --mat-card-title-text-weight: var(--mat-sys-title-medium-weight);
  --mat-card-title-text-tracking: var(--mat-sys-title-medium-tracking);
  --mat-card-subtitle-text-color: var(--mat-sys-on-surface);
  --mat-card-subtitle-text-size: var(--mat-sys-body-medium-size);
  --mat-card-subtitle-text-line-height: var(--mat-sys-body-medium-line-height);
  --mat-card-subtitle-text-weight: var(--mat-sys-body-medium-weight);
  --mat-card-subtitle-text-tracking: var(--mat-sys-body-medium-tracking);
  --mat-card-outlined-container-color: var(--mat-sys-surface);
  --mat-card-outlined-outline-color: var(--mat-sys-outline-variant);
  --mat-card-filled-container-color: var(--mat-sys-surface-container-highest);
  --mat-card-filled-container-elevation: none;
  --mat-card-elevated-container-color: var(--mat-sys-surface-container-lowest);
  --mat-card-elevated-container-elevation: var(--mbo-elevation-light-down-1);
}
.mat-mdc-card .mat-mdc-card-header .mat-mdc-card-header-text .mat-mdc-card-title {
  line-height: var(--mat-sys-title-medium-line-height);
}
.mat-mdc-card .mat-mdc-card-header .mat-mdc-card-header-text .mat-mdc-card-subtitle {
  line-height: var(--mat-sys-body-medium-line-height);
}
.mat-mdc-card .mat-mdc-card-header .mdc-card__media {
  margin: -16px -16px 0 auto;
  border-radius: 0 12px 12px 0;
}
.mat-mdc-card .mat-mdc-card-content {
  padding: 16px;
}
.mat-mdc-card .mat-mdc-card-actions {
  padding: 16px;
  gap: 8px;
}
.mat-mdc-card:hover {
  box-shadow: var(--mbo-elevation-light-down-2);
}
.mat-mdc-card.mat-mdc-card-outlined:hover,
.mat-mdc-card.mat-mdc-card-filled:hover {
  box-shadow: var(--mbo-elevation-light-down-1);
}
html {
  --mat-dialog-subhead-color: var(--mat-sys-on-surface);
  --mat-dialog-supporting-text-color: var(--mat-sys-on-surface-variant);
  --mat-dialog-headline-padding: 24px;
  --mat-dialog-with-actions-content-padding: 16px 24px;
}
mat-dialog-container .mat-mdc-dialog-surface {
  border-radius: var(--mat-sys-corner-small);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 1px rgba(0, 0, 0, 0.06);
}
mat-dialog-container .mdc-dialog__title::before {
  display: none;
}
.mbo-select__search {
  width: 100%;
}
.mbo-select__search .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.mbo-select__footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 16px;
  border-top: 1px solid var(--mat-sys-outline);
}
.mat-mdc-select-panel.mat-mdc-select-panel {
  padding: 0;
}
.mbo-action-icon-group {
  display: inline-flex;
}
.mbo-action-icon-group mat-icon {
  color: var(--mat-sys-secondary);
}
.mbo-action-icon-group .mbo-action-icon-group-button .mat-mdc-button-ripple {
  display: none;
}
.mbo-action-icon-group .mbo-action-icon-group-button-default:hover:not(:active) .mat-mdc-button-persistent-ripple::before {
  background-color: var(--mbo-color-inverse-primary-opacity-08);
  opacity: 1;
}
.mbo-action-icon-group .mbo-action-icon-group-button-default:hover:not(:active) mat-icon {
  color: var(--mat-sys-primary);
}
.mbo-action-icon-group .mbo-action-icon-group-button-default:active .mat-mdc-button-persistent-ripple::before,
.mbo-action-icon-group .mbo-action-icon-group-button-default:focus .mat-mdc-button-persistent-ripple::before {
  background-color: var(--mbo-color-inverse-primary-opacity-12);
  opacity: 1;
}
.mbo-action-icon-group .mbo-action-icon-group-button-default:active mat-icon,
.mbo-action-icon-group .mbo-action-icon-group-button-default:focus mat-icon {
  color: var(--mat-sys-primary);
}
.mbo-action-icon-group .mbo-action-icon-group-button-danger:hover:not(:active) .mat-mdc-button-persistent-ripple::before {
  background-color: var(--mbo-color-on-error-container-opacity-08);
  opacity: 1;
}
.mbo-action-icon-group .mbo-action-icon-group-button-danger:hover:not(:active) mat-icon {
  color: var(--mat-sys-error);
}
.mbo-action-icon-group .mbo-action-icon-group-button-danger:active .mat-mdc-button-persistent-ripple::before,
.mbo-action-icon-group .mbo-action-icon-group-button-danger:focus .mat-mdc-button-persistent-ripple::before {
  background-color: var(--mbo-color-on-error-container-opacity-12);
  opacity: 1;
}
.mbo-action-icon-group .mbo-action-icon-group-button-danger:active mat-icon,
.mbo-action-icon-group .mbo-action-icon-group-button-danger:focus mat-icon {
  color: var(--mat-sys-error);
}
.mbo-action-icon-group-empty .mbo-action-icon-group-button {
  border-radius: var(--mat-sys-corner-extra-small);
}
.mbo-action-icon-group-empty .mbo-action-icon-group-button:not(:last-child) {
  margin-right: 4px;
}
.mbo-action-icon-group-empty .mbo-action-icon-group-button .mat-mdc-button-persistent-ripple {
  border-radius: var(--mat-sys-corner-extra-small);
}
.mbo-action-icon-group-background {
  border-radius: var(--mat-sys-corner-extra-small);
  border: 1px solid var(--mat-sys-secondary-fixed-dim);
  overflow: hidden;
}
.mbo-action-icon-group-background .mbo-action-icon-group-button {
  border-radius: 0;
}
.mbo-action-icon-group-background .mbo-action-icon-group-button:not(:last-child) {
  border-right: 1px solid var(--mat-sys-outline-variant);
}
.mbo-action-icon-group-background .mbo-action-icon-group-button .mat-mdc-button-persistent-ripple {
  border-radius: 0;
}
:root {
  --mat-chip-label-text-color: var(--mat-sys-on-surface-variant);
  --mat-chip-disabled-label-text-color: var(--mbo-color-on-surface-opacity-38);
  --mat-chip-outline-color: var(--mat-sys-outline);
  --mat-chip-disabled-outline-color: var(--mbo-color-on-surface-opacity-12);
  --mat-chip-focus-outline-color: var(--mat-sys-on-surface);
  --mat-chip-hover-state-layer-color: var(--mat-sys-on-surface-variant);
  --mat-chip-focus-state-layer-color: var(--mat-sys-on-surface-variant);
  --mat-chip-hover-state-layer-opacity: 0.08;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-opacity: 0.08;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-elevated-selected-container-color: var(--mat-sys-primary-container);
}
.mbo-chip-assistive {
  --mat-chip-label-text-color: var(--mat-sys-on-surface);
}
.mbo-badge-host {
  position: relative;
}
.mbo-badge {
  display: flex;
  color: var(--mat-sys-on-primary);
  border-radius: 50px;
  align-items: center;
  justify-content: center;
  font: var(--mat-sys-label-small);
  min-width: fit-content;
  padding: 0 4px;
  box-sizing: border-box;
}
.mbo-badge-positioned {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  pointer-events: none;
  z-index: 1;
}
.mbo-badge .mbo-badge__icon {
  font-size: 10px;
  width: 10px;
  height: 10px;
}
.mbo-badge .mbo-badge__icon-text {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
.mbo-badge-hidden {
  display: none;
}
.mbo-badge-sm {
  min-width: 6px;
  height: 6px;
}
.mbo-badge-s {
  min-width: 8px;
  height: 8px;
}
.mbo-badge-m {
  min-width: 12px;
  height: 12px;
}
.mbo-badge-l {
  min-width: 16px;
  height: 16px;
}
.mbo-badge-xl {
  min-width: 20px;
  height: 20px;
}
.mbo-badge-xl .mbo-badge__icon {
  font-size: 12px;
  width: 12px;
  height: 12px;
}
.mbo-badge:empty,
.mbo-badge:has(.mbo-badge__icon:only-child) {
  border-radius: 50%;
  padding: 0;
}
.mbo-badge:empty.mbo-badge-sm,
.mbo-badge:has(.mbo-badge__icon:only-child).mbo-badge-sm {
  width: 6px;
}
.mbo-badge:empty.mbo-badge-s,
.mbo-badge:has(.mbo-badge__icon:only-child).mbo-badge-s {
  width: 8px;
}
.mbo-badge:empty.mbo-badge-m,
.mbo-badge:has(.mbo-badge__icon:only-child).mbo-badge-m {
  width: 12px;
}
.mbo-badge:empty.mbo-badge-l,
.mbo-badge:has(.mbo-badge__icon:only-child).mbo-badge-l {
  width: 16px;
}
.mbo-badge:empty.mbo-badge-xl,
.mbo-badge:has(.mbo-badge__icon:only-child).mbo-badge-xl {
  width: 20px;
}
.mbo-badge-default {
  color: var(--mat-sys-on-surface);
  background: var(--mbo-severity-neutral-variant-surface);
}
.mbo-badge-black {
  background: var(--mbo-severity-neutral-surface);
}
.mbo-badge-primary {
  background: var(--mbo-severity-primary-surface);
}
.mbo-badge-info {
  background: var(--mbo-severity-info-surface);
}
.mbo-badge-warning {
  color: var(--mat-sys-on-surface);
  background: var(--mbo-severity-warning-surface);
}
.mbo-badge-success {
  background: var(--mbo-severity-success-surface);
}
.mbo-badge-error {
  background: var(--mbo-severity-error-surface);
}
.mbo-status-label {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 100px;
  height: 20px;
  padding: 0 4px;
}
.mbo-status-label-s {
  height: 20px;
  font: var(--mat-sys-label-small);
  padding: 0 12px 0 10px;
}
.mbo-status-label-s .mbo-status-label__icon {
  font-size: 12px;
  width: 12px;
  height: 12px;
}
.mbo-status-label-m {
  height: 24px;
  font: var(--mat-sys-label-medium);
  padding: 0 13px 0 11px;
}
.mbo-status-label-m .mbo-status-label__icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.mbo-status-label-l {
  height: 32px;
  font: var(--mat-sys-label-large);
  gap: 8px;
  padding: 0 16px 0 12px;
}
.mbo-status-label-l .mbo-status-label__icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
}
.mbo-status-label-filled {
  color: var(--mat-sys-on-primary);
}
.mbo-status-label-filled.mbo-status-label-default {
  color: var(--mat-sys-on-surface);
  background-color: var(--mbo-severity-neutral-variant-surface);
}
.mbo-status-label-filled.mbo-status-label-black {
  background-color: var(--mbo-severity-neutral-surface);
}
.mbo-status-label-filled.mbo-status-label-primary {
  background-color: var(--mbo-severity-primary-surface);
}
.mbo-status-label-filled.mbo-status-label-info {
  background-color: var(--mbo-severity-info-surface);
}
.mbo-status-label-filled.mbo-status-label-warning {
  color: var(--mat-sys-on-surface);
  background-color: var(--mbo-severity-warning-surface);
}
.mbo-status-label-filled.mbo-status-label-success {
  background-color: var(--mbo-severity-success-surface);
}
.mbo-status-label-filled.mbo-status-label-error {
  background-color: var(--mbo-severity-error-surface);
}
.mbo-status-label-outlined {
  border: 1px solid;
}
.mbo-status-label-outlined.mbo-status-label-default {
  color: var(--mat-sys-on-surface);
  border-color: var(--mbo-severity-neutral-variant-outline);
  background-color: var(--mbo-severity-neutral-variant-container);
}
.mbo-status-label-outlined.mbo-status-label-black {
  color: var(--mat-sys-on-surface);
  border-color: var(--mbo-severity-neutral-outline);
  background-color: var(--mbo-severity-neutral-container);
}
.mbo-status-label-outlined.mbo-status-label-primary {
  color: var(--mat-sys-primary);
  border-color: var(--mbo-severity-primary-outline);
  background-color: var(--mbo-severity-primary-container);
}
.mbo-status-label-outlined.mbo-status-label-info {
  color: var(--mbo-severity-info-outline);
  border-color: var(--mbo-severity-info-outline);
  background-color: var(--mbo-severity-info-container);
}
.mbo-status-label-outlined.mbo-status-label-warning {
  color: var(--mbo-severity-warning-outline);
  border-color: var(--mbo-severity-warning-outline);
  background-color: var(--mbo-severity-warning-container);
}
.mbo-status-label-outlined.mbo-status-label-success {
  color: var(--mbo-severity-success-outline);
  border-color: var(--mbo-severity-success-outline);
  background-color: var(--mbo-severity-success-container);
}
.mbo-status-label-outlined.mbo-status-label-error {
  color: var(--mbo-severity-error-outline);
  border-color: var(--mbo-severity-error-outline);
  background-color: var(--mbo-severity-error-container);
}
.mbo-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mbo-pagination-s .mbo-pagination-page-links .mbo-pagination-page-links__btn,
.mbo-pagination-s .mbo-pagination-page-links .mbo-pagination-page-links__arrow-btn {
  padding: 0;
  width: 32px;
  height: 32px;
  min-width: 32px;
  font-size: 12px;
}
.mbo-pagination-m .mbo-pagination-page-links .mbo-pagination-page-links__btn,
.mbo-pagination-m .mbo-pagination-page-links .mbo-pagination-page-links__arrow-btn {
  width: 40px;
  height: 40px;
  min-width: 40px;
  font-size: 14px;
}
.mbo-pagination-page-size-select {
  display: flex;
  align-items: center;
}
.mbo-pagination-page-size-select mat-select {
  width: 110px;
  height: 40px;
  border: 1px solid var(--mat-sys-outline);
  border-radius: var(--mat-sys-corner-extra-small);
  background-color: var(--mat-sys-surface);
}
.mbo-pagination-page-size-select mat-select .mat-mdc-select-trigger {
  font-size: 14px;
  padding: 0 8px 0 16px;
  height: 100%;
}
.mbo-pagination-page-size-select mat-select .mat-mdc-select-value {
  margin-right: 8px;
}
.mbo-pagination-page-size-select__label {
  margin-right: 6px;
  font-size: 14px;
  color: var(--mat-sys-on-surface);
}
.mbo-pagination-page-links {
  display: grid;
  grid-auto-flow: column;
  column-gap: 4px;
}
.mbo-pagination-page-links .mbo-pagination-page-links__btn {
  padding: 0;
}
.mbo-pagination-page-links .mbo-pagination-page-links__btn_active {
  background-color: var(--mbo-color-primary-opacity-12);
}
.mbo-pagination-page-input {
  display: flex;
  align-items: center;
}
.mbo-pagination-page-input__label {
  color: var(--mat-sys-on-surface);
  font: var(--mat-sys-body-medium);
}
.mbo-pagination-page-input__form-field {
  margin: 0 10px;
  width: 60px;
  --mat-form-field-container-height: 40px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 8px;
  --mat-form-field-filled-with-label-container-padding-top: 8px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: var(--mat-sys-body-medium-font);
  --mat-form-field-container-text-size: var(--mat-sys-body-medium-size);
  --mat-form-field-container-text-tracking: var(--mat-sys-body-medium-tracking);
  --mat-form-field-container-text-weight: var(--mat-sys-body-medium-weight);
  --mat-form-field-filled-label-text-font: var(--mat-sys-body-medium-font);
  --mat-form-field-filled-label-text-size: var(--mat-sys-body-medium-size);
  --mat-form-field-filled-label-text-tracking: var(--mat-sys-body-medium-tracking);
  --mat-form-field-filled-label-text-weight: var(--mat-sys-body-medium-weight);
}
.mbo-pagination-page-input__input {
  text-align: center;
  -moz-appearance: textfield;
}
.mbo-pagination-page-input__input::-webkit-inner-spin-button,
.mbo-pagination-page-input__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
html {
  --mat-menu-item-label-text-color: var(--mat-sys-on-surface);
  --mat-menu-item-label-text-font: var(--mat-sys-label-large);
  --mat-menu-item-icon-color: var(--mat-sys-on-surface-variant);
  --mat-menu-item-hover-state-layer-color: var(--mbo-color-on-surface-opacity-08);
  --mat-menu-container-elevation-shadow: var(--mbo-elevation-light-down-2);
}
.mat-mdc-menu-content .mat-mdc-menu-item {
  min-height: 56px;
}
.mbo-menu-density-2 .mat-mdc-menu-content .mat-mdc-menu-item {
  min-height: 48px;
}
.mbo-menu-density-4 .mat-mdc-menu-content .mat-mdc-menu-item {
  min-height: 40px;
}
html {
  --mat-datepicker-calendar-container-shape: 8px;
  --mat-datepicker-calendar-container-background-color: var(--mat-sys-surface-container-high);
  --mat-datepicker-calendar-header-text-color: var(--mat-sys-on-surface);
  --mat-datepicker-calendar-navigation-button-icon-color: var(--mat-sys-on-surface-variant);
  --mat-datepicker-calendar-period-button-text-color: var(--mat-sys-on-surface-variant);
  --mat-datepicker-calendar-period-button-icon-color: var(--mat-sys-on-surface-variant);
  --mat-datepicker-calendar-text-font: var(--mat-sys-body-large-font);
  --mat-datepicker-calendar-date-text-color: var(--mat-sys-on-surface);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--mat-sys-primary);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--mat-sys-on-primary);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--mbo-color-on-surface-opacity-08);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--mbo-color-on-surface-opacity-12);
  --mat-datepicker-calendar-date-disabled-state-text-color: var(--mbo-color-on-surface-opacity-38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: var(--mbo-color-on-surface-opacity-38);
  --mat-datepicker-calendar-date-in-range-state-background-color: var(--mat-sys-container-secondary);
}
.mat-datepicker-content .mat-calendar.mat-calendar {
  height: 320px;
}
.mat-datepicker-content .mat-calendar-period-button {
  font: var(--mat-sys-label-large-font);
}
.mat-datepicker-content .mat-calendar-body .mat-calendar-body-label {
  display: none;
}
.mat-datepicker-content .mat-calendar-body .mat-calendar-body-cell-content {
  border-radius: 8px;
}
.mat-datepicker-content .mat-calendar-body .mat-calendar-body-today {
  color: var(--mat-sys-primary);
}
.mat-datepicker-content .mat-calendar-body .mat-calendar-body-cell:not(.mat-calendar-body-disabled):has(.mat-calendar-body-today):focus .mat-calendar-body-today {
  background-color: var(--mbo-color-primary-opacity-12);
}
.mat-datepicker-content .mat-calendar-body .mat-calendar-body-cell:not(.mat-calendar-body-disabled):has(.mat-calendar-body-today):hover .mat-calendar-body-today {
  background-color: var(--mbo-color-primary-opacity-08);
}
.mat-datepicker-content .mat-calendar-body .mat-calendar-body-preview-start .mat-calendar-body-cell-preview {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.mat-datepicker-content .mat-calendar-body .mat-calendar-body-preview-end .mat-calendar-body-cell-preview {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.mat-datepicker-content .mat-datepicker-actions {
  padding: 8px 12px;
  border-top: 1px solid var(--mat-sys-outline-variant);
}
.mbo-tooltip-host {
  opacity: 0;
  transform: scale(0.8);
  pointer-events: none;
}
.mbo-tooltip {
  background-color: var(--mat-sys-inverse-surface);
  color: var(--mat-sys-inverse-on-surface);
  font: var(--mat-sys-body-small);
  min-height: 24px;
  max-width: 200px;
  padding: 4px 8px;
  border-radius: var(--mat-sys-corner-extra-small);
}
.mbo-rich-tooltip {
  background-color: var(--mat-sys-surface-container);
  color: var(--mat-sys-on-surface-variant);
  border-radius: var(--mat-sys-corner-medium);
  box-shadow: var(--mbo-elevation-light-down-2);
  padding: 8px;
  max-width: 312px;
}
.mbo-rich-tooltip__content {
  padding: 4px 8px;
}
.mbo-rich-tooltip__content-title {
  font: var(--mat-sys-title-small);
  margin-bottom: 4px;
}
.mbo-rich-tooltip__content-text {
  font: var(--mat-sys-body-medium);
}
.mbo-rich-tooltip [mboTooltipFooter] {
  margin-top: 8px;
  grid-gap: 8px;
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  align-items: start;
}
@keyframes mbo-tooltip-show {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes mbo-tooltip-hide {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.8);
  }
}
.mbo-tooltip-show {
  pointer-events: all;
  animation: mbo-tooltip-show 150ms cubic-bezier(0, 0, 0.2, 1) forwards;
}
.mbo-tooltip-hide {
  animation: mbo-tooltip-hide 75ms cubic-bezier(0.4, 0, 1, 1) forwards;
}
html {
  --mat-bottom-sheet-container-background-color: var(--mat-sys-surface-container-low);
}
.mbo-bottom-sheet-drag-handle .mat-bottom-sheet-container {
  padding-top: 36px;
}
.mbo-bottom-sheet-drag-handle .mat-bottom-sheet-container:after {
  content: "";
  position: absolute;
  top: 16px;
  left: 50%;
  border-radius: 100px;
  transform: translateX(-50%);
  width: 32px;
  height: 4px;
  background: var(--mat-sys-outline);
}
.mbo-navigation-drawer {
  height: 100%;
  --mat-sidenav-content-background-color: var(--mat-sys-surface-container-lowest);
}
.mbo-navigation-drawer__side-sheet {
  --mat-sidenav-container-background-color: var(--mat-sys-surface);
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-width: 320px;
}
.mbo-navigation-drawer__sidebar {
  --mat-sidenav-container-background-color: var(--mat-sys-surface);
  --mat-sidenav-content-background-color: var(--mat-sys-surface-container-lowest);
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-width: 256px;
}
.mbo-navigation-drawer__sidebar.mat-drawer {
  transform: translate3d(-176px, 0, 0);
  border-right: 0;
}
.mbo-navigation-drawer__sidebar.mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) {
  visibility: visible;
}
.mbo-navigation-drawer__sidebar.mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) .mat-drawer-inner-container {
  display: block;
}
.mbo-navigation-drawer__sidebar.mat-drawer:not(.mat-drawer-opened) .mat-drawer-inner-container {
  width: 80px;
  transform: translate3d(176px, 0, 0);
}
.mbo-navigation-drawer__sidebar.mat-drawer.mat-drawer-animating {
  overflow: hidden;
}
.mbo-navigation-drawer__sidebar.mat-drawer .mat-drawer-inner-container {
  transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.mbo-navigation-drawer__sidebar-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.mbo-navigation-drawer__content {
  padding: 24px;
}
.mbo-navigation-drawer__content.mat-drawer-content {
  margin-left: 80px;
}
.mbo-sidenav-header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--mat-sys-outline-variant);
}
.mbo-sidenav-header_collapse-disabled {
  padding: 14px 0 13px;
  justify-content: center;
}
.mbo-sidenav-header__button {
  padding: 24px 28px;
  outline: none;
  border: none;
  background: inherit;
  color: inherit;
  cursor: pointer;
}
.mbo-sidenav-header__button:hover {
  color: var(--mat-sys-primary);
}
.mbo-sidenav-header__button:active {
  color: var(--mat-sys-surface-tint);
}
.mbo-sidenav-header__logo {
  height: 40px;
  margin: 4px 6px;
}
.mbo-license-picker__handle {
  width: calc(100% - 32px);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 6px;
  border: 1px solid var(--mbo-severity-neutral-container);
  border-radius: 4px;
  margin: 8px 16px;
  cursor: pointer;
}
.mbo-license-picker__abbr {
  display: flex;
  width: 44px;
  height: 44px;
  justify-content: center;
  align-items: center;
  color: var(--mat-sys-on-surface);
  border: 1px solid var(--mbo-severity-neutral-container);
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 900;
}
.mbo-license-picker__label {
  color: var(--mat-sys-on-surface);
}
.mbo-license-picker__panel-wide {
  width: 224px;
}
.mbo-license-picker-collapsed .mbo-license-picker__handle {
  border: none;
  padding: 0;
}
.mbo-sidenav-menu {
  display: block;
  overflow: auto;
  flex-grow: 1;
}
.mbo-sidenav-menu:not(.mbo-sidenav-menu_collapsed) .mbo-sidenav-menu__items {
  padding: 8px 16px;
}
.mbo-sidenav-menu_collapsed .mbo-sidenav-menu__items {
  margin-top: 12px;
  grid-gap: 8px;
  display: grid;
}
.mbo-sidenav-navigation-item_collapsed {
  max-width: 80px;
}
.mbo-navigation-item {
  display: flex;
  align-items: center;
  border-radius: var(--mat-sys-corner-small);
  padding: 12px 8px 12px 16px;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.mbo-navigation-item:before {
  border-radius: var(--mat-sys-corner-small);
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.mbo-navigation-item:not(.mbo-navigation-item_active):hover {
  background-color: var(--mbo-color-on-surface-opacity-08);
}
.mbo-navigation-item:not(.mbo-navigation-item_active):active,
.mbo-navigation-item:not(.mbo-navigation-item_active):focus {
  background-color: var(--mbo-color-on-surface-opacity-12);
}
.mbo-navigation-item_expandable {
  -webkit-user-select: none;
  user-select: none;
}
.mbo-navigation-item_with-gap {
  padding-left: 42px;
}
.mbo-navigation-item_active {
  background-color: var(--mat-sys-secondary-container);
}
.mbo-navigation-item_active .mbo-navigation-item__icon {
  color: var(--mat-sys-primary);
}
.mbo-navigation-item_active .mbo-navigation-item__label {
  color: var(--mat-sys-primary);
}
.mbo-navigation-item_active:hover:before {
  background-color: var(--mbo-color-on-secondary-container-opacity-08);
}
.mbo-navigation-item_active:active:before,
.mbo-navigation-item_active:focus:before {
  background-color: var(--mbo-color-on-secondary-container-opacity-12);
}
.mbo-navigation-item__icon {
  flex-shrink: 0;
  color: var(--mat-sys-secondary);
}
.mbo-navigation-item__label {
  margin: 0 12px;
  flex-grow: 1;
  font: var(--mat-sys-label-large);
  color: var(--mat-sys-secondary);
}
.mbo-navigation-item__right-label {
  display: inline-flex;
  font: var(--mat-sys-label-large);
  color: var(--mat-sys-on-surface-variant);
}
.mbo-navigation-item-short {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-width: 100%;
  cursor: pointer;
  padding: 0 8px 8px 8px;
}
.mbo-navigation-item-short:hover:not(.mbo-navigation-item-short_active) .mbo-navigation-item-short__icon {
  background-color: var(--mbo-color-on-surface-opacity-08);
}
.mbo-navigation-item-short:active:not(.mbo-navigation-item-short_active) .mbo-navigation-item-short__icon,
.mbo-navigation-item-short:focus:not(.mbo-navigation-item-short_active) .mbo-navigation-item-short__icon {
  background-color: var(--mbo-color-on-surface-opacity-12);
}
.mbo-navigation-item-short_active .mbo-navigation-item-short__icon {
  background-color: var(--mat-sys-secondary-container);
  color: var(--mat-sys-primary);
}
.mbo-navigation-item-short_active .mbo-navigation-item-short__label {
  color: var(--mat-sys-primary);
}
.mbo-navigation-item-short_active:hover .mbo-navigation-item-short__icon:before {
  background-color: var(--mbo-color-on-secondary-container-opacity-08);
}
.mbo-navigation-item-short_active:active .mbo-navigation-item-short__icon:before,
.mbo-navigation-item-short_active:focus .mbo-navigation-item-short__icon:before {
  background-color: var(--mbo-color-on-secondary-container-opacity-12);
}
.mbo-navigation-item-short_no-label .mbo-navigation-item-short__icon {
  padding: 16px;
}
.mbo-navigation-item-short__icon {
  border-radius: var(--mat-sys-corner-small);
  padding: 4px 16px;
  color: var(--mat-sys-secondary);
  position: relative;
  z-index: 1;
}
.mbo-navigation-item-short__icon:before {
  border-radius: var(--mat-sys-corner-small);
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.mbo-navigation-item-short__label {
  color: var(--mat-sys-secondary);
  font: var(--mat-sys-label-medium);
  margin-top: 8px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mbo-sidenav-profile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-top: 1px solid var(--mat-sys-outline-variant);
  cursor: pointer;
}
.mbo-sidenav-profile:hover {
  background-color: var(--mat-sys-secondary-container);
}
.mbo-sidenav-profile_collapsed {
  justify-content: center;
}
.mbo-sidenav-profile_active {
  background-color: var(--mat-sys-secondary-container);
}
.mbo-sidenav-profile_active .mbo-sidenav-profile__menu-icon {
  color: var(--mat-sys-primary);
}
.mbo-sidenav-profile__avatar {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 50%;
}
.mbo-sidenav-profile__info {
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
}
.mbo-sidenav-profile__info-name {
  font: var(--mat-sys-title-small);
  color: var(--mat-sys-on-surface);
  text-overflow: ellipsis;
  overflow: hidden;
}
.mbo-sidenav-profile__info-email {
  font: var(--mat-sys-body-small);
  color: var(--mat-sys-secondary);
  text-overflow: ellipsis;
  overflow: hidden;
}
.mbo-sidenav-profile__menu {
  width: 256px;
}
.mbo-sidenav-profile__menu-icon {
  flex-shrink: 0;
}
.mbo-sidenav-profile__menu-profile {
  padding: 8px 12px;
  display: flex;
  align-items: center;
}
.mbo-sidenav-profile__menu-profile-image {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
.mbo-sidenav-profile__menu-profile-name {
  font: var(--mat-sys-label-large);
  color: var(--mat-sys-on-surface);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mbo-sidenav-profile__menu .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
  font: var(--mat-sys-label-large);
  color: var(--mat-sys-secondary);
}
.mbo-sidenav-profile__menu .mat-mdc-menu-item .mat-icon {
  color: var(--mat-sys-secondary);
}
.mbo-navigation-bar {
  display: flex;
  width: 100%;
  padding: 0 8px;
  background-color: var(--mat-sys-surface-container);
}
.mbo-navigation-bar .mbo-navigation-item-short {
  flex-grow: 1;
  padding: 12px 0;
}
.mbo-navigation-bar .mbo-navigation-item-short:not(:last-child) {
  margin-right: 8px;
}
.mbo-tag {
  height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  gap: 4px;
  border-radius: 4px;
  border: 1px solid var(--mat-sys-outline-variant);
  background: var(--mat-sys-on-primary);
  font: var(--mat-sys-label-medium);
  color: var(--mat-sys-on-surface);
}
.mbo-tag mat-icon:first-child {
  margin-left: -4px;
}
.mbo-tag:hover {
  background: var(--mbo-color-primary-opacity-08);
  border-color: var(--mat-sys-primary);
}
.mbo-tag__remove {
  cursor: pointer;
  color: var(--mat-sys-on-surface-variant);
}
.mbo-tag-input {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
  min-height: 40px;
  width: 100%;
  outline: none;
}
.mbo-tag-input-disabled {
  pointer-events: none;
}
.mbo-tag-input__field {
  flex: 1 1 0;
  min-width: 64px;
  border: none;
  background: transparent;
  outline: none;
  font: var(--mat-sys-body-medium-font);
  color: var(--mat-sys-on-surface);
}
.mbo-tag-input__field::placeholder {
  color: var(--mat-sys-on-surface-variant);
}
.mbo-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  height: 40px;
  padding: 16px 0 8px;
}
.mbo-header__left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mbo-header__back {
  color: var(--mat-sys-secondary);
  cursor: pointer;
}
.mbo-header__label {
  color: var(--mat-sys-on-surface);
  font: var(--mat-sys-title-large);
}
.mat-timepicker-panel.mat-timepicker-panel {
  padding: 0;
}
html {
  height: 100%;
}
body {
  font-family: Roboto, sans-serif;
  height: 100%;
}
a.mbo-link {
  color: var(--mat-sys-on-surface);
}
a.mbo-link:hover {
  text-decoration: underline;
}
a.mbo-link:focus,
a.mbo-link:active {
  color: var(--mat-sys-primary);
  text-decoration: underline;
}
a.mbo-link[disabled] {
  opacity: 0.38;
  pointer-events: none;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background-color: var(--mat-sys-outline-variant);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--mat-sys-secondary-fixed-dim);
}
html {
  --mat-option-hover-state-layer-color: var(--mat-sys-secondary-container);
  --mat-option-focus-state-layer-color: var(--mat-sys-secondary-container);
}
:root {
  --mbo-font-body-tiny: 400 0.687rem / 1rem Roboto;
  --mbo-font-body-xs: 400 0.687rem / 1rem Roboto;
  --mbo-elevation-light-down-1: 0px 2px 2px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 1px rgba(0, 0, 0, 0.06);
  --mbo-elevation-light-down-2: 0px 1px 2px 0px rgba(0, 0, 0, 0.08), 0px 2px 6px 2px rgba(0, 0, 0, 0.08);
  --mbo-elevation-light-down-3: 0px 3px 10px 3px rgba(0, 0, 0, 0.1), 0px 1px 6px 0px rgba(0, 0, 0, 0.12);
  --mbo-elevation-light-down-4: 0px 6px 20px 5px rgba(0, 0, 0, 0.1), 0px 3px 5px 1px rgba(0, 0, 0, 0.14);
  --mbo-elevation-light-down-5: 0px 8px 12px 8px rgba(0, 0, 0, 0.12), 0px 4px 7px 0px rgba(0, 0, 0, 0.12);
  --mbo-elevation-light-right-1: 2px 0px 2px 0px rgba(0, 0, 0, 0.04), 2px 0px 4px 1px rgba(0, 0, 0, 0.06);
  --mbo-elevation-light-right-2: 1px 0px 2px 0px rgba(0, 0, 0, 0.08), 2px 0px 6px 2px rgba(0, 0, 0, 0.08);
  --mbo-elevation-light-right-3: 3px 0px 10px 3px rgba(0, 0, 0, 0.1), 1px 0px 6px 0px rgba(0, 0, 0, 0.12);
  --mbo-elevation-light-right-4: 6px 0px 20px 5px rgba(0, 0, 0, 0.1), 3px 0px 5px 1px rgba(0, 0, 0, 0.14);
  --mbo-elevation-light-right-5: 8px 0px 12px 8px rgba(0, 0, 0, 0.12), 4px 0px 7px 0px rgba(0, 0, 0, 0.12);
  --mbo-elevation-light-left-1: -2px 0px 2px 0px rgba(0, 0, 0, 0.04), -2px 0px 4px 1px rgba(0, 0, 0, 0.06);
  --mbo-elevation-light-left-2: -1px 0px 2px 0px rgba(0, 0, 0, 0.08), -2px 0px 6px 2px rgba(0, 0, 0, 0.08);
  --mbo-elevation-light-left-3: -3px 0px 10px 3px rgba(0, 0, 0, 0.1), -1px 0px 6px 0px rgba(0, 0, 0, 0.12);
  --mbo-elevation-light-left-4: -6px 0px 20px 5px rgba(0, 0, 0, 0.1), -3px 0px 5px 1px rgba(0, 0, 0, 0.14);
  --mbo-elevation-light-left-5: -8px 0px 12px 8px rgba(0, 0, 0, 0.12), -4px 0px 7px 0px rgba(0, 0, 0, 0.12);
  --mbo-elevation-light-up-1: 0px -2px 2px 0px rgba(0, 0, 0, 0.04), 0px -2px 4px 1px rgba(0, 0, 0, 0.06);
  --mbo-elevation-light-up-2: 0px -1px 2px 0px rgba(0, 0, 0, 0.08), 0px -2px 6px 2px rgba(0, 0, 0, 0.08);
  --mbo-elevation-light-up-3: 0px -3px 10px 3px rgba(0, 0, 0, 0.1), 0px -1px 6px 0px rgba(0, 0, 0, 0.12);
  --mbo-elevation-light-up-4: 0px -6px 20px 5px rgba(0, 0, 0, 0.1), 0px -3px 5px 1px rgba(0, 0, 0, 0.14);
  --mbo-elevation-light-up-5: 0px -8px 12px 8px rgba(0, 0, 0, 0.12), 0px -4px 7px 0px rgba(0, 0, 0, 0.12);
  --mbo-color-outline-variant-2: #dde1e8;
  --mbo-color-outline-variant-2-opacity-08: rgba(221, 225, 232, 0.08);
  --mbo-color-outline-variant-2-opacity-12: rgba(221, 225, 232, 0.12);
  --mbo-color-outline-variant-2-opacity-16: rgba(221, 225, 232, 0.16);
  --mbo-color-primary-opacity-08: rgba(5, 77, 233, 0.08);
  --mbo-color-primary-opacity-12: rgba(5, 77, 233, 0.12);
  --mbo-color-primary-opacity-16: rgba(5, 77, 233, 0.16);
  --mbo-color-on-primary-opacity-08: rgba(255, 255, 255, 0.08);
  --mbo-color-on-primary-opacity-12: rgba(255, 255, 255, 0.12);
  --mbo-color-on-primary-opacity-16: rgba(255, 255, 255, 0.16);
  --mbo-color-primary-container-opacity-08: rgba(220, 225, 255, 0.08);
  --mbo-color-primary-container-opacity-12: rgba(220, 225, 255, 0.12);
  --mbo-color-primary-container-opacity-16: rgba(220, 225, 255, 0.16);
  --mbo-color-on-primary-container-opacity-08: rgba(0, 21, 81, 0.08);
  --mbo-color-on-primary-container-opacity-12: rgba(0, 21, 81, 0.12);
  --mbo-color-on-primary-container-opacity-16: rgba(0, 21, 81, 0.16);
  --mbo-color-inverse-primary-opacity-08: rgba(58, 106, 255, 0.08);
  --mbo-color-inverse-primary-opacity-12: rgba(58, 106, 255, 0.12);
  --mbo-color-inverse-primary-opacity-16: rgba(58, 106, 255, 0.16);
  --mbo-color-primary-fixed-opacity-08: rgba(105, 137, 255, 0.08);
  --mbo-color-primary-fixed-opacity-12: rgba(105, 137, 255, 0.12);
  --mbo-color-primary-fixed-opacity-16: rgba(105, 137, 255, 0.16);
  --mbo-color-on-primary-fixed-opacity-08: rgba(0, 21, 81, 0.08);
  --mbo-color-on-primary-fixed-opacity-12: rgba(0, 21, 81, 0.12);
  --mbo-color-on-primary-fixed-opacity-16: rgba(0, 21, 81, 0.16);
  --mbo-color-primary-fixed-dim-opacity-08: rgba(183, 196, 255, 0.08);
  --mbo-color-primary-fixed-dim-opacity-12: rgba(183, 196, 255, 0.12);
  --mbo-color-primary-fixed-dim-opacity-16: rgba(183, 196, 255, 0.16);
  --mbo-color-on-primary-fixed-variant-opacity-08: rgba(239, 239, 255, 0.08);
  --mbo-color-on-primary-fixed-variant-opacity-12: rgba(239, 239, 255, 0.12);
  --mbo-color-on-primary-fixed-variant-opacity-16: rgba(239, 239, 255, 0.16);
  --mbo-color-secondary-opacity-08: rgba(85, 98, 117, 0.08);
  --mbo-color-secondary-opacity-12: rgba(85, 98, 117, 0.12);
  --mbo-color-secondary-opacity-16: rgba(85, 98, 117, 0.16);
  --mbo-color-on-secondary-opacity-08: rgba(255, 255, 255, 0.08);
  --mbo-color-on-secondary-opacity-12: rgba(255, 255, 255, 0.12);
  --mbo-color-on-secondary-opacity-16: rgba(255, 255, 255, 0.16);
  --mbo-color-secondary-container-opacity-08: rgba(237, 239, 242, 0.08);
  --mbo-color-secondary-container-opacity-12: rgba(237, 239, 242, 0.12);
  --mbo-color-secondary-container-opacity-16: rgba(237, 239, 242, 0.16);
  --mbo-color-on-secondary-container-opacity-08: rgba(53, 59, 69, 0.08);
  --mbo-color-on-secondary-container-opacity-12: rgba(53, 59, 69, 0.12);
  --mbo-color-on-secondary-container-opacity-16: rgba(53, 59, 69, 0.16);
  --mbo-color-secondary-fixed-opacity-08: rgba(137, 150, 168, 0.08);
  --mbo-color-secondary-fixed-opacity-12: rgba(137, 150, 168, 0.12);
  --mbo-color-secondary-fixed-opacity-16: rgba(137, 150, 168, 0.16);
  --mbo-color-on-secondary-fixed-opacity-08: rgba(35, 39, 46, 0.08);
  --mbo-color-on-secondary-fixed-opacity-12: rgba(35, 39, 46, 0.12);
  --mbo-color-on-secondary-fixed-opacity-16: rgba(35, 39, 46, 0.16);
  --mbo-color-secondary-fixed-dim-opacity-08: rgba(214, 218, 225, 0.08);
  --mbo-color-secondary-fixed-dim-opacity-12: rgba(214, 218, 225, 0.12);
  --mbo-color-secondary-fixed-dim-opacity-16: rgba(214, 218, 225, 0.16);
  --mbo-color-on-secondary-fixed-variant-opacity-08: rgba(70, 80, 95, 0.08);
  --mbo-color-on-secondary-fixed-variant-opacity-12: rgba(70, 80, 95, 0.12);
  --mbo-color-on-secondary-fixed-variant-opacity-16: rgba(70, 80, 95, 0.16);
  --mbo-color-tertiary-opacity-08: rgba(126, 131, 163, 0.08);
  --mbo-color-tertiary-opacity-12: rgba(126, 131, 163, 0.12);
  --mbo-color-tertiary-opacity-16: rgba(126, 131, 163, 0.16);
  --mbo-color-on-tertiary-opacity-08: rgba(255, 255, 255, 0.08);
  --mbo-color-on-tertiary-opacity-12: rgba(255, 255, 255, 0.12);
  --mbo-color-on-tertiary-opacity-16: rgba(255, 255, 255, 0.16);
  --mbo-color-tertiary-container-opacity-08: rgba(199, 205, 218, 0.08);
  --mbo-color-tertiary-container-opacity-12: rgba(199, 205, 218, 0.12);
  --mbo-color-tertiary-container-opacity-16: rgba(199, 205, 218, 0.16);
  --mbo-color-on-tertiary-container-opacity-08: rgba(45, 46, 56, 0.08);
  --mbo-color-on-tertiary-container-opacity-12: rgba(45, 46, 56, 0.12);
  --mbo-color-on-tertiary-container-opacity-16: rgba(45, 46, 56, 0.16);
  --mbo-color-tertiary-fixed-opacity-08: rgba(199, 205, 218, 0.08);
  --mbo-color-tertiary-fixed-opacity-12: rgba(199, 205, 218, 0.12);
  --mbo-color-tertiary-fixed-opacity-16: rgba(199, 205, 218, 0.16);
  --mbo-color-on-tertiary-fixed-opacity-08: rgba(45, 46, 56, 0.08);
  --mbo-color-on-tertiary-fixed-opacity-12: rgba(45, 46, 56, 0.12);
  --mbo-color-on-tertiary-fixed-opacity-16: rgba(45, 46, 56, 0.16);
  --mbo-color-tertiary-fixed-dim-opacity-08: rgba(175, 182, 201, 0.08);
  --mbo-color-tertiary-fixed-dim-opacity-12: rgba(175, 182, 201, 0.12);
  --mbo-color-tertiary-fixed-dim-opacity-16: rgba(175, 182, 201, 0.16);
  --mbo-color-on-tertiary-fixed-variant-opacity-08: rgba(92, 95, 118, 0.08);
  --mbo-color-on-tertiary-fixed-variant-opacity-12: rgba(92, 95, 118, 0.12);
  --mbo-color-on-tertiary-fixed-variant-opacity-16: rgba(92, 95, 118, 0.16);
  --mbo-color-background-opacity-08: rgba(255, 255, 255, 0.08);
  --mbo-color-background-opacity-12: rgba(255, 255, 255, 0.12);
  --mbo-color-background-opacity-16: rgba(255, 255, 255, 0.16);
  --mbo-color-on-background-opacity-08: rgba(26, 27, 33, 0.08);
  --mbo-color-on-background-opacity-12: rgba(26, 27, 33, 0.12);
  --mbo-color-on-background-opacity-16: rgba(26, 27, 33, 0.16);
  --mbo-color-surface-opacity-08: rgba(255, 255, 255, 0.08);
  --mbo-color-surface-opacity-12: rgba(255, 255, 255, 0.12);
  --mbo-color-surface-opacity-16: rgba(255, 255, 255, 0.16);
  --mbo-color-on-surface-opacity-08: rgba(26, 26, 26, 0.08);
  --mbo-color-on-surface-opacity-12: rgba(26, 26, 26, 0.12);
  --mbo-color-on-surface-opacity-16: rgba(26, 26, 26, 0.16);
  --mbo-color-on-surface-opacity-38: rgba(26, 26, 26, 0.38);
  --mbo-color-surface-variant-opacity-08: rgba(223, 226, 235, 0.08);
  --mbo-color-surface-variant-opacity-12: rgba(223, 226, 235, 0.12);
  --mbo-color-surface-variant-opacity-16: rgba(223, 226, 235, 0.16);
  --mbo-color-on-surface-variant-opacity-08: rgba(96, 96, 96, 0.08);
  --mbo-color-on-surface-variant-opacity-12: rgba(96, 96, 96, 0.12);
  --mbo-color-on-surface-variant-opacity-16: rgba(96, 96, 96, 0.16);
  --mbo-color-outline-opacity-08: rgba(199, 205, 218, 0.08);
  --mbo-color-outline-opacity-12: rgba(199, 205, 218, 0.12);
  --mbo-color-outline-opacity-16: rgba(199, 205, 218, 0.16);
  --mbo-color-outline-variant-opacity-08: rgba(236, 238, 243, 0.08);
  --mbo-color-outline-variant-opacity-12: rgba(236, 238, 243, 0.12);
  --mbo-color-outline-variant-opacity-16: rgba(236, 238, 243, 0.16);
  --mbo-color-surface-tint-opacity-08: rgba(5, 77, 233, 0.08);
  --mbo-color-surface-tint-opacity-12: rgba(5, 77, 233, 0.12);
  --mbo-color-surface-tint-opacity-16: rgba(5, 77, 233, 0.16);
  --mbo-color-shadow-opacity-08: rgba(0, 0, 0, 0.08);
  --mbo-color-shadow-opacity-12: rgba(0, 0, 0, 0.12);
  --mbo-color-shadow-opacity-16: rgba(0, 0, 0, 0.16);
  --mbo-color-scrim-opacity-08: rgba(0, 0, 0, 0.08);
  --mbo-color-scrim-opacity-12: rgba(0, 0, 0, 0.12);
  --mbo-color-scrim-opacity-16: rgba(0, 0, 0, 0.16);
  --mbo-color-inverse-surface-opacity-08: rgba(250, 250, 250, 0.08);
  --mbo-color-inverse-surface-opacity-12: rgba(250, 250, 250, 0.12);
  --mbo-color-inverse-surface-opacity-16: rgba(250, 250, 250, 0.16);
  --mbo-color-inverse-on-surface-opacity-08: rgba(26, 27, 33, 0.08);
  --mbo-color-inverse-on-surface-opacity-12: rgba(26, 27, 33, 0.12);
  --mbo-color-inverse-on-surface-opacity-16: rgba(26, 27, 33, 0.16);
  --mbo-color-surface-dim-opacity-08: rgba(255, 255, 255, 0.08);
  --mbo-color-surface-dim-opacity-12: rgba(255, 255, 255, 0.12);
  --mbo-color-surface-dim-opacity-16: rgba(255, 255, 255, 0.16);
  --mbo-color-surface-bright-opacity-08: rgba(255, 255, 255, 0.08);
  --mbo-color-surface-bright-opacity-12: rgba(255, 255, 255, 0.12);
  --mbo-color-surface-bright-opacity-16: rgba(255, 255, 255, 0.16);
  --mbo-color-surface-container-lowest-opacity-08: rgba(250, 250, 250, 0.08);
  --mbo-color-surface-container-lowest-opacity-12: rgba(250, 250, 250, 0.12);
  --mbo-color-surface-container-lowest-opacity-16: rgba(250, 250, 250, 0.16);
  --mbo-color-surface-container-low-opacity-08: rgba(250, 250, 250, 0.08);
  --mbo-color-surface-container-low-opacity-12: rgba(250, 250, 250, 0.12);
  --mbo-color-surface-container-low-opacity-16: rgba(250, 250, 250, 0.16);
  --mbo-color-surface-container-opacity-08: rgba(250, 250, 250, 0.08);
  --mbo-color-surface-container-opacity-12: rgba(250, 250, 250, 0.12);
  --mbo-color-surface-container-opacity-16: rgba(250, 250, 250, 0.16);
  --mbo-color-surface-container-high-opacity-08: rgba(242, 242, 242, 0.08);
  --mbo-color-surface-container-high-opacity-12: rgba(242, 242, 242, 0.12);
  --mbo-color-surface-container-high-opacity-16: rgba(242, 242, 242, 0.16);
  --mbo-color-surface-container-highest-opacity-08: rgba(239, 239, 255, 0.08);
  --mbo-color-surface-container-highest-opacity-12: rgba(239, 239, 255, 0.12);
  --mbo-color-surface-container-highest-opacity-16: rgba(239, 239, 255, 0.16);
  --mbo-color-error-opacity-08: rgba(164, 45, 18, 0.08);
  --mbo-color-error-opacity-12: rgba(164, 45, 18, 0.12);
  --mbo-color-error-opacity-16: rgba(164, 45, 18, 0.16);
  --mbo-color-on-error-opacity-08: rgba(255, 255, 255, 0.08);
  --mbo-color-on-error-opacity-12: rgba(255, 255, 255, 0.12);
  --mbo-color-on-error-opacity-16: rgba(255, 255, 255, 0.16);
  --mbo-color-error-container-opacity-08: rgba(250, 223, 218, 0.08);
  --mbo-color-error-container-opacity-12: rgba(250, 223, 218, 0.12);
  --mbo-color-error-container-opacity-16: rgba(250, 223, 218, 0.16);
  --mbo-color-on-error-container-opacity-08: rgba(188, 52, 22, 0.08);
  --mbo-color-on-error-container-opacity-12: rgba(188, 52, 22, 0.12);
  --mbo-color-on-error-container-opacity-16: rgba(188, 52, 22, 0.16);
  --mbo-severity-neutral-variant-surface: #edeff2;
  --mbo-severity-neutral-surface: #6b798e;
  --mbo-severity-primary-surface: #6989ff;
  --mbo-severity-info-surface: #06a8ff;
  --mbo-severity-error-surface: #f05833;
  --mbo-severity-warning-surface: #ffcc1b;
  --mbo-severity-success-surface: #47a271;
  --mbo-severity-neutral-variant-container: #f6f7f9;
  --mbo-severity-neutral-container: #edeff2;
  --mbo-severity-primary-container: #efefff;
  --mbo-severity-info-container: #edfcff;
  --mbo-severity-error-container: #fff5f3;
  --mbo-severity-warning-container: #fffdf4;
  --mbo-severity-success-container: #eefef6;
  --mbo-severity-neutral-variant-outline: #d6dae1;
  --mbo-severity-neutral-outline: #b3bcc7;
  --mbo-severity-primary-outline: #6989ff;
  --mbo-severity-info-outline: #06a8ff;
  --mbo-severity-error-outline: #f05833;
  --mbo-severity-warning-outline: #ffcc1b;
  --mbo-severity-success-outline: #47a271;
}
:root,
:root.light-theme {
  color-scheme: light;
  --mat-sys-background: #ffffff;
  --mat-sys-error: #f32c0c;
  --mat-sys-error-container: #fadfda;
  --mat-sys-inverse-on-surface: #1a1b21;
  --mat-sys-inverse-primary: #3a6aff;
  --mat-sys-inverse-surface: #fafafa;
  --mat-sys-on-background: #1a1b21;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #bc3416;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #001551;
  --mat-sys-on-primary-fixed: #001551;
  --mat-sys-on-primary-fixed-variant: #efefff;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #353b45;
  --mat-sys-on-secondary-fixed: #23272e;
  --mat-sys-on-secondary-fixed-variant: #46505f;
  --mat-sys-on-surface: #2d2e38;
  --mat-sys-on-surface-variant: #7e83a3;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #2d2e38;
  --mat-sys-on-tertiary-fixed: #2d2e38;
  --mat-sys-on-tertiary-fixed-variant: #5c5f76;
  --mat-sys-outline: #c7cdda;
  --mat-sys-outline-variant: #eceef3;
  --mat-sys-primary: #3a6aff;
  --mat-sys-primary-container: #dce1ff;
  --mat-sys-primary-fixed: #6989ff;
  --mat-sys-primary-fixed-dim: #b7c4ff;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #556275;
  --mat-sys-secondary-container: #efefff;
  --mat-sys-secondary-fixed: #8996a8;
  --mat-sys-secondary-fixed-dim: #d6dae1;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #ffffff;
  --mat-sys-surface-bright: #ffffff;
  --mat-sys-surface-container: #fafafa;
  --mat-sys-surface-container-high: #f2f2f2;
  --mat-sys-surface-container-highest: #eceef3;
  --mat-sys-surface-container-low: #fafafa;
  --mat-sys-surface-container-lowest: #fafafa;
  --mat-sys-surface-dim: #ffffff;
  --mat-sys-surface-tint: #054de9;
  --mat-sys-surface-variant: #dfe2eb;
  --mat-sys-tertiary: #7e83a3;
  --mat-sys-tertiary-container: #c7cdda;
  --mat-sys-tertiary-fixed: #dde1e8;
  --mat-sys-tertiary-fixed-dim: #afb6c9;
  --mat-sys-neutral-variant20: #333333;
  --mat-sys-neutral10: #1a1a1a;
  --mat-sys-level0:
    0px 0px 0px 0px #000000,
    0px 0px 0px 0px #000000,
    0px 0px 0px 0px #000000;
  --mat-sys-level1:
    0px 2px 1px -1px #000000,
    0px 1px 1px 0px #000000,
    0px 1px 3px 0px #000000;
  --mat-sys-level2:
    0px 3px 3px -2px #000000,
    0px 3px 4px 0px #000000,
    0px 1px 8px 0px #000000;
  --mat-sys-level3:
    0px 3px 5px -1px #000000,
    0px 6px 10px 0px #000000,
    0px 1px 18px 0px #000000;
  --mat-sys-level4:
    0px 5px 5px -3px #000000,
    0px 8px 10px 1px #000000,
    0px 3px 14px 2px #000000;
  --mat-sys-level5:
    0px 7px 8px -4px #000000,
    0px 12px 17px 2px #000000,
    0px 5px 22px 4px #000000;
  --mat-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto;
  --mat-sys-body-small-font: Roboto;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto;
  --mat-sys-display-large-font: Roboto;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;
  --mat-sys-display-medium-font: Roboto;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;
  --mat-sys-display-small-font: Roboto;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto;
  --mat-sys-headline-large-font: Roboto;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto;
  --mat-sys-headline-small-font: Roboto;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-label-large-font: Roboto;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto;
  --mat-sys-label-medium-font: Roboto;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto;
  --mat-sys-label-small-font: Roboto;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;
  --mat-sys-title-large-font: Roboto;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto;
  --mat-sys-title-medium-font: Roboto;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-title-small-font: Roboto;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
.app-login-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.app-login-content-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.app-login-content-google {
  display: flex;
  justify-content: center;
}
.app-login-content ul {
  list-style: circle;
  padding-left: 20px;
}

/* angular:styles/global:login-styles */
/*# sourceMappingURL=login-styles-2TUECAZH.css.map */