/* node_modules/@huma-engineering/ui-kit/theme/huma.scss */
.huma-frame,
.hc-container {
  display: grid;
  position: relative;
  box-sizing: border-box;
}
.huma-grow-auto,
.hc-grow-auto {
  grid-column: auto;
  grid-row: auto;
  min-width: 0;
  width: auto;
}
.huma-grow-full,
.hc-grow-full {
  width: 100%;
  min-width: 0;
}
.huma-grow-full-horizontal,
.hc-grow-full-horizontal {
  grid-column: auto;
}
.huma-layout-horizontal,
.hc-row {
  grid-auto-flow: column;
}
.huma-layout-vertical,
.hc-col {
  grid-auto-flow: row;
}
.huma-primary-start,
.hc-justify-start {
  justify-content: start;
}
.huma-primary-center,
.hc-justify-center {
  justify-content: center;
}
.huma-primary-end,
.hc-justify-end {
  justify-content: end;
}
.huma-primary-space-between,
.hc-justify-space-between {
  justify-content: space-between;
}
.huma-primary-space-around,
.hc-justify-space-around {
  justify-content: space-around;
}
.huma-primary-space-evenly,
.hc-justify-space-evenly {
  justify-content: space-evenly;
}
.huma-counter-start,
.hc-align-start {
  align-content: start;
  align-items: start;
}
.huma-counter-center,
.hc-align-center {
  align-content: center;
  align-items: center;
}
.huma-counter-end,
.hc-align-end {
  align-content: end;
  align-items: end;
}
.huma-counter-stretch,
.hc-align-stretch {
  align-content: stretch;
  align-items: stretch;
}
.huma-gap-0,
.hc-gap-0 {
  gap: 0;
}
.huma-gap-1,
.hc-gap-1 {
  gap: 4px;
}
.huma-gap-2,
.hc-gap-2 {
  gap: 8px;
}
.huma-gap-3,
.hc-gap-3 {
  gap: 12px;
}
.huma-gap-4,
.hc-gap-4 {
  gap: 16px;
}
.huma-gap-5,
.hc-gap-5 {
  gap: 20px;
}
.huma-gap-6,
.hc-gap-6 {
  gap: 24px;
}
.huma-gap-7,
.hc-gap-7 {
  gap: 28px;
}
.huma-gap-8,
.hc-gap-8 {
  gap: 32px;
}
.huma-gap-9,
.hc-gap-9 {
  gap: 36px;
}
.huma-gap-10,
.hc-gap-10 {
  gap: 40px;
}
.huma-gap-12,
.hc-gap-12 {
  gap: 48px;
}
.huma-gap-16,
.hc-gap-16 {
  gap: 64px;
}
.huma-gap-20,
.hc-gap-20 {
  gap: 80px;
}
.huma-gap-24,
.hc-gap-24 {
  gap: 96px;
}
.huma-padding-0,
.hc-p-0 {
  padding: 0;
}
.huma-padding-1,
.hc-p-1 {
  padding: 4px;
}
.huma-padding-2,
.hc-p-2 {
  padding: 8px;
}
.huma-padding-3,
.hc-p-3 {
  padding: 12px;
}
.huma-padding-4,
.hc-p-4 {
  padding: 16px;
}
.huma-padding-5,
.hc-p-5 {
  padding: 20px;
}
.huma-padding-6,
.hc-p-6 {
  padding: 24px;
}
.huma-padding-7,
.hc-p-7 {
  padding: 28px;
}
.huma-padding-8,
.hc-p-8 {
  padding: 32px;
}
.huma-padding-9,
.hc-p-9 {
  padding: 36px;
}
.huma-padding-10,
.hc-p-10 {
  padding: 40px;
}
.huma-padding-12,
.hc-p-12 {
  padding: 48px;
}
.huma-padding-16,
.hc-p-16 {
  padding: 64px;
}
.huma-padding-20,
.hc-p-20 {
  padding: 80px;
}
.huma-padding-24,
.hc-p-24 {
  padding: 96px;
}
.huma-padding-inline-0,
.hc-px-0 {
  padding-inline-start: 0;
  padding-inline-end: 0;
}
.huma-padding-inline-1,
.hc-px-1 {
  padding-inline-start: 4px;
  padding-inline-end: 4px;
}
.huma-padding-inline-2,
.hc-px-2 {
  padding-inline-start: 8px;
  padding-inline-end: 8px;
}
.huma-padding-inline-3,
.hc-px-3 {
  padding-inline-start: 12px;
  padding-inline-end: 12px;
}
.huma-padding-inline-4,
.hc-px-4 {
  padding-inline-start: 16px;
  padding-inline-end: 16px;
}
.huma-padding-inline-5,
.hc-px-5 {
  padding-inline-start: 20px;
  padding-inline-end: 20px;
}
.huma-padding-inline-6,
.hc-px-6 {
  padding-inline-start: 24px;
  padding-inline-end: 24px;
}
.huma-padding-inline-7,
.hc-px-7 {
  padding-inline-start: 28px;
  padding-inline-end: 28px;
}
.huma-padding-inline-8,
.hc-px-8 {
  padding-inline-start: 32px;
  padding-inline-end: 32px;
}
.huma-padding-inline-9,
.hc-px-9 {
  padding-inline-start: 36px;
  padding-inline-end: 36px;
}
.huma-padding-inline-10,
.hc-px-10 {
  padding-inline-start: 40px;
  padding-inline-end: 40px;
}
.huma-padding-inline-12,
.hc-px-12 {
  padding-inline-start: 48px;
  padding-inline-end: 48px;
}
.huma-padding-inline-16,
.hc-px-16 {
  padding-inline-start: 64px;
  padding-inline-end: 64px;
}
.huma-padding-inline-20,
.hc-px-20 {
  padding-inline-start: 80px;
  padding-inline-end: 80px;
}
.huma-padding-inline-24,
.hc-px-24 {
  padding-inline-start: 96px;
  padding-inline-end: 96px;
}
.huma-padding-block-0,
.hc-py-0 {
  padding-block-start: 0;
  padding-block-end: 0;
}
.huma-padding-block-1,
.hc-py-1 {
  padding-block-start: 4px;
  padding-block-end: 4px;
}
.huma-padding-block-2,
.hc-py-2 {
  padding-block-start: 8px;
  padding-block-end: 8px;
}
.huma-padding-block-3,
.hc-py-3 {
  padding-block-start: 12px;
  padding-block-end: 12px;
}
.huma-padding-block-4,
.hc-py-4 {
  padding-block-start: 16px;
  padding-block-end: 16px;
}
.huma-padding-block-5,
.hc-py-5 {
  padding-block-start: 20px;
  padding-block-end: 20px;
}
.huma-padding-block-6,
.hc-py-6 {
  padding-block-start: 24px;
  padding-block-end: 24px;
}
.huma-padding-block-7,
.hc-py-7 {
  padding-block-start: 28px;
  padding-block-end: 28px;
}
.huma-padding-block-8,
.hc-py-8 {
  padding-block-start: 32px;
  padding-block-end: 32px;
}
.huma-padding-block-9,
.hc-py-9 {
  padding-block-start: 36px;
  padding-block-end: 36px;
}
.huma-padding-block-10,
.hc-py-10 {
  padding-block-start: 40px;
  padding-block-end: 40px;
}
.huma-padding-block-12,
.hc-py-12 {
  padding-block-start: 48px;
  padding-block-end: 48px;
}
.huma-padding-block-16,
.hc-py-16 {
  padding-block-start: 64px;
  padding-block-end: 64px;
}
.huma-padding-block-20,
.hc-py-20 {
  padding-block-start: 80px;
  padding-block-end: 80px;
}
.huma-padding-block-24,
.hc-py-24 {
  padding-block-start: 96px;
  padding-block-end: 96px;
}
.huma-padding-block-start-0,
.hc-pt-0 {
  padding-block-start: 0;
}
.huma-padding-block-start-1,
.hc-pt-1 {
  padding-block-start: 4px;
}
.huma-padding-block-start-2,
.hc-pt-2 {
  padding-block-start: 8px;
}
.huma-padding-block-start-3,
.hc-pt-3 {
  padding-block-start: 12px;
}
.huma-padding-block-start-4,
.hc-pt-4 {
  padding-block-start: 16px;
}
.huma-padding-block-start-5,
.hc-pt-5 {
  padding-block-start: 20px;
}
.huma-padding-block-start-6,
.hc-pt-6 {
  padding-block-start: 24px;
}
.huma-padding-block-start-7,
.hc-pt-7 {
  padding-block-start: 28px;
}
.huma-padding-block-start-8,
.hc-pt-8 {
  padding-block-start: 32px;
}
.huma-padding-block-start-9,
.hc-pt-9 {
  padding-block-start: 36px;
}
.huma-padding-block-start-10,
.hc-pt-10 {
  padding-block-start: 40px;
}
.huma-padding-block-start-12,
.hc-pt-12 {
  padding-block-start: 48px;
}
.huma-padding-block-start-16,
.hc-pt-16 {
  padding-block-start: 64px;
}
.huma-padding-block-start-20,
.hc-pt-20 {
  padding-block-start: 80px;
}
.huma-padding-block-start-24,
.hc-pt-24 {
  padding-block-start: 96px;
}
.huma-padding-inline-start-0,
.hc-pl-0 {
  padding-inline-end: 0;
}
.huma-padding-inline-start-1,
.hc-pl-1 {
  padding-inline-end: 4px;
}
.huma-padding-inline-start-2,
.hc-pl-2 {
  padding-inline-end: 8px;
}
.huma-padding-inline-start-3,
.hc-pl-3 {
  padding-inline-end: 12px;
}
.huma-padding-inline-start-4,
.hc-pl-4 {
  padding-inline-end: 16px;
}
.huma-padding-inline-start-5,
.hc-pl-5 {
  padding-inline-end: 20px;
}
.huma-padding-inline-start-6,
.hc-pl-6 {
  padding-inline-end: 24px;
}
.huma-padding-inline-start-7,
.hc-pl-7 {
  padding-inline-end: 28px;
}
.huma-padding-inline-start-8,
.hc-pl-8 {
  padding-inline-end: 32px;
}
.huma-padding-inline-start-9,
.hc-pl-9 {
  padding-inline-end: 36px;
}
.huma-padding-inline-start-10,
.hc-pl-10 {
  padding-inline-end: 40px;
}
.huma-padding-inline-start-12,
.hc-pl-12 {
  padding-inline-end: 48px;
}
.huma-padding-inline-start-16,
.hc-pl-16 {
  padding-inline-end: 64px;
}
.huma-padding-inline-start-20,
.hc-pl-20 {
  padding-inline-end: 80px;
}
.huma-padding-inline-start-24,
.hc-pl-24 {
  padding-inline-end: 96px;
}
.huma-padding-block-end-0,
.hc-pb-0 {
  padding-block-end: 0;
}
.huma-padding-block-end-1,
.hc-pb-1 {
  padding-block-end: 4px;
}
.huma-padding-block-end-2,
.hc-pb-2 {
  padding-block-end: 8px;
}
.huma-padding-block-end-3,
.hc-pb-3 {
  padding-block-end: 12px;
}
.huma-padding-block-end-4,
.hc-pb-4 {
  padding-block-end: 16px;
}
.huma-padding-block-end-5,
.hc-pb-5 {
  padding-block-end: 20px;
}
.huma-padding-block-end-6,
.hc-pb-6 {
  padding-block-end: 24px;
}
.huma-padding-block-end-7,
.hc-pb-7 {
  padding-block-end: 28px;
}
.huma-padding-block-end-8,
.hc-pb-8 {
  padding-block-end: 32px;
}
.huma-padding-block-end-9,
.hc-pb-9 {
  padding-block-end: 36px;
}
.huma-padding-block-end-10,
.hc-pb-10 {
  padding-block-end: 40px;
}
.huma-padding-block-end-12,
.hc-pb-12 {
  padding-block-end: 48px;
}
.huma-padding-block-end-16,
.hc-pb-16 {
  padding-block-end: 64px;
}
.huma-padding-block-end-20,
.hc-pb-20 {
  padding-block-end: 80px;
}
.huma-padding-block-end-24,
.hc-pb-24 {
  padding-block-end: 96px;
}
.huma-padding-inline-end-0,
.hc-pr-0 {
  padding-inline-start: 0;
}
.huma-padding-inline-end-1,
.hc-pr-1 {
  padding-inline-start: 4px;
}
.huma-padding-inline-end-2,
.hc-pr-2 {
  padding-inline-start: 8px;
}
.huma-padding-inline-end-3,
.hc-pr-3 {
  padding-inline-start: 12px;
}
.huma-padding-inline-end-4,
.hc-pr-4 {
  padding-inline-start: 16px;
}
.huma-padding-inline-end-5,
.hc-pr-5 {
  padding-inline-start: 20px;
}
.huma-padding-inline-end-6,
.hc-pr-6 {
  padding-inline-start: 24px;
}
.huma-padding-inline-end-7,
.hc-pr-7 {
  padding-inline-start: 28px;
}
.huma-padding-inline-end-8,
.hc-pr-8 {
  padding-inline-start: 32px;
}
.huma-padding-inline-end-9,
.hc-pr-9 {
  padding-inline-start: 36px;
}
.huma-padding-inline-end-10,
.hc-pr-10 {
  padding-inline-start: 40px;
}
.huma-padding-inline-end-12,
.hc-pr-12 {
  padding-inline-start: 48px;
}
.huma-padding-inline-end-16,
.hc-pr-16 {
  padding-inline-start: 64px;
}
.huma-padding-inline-end-20,
.hc-pr-20 {
  padding-inline-start: 80px;
}
.huma-padding-inline-end-24,
.hc-pr-24 {
  padding-inline-start: 96px;
}
.huma-child-constraint-left,
.hc-justify-self-left {
  justify-self: start;
}
.huma-child-constraint-right,
.hc-justify-self-right {
  justify-self: end;
}
.huma-child-constraint-left-right,
.hc-justify-self-left-right {
  justify-self: stretch;
  width: 100%;
}
.huma-child-constraint-scale-width,
.hc-justify-self-scale-width {
  width: 100%;
  justify-self: stretch;
}
.huma-child-constraint-center-horizontal,
.hc-justify-self-center-horizontal {
  justify-self: center;
}
.huma-child-constraint-top,
.hc-align-self-top {
  align-self: start;
}
.huma-child-constraint-bottom,
.hc-align-self-bottom {
  align-self: end;
}
.huma-child-constraint-top-bottom,
.hc-align-self-top-bottom {
  align-self: stretch;
  height: 100%;
}
.huma-child-constraint-scale-height,
.hc-align-self-scale-height {
  height: 100%;
  align-self: stretch;
}
.huma-child-constraint-center-vertical,
.hc-align-self-center-vertical {
  align-self: center;
}
.huma-child-constraint-center,
.hc-self-center {
  justify-self: center;
  align-self: center;
}
.huma-child-constraint-left-top,
.hc-self-left-top {
  justify-self: start;
  align-self: start;
}
.huma-child-constraint-right-top,
.hc-self-right-top {
  justify-self: end;
  align-self: start;
}
.huma-child-constraint-left-bottom,
.hc-self-left-bottom {
  justify-self: start;
  align-self: end;
}
.huma-child-constraint-right-bottom,
.hc-self-right-bottom {
  justify-self: end;
  align-self: end;
}
.huma-position-relative,
.hc-relative {
  position: relative;
}
.huma-position-absolute,
.hc-absolute {
  position: absolute;
}
.huma-position-fixed,
.hc-fixed {
  position: fixed;
}
.huma-position-sticky,
.hc-sticky {
  position: sticky;
}
.huma-wrap,
.hc-wrap {
  grid-auto-flow: dense;
  grid-template-columns: repeat(auto-fit, minmax(0, auto));
}
.huma-wrap-1,
.hc-wrap-1 {
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
}
.huma-wrap-2,
.hc-wrap-2 {
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
}
.huma-wrap-3,
.hc-wrap-3 {
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
}
.huma-wrap-4,
.hc-wrap-4 {
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
}
.huma-wrap-5,
.hc-wrap-5 {
  grid-auto-flow: dense;
  grid-template-columns: repeat(5, 1fr);
}
.huma-wrap-6,
.hc-wrap-6 {
  grid-auto-flow: dense;
  grid-template-columns: repeat(6, 1fr);
}
.huma-wrap-7,
.hc-wrap-7 {
  grid-auto-flow: dense;
  grid-template-columns: repeat(7, 1fr);
}
.huma-wrap-8,
.hc-wrap-8 {
  grid-auto-flow: dense;
  grid-template-columns: repeat(8, 1fr);
}
.huma-wrap-9,
.hc-wrap-9 {
  grid-auto-flow: dense;
  grid-template-columns: repeat(9, 1fr);
}
.huma-wrap-10,
.hc-wrap-10 {
  grid-auto-flow: dense;
  grid-template-columns: repeat(10, 1fr);
}
.huma-wrap-11,
.hc-wrap-11 {
  grid-auto-flow: dense;
  grid-template-columns: repeat(11, 1fr);
}
.huma-wrap-12,
.hc-wrap-12 {
  grid-auto-flow: dense;
  grid-template-columns: repeat(12, 1fr);
}
.huma-no-wrap,
.hc-no-wrap {
  flex-wrap: nowrap;
}
.huma-resizer {
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  width: 4px;
  z-index: 10;
  margin: 0;
}
.huma-resizer-indicator {
  position: absolute;
  top: 50%;
  inset-inline-start: 0;
  border-radius: 25px;
  transform: translateY(-50%);
  width: 4px;
  height: 100px;
  transition: background-color 0.2s ease;
  background-color: transparent;
}
.huma-resizer:hover .huma-resizer-indicator {
  background-color: color-mix(in srgb, var(--hu-schemes-surface-container, #f7faf9) 90%, black);
}
.huma-resizing {
  -webkit-user-select: none;
  user-select: none;
}
.huma-resizing * {
  -webkit-user-select: none;
  user-select: none;
}
.huma-max-width-0,
.hc-max-w-0 {
  max-width: 0;
}
.huma-max-width-1,
.hc-max-w-1 {
  max-width: 4px;
}
.huma-max-width-2,
.hc-max-w-2 {
  max-width: 8px;
}
.huma-max-width-3,
.hc-max-w-3 {
  max-width: 12px;
}
.huma-max-width-4,
.hc-max-w-4 {
  max-width: 16px;
}
.huma-max-width-5,
.hc-max-w-5 {
  max-width: 20px;
}
.huma-max-width-6,
.hc-max-w-6 {
  max-width: 24px;
}
.huma-max-width-7,
.hc-max-w-7 {
  max-width: 28px;
}
.huma-max-width-8,
.hc-max-w-8 {
  max-width: 32px;
}
.huma-max-width-9,
.hc-max-w-9 {
  max-width: 36px;
}
.huma-max-width-10,
.hc-max-w-10 {
  max-width: 40px;
}
.huma-max-width-12,
.hc-max-w-12 {
  max-width: 48px;
}
.huma-max-width-16,
.hc-max-w-16 {
  max-width: 64px;
}
.huma-max-width-20,
.hc-max-w-20 {
  max-width: 80px;
}
.huma-max-width-24,
.hc-max-w-24 {
  max-width: 96px;
}
.huma-max-width-full,
.hc-max-w-full {
  max-width: 100%;
}
.huma-max-width-half,
.hc-max-w-half {
  max-width: 50%;
}
.huma-max-width-third,
.hc-max-w-third {
  max-width: 33.3333%;
}
.huma-max-width-two-thirds,
.hc-max-w-two-thirds {
  max-width: 66.6667%;
}
.huma-max-width-quarter,
.hc-max-w-quarter {
  max-width: 25%;
}
.huma-max-width-three-quarters,
.hc-max-w-three-quarters {
  max-width: 75%;
}
.huma-max-width-screen,
.hc-max-w-screen {
  max-width: 100vw;
}
.huma-max-height-0,
.hc-max-h-0 {
  max-height: 0;
}
.huma-max-height-1,
.hc-max-h-1 {
  max-height: 4px;
}
.huma-max-height-2,
.hc-max-h-2 {
  max-height: 8px;
}
.huma-max-height-3,
.hc-max-h-3 {
  max-height: 12px;
}
.huma-max-height-4,
.hc-max-h-4 {
  max-height: 16px;
}
.huma-max-height-5,
.hc-max-h-5 {
  max-height: 20px;
}
.huma-max-height-6,
.hc-max-h-6 {
  max-height: 24px;
}
.huma-max-height-7,
.hc-max-h-7 {
  max-height: 28px;
}
.huma-max-height-8,
.hc-max-h-8 {
  max-height: 32px;
}
.huma-max-height-9,
.hc-max-h-9 {
  max-height: 36px;
}
.huma-max-height-10,
.hc-max-h-10 {
  max-height: 40px;
}
.huma-max-height-12,
.hc-max-h-12 {
  max-height: 48px;
}
.huma-max-height-16,
.hc-max-h-16 {
  max-height: 64px;
}
.huma-max-height-20,
.hc-max-h-20 {
  max-height: 80px;
}
.huma-max-height-24,
.hc-max-h-24 {
  max-height: 96px;
}
.huma-max-height-full,
.hc-max-h-full {
  max-height: 100%;
}
.huma-max-height-half,
.hc-max-h-half {
  max-height: 50%;
}
.huma-max-height-third,
.hc-max-h-third {
  max-height: 33.3333%;
}
.huma-max-height-two-thirds,
.hc-max-h-two-thirds {
  max-height: 66.6667%;
}
.huma-max-height-quarter,
.hc-max-h-quarter {
  max-height: 25%;
}
.huma-max-height-three-quarters,
.hc-max-h-three-quarters {
  max-height: 75%;
}
.huma-max-height-screen,
.hc-max-h-screen {
  max-height: 100vh;
}
.huma-min-width-0,
.hc-min-w-0 {
  min-width: 0;
}
.huma-min-width-1,
.hc-min-w-1 {
  min-width: 4px;
}
.huma-min-width-2,
.hc-min-w-2 {
  min-width: 8px;
}
.huma-min-width-3,
.hc-min-w-3 {
  min-width: 12px;
}
.huma-min-width-4,
.hc-min-w-4 {
  min-width: 16px;
}
.huma-min-width-5,
.hc-min-w-5 {
  min-width: 20px;
}
.huma-min-width-6,
.hc-min-w-6 {
  min-width: 24px;
}
.huma-min-width-7,
.hc-min-w-7 {
  min-width: 28px;
}
.huma-min-width-8,
.hc-min-w-8 {
  min-width: 32px;
}
.huma-min-width-9,
.hc-min-w-9 {
  min-width: 36px;
}
.huma-min-width-10,
.hc-min-w-10 {
  min-width: 40px;
}
.huma-min-width-12,
.hc-min-w-12 {
  min-width: 48px;
}
.huma-min-width-16,
.hc-min-w-16 {
  min-width: 64px;
}
.huma-min-width-20,
.hc-min-w-20 {
  min-width: 80px;
}
.huma-min-width-24,
.hc-min-w-24 {
  min-width: 96px;
}
.huma-min-width-full,
.hc-min-w-full {
  min-width: 100%;
}
.huma-min-width-half,
.hc-min-w-half {
  min-width: 50%;
}
.huma-min-width-third,
.hc-min-w-third {
  min-width: 33.3333%;
}
.huma-min-width-two-thirds,
.hc-min-w-two-thirds {
  min-width: 66.6667%;
}
.huma-min-width-quarter,
.hc-min-w-quarter {
  min-width: 25%;
}
.huma-min-width-three-quarters,
.hc-min-w-three-quarters {
  min-width: 75%;
}
.huma-min-width-screen,
.hc-min-w-screen {
  min-width: 100vw;
}
.huma-width-0,
.hc-w-0 {
  width: 0;
}
.huma-width-1,
.hc-w-1 {
  width: 4px;
}
.huma-width-2,
.hc-w-2 {
  width: 8px;
}
.huma-width-3,
.hc-w-3 {
  width: 12px;
}
.huma-width-4,
.hc-w-4 {
  width: 16px;
}
.huma-width-5,
.hc-w-5 {
  width: 20px;
}
.huma-width-6,
.hc-w-6 {
  width: 24px;
}
.huma-width-7,
.hc-w-7 {
  width: 28px;
}
.huma-width-8,
.hc-w-8 {
  width: 32px;
}
.huma-width-9,
.hc-w-9 {
  width: 36px;
}
.huma-width-10,
.hc-w-10 {
  width: 40px;
}
.huma-width-12,
.hc-w-12 {
  width: 48px;
}
.huma-width-16,
.hc-w-16 {
  width: 64px;
}
.huma-width-20,
.hc-w-20 {
  width: 80px;
}
.huma-width-24,
.hc-w-24 {
  width: 96px;
}
.huma-width-full,
.hc-w-full {
  width: 100%;
}
.huma-width-half,
.hc-w-half {
  width: 50%;
}
.huma-width-third,
.hc-w-third {
  width: 33.3333%;
}
.huma-width-two-thirds,
.hc-w-two-thirds {
  width: 66.6667%;
}
.huma-width-quarter,
.hc-w-quarter {
  width: 25%;
}
.huma-width-three-quarters,
.hc-w-three-quarters {
  width: 75%;
}
.huma-width-screen,
.hc-w-screen {
  width: 100vw;
}
.huma-min-height-0,
.hc-min-h-0 {
  min-height: 0;
}
.huma-min-height-1,
.hc-min-h-1 {
  min-height: 4px;
}
.huma-min-height-2,
.hc-min-h-2 {
  min-height: 8px;
}
.huma-min-height-3,
.hc-min-h-3 {
  min-height: 12px;
}
.huma-min-height-4,
.hc-min-h-4 {
  min-height: 16px;
}
.huma-min-height-5,
.hc-min-h-5 {
  min-height: 20px;
}
.huma-min-height-6,
.hc-min-h-6 {
  min-height: 24px;
}
.huma-min-height-7,
.hc-min-h-7 {
  min-height: 28px;
}
.huma-min-height-8,
.hc-min-h-8 {
  min-height: 32px;
}
.huma-min-height-9,
.hc-min-h-9 {
  min-height: 36px;
}
.huma-min-height-10,
.hc-min-h-10 {
  min-height: 40px;
}
.huma-min-height-12,
.hc-min-h-12 {
  min-height: 48px;
}
.huma-min-height-16,
.hc-min-h-16 {
  min-height: 64px;
}
.huma-min-height-20,
.hc-min-h-20 {
  min-height: 80px;
}
.huma-min-height-24,
.hc-min-h-24 {
  min-height: 96px;
}
.huma-min-height-full,
.hc-min-h-full {
  min-height: 100%;
}
.huma-min-height-half,
.hc-min-h-half {
  min-height: 50%;
}
.huma-min-height-third,
.hc-min-h-third {
  min-height: 33.3333%;
}
.huma-min-height-two-thirds,
.hc-min-h-two-thirds {
  min-height: 66.6667%;
}
.huma-min-height-quarter,
.hc-min-h-quarter {
  min-height: 25%;
}
.huma-min-height-three-quarters,
.hc-min-h-three-quarters {
  min-height: 75%;
}
.huma-min-height-screen,
.hc-min-h-screen {
  min-height: 100vh;
}
.huma-height-0,
.hc-h-0 {
  height: 0;
}
.huma-height-1,
.hc-h-1 {
  height: 4px;
}
.huma-height-2,
.hc-h-2 {
  height: 8px;
}
.huma-height-3,
.hc-h-3 {
  height: 12px;
}
.huma-height-4,
.hc-h-4 {
  height: 16px;
}
.huma-height-5,
.hc-h-5 {
  height: 20px;
}
.huma-height-6,
.hc-h-6 {
  height: 24px;
}
.huma-height-7,
.hc-h-7 {
  height: 28px;
}
.huma-height-8,
.hc-h-8 {
  height: 32px;
}
.huma-height-9,
.hc-h-9 {
  height: 36px;
}
.huma-height-10,
.hc-h-10 {
  height: 40px;
}
.huma-height-12,
.hc-h-12 {
  height: 48px;
}
.huma-height-16,
.hc-h-16 {
  height: 64px;
}
.huma-height-20,
.hc-h-20 {
  height: 80px;
}
.huma-height-24,
.hc-h-24 {
  height: 96px;
}
.huma-height-full,
.hc-h-full {
  height: 100%;
}
.huma-height-half,
.hc-h-half {
  height: 50%;
}
.huma-height-third,
.hc-h-third {
  height: 33.3333%;
}
.huma-height-two-thirds,
.hc-h-two-thirds {
  height: 66.6667%;
}
.huma-height-quarter,
.hc-h-quarter {
  height: 25%;
}
.huma-height-three-quarters,
.hc-h-three-quarters {
  height: 75%;
}
.huma-height-screen,
.hc-h-screen {
  height: 100vh;
}
mat-icon {
  font-family: "Material Symbols Outlined", sans-serif !important;
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
  font-size: 24px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
mat-icon.mat-icon {
  display: flex;
}
.icon-outlined,
mat-icon.icon-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}
.icon-filled,
mat-icon.icon-filled {
  font-variation-settings:
    "FILL" 1,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}
.icon-light {
  font-variation-settings:
    "FILL" 0,
    "wght" 300,
    "GRAD" 0,
    "opsz" 24;
}
.icon-bold {
  font-variation-settings:
    "FILL" 0,
    "wght" 700,
    "GRAD" 0,
    "opsz" 24;
}
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;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
blockquote,
q {
  quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
  content: none;
}
:root {
  --hu-blue-blue-10: #003971;
  --hu-blue-blue-20: #0259b0;
  --hu-blue-blue-30: #2f7bc7;
  --hu-blue-blue-40: #5b9cdc;
  --hu-blue-blue-50: #87bbee;
  --hu-blue-blue-60: #a5d0fa;
  --hu-blue-blue-70: #cae5ff;
  --hu-blue-blue-80: #e1f0ff;
  --hu-blue-blue-90: #e1f0ff;
  --hu-green-green-10: #00583c;
  --hu-green-green-20: #00714d;
  --hu-green-green-30: #009b72;
  --hu-green-green-40: #00cb95;
  --hu-green-green-50: #72e3c5;
  --hu-green-green-60: #a2f2dc;
  --hu-green-green-70: #d9fff5;
  --hu-green-green-80: #f2fffc;
  --hu-green-green-90: #f2fffc;
  --hu-grey-grey-0: #2f3033;
  --hu-grey-grey-05: #393a3d;
  --hu-grey-grey-10-charcoal: #424347;
  --hu-grey-grey-100-white: #ffffff;
  --hu-grey-grey-20: #55565a;
  --hu-grey-grey-30-light-1: #6a6d72;
  --hu-grey-grey-40: #7d8085;
  --hu-grey-grey-50-light-2: #909499;
  --hu-grey-grey-60: #afb1b5;
  --hu-grey-grey-70: #cecfd0;
  --hu-grey-grey-80: #dddddd;
  --hu-grey-grey-90-very-light: #ebebeb;
  --hu-grey-grey-93: #f0f0f0;
  --hu-grey-grey-95-off-white-1: #f5f5f5;
  --hu-grey-grey-99-off-white-2: #fbfbfb;
  --hu-red-red-10: #960023;
  --hu-red-red-20-dark: #be002c;
  --hu-red-red-30: #dd0437;
  --hu-red-red-40-main: #eb0037;
  --hu-red-red-50: #f25c7f;
  --hu-red-red-60: #f8a3b7;
  --hu-red-red-70: #f9b8c7;
  --hu-red-red-80-light: #fbccd7;
  --hu-red-red-90-lightest: #fde5eb;
  --hu-teal-teal-10: #035e5e;
  --hu-teal-teal-20-dark: #297a7a;
  --hu-teal-teal-30: #48a3a3;
  --hu-teal-teal-40: #60c4c4;
  --hu-teal-teal-50-main: #66cccc;
  --hu-teal-teal-60: #a3dfe2;
  --hu-teal-teal-70: #b7e5e9;
  --hu-teal-teal-80-light: #cbebf0;
  --hu-teal-teal-90-lightest: #eff9fa;
  --hu-yellow-yellow-10: #824300;
  --hu-yellow-yellow-20: #c36501;
  --hu-yellow-yellow-30: #e29d35;
  --hu-yellow-yellow-40: #ecb35b;
  --hu-yellow-yellow-50: #ffd182;
  --hu-yellow-yellow-60: #ffe3b4;
  --hu-yellow-yellow-60-main: #ffda9f;
  --hu-yellow-yellow-80: #fff1d9;
  --hu-yellow-yellow-80-light: #ffe6bd;
  --hu-yellow-yellow-90: #fffaf3;
  --hu-yellow-yellow-90-lightest: #fff7eb;
  --hu-spacing-unit: 4px;
  --hu-space-xxs: var(--hu-spacing-unit);
  --hu-space-xs: calc(var(--hu-spacing-unit) * 2);
  --hu-space-sm: calc(var(--hu-spacing-unit) * 3);
  --hu-space-md: calc(var(--hu-spacing-unit) * 4);
  --hu-space-lg: calc(var(--hu-spacing-unit) * 5);
  --hu-space-xl: calc(var(--hu-spacing-unit) * 6);
  --hu-space-xxl: calc(var(--hu-spacing-unit) * 8);
  --hu-radius-xs: calc(var(--hu-spacing-unit) * 2);
  --hu-radius-sm: calc(var(--hu-spacing-unit) * 3);
  --hu-radius-md: calc(var(--hu-spacing-unit) * 4);
  --hu-radius-xl: calc(var(--hu-spacing-unit) * 6);
  --hu-space-1: calc(var(--hu-spacing-unit) * 1);
  --hu-radius-1: calc(var(--hu-spacing-unit) * 1);
  --hu-space-2: calc(var(--hu-spacing-unit) * 2);
  --hu-radius-2: calc(var(--hu-spacing-unit) * 2);
  --hu-space-3: calc(var(--hu-spacing-unit) * 3);
  --hu-radius-3: calc(var(--hu-spacing-unit) * 3);
  --hu-space-4: calc(var(--hu-spacing-unit) * 4);
  --hu-radius-4: calc(var(--hu-spacing-unit) * 4);
  --hu-space-5: calc(var(--hu-spacing-unit) * 5);
  --hu-radius-5: calc(var(--hu-spacing-unit) * 5);
  --hu-space-6: calc(var(--hu-spacing-unit) * 6);
  --hu-radius-6: calc(var(--hu-spacing-unit) * 6);
  --hu-space-7: calc(var(--hu-spacing-unit) * 7);
  --hu-radius-7: calc(var(--hu-spacing-unit) * 7);
  --hu-space-8: calc(var(--hu-spacing-unit) * 8);
  --hu-radius-8: calc(var(--hu-spacing-unit) * 8);
  --hu-space-9: calc(var(--hu-spacing-unit) * 9);
  --hu-radius-9: calc(var(--hu-spacing-unit) * 9);
  --hu-space-10: calc(var(--hu-spacing-unit) * 10);
  --hu-radius-10: calc(var(--hu-spacing-unit) * 10);
  --hu-space-11: calc(var(--hu-spacing-unit) * 11);
  --hu-radius-11: calc(var(--hu-spacing-unit) * 11);
  --hu-space-12: calc(var(--hu-spacing-unit) * 12);
  --hu-radius-12: calc(var(--hu-spacing-unit) * 12);
  --hu-space-13: calc(var(--hu-spacing-unit) * 13);
  --hu-radius-13: calc(var(--hu-spacing-unit) * 13);
  --hu-space-14: calc(var(--hu-spacing-unit) * 14);
  --hu-radius-14: calc(var(--hu-spacing-unit) * 14);
  --hu-space-15: calc(var(--hu-spacing-unit) * 15);
  --hu-radius-15: calc(var(--hu-spacing-unit) * 15);
  --hu-space-16: calc(var(--hu-spacing-unit) * 16);
  --hu-radius-16: calc(var(--hu-spacing-unit) * 16);
  --hu-space-17: calc(var(--hu-spacing-unit) * 17);
  --hu-radius-17: calc(var(--hu-spacing-unit) * 17);
  --hu-space-18: calc(var(--hu-spacing-unit) * 18);
  --hu-radius-18: calc(var(--hu-spacing-unit) * 18);
  --hu-add-ons-section-background: #f5f5f5;
  --hu-schemes-background: #ffffff;
  --hu-schemes-error: #b3261e;
  --hu-schemes-error-container: #f9dedc;
  --hu-schemes-info: #1976d2;
  --hu-schemes-info-container: #d4e3ff;
  --hu-schemes-inverse-on-surface: #f3f5f8;
  --hu-schemes-inverse-primary: #b3ccff;
  --hu-schemes-inverse-surface: #2b2f35;
  --hu-schemes-on-background: #111418;
  --hu-schemes-on-error: #ffffff;
  --hu-schemes-on-error-container: #8c1d18;
  --hu-schemes-on-info: #ffffff;
  --hu-schemes-on-info-container: #002b4f;
  --hu-schemes-on-primary: #ffffff;
  --hu-schemes-on-primary-container: #002a6e;
  --hu-schemes-on-primary-fixed: #001946;
  --hu-schemes-on-primary-fixed-variant: #324574;
  --hu-schemes-on-secondary: #ffffff;
  --hu-schemes-on-secondary-container: #1b232e;
  --hu-schemes-on-secondary-fixed: #151b2c;
  --hu-schemes-on-secondary-fixed-variant: #404659;
  --hu-schemes-on-success: #ffffff;
  --hu-schemes-on-success-container: #002111;
  --hu-schemes-on-surface: #111418;
  --hu-schemes-on-surface-variant: #474c52;
  --hu-schemes-on-tertiary: #ffffff;
  --hu-schemes-on-tertiary-container: #101b5a;
  --hu-schemes-on-tertiary-fixed: #2a122c;
  --hu-schemes-on-tertiary-fixed-variant: #593d5a;
  --hu-schemes-on-warning: #ffffff;
  --hu-schemes-on-warning-container: #381e00;
  --hu-schemes-outline: #c5c9cf;
  --hu-schemes-outline-variant: #e1e4e8;
  --hu-schemes-primary: #1a74e8;
  --hu-schemes-primary-container: #e6eeff;
  --hu-schemes-primary-fixed: #adc3fe;
  --hu-schemes-primary-fixed-dim: #92a8e1;
  --hu-schemes-scrim: #000000;
  --hu-schemes-secondary: #5b6678;
  --hu-schemes-secondary-container: #e3e7ed;
  --hu-schemes-secondary-fixed: #d9dff6;
  --hu-schemes-secondary-fixed-dim: #c0c6dc;
  --hu-schemes-shadow: #000000;
  --hu-schemes-success: #1c855b;
  --hu-schemes-success-container: #c7eedd;
  --hu-schemes-surface: #ffffff;
  --hu-schemes-surface-bright: #ffffff;
  --hu-schemes-surface-container: #f3f6fa;
  --hu-schemes-surface-container-high: #edf1f6;
  --hu-schemes-surface-container-highest: #e7ecf2;
  --hu-schemes-surface-container-low: #f8fafd;
  --hu-schemes-surface-container-lowest: #ffffff;
  --hu-schemes-surface-dim: #f5f7fa;
  --hu-schemes-surface-tint: #1a74e8;
  --hu-schemes-surface-variant: #e2e5ec;
  --hu-schemes-tertiary: #5f6fe8;
  --hu-schemes-tertiary-container: #e0e4ff;
  --hu-schemes-tertiary-fixed: #fbd4f7;
  --hu-schemes-tertiary-fixed-dim: #e0bbdd;
  --hu-schemes-warning: #e65100;
  --hu-schemes-warning-container: #fff2d1;
  --huma-system-outline-variant: var( --hu-schemes-outline-variant, var(--mat-sys-outline-variant) );
  --huma-system-surface: var(--hu-schemes-surface, var(--mat-sys-surface));
  --huma-system-on-surface-variant: var( --hu-schemes-on-surface-variant, var(--mat-sys-on-surface-variant) );
  --huma-system-on-surface: var( --hu-schemes-on-surface, var(--mat-sys-on-surface) );
  --huma-system-title-small-font: var(--mat-sys-title-small-font);
  --huma-system-title-small-size: var(--mat-sys-title-small-size);
  --huma-system-title-small-weight: var(--mat-sys-title-small-weight);
  --huma-system-card-outlined-container-shape: var( --mat-card-outlined-container-shape );
  --huma-system-corner-medium: var(--mat-sys-corner-medium);
  --huma-system-body-small-size: var(--mat-sys-body-small-size);
  --huma-system-corner-small: var(--mat-sys-corner-small);
  --huma-system-body-small: var(--mat-sys-body-small);
  --huma-system-body-medium: var(--mat-sys-body-medium);
  --huma-system-body-large: var(--mat-sys-body-large);
  --huma-system-title-small: var(--mat-sys-title-small);
  --huma-system-title-medium: var(--mat-sys-title-medium);
  --huma-system-title-large: var(--mat-sys-title-large);
  --huma-system-label-small: var(--mat-sys-label-small);
  --huma-system-label-medium: var(--mat-sys-label-medium);
  --huma-system-label-large: var(--mat-sys-label-large);
  --huma-system-display-large: var(--mat-sys-display-large);
  --huma-system-display-medium: var(--mat-sys-display-medium);
  --huma-system-display-small: var(--mat-sys-display-small);
  --huma-system-headline-large: var(--mat-sys-headline-large);
  --huma-system-headline-medium: var(--mat-sys-headline-medium);
  --huma-system-headline-small: var(--mat-sys-headline-small);
  --huma-system-surface-disabled: var(--font-huma-m3-surface);
  --huma-system-outline-disabled: var(--font-huma-m3-outline-variant);
  --huma-system-on-surface-disabled: var(--font-huma-m3-on-surface);
  --huma-system-disabled-opacity: var(--font-huma-m3-disabled-opacity, 0.38);
  --huma-system-body-small-emphasized-weight: 600;
  --huma-system-body-small-emphasized: 600 var(--mat-sys-body-small-size) / var(--mat-sys-body-small-line-height) var(--mat-sys-body-small-font);
  --huma-system-body-medium-emphasized-weight: 600;
  --huma-system-body-medium-emphasized: 600 var(--mat-sys-body-medium-size) / var(--mat-sys-body-medium-line-height) var(--mat-sys-body-medium-font);
  --huma-system-body-large-emphasized-weight: 600;
  --huma-system-body-large-emphasized: 600 var(--mat-sys-body-large-size) / var(--mat-sys-body-large-line-height) var(--mat-sys-body-large-font);
  --huma-system-label-small-emphasized-weight: 600;
  --huma-system-label-small-emphasized: 600 var(--mat-sys-label-small-size) / var(--mat-sys-label-small-line-height) var(--mat-sys-label-small-font);
  --huma-system-label-medium-emphasized-weight: 600;
  --huma-system-label-medium-emphasized: 600 var(--mat-sys-label-medium-size) / var(--mat-sys-label-medium-line-height) var(--mat-sys-label-medium-font);
  --huma-system-label-large-emphasized-weight: 600;
  --huma-system-label-large-emphasized: 600 var(--mat-sys-label-large-size) / var(--mat-sys-label-large-line-height) var(--mat-sys-label-large-font);
  --huma-system-title-small-emphasized-weight: 700;
  --huma-system-title-small-emphasized: 700 var(--mat-sys-title-small-size) / var(--mat-sys-title-small-line-height) var(--mat-sys-title-small-font);
  --huma-system-title-medium-emphasized-weight: 700;
  --huma-system-title-medium-emphasized: 700 var(--mat-sys-title-medium-size) / var(--mat-sys-title-medium-line-height) var(--mat-sys-title-medium-font);
  --huma-system-title-large-emphasized-weight: 600;
  --huma-system-title-large-emphasized: 600 var(--mat-sys-title-large-size) / var(--mat-sys-title-large-line-height) var(--mat-sys-title-large-font);
  --huma-system-headline-small-emphasized-weight: 700;
  --huma-system-headline-small-emphasized: 700 var(--mat-sys-headline-small-size) / var(--mat-sys-headline-small-line-height) var(--mat-sys-headline-small-font);
  --huma-system-headline-medium-emphasized-weight: 700;
  --huma-system-headline-medium-emphasized: 700 var(--mat-sys-headline-medium-size) / var(--mat-sys-headline-medium-line-height) var(--mat-sys-headline-medium-font);
  --huma-system-headline-large-emphasized-weight: 700;
  --huma-system-headline-large-emphasized: 700 var(--mat-sys-headline-large-size) / var(--mat-sys-headline-large-line-height) var(--mat-sys-headline-large-font);
  --huma-system-display-small-emphasized-weight: 700;
  --huma-system-display-small-emphasized: 700 var(--mat-sys-display-small-size) / var(--mat-sys-display-small-line-height) var(--mat-sys-display-small-font);
  --huma-system-display-medium-emphasized-weight: 700;
  --huma-system-display-medium-emphasized: 700 var(--mat-sys-display-medium-size) / var(--mat-sys-display-medium-line-height) var(--mat-sys-display-medium-font);
  --huma-system-display-large-emphasized-weight: 700;
  --huma-system-display-large-emphasized: 700 var(--mat-sys-display-large-size) / var(--mat-sys-display-large-line-height) var(--mat-sys-display-large-font);
  --mat-dialog-headline-padding: 6px var(--hu-space-xl) var(--hu-space-md);
  --mat-dialog-actions-padding: var(--hu-space-md) var(--hu-space-xl);
  --mat-dialog-container-shape: var(--huma-dialog-border-radius, var(--mat-sys-corner-extra-large));
  --mat-sys-background: var(--hu-schemes-background);
  --mat-sys-error: var(--hu-schemes-error);
  --mat-sys-error-container: var(--hu-schemes-error-container);
  --mat-sys-inverse-on-surface: var(--hu-schemes-inverse-on-surface);
  --mat-sys-inverse-primary: var(--hu-schemes-primary-fixed-dim);
  --mat-sys-inverse-surface: var(--hu-schemes-inverse-surface);
  --mat-sys-on-background: var(--hu-schemes-on-surface);
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #7f1f1a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: var(--hu-schemes-on-primary-fixed-variant);
  --mat-sys-on-primary-fixed: var(--hu-schemes-on-primary-fixed);
  --mat-sys-on-primary-fixed-variant: var(--hu-schemes-on-primary-fixed-variant);
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: var(--hu-schemes-on-secondary-fixed-variant);
  --mat-sys-on-secondary-fixed: var(--hu-schemes-on-secondary-fixed);
  --mat-sys-on-secondary-fixed-variant: var(--hu-schemes-on-secondary-fixed-variant);
  --mat-sys-on-surface: var(--hu-schemes-on-surface);
  --mat-sys-on-surface-variant: var(--hu-schemes-on-surface-variant);
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: var(--hu-schemes-on-tertiary-fixed-variant);
  --mat-sys-on-tertiary-fixed: var(--hu-schemes-on-tertiary-fixed);
  --mat-sys-on-tertiary-fixed-variant: var(--hu-schemes-on-tertiary-fixed-variant);
  --mat-sys-outline: var(--hu-schemes-outline);
  --mat-sys-outline-variant: var(--hu-schemes-inverse-primary);
  --mat-sys-primary: var(--hu-schemes-primary);
  --mat-sys-primary-container: var(--hu-schemes-primary-fixed);
  --mat-sys-primary-fixed: var(--hu-schemes-primary-fixed);
  --mat-sys-primary-fixed-dim: var(--hu-schemes-primary-fixed-dim);
  --mat-sys-scrim: var(--hu-schemes-scrim);
  --mat-sys-secondary: var(--hu-schemes-success-container);
  --mat-sys-secondary-container: var(--hu-schemes-secondary-container);
  --mat-sys-secondary-fixed: var(--hu-schemes-secondary-container);
  --mat-sys-secondary-fixed-dim: var(--hu-schemes-secondary-fixed-dim);
  --mat-sys-shadow: var(--hu-schemes-scrim);
  --mat-sys-surface: var(--hu-schemes-background);
  --mat-sys-surface-bright: var(--hu-schemes-background);
  --mat-sys-surface-container: var(--hu-schemes-surface-container);
  --mat-sys-surface-container-high: var(--hu-schemes-surface-container-high);
  --mat-sys-surface-container-highest: var(--hu-schemes-surface-container-highest);
  --mat-sys-surface-container-low: var(--hu-schemes-surface-container-low);
  --mat-sys-surface-container-lowest: var(--hu-schemes-surface-container-lowest);
  --mat-sys-surface-dim: var(--hu-schemes-surface-dim);
  --mat-sys-surface-tint: var(--hu-schemes-primary);
  --mat-sys-surface-variant: #e3e5e8;
  --mat-sys-tertiary: var(--hu-schemes-tertiary);
  --mat-sys-tertiary-container: var(--hu-schemes-tertiary-fixed);
  --mat-sys-tertiary-fixed: var(--hu-schemes-tertiary-fixed);
  --mat-sys-tertiary-fixed-dim: var(--hu-schemes-tertiary-fixed-dim);
  --mat-sys-neutral-variant20: var(--hu-schemes-on-primary);
  --mat-sys-neutral10: var(--hu-schemes-on-surface);
  --mat-sys-level0:
    0px 0px 0px 0px var(--hu-schemes-scrim),
    0px 0px 0px 0px var(--hu-schemes-scrim),
    0px 0px 0px 0px var(--hu-schemes-scrim);
  --mat-sys-level1:
    0px 2px 1px -1px var(--hu-schemes-scrim),
    0px 1px 1px 0px var(--hu-schemes-scrim),
    0px 1px 3px 0px var(--hu-schemes-scrim);
  --mat-sys-level2:
    0px 3px 3px -2px var(--hu-schemes-scrim),
    0px 3px 4px 0px var(--hu-schemes-scrim),
    0px 1px 8px 0px var(--hu-schemes-scrim);
  --mat-sys-level3:
    0px 3px 5px -1px var(--hu-schemes-scrim),
    0px 6px 10px 0px var(--hu-schemes-scrim),
    0px 1px 18px 0px var(--hu-schemes-scrim);
  --mat-sys-level4:
    0px 5px 5px -3px var(--hu-schemes-scrim),
    0px 8px 10px 1px var(--hu-schemes-scrim),
    0px 3px 14px 2px var(--hu-schemes-scrim);
  --mat-sys-level5:
    0px 7px 8px -4px var(--hu-schemes-scrim),
    0px 12px 17px 2px var(--hu-schemes-scrim),
    0px 5px 22px 4px var(--hu-schemes-scrim);
  --mat-sys-body-large: 300 1rem / 1.5rem Inter, Noto Sans;
  --mat-sys-body-large-font: Inter, Noto Sans;
  --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: 300;
  --mat-sys-body-medium: 300 0.875rem / 1.25rem Inter, Noto Sans;
  --mat-sys-body-medium-font: Inter, Noto Sans;
  --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: 300;
  --mat-sys-body-small: 300 0.75rem / 1rem Inter, Noto Sans;
  --mat-sys-body-small-font: Inter, Noto Sans;
  --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: 300;
  --mat-sys-display-large: 300 3.562rem / 4rem Inter, Noto Sans;
  --mat-sys-display-large-font: Inter, Noto Sans;
  --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: 300;
  --mat-sys-display-medium: 300 2.812rem / 3.25rem Inter, Noto Sans;
  --mat-sys-display-medium-font: Inter, Noto Sans;
  --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: 300;
  --mat-sys-display-small: 300 2.25rem / 2.75rem Inter, Noto Sans;
  --mat-sys-display-small-font: Inter, Noto Sans;
  --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: 300;
  --mat-sys-headline-large: 300 2rem / 2.5rem Inter, Noto Sans;
  --mat-sys-headline-large-font: Inter, Noto Sans;
  --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: 300;
  --mat-sys-headline-medium: 300 1.75rem / 2.25rem Inter, Noto Sans;
  --mat-sys-headline-medium-font: Inter, Noto Sans;
  --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: 300;
  --mat-sys-headline-small: 300 1.5rem / 2rem Inter, Noto Sans;
  --mat-sys-headline-small-font: Inter, Noto Sans;
  --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: 300;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Inter, Noto Sans;
  --mat-sys-label-large-font: Inter, Noto Sans;
  --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: 900;
  --mat-sys-label-medium: 500 0.75rem / 1rem Inter, Noto Sans;
  --mat-sys-label-medium-font: Inter, Noto Sans;
  --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: 900;
  --mat-sys-label-small: 500 0.688rem / 1rem Inter, Noto Sans;
  --mat-sys-label-small-font: Inter, Noto Sans;
  --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: 300 1.375rem / 1.75rem Inter, Noto Sans;
  --mat-sys-title-large-font: Inter, Noto Sans;
  --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: 300;
  --mat-sys-title-medium: 500 1rem / 1.5rem Inter, Noto Sans;
  --mat-sys-title-medium-font: Inter, Noto Sans;
  --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 Inter, Noto Sans;
  --mat-sys-title-small-font: Inter, Noto Sans;
  --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-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 36px;
  --mat-chip-container-height: 28px;
  --mat-expansion-header-collapsed-state-height: 44px;
  --mat-expansion-header-expanded-state-height: 60px;
  --mat-fab-small-touch-target-display: ;
  --mat-fab-touch-target-display: block;
  --mat-button-filled-touch-target-display: block;
  --mat-button-filled-container-height: 36px;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-form-field-container-height: 52px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 14px;
  --mat-form-field-filled-with-label-container-padding-top: 22px;
  --mat-form-field-filled-with-label-container-padding-bottom: 6px;
  --mat-icon-button-touch-target-display: block;
  --mat-icon-button-state-layer-size: 36px;
  --mat-list-list-item-leading-icon-start-space: 12px;
  --mat-list-list-item-leading-icon-end-space: 12px;
  --mat-list-list-item-one-line-container-height: 44px;
  --mat-list-list-item-two-line-container-height: 60px;
  --mat-list-list-item-three-line-container-height: 84px;
  --mat-paginator-container-size: 52px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-radio-touch-target-display: block;
  --mat-radio-state-layer-size: 36px;
  --mat-tab-container-height: 44px;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-button-toggle-height: 40px;
  --mat-stepper-header-height: 68px;
  --mat-table-header-container-height: 52px;
  --mat-table-footer-container-height: 48px;
  --mat-table-row-item-container-height: 48px;
  --mat-toolbar-standard-height: 60px;
  --mat-toolbar-mobile-height: 52px;
  --mat-tree-node-min-height: 44px;
  --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;
  --mat-menu-container-shape: var(--hu-radius-sm);
  --mat-menu-container-color: var(--hu-schemes-surface-container);
  --mat-button-filled-container-shape: var(--hu-radius-sm);
  --mat-button-outlined-container-shape: var(--hu-radius-sm);
  --mat-button-protected-container-shape: var(--hu-radius-sm);
  --mat-button-text-container-shape: var(--hu-radius-sm);
  --mat-icon-button-container-shape: var(--hu-radius-sm);
  --mat-sidenav-container-width: 288px;
}
html,
body {
  min-height: 100%;
  font-family:
    Inter,
    "Noto Sans",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
  margin: 0;
  background: var(--hu-schemes-surface, --mat-sys-surface);
  color: var(--hu-schemes-on-surface, --mat-sys-on-surface);
  --mat-sys-primary-container: var(--hu-schemes-primary);
  --mat-fab-foreground-color: var(--hu-schemes-on-primary);
  --mat-list-list-item-one-line-container-height: 40px;
  --huma-system-outline-variant: var(--hu-schemes-outline-variant);
  --mat-fab-extended-container-height: 56px;
}
html.dark-theme,
body.dark-theme {
  --hu-add-ons-section-background: #000000;
  --hu-schemes-background: #141218;
  --hu-schemes-error: #f2b8b5;
  --hu-schemes-error-container: #8c1d18;
  --hu-schemes-info: #f2b8b5;
  --hu-schemes-info-container: #8c1d18;
  --hu-schemes-inverse-on-surface: #33343a;
  --hu-schemes-inverse-primary: #485e92;
  --hu-schemes-inverse-surface: #e2e2e9;
  --hu-schemes-on-background: #e6e0e9;
  --hu-schemes-on-error: #601410;
  --hu-schemes-on-error-container: #f9dedc;
  --hu-schemes-on-info: #601410;
  --hu-schemes-on-info-container: #f9dedc;
  --hu-schemes-on-primary: #152e60;
  --hu-schemes-on-primary-container: #d9e2ff;
  --hu-schemes-on-primary-fixed: #001946;
  --hu-schemes-on-primary-fixed-variant: #324574;
  --hu-schemes-on-secondary: #293042;
  --hu-schemes-on-secondary-container: #dce2f9;
  --hu-schemes-on-secondary-fixed: #151b2c;
  --hu-schemes-on-secondary-fixed-variant: #404659;
  --hu-schemes-on-success: #601410;
  --hu-schemes-on-success-container: #f9dedc;
  --hu-schemes-on-surface: #e2e2e9;
  --hu-schemes-on-surface-variant: #c5c6d0;
  --hu-schemes-on-tertiary: #412742;
  --hu-schemes-on-tertiary-container: #fdd7fa;
  --hu-schemes-on-tertiary-fixed: #2a122c;
  --hu-schemes-on-tertiary-fixed-variant: #593d5a;
  --hu-schemes-on-warning: #601410;
  --hu-schemes-on-warning-container: #f9dedc;
  --hu-schemes-outline: #8f909a;
  --hu-schemes-outline-variant: #44464f;
  --hu-schemes-primary: #b0c6ff;
  --hu-schemes-primary-container: #2e4578;
  --hu-schemes-primary-fixed: #adc3fe;
  --hu-schemes-primary-fixed-dim: #92a8e1;
  --hu-schemes-scrim: #000000;
  --hu-schemes-secondary: #c0c6dc;
  --hu-schemes-secondary-container: #404659;
  --hu-schemes-secondary-fixed: #d9dff6;
  --hu-schemes-secondary-fixed-dim: #c0c6dc;
  --hu-schemes-shadow: #000000;
  --hu-schemes-success: #f2b8b5;
  --hu-schemes-success-container: #8c1d18;
  --hu-schemes-surface: #121318;
  --hu-schemes-surface-bright: #38393f;
  --hu-schemes-surface-container: #1e1f25;
  --hu-schemes-surface-container-high: #282a2f;
  --hu-schemes-surface-container-highest: #33343a;
  --hu-schemes-surface-container-low: #1a1b21;
  --hu-schemes-surface-container-lowest: #0c0e13;
  --hu-schemes-surface-dim: #121318;
  --hu-schemes-surface-tint: #b0c6ff;
  --hu-schemes-surface-variant: #33343a;
  --hu-schemes-tertiary: #e0bbdd;
  --hu-schemes-tertiary-container: #593d5a;
  --hu-schemes-tertiary-fixed: #fbd4f7;
  --hu-schemes-tertiary-fixed-dim: #e0bbdd;
  --hu-schemes-warning: #f2b8b5;
  --hu-schemes-warning-container: #8c1d18;
  --huma-system-outline-variant: var( --hu-schemes-outline-variant, var(--mat-sys-outline-variant) );
  --huma-system-surface: var(--hu-schemes-surface, var(--mat-sys-surface));
  --huma-system-on-surface-variant: var( --hu-schemes-on-surface-variant, var(--mat-sys-on-surface-variant) );
  --huma-system-on-surface: var( --hu-schemes-on-surface, var(--mat-sys-on-surface) );
  --huma-system-title-small-font: var(--mat-sys-title-small-font);
  --huma-system-title-small-size: var(--mat-sys-title-small-size);
  --huma-system-title-small-weight: var(--mat-sys-title-small-weight);
  --huma-system-card-outlined-container-shape: var( --mat-card-outlined-container-shape );
  --huma-system-corner-medium: var(--mat-sys-corner-medium);
  --huma-system-body-small-size: var(--mat-sys-body-small-size);
  --huma-system-corner-small: var(--mat-sys-corner-small);
  --huma-system-body-medium-size: huma-m3-typography.$font-huma-m3-body-medium-size;
  --huma-system-title-medium-weight: huma-m3-typography.$font-huma-m3-title-medium-weight;
  --huma-system-label-small: huma-m3-typography.$font-huma-m3-label-small;
  --huma-system-title-small: huma-m3-typography.$font-huma-m3-title-small;
  --huma-system-error: var(--font-huma-m3-error);
  --huma-system-surface-disabled: var(--font-huma-m3-surface);
  --huma-system-outline-disabled: var(--font-huma-m3-outline-variant);
  --huma-system-on-surface-disabled: var(--font-huma-m3-on-surface);
  --huma-system-disabled-opacity: var(--font-huma-m3-disabled-opacity, 0.38);
  --mat-sys-background: #0f0f0f;
  --mat-sys-error: #b8e0e0;
  --mat-sys-error-container: #316868;
  --mat-sys-inverse-on-surface: var(--hu-schemes-inverse-surface);
  --mat-sys-inverse-primary: var(--hu-schemes-primary);
  --mat-sys-inverse-surface: var(--hu-schemes-surface-container-highest);
  --mat-sys-on-background: var(--hu-schemes-surface-container-highest);
  --mat-sys-on-error: #224444;
  --mat-sys-on-error-container: var(--hu-schemes-error-container);
  --mat-sys-on-primary: var(--hu-schemes-primary-container);
  --mat-sys-on-primary-container: var(--hu-schemes-primary-fixed);
  --mat-sys-on-primary-fixed: var(--hu-schemes-on-primary-fixed);
  --mat-sys-on-primary-fixed-variant: var(--hu-schemes-on-primary-fixed-variant);
  --mat-sys-on-secondary: var(--hu-schemes-on-background);
  --mat-sys-on-secondary-container: var(--hu-schemes-secondary-container);
  --mat-sys-on-secondary-fixed: var(--hu-schemes-on-secondary-fixed);
  --mat-sys-on-secondary-fixed-variant: var(--hu-schemes-on-secondary-fixed-variant);
  --mat-sys-on-surface: var(--hu-schemes-surface-container-highest);
  --mat-sys-on-surface-variant: #e8e3e3;
  --mat-sys-on-tertiary: #1c464a;
  --mat-sys-on-tertiary-container: var(--hu-schemes-tertiary-fixed);
  --mat-sys-on-tertiary-fixed: var(--hu-schemes-on-tertiary-fixed);
  --mat-sys-on-tertiary-fixed-variant: var(--hu-schemes-on-tertiary-fixed-variant);
  --mat-sys-outline: var(--hu-schemes-secondary);
  --mat-sys-outline-variant: var(--hu-schemes-on-surface-variant);
  --mat-sys-primary: var(--hu-schemes-primary-fixed-dim);
  --mat-sys-primary-container: var(--hu-schemes-on-primary-fixed-variant);
  --mat-sys-primary-fixed: var(--hu-schemes-primary-fixed);
  --mat-sys-primary-fixed-dim: var(--hu-schemes-primary-fixed-dim);
  --mat-sys-scrim: var(--hu-schemes-scrim);
  --mat-sys-secondary: var(--hu-schemes-secondary-fixed-dim);
  --mat-sys-secondary-container: var(--hu-schemes-on-secondary-fixed-variant);
  --mat-sys-secondary-fixed: var(--hu-schemes-secondary-container);
  --mat-sys-secondary-fixed-dim: var(--hu-schemes-secondary-fixed-dim);
  --mat-sys-shadow: var(--hu-schemes-scrim);
  --mat-sys-surface: #0f0f0f;
  --mat-sys-surface-bright: #3d3d3d;
  --mat-sys-surface-container: #1f1f1f;
  --mat-sys-surface-container-high: #2b2b2b;
  --mat-sys-surface-container-highest: #383838;
  --mat-sys-surface-container-low: var(--hu-schemes-on-surface);
  --mat-sys-surface-container-lowest: #0a0a0a;
  --mat-sys-surface-dim: #0f0f0f;
  --mat-sys-surface-tint: var(--hu-schemes-primary-fixed-dim);
  --mat-sys-surface-variant: var(--hu-schemes-on-surface-variant);
  --mat-sys-tertiary: var(--hu-schemes-tertiary-fixed-dim);
  --mat-sys-tertiary-container: var(--hu-schemes-on-tertiary-fixed-variant);
  --mat-sys-tertiary-fixed: var(--hu-schemes-tertiary-fixed);
  --mat-sys-tertiary-fixed-dim: var(--hu-schemes-tertiary-fixed-dim);
  --mat-sys-neutral-variant20: var(--hu-schemes-on-primary);
  --mat-sys-neutral10: var(--hu-schemes-on-surface);
  --mat-sys-level0:
    0px 0px 0px 0px var(--hu-schemes-scrim),
    0px 0px 0px 0px var(--hu-schemes-scrim),
    0px 0px 0px 0px var(--hu-schemes-scrim);
  --mat-sys-level1:
    0px 2px 1px -1px var(--hu-schemes-scrim),
    0px 1px 1px 0px var(--hu-schemes-scrim),
    0px 1px 3px 0px var(--hu-schemes-scrim);
  --mat-sys-level2:
    0px 3px 3px -2px var(--hu-schemes-scrim),
    0px 3px 4px 0px var(--hu-schemes-scrim),
    0px 1px 8px 0px var(--hu-schemes-scrim);
  --mat-sys-level3:
    0px 3px 5px -1px var(--hu-schemes-scrim),
    0px 6px 10px 0px var(--hu-schemes-scrim),
    0px 1px 18px 0px var(--hu-schemes-scrim);
  --mat-sys-level4:
    0px 5px 5px -3px var(--hu-schemes-scrim),
    0px 8px 10px 1px var(--hu-schemes-scrim),
    0px 3px 14px 2px var(--hu-schemes-scrim);
  --mat-sys-level5:
    0px 7px 8px -4px var(--hu-schemes-scrim),
    0px 12px 17px 2px var(--hu-schemes-scrim),
    0px 5px 22px 4px var(--hu-schemes-scrim);
  --mat-sys-body-large: 300 1rem / 1.5rem Inter, Noto Sans;
  --mat-sys-body-large-font: Inter, Noto Sans;
  --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: 300;
  --mat-sys-body-medium: 300 0.875rem / 1.25rem Inter, Noto Sans;
  --mat-sys-body-medium-font: Inter, Noto Sans;
  --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: 300;
  --mat-sys-body-small: 300 0.75rem / 1rem Inter, Noto Sans;
  --mat-sys-body-small-font: Inter, Noto Sans;
  --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: 300;
  --mat-sys-display-large: 300 3.562rem / 4rem Inter, Noto Sans;
  --mat-sys-display-large-font: Inter, Noto Sans;
  --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: 300;
  --mat-sys-display-medium: 300 2.812rem / 3.25rem Inter, Noto Sans;
  --mat-sys-display-medium-font: Inter, Noto Sans;
  --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: 300;
  --mat-sys-display-small: 300 2.25rem / 2.75rem Inter, Noto Sans;
  --mat-sys-display-small-font: Inter, Noto Sans;
  --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: 300;
  --mat-sys-headline-large: 300 2rem / 2.5rem Inter, Noto Sans;
  --mat-sys-headline-large-font: Inter, Noto Sans;
  --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: 300;
  --mat-sys-headline-medium: 300 1.75rem / 2.25rem Inter, Noto Sans;
  --mat-sys-headline-medium-font: Inter, Noto Sans;
  --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: 300;
  --mat-sys-headline-small: 300 1.5rem / 2rem Inter, Noto Sans;
  --mat-sys-headline-small-font: Inter, Noto Sans;
  --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: 300;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Inter, Noto Sans;
  --mat-sys-label-large-font: Inter, Noto Sans;
  --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: 900;
  --mat-sys-label-medium: 500 0.75rem / 1rem Inter, Noto Sans;
  --mat-sys-label-medium-font: Inter, Noto Sans;
  --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: 900;
  --mat-sys-label-small: 500 0.688rem / 1rem Inter, Noto Sans;
  --mat-sys-label-small-font: Inter, Noto Sans;
  --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: 300 1.375rem / 1.75rem Inter, Noto Sans;
  --mat-sys-title-large-font: Inter, Noto Sans;
  --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: 300;
  --mat-sys-title-medium: 500 1rem / 1.5rem Inter, Noto Sans;
  --mat-sys-title-medium-font: Inter, Noto Sans;
  --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 Inter, Noto Sans;
  --mat-sys-title-small-font: Inter, Noto Sans;
  --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-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 36px;
  --mat-chip-container-height: 28px;
  --mat-expansion-header-collapsed-state-height: 44px;
  --mat-expansion-header-expanded-state-height: 60px;
  --mat-fab-small-touch-target-display: ;
  --mat-fab-touch-target-display: block;
  --mat-button-filled-touch-target-display: block;
  --mat-button-filled-container-height: 36px;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-form-field-container-height: 52px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 14px;
  --mat-form-field-filled-with-label-container-padding-top: 22px;
  --mat-form-field-filled-with-label-container-padding-bottom: 6px;
  --mat-icon-button-touch-target-display: block;
  --mat-icon-button-state-layer-size: 36px;
  --mat-list-list-item-leading-icon-start-space: 12px;
  --mat-list-list-item-leading-icon-end-space: 12px;
  --mat-list-list-item-one-line-container-height: 44px;
  --mat-list-list-item-two-line-container-height: 60px;
  --mat-list-list-item-three-line-container-height: 84px;
  --mat-paginator-container-size: 52px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-radio-touch-target-display: block;
  --mat-radio-state-layer-size: 36px;
  --mat-tab-container-height: 44px;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-button-toggle-height: 40px;
  --mat-stepper-header-height: 68px;
  --mat-table-header-container-height: 52px;
  --mat-table-footer-container-height: 48px;
  --mat-table-row-item-container-height: 48px;
  --mat-toolbar-standard-height: 60px;
  --mat-toolbar-mobile-height: 52px;
  --mat-tree-node-min-height: 44px;
  --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;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
  color: inherit;
}
.main-drawer-nav-list .mat-mdc-nav-list {
  gap: 16px;
  display: flex;
  flex-direction: column;
}
.main-drawer-nav-list .mat-mdc-nav-list .mat-mdc-list-item {
  display: flex;
  width: 100%;
  padding: 4px;
  border-radius: unset !important;
}
.main-drawer-nav-list .mat-mdc-nav-list .mat-mdc-list-item .list-item-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  height: 32px;
  width: 48px;
}
.main-drawer-nav-list .mat-mdc-nav-list .mat-mdc-list-item::before {
  height: 32px;
  width: 48px;
  border-radius: 24px;
  inset-inline: 8px;
  inset-inline-end: 0;
}
.main-drawer-nav-list .mat-mdc-nav-list .mat-mdc-list-item .list-item-title {
  display: flex;
  justify-content: space-between;
  flex: 1;
  font-size: 0.7rem;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1rem;
}
.main-drawer-nav-list .mat-mdc-nav-list .mat-mdc-list-item:hover mat-icon {
  font-family: "Material Icons", sans-serif !important;
}
.main-drawer-nav-list .mat-mdc-nav-list .mat-mdc-list-item:hover .list-item-title {
  font-weight: 500;
}
.main-drawer-nav-list .mat-mdc-nav-list .mdc-list-item__content {
  display: flex;
  width: 100%;
}
.main-drawer-nav-list .mat-mdc-nav-list .mdc-list-item__primary-text {
  display: flex;
  width: 100%;
  justify-content: start;
  flex-direction: column;
  align-items: center;
}
.mat-toolbar {
  background-color: transparent;
}
.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  max-width: 128px;
}
.mat-mdc-card,
.mat-mdc-button,
.mat-mdc-raised-button,
.mat-mdc-flat-button,
.mat-mdc-stroked-button,
.mat-mdc-fab,
.mat-mdc-mini-fab,
.huma-fab,
.mat-expansion-panel {
  box-shadow: none !important;
}
.required::after {
  content: " *";
  color: red;
}
.mat-sort-header-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.body-small {
  font: var(--mat-sys-body-small);
}
.body-medium {
  font: var(--mat-sys-body-medium);
}
.body-large {
  font: var(--mat-sys-body-large);
}
.label-small {
  font: var(--mat-sys-label-small);
}
.label-medium {
  font: var(--mat-sys-label-medium);
}
.label-large {
  font: var(--mat-sys-label-large);
}
.title-small {
  font: var(--mat-sys-title-small);
}
.title-medium {
  font: var(--mat-sys-title-medium);
}
.title-large {
  font: var(--mat-sys-title-large);
}
.headline-small {
  font: var(--mat-sys-headline-small);
}
.headline-medium {
  font: var(--mat-sys-headline-medium);
}
.headline-large {
  font: var(--mat-sys-headline-large);
}
.display-small {
  font: var(--mat-sys-display-small);
}
.display-medium {
  font: var(--mat-sys-display-medium);
}
.display-large {
  font: var(--mat-sys-display-large);
}
.body-small-emphasized {
  font: var(--huma-system-body-small-emphasized);
}
.body-medium-emphasized {
  font: var(--huma-system-body-medium-emphasized);
}
.body-large-emphasized {
  font: var(--huma-system-body-large-emphasized);
}
.label-small-emphasized {
  font: var(--huma-system-label-small-emphasized);
}
.label-medium-emphasized {
  font: var(--huma-system-label-medium-emphasized);
}
.label-large-emphasized {
  font: var(--huma-system-label-large-emphasized);
}
.title-small-emphasized {
  font: var(--huma-system-title-small-emphasized);
}
.title-medium-emphasized {
  font: var(--huma-system-title-medium-emphasized);
}
.title-large-emphasized {
  font: var(--huma-system-title-large-emphasized);
}
.headline-small-emphasized {
  font: var(--huma-system-headline-small-emphasized);
}
.headline-medium-emphasized {
  font: var(--huma-system-headline-medium-emphasized);
}
.headline-large-emphasized {
  font: var(--huma-system-headline-large-emphasized);
}
.display-small-emphasized {
  font: var(--huma-system-display-small-emphasized);
}
.display-medium-emphasized {
  font: var(--huma-system-display-medium-emphasized);
}
.display-large-emphasized {
  font: var(--huma-system-display-large-emphasized);
}
.flex {
  display: flex;
}
.gap-1 {
  gap: var(--hu-space-xxs);
}
.flex-items-center {
  align-items: center;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */