@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";

/* src/styles.scss */
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family: "Poppins", sans-serif;
}
html {
  --mat-sys-body-large: 400 1rem / 1.5rem Poppins;
  --mat-sys-body-large-font: Poppins;
  --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 Poppins;
  --mat-sys-body-medium-font: Poppins;
  --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 Poppins;
  --mat-sys-body-small-font: Poppins;
  --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 Poppins;
  --mat-sys-display-large-font: Poppins;
  --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 Poppins;
  --mat-sys-display-medium-font: Poppins;
  --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 Poppins;
  --mat-sys-display-small-font: Poppins;
  --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 Poppins;
  --mat-sys-headline-large-font: Poppins;
  --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 Poppins;
  --mat-sys-headline-medium-font: Poppins;
  --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 Poppins;
  --mat-sys-headline-small-font: Poppins;
  --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 Poppins;
  --mat-sys-label-large-font: Poppins;
  --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 Poppins;
  --mat-sys-label-medium-font: Poppins;
  --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 Poppins;
  --mat-sys-label-small-font: Poppins;
  --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 Poppins;
  --mat-sys-title-large-font: Poppins;
  --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 Poppins;
  --mat-sys-title-medium-font: Poppins;
  --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 Poppins;
  --mat-sys-title-small-font: Poppins;
  --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;
}
html {
  --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;
}
html {
  --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;
}
* ::-webkit-scrollbar {
  width: 6px;
}
* ::-webkit-scrollbar-track {
  background: transparent;
}
* ::-webkit-scrollbar-thumb {
  background: rgba(48, 62, 72, 0.5);
  border-radius: 100px;
}
.layout {
  overflow: auto;
  max-height: calc(100vh - 200px);
}
.loading-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  padding: 48px;
  height: calc(100vh - 300px);
  width: 100%;
}
html {
  --mdc-filled-button-label-text-weight: var(--mat-sys-regular-font-weight);
}
.theme-button {
  --mdc-filled-button-label-text-weight: var(--mat-sys-medium-font-weight);
}
.theme-button {
  --mdc-filled-button-container-color: var(--mat-sys-tertiary-container);
}
.theme-button {
  --mdc-filled-button-label-text-color: var(--mat-sys-on-tertiary-container);
}
.theme-button {
  --mat-filled-button-hover-state-layer-opacity: 0.1;
}
.confirm-button {
  width: 100%;
}
.clear-button.mat-mdc-unelevated-button:not(:disabled) {
  background-color: var(--mat-sys-secondary-container);
  color: var(--mat-sys-on-secondary-container);
  display: flex;
}
html {
  --mdc-fab-container-color: var(--mat-sys-surface-container-high);
}
html {
  --mdc-extended-fab-container-elevation-shadow: var(--mat-sys-level1);
}
.dark-text-button {
  --mdc-text-button-label-text-color: var(--mat-sys-on-surface-variant);
}
.no-padding {
  --mat-text-button-with-icon-horizontal-padding: 0px;
}
.no-padding {
  --mat-outlined-button-horizontal-padding: 0px;
}
.no-padding {
  --mdc-text-button-container-shape: 8px;
}
html {
  --mdc-dialog-container-shape: 28px;
}
html {
  --mdc-dialog-container-color: var(--mat-sys-surface-container-high);
}
html {
  --mat-dialog-headline-padding: 24px 24px 16px 24px;
}
html {
  --mat-dialog-actions-padding: 24px;
}
html {
  --mat-divider-color: var(--mat-sys-outline-variant);
}
.cdk-drop-list-dragging .cdk-drag {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.cdk-drag-animating {
  transition: transform 300ms cubic-bezier(0, 0, 0.2, 1);
}
.cdk-drag-handle {
  cursor: move;
  color: var(--mat-sys-outline);
  align-self: center;
}
.drag-handle {
  cursor: move !important;
}
.cdk-drag-preview {
  opacity: 85%;
}
.cdk-drag-preview mat-card {
  border: 3px solid var(--mat-sys-primary-fixed-dim) !important;
  border-radius: 12px !important;
}
html {
  --mdc-filled-text-field-active-indicator-height: 3px;
}
html {
  --mdc-filled-text-field-focus-active-indicator-height: 3px;
}
html {
  --mdc-filled-text-field-container-color: var(--mat-sys-surface);
}
html {
  --mdc-filled-text-field-input-text-color: var(--mat-sys-on-surface-variant);
}
html {
  --mdc-filled-text-field-focus-active-indicator-color: var(--mat-sys-primary);
}
html {
  --mdc-filled-text-field-hover-active-indicator-color: transparent;
}
html {
  --mdc-filled-text-field-active-indicator-color: transparent;
}
html {
  --mat-form-field-focus-state-layer-opacity: 0.05;
}
html {
  --mat-form-field-hover-state-layer-opacity: 0.08;
}
.surface-container-field {
  --mdc-filled-text-field-container-color: var(--mat-sys-surface-container);
}
.underline-container-field {
  --mdc-filled-text-field-container-color: var(--mat-sys-surface-container);
}
.underline-container-field {
  --mdc-filled-text-field-active-indicator-color: var(--mat-sys-outline-variant);
}
.underline-container-field {
  --mdc-filled-text-field-hover-active-indicator-color: var(--mat-sys-outline-variant);
}
.underline-container-field {
  --mdc-filled-text-field-focus-active-indicator-color: var(--mat-sys-primary);
}
.underline-container-field {
  --mdc-filled-text-field-active-indicator-height: 1px;
}
.underline-container-field {
  --mdc-filled-text-field-focus-active-indicator-height: 1px;
}
.no-error {
  --mdc-filled-text-field-error-hover-label-text-color: var(--mat-sys-primary);
}
.no-error {
  --mdc-filled-text-field-error-caret-color: var(--mat-sys-primary);
}
.no-error {
  --mdc-filled-text-field-error-active-indicator-color: var(--mat-sys-primary);
}
.no-error {
  --mdc-filled-text-field-error-hover-active-indicator-color: var(--mat-sys-primary);
}
.no-error {
  --mdc-filled-text-field-error-focus-active-indicator-color: var(--mat-sys-primary);
}
.location-container .mat-mdc-raised-button,
.location-container .mat-mdc-raised-button .mdc-button__ripple {
  border-radius: 8px !important;
  width: 318px;
}
.location-container .mat-mdc-form-field-subscript-wrapper,
.location-container .mat-mdc-form-field-bottom-align::before {
  height: 0;
}
.form-elements__button .mat-mdc-extended-fab[disabled],
.mat-mdc-extended-fab[disabled]:focus,
.mat-mdc-extended-fab.mat-mdc-button-disabled,
.mat-mdc-extended-fab.mat-mdc-button-disabled:focus {
  opacity: 0.5;
  color: inherit !important;
  background-color: var(--mat-sys-surface-container-high) !important;
  pointer-events: none;
  cursor: default;
}
.form-elements__button .mat-mdc-extended-fab[disabled],
.mat-mdc-extended-fab[disabled]:focus,
.mat-mdc-extended-fab.mat-mdc-button-disabled,
.mat-mdc-extended-fab.mat-mdc-button-disabled:focus {
  box-shadow: var(--mdc-extended-fab-container-elevation-shadow, var(--mat-sys-level3)) !important;
}
html {
  --mdc-list-list-item-one-line-container-height: 34px;
}
.large-list-item {
  --mdc-list-list-item-one-line-container-height: 48px;
}
.primary-spinner {
  --mdc-circular-progress-active-indicator-color: var(--mat-sys-primary);
}
.secondary-spinner {
  --mdc-circular-progress-active-indicator-color: #D2E4FF;
}
.icon-spinner {
  --mdc-circular-progress-active-indicator-color: var(--mat-sys-on-primary);
}
html {
  --mat-sidenav-container-shape: none;
}
html {
  --mat-sidenav-container-width: 252px;
}
html {
  --mat-sidenav-container-background-color: var(--mat-sys-surface-container);
}
html {
  --mat-sidenav-content-background-color: var(--mat-sys-surface);
}
.collapsed-icon {
  --mat-list-list-item-leading-icon-end-space: 0px;
}
.collapsed-icon {
  --mat-list-list-item-leading-icon-start-space: 20px;
}
.sidenav-menu-item {
  --mdc-list-list-item-hover-state-layer-opacity: 0.08;
}
.sidenav-menu-item {
  --mdc-list-list-item-one-line-container-height: 56px;
}
.selected-menu-item {
  --mdc-list-list-item-label-text-color: var(--mat-sys-on-secondary-container);
}
.selected-menu-item {
  --mdc-list-list-item-hover-label-text-color: var(--mat-sys-on-secondary-container);
}
.selected-menu-item {
  --mdc-list-list-item-focus-label-text-color: var(--mat-sys-on-secondary-container);
}
.selected-menu-item {
  --mdc-list-list-item-leading-icon-color: var(--mat-sys-on-secondary-container);
}
.selected-menu-item {
  --mdc-list-list-item-hover-leading-icon-color: var(--mat-sys-on-secondary-container);
}
.selected-menu-item {
  --mdc-list-list-item-one-line-container-height: 56px;
}
html {
  --mdc-switch-unselected-icon-color: transparent;
}
html {
  --mdc-switch-selected-icon-color: transparent;
}
html {
  --mdc-switch-disabled-selected-icon-color: transparent;
}
html {
  --mdc-switch-disabled-unselected-icon-color: transparent;
}
html {
  --mdc-switch-unselected-track-color: var(--mat-sys-surface-container-highest);
}
html {
  --mdc-switch-unselected-hover-track-color: var(--mat-sys-surface-container-high);
}
html {
  --mdc-switch-unselected-focus-track-color: var(--mat-sys-surface-container-high);
}
html {
  --mdc-switch-unselected-pressed-track-color: var(--mat-sys-surface-container-high);
}
html {
  --mdc-switch-unselected-handle-color: var(--mat-sys-outline);
}
html {
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0px 8px;
}
html {
  --mat-switch-with-icon-handle-size: 16px;
}
html {
  --mat-switch-selected-handle-size: 24px;
}
.mdc-switch--selected {
  --mat-switch-with-icon-handle-size: 24px;
}
html {
  --mat-table-row-item-outline-color: transparent;
}
html {
  --mat-table-row-item-container-height: 62px;
}
:root {
  --mat-table-row-hover-background-color: var(--mat-sys-surface-container-high);
}
tr.mat-mdc-row:hover {
  background-color: light-dark(rgba(25, 28, 32, 0.05), rgba(248, 249, 255, 0.05));
}
.mat-mdc-header-row {
  --mat-table-header-headline-color: var(--mat-sys-primary);
}
.mat-mdc-header-row {
  --mat-table-row-item-outline-color: var(--mat-sys-outline-variant);
}
.mat-sort-header .mat-sort-header-sorted .mat-sort-header-arrow {
  color: var(--mat-sys-primary);
}
.mdc-data-table__cell {
  padding: 8px;
}
.mdc-data-table__cell,
.mdc-data-table__header-cell {
  padding: 8px 16px !important;
}
.center-no-data {
  margin-top: 200px;
}
html {
  --mat-toolbar-container-background-color: var(--mat-sys-surface-container);
}
.rotate-icon {
  transform: rotate(90deg);
}
html {
  --mat-menu-container-elevation-shadow: var(--mat-sys-level4);
}
html {
  --mat-menu-item-spacing: 10px;
}
html {
  --mat-menu-item-leading-spacing: 10px;
}
html {
  --mat-menu-item-trailing-spacing: 10px;
}
html {
  --mat-menu-item-with-icon-leading-spacing: 10px;
}
html {
  --mat-menu-item-with-icon-trailing-spacing: 10px;
}
.language-selector > .mat-mdc-select-trigger {
  text-align: right;
}
.language-selector > .mat-mdc-select-trigger > .mat-mdc-select-value {
  padding: 0px 8px !important;
}
.mat-mdc-menu-panel {
  margin-top: 4px;
  width: 200px;
}
.selected-item {
  background-color: var(--mat-sys-secondary-container) !important;
  color: var(--mat-sys-on-secondary-container) !important;
}
html {
  --mdc-chip-outline-color: var(--mat-sys-outline-variant);
}
.rounded-chip {
  --mdc-chip-container-shape-radius: 30px;
}
.rounded-chip {
  --mdc-chip-elevated-container-color: var(--mat-sys-surface-container-lowest);
}
.rounded-chip {
  --mdc-chip-elevated-disabled-container-color: var(--mat-sys-surface-container-lowest);
}
.rounded-chip {
  --mdc-chip-outline-color: var(--mat-sys-outline-variant);
}
.rounded-chip {
  --mdc-chip-disabled-outline-color: var(--mat-sys-outline-variant);
}
html {
  --mdc-tab-indicator-active-indicator-height: 3px;
}
html {
  --mdc-tab-indicator-active-indicator-shape: 4px 4px 0 0;
}
html {
  --mat-tab-header-active-label-text-color: var(--mat-sys-primary);
}
html {
  --mat-tab-header-active-focus-label-text-color: var(--mat-sys-primary);
}
html {
  --mat-tab-header-active-hover-label-text-color: var(--mat-sys-primary);
}
html {
  --mat-tab-header-divider-color: var(--mat-sys-outline-variant);
}
.mat-mdc-tab-group {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.mat-mdc-tab-body {
  flex: 1 1 auto;
  overflow: auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  scrollbar-width: thin !important;
  -ms-overflow-style: auto;
}
.mat-mdc-tab-body::-webkit-scrollbar {
  display: block !important;
  width: 8px !important;
}
.mat-mdc-tab-body::-webkit-scrollbar-track {
  background: transparent;
}
.mat-mdc-tab-body::-webkit-scrollbar-thumb {
  background-color: rgba(155, 155, 155, 0.5);
  border-radius: 4px;
}
.mat-mdc-tab-body::-webkit-scrollbar-thumb:hover {
  background-color: rgba(155, 155, 155, 0.8);
}
.mat-mdc-tab-body-wrapper {
  flex: 1;
}
.chip {
  border: 1px solid transparent;
}
.chip.mat-mdc-standard-chip {
  border-radius: 16px !important;
  overflow: hidden;
}
.chip.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary::before {
  border-color: transparent !important;
}
.chip--new {
  background-color: var(--mat-sys-extra-accent-purple) !important;
  border-color: var(--mat-sys-extra-accent-on-purple);
  color: var(--mat-sys-on-surface);
}
.chip--active {
  background-color: var(--mat-sys-extra-accent-green) !important;
  border-color: var(--mat-sys-extra-accent-on-green);
  color: var(--mat-sys-on-surface);
}
.chip--closed {
  background-color: var(--mat-sys-surface-container-highest) !important;
  border-color: var(--mat-sys-on-surface-variant);
  color: var(--mat-sys-on-surface);
}
.header {
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
}
.header-title {
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
}
.header.confirmed {
  justify-content: flex-start;
}
.highlight {
  background-color: light-dark(rgba(56, 96, 143, 0.16), rgba(162, 201, 253, 0.16));
}
.card-no-shadow {
  --mdc-elevated-card-container-color: var(--mat-sys-surface-container);
}
.card-no-shadow {
  --mdc-elevated-card-container-elevation: none;
}
.no-subscript-wrapper .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.card-title {
  --mat-form-field-container-height: 48px;
}
.card-title {
  --mat-form-field-container-vertical-padding: 4px;
}
.card-title {
  --mat-form-field-container-text-size: 28px;
}
.card-title {
  --mat-form-field-container-text-line-height: 36px;
}
.card-title {
  --mat-form-field-container-text-tracking: 0.4px;
}
.card-subtitle {
  --mat-form-field-container-height: 34px;
}
.card-subtitle {
  --mat-form-field-container-vertical-padding: 8px;
}
.card-subtitle {
  --mat-form-field-container-text-size: 12px;
}
.card-subtitle {
  --mat-form-field-container-text-line-height: 16px;
}
.card-subtitle {
  --mat-form-field-container-text-weight: 400;
}
.card-subtitle {
  --mat-form-field-container-text-tracking: 0.4px;
}
.large-form-field {
  --mat-form-field-container-height: 48px;
}
.large-form-field {
  --mat-form-field-container-vertical-padding: 10px;
}
.large-form-field {
  --mat-form-field-container-text-size: 16px;
}
.large-form-field {
  --mat-form-field-container-text-line-height: 24px;
}
.large-form-field {
  --mat-form-field-container-text-weight: 400;
}
.large-form-field {
  --mat-form-field-container-text-tracking: 0.4px;
}
.small-form-field {
  --mat-form-field-container-height: 34px;
}
.small-form-field {
  --mat-form-field-container-vertical-padding: 8px;
}
.small-form-field {
  --mat-form-field-container-text-size: 12px;
}
.small-form-field {
  --mat-form-field-container-text-line-height: 16px;
}
.small-form-field {
  --mat-form-field-container-text-tracking: 0.4px;
}
.delete-icon {
  --mdc-icon-button-icon-size: 16px;
}
.delete-icon {
  --mdc-icon-button-icon-color: var(--mat-sys-on-surface);
}
.delete-icon {
  --mdc-icon-button-state-layer-size: 24px;
}
.role-selector-overlay {
  margin-top: 4px;
}
.role-menu-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  color: var(--mat-sys-on-surface);
}
.role-menu-item__content {
  display: flex;
  align-items: center;
  gap: 8px;
}
.role-menu-item .menu-item-text {
  color: var(--mat-sys-on-secondary-container);
  margin-right: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.5px;
}
.profile-dialog {
  --mdc-dialog-container-shape: 12px;
}
.profile-dialog {
  --mdc-dialog-container-color: var(--mat-sys-surface);
}
.profile-dialog {
  --mat-dialog-container-min-width: 516px;
}
.profile-dialog {
  --mat-dialog-container-max-width: 516px;
}
.pending-avatar {
  width: 40px;
  height: 40px;
  background-color: var(--mat-sys-tertiary-container);
  color: var(--mat-sys-on-tertiary-container);
}
.pending-icon {
  --mat-icon-color: var(--mat-sys-on-tertiary-container);
}
.surface-icon {
  --mat-icon-color: var(--mat-sys-on-surface);
}
.search-bar {
  --mdc-outlined-text-field-container-shape: 28px;
}
.search-bar {
  --mdc-outlined-text-field-focus-outline-color: transparent;
}
.search-bar {
  --mdc-outlined-text-field-outline-color: transparent;
}
.search-bar {
  --mdc-outlined-text-field-hover-outline-color: transparent;
}
.search-bar {
  --mat-form-field-container-height: 40px;
}
.search-bar {
  --mat-form-field-container-vertical-padding: 8px;
}
.search-bar .mat-mdc-text-field-wrapper {
  border-radius: 128px;
}
.mat-mdc-form-field .mat-mdc-floating-label.mdc-floating-label {
  line-height: 24px;
}
.mdc-snackbar.custom-close-snackbar .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled) {
  color: var(--mat-sys-inverse-on-surface) !important;
  font-size: 20px;
  padding: 8px;
  margin-left: auto;
  min-width: 24px;
  line-height: 1;
  --mat-text-button-state-layer-color: var(--mat-sys-inverse-on-surface);
  --mat-text-button-ripple-color: var(--mat-sys-inverse-on-surface);
}
.role-card {
  --mdc-outlined-card-container-elevation: var(--mat-sys-level1);
}
.role-card {
  --mdc-outlined-card-container-shape: 24px;
}
.role-card {
  --mdc-outlined-card-container-color: var(--mat-sys-surface-bright);
}
.role-card {
  --mdc-outlined-card-outline-color: transparent;
}
.color-picker-card {
  --mdc-outlined-card-container-elevation: var(--mat-sys-level1);
}
.color-picker-card {
  --mdc-outlined-card-container-shape: 8px;
}
.color-picker-card {
  --mdc-outlined-card-container-color: var(--mat-sys-surface-bright);
}
.color-picker-card {
  --mdc-outlined-card-outline-width: 0;
}
.color-picker-card .mat-mdc-card-content {
  padding: 0px !important;
}
.primary-icon {
  --mdc-icon-button-icon-color: var(--mat-sys-primary);
}
.primary-icon {
  --mdc-icon-button-disabled-icon-color: light-dark(rgba(27, 99, 161, 0.38), rgba(160, 201, 255, 0.38));
}
.user-list-item {
  --mdc-list-list-item-one-line-container-height: 60px;
}
.role-overlay {
  transform: translateX(calc(100vw - 100%));
}
.profile-overlay {
  overflow-y: auto;
  max-height: calc(100vh - 64px) !important;
  top: 64px;
  right: 0;
}
.add-role-dialog {
  height: 90vh;
}
.add-role-dialog {
  --mdc-dialog-container-shape: 16px;
}
.add-role-dialog {
  --mdc-dialog-container-color: var(--mat-sys-surface);
}
.add-role-dialog {
  --mat-dialog-container-min-width: 1125px;
}
.add-role-dialog {
  --mat-dialog-container-max-width: 1125px;
}
.add-role-dialog {
  --mat-dialog-actions-padding: 16px 32px;
}
.add-role-dialog {
  --mat-dialog-with-actions-content-padding: 0 24px;
}
html {
  --mat-radio-disabled-label-color: var(--mat-sys-on-surface-variant);
}

/* src/assets/styles/theme/theme.css */
html {
  color-scheme: light;
  --mat-sys-primary: light-dark(#1b61a0, #a0c9ff);
  --mat-sys-on-primary: light-dark(#ffffff, #00325a);
  --mat-sys-primary-container: light-dark(#d2e4ff, #003d6c);
  --mat-sys-on-primary-container: light-dark(#001c37, #d2e4ff);
  --mat-sys-inverse-primary: light-dark(#a0c9ff, #1b61a0);
  --mat-sys-primary-fixed: light-dark(#d2e4ff, #d2e4ff);
  --mat-sys-primary-fixed-dim: light-dark(#a0c9ff, #a0c9ff);
  --mat-sys-on-primary-fixed: light-dark(#001c37, #001c37);
  --mat-sys-on-primary-fixed-variant: light-dark(#003d6c, #003d6c);
  --mat-sys-secondary: light-dark(#00658e, #86cffe);
  --mat-sys-on-secondary: light-dark(#ffffff, #00344c);
  --mat-sys-secondary-container: light-dark(#c7e7ff, #00405c);
  --mat-sys-on-secondary-container: light-dark(#001e2e, #c7e7ff);
  --mat-sys-secondary-fixed: light-dark(#c7e7ff, #c7e7ff);
  --mat-sys-secondary-fixed-dim: light-dark(#86cffe, #86cffe);
  --mat-sys-on-secondary-fixed: light-dark(#001e2e, #001e2e);
  --mat-sys-on-secondary-fixed-variant: light-dark(#00405c, #00405c);
  --mat-sys-tertiary: light-dark(#5248d5, #c4c0ff);
  --mat-sys-on-tertiary: light-dark(#ffffff, #2c19b2);
  --mat-sys-tertiary-container: light-dark(#e3dfff, #392bbc);
  --mat-sys-on-tertiary-container: light-dark(#110069, #c4c0ff);
  --mat-sys-tertiary-fixed: light-dark(#e3dfff, #e3dfff);
  --mat-sys-tertiary-fixed-dim: light-dark(#c4c0ff, #c4c0ff);
  --mat-sys-on-tertiary-fixed: light-dark(#110069, #110069);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#2c19b2, #2c19b2);
  --mat-sys-background: light-dark(#fdfcff, #0f1113);
  --mat-sys-on-background: light-dark(#181c22, #e3e2e5);
  --mat-sys-surface: light-dark(#fdfcff, #111418);
  --mat-sys-surface-dim: light-dark(#d8dae0, #181141);
  --mat-sys-surface-bright: light-dark(#f8f9ff, #2e3135);
  --mat-sys-surface-container-low: light-dark(#f2f3fa, #191c20);
  --mat-sys-surface-container-lowest: light-dark(#fff, #0f1113);
  --mat-sys-surface-container: light-dark(#eceef4, #1d2024);
  --mat-sys-surface-container-high: light-dark(#e7e8ee, #272a2f);
  --mat-sys-surface-container-highest: light-dark(#e1e2e8, #32353a);
  --mat-sys-on-surface: light-dark(#191c20, #f8f9ff);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-scrim: light-dark(rgba(0, 0, 0, 0.32), rgba(255, 255, 255, 0.32));
  --mat-sys-surface-tint: light-dark(#1b61a0, #a0c9ff);
  --mat-sys-inverse-surface: light-dark(#2d3137, #dfe2eb);
  --mat-sys-inverse-on-surface: light-dark(#dfe2eb, #2d3137);
  --mat-sys-outline: light-dark(#73777f, #8d9198);
  --mat-sys-outline-variant: light-dark(#c3c6cf, #383c42);
  --mat-sys-surface-tint-inverse-primary-12: light-dark(rgba(162, 201, 253, 0.12), rgba(56, 96, 143, 0.12));
  --mat-sys-surface-tint-8: light-dark(rgba(25, 28, 32, 0.08), rgba(244, 245, 246, 0.08));
  --mat-sys-surface-tint-12: light-dark(rgba(25, 28, 32, 0.12), rgba(244, 245, 246, 0.12));
  --mat-sys-neutral10: light-dark( #1a1c1e, #1a1c1e );
  --mat-sys-error: light-dark(#cc4e00, #ffb597);
  --mat-sys-on-error: light-dark(#ffffff, #7d2d00);
  --mat-sys-error-container: light-dark(#ffdbcd, #a43d00);
  --mat-sys-on-error-container: light-dark(#360f00, #ffdbcd);
  --mat-sys-surface-variant: light-dark(#f8f9ff, #181c22);
  --mat-sys-on-surface-variant: light-dark(#43474e, #c3c6cf);
  --mat-sys-neutral-variant20: light-dark(#2f3033, #2f3033);
  --mat-sys-surface-variant-white: light-dark(#a8abb3, #73777f);
  --mat-sys-on-surface-variant-white: light-dark(#A8ABB3, #73777F);
  --mat-sys-brand-font-family: Poppins;
  --mat-sys-plain-font-family: Poppins;
  --mat-sys-bold-font-weight: 700;
  --mat-sys-medium-font-weight: 500;
  --mat-sys-regular-font-weight: 400;
  --mat-sys-body-large: var(--mat-sys-body-large-weight) var(--mat-sys-body-large-size) / var(--mat-sys-body-large-line-height) var(--mat-sys-body-large-font);
  --mat-sys-body-large-font: var(--mat-sys-plain-font-family);
  --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: var(--mat-sys-regular-font-weight);
  --mat-sys-body-medium: var(--mat-sys-body-medium-weight) var(--mat-sys-body-medium-size) / var(--mat-sys-body-medium-line-height) var(--mat-sys-body-medium-font);
  --mat-sys-body-medium-font: var(--mat-sys-plain-font-family);
  --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: var(--mat-sys-regular-font-weight);
  --mat-sys-body-small: var(--mat-sys-body-small-weight) var(--mat-sys-body-small-size) / var(--mat-sys-body-small-line-height) var(--mat-sys-body-small-font);
  --mat-sys-body-small-font: var(--mat-sys-plain-font-family);
  --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: var(--mat-sys-regular-font-weight);
  --mat-sys-display-large: var(--mat-sys-display-large-weight) var(--mat-sys-display-large-size) / var(--mat-sys-display-large-line-height) var(--mat-sys-display-large-font);
  --mat-sys-display-large-font: var(--mat-sys-brand-font-family);
  --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: var(--mat-sys-regular-font-weight);
  --mat-sys-display-medium: var(--mat-sys-display-medium-weight) var(--mat-sys-display-medium-size) / var(--mat-sys-display-medium-line-height) var(--mat-sys-display-medium-font);
  --mat-sys-display-medium-font: var(--mat-sys-brand-font-family);
  --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: var(--mat-sys-regular-font-weight);
  --mat-sys-display-small: var(--mat-sys-display-small-weight) var(--mat-sys-display-small-size) / var(--mat-sys-display-small-line-height) var(--mat-sys-display-small-font);
  --mat-sys-display-small-font: var(--mat-sys-brand-font-family);
  --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: var(--mat-sys-regular-font-weight);
  --mat-sys-headline-large: var(--mat-sys-headline-large-weight) var(--mat-sys-headline-large-size) / var(--mat-sys-headline-large-line-height) var(--mat-sys-headline-large-font);
  --mat-sys-headline-large-font: var(--mat-sys-brand-font-family);
  --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: var(--mat-sys-regular-font-weight);
  --mat-sys-headline-medium: var(--mat-sys-headline-medium-weight) var(--mat-sys-headline-medium-size) / var(--mat-sys-headline-medium-line-height) var(--mat-sys-headline-medium-font);
  --mat-sys-headline-medium-font: var(--mat-sys-brand-font-family);
  --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: var(--mat-sys-regular-font-weight);
  --mat-sys-headline-small: var(--mat-sys-headline-small-weight) var(--mat-sys-headline-small-size) / var(--mat-sys-headline-small-line-height) var(--mat-sys-headline-small-font);
  --mat-sys-headline-small-font: var(--mat-sys-brand-font-family);
  --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: var(--mat-sys-regular-font-weight);
  --mat-sys-label-large: var(--mat-sys-label-large-weight) var(--mat-sys-label-large-size) / var(--mat-sys-label-large-line-height) var(--mat-sys-label-large-font);
  --mat-sys-label-large-font: var(--mat-sys-plain-font-family);
  --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: var(--mat-sys-medium-font-weight);
  --mat-sys-label-large-weight-prominent: var(--mat-sys-bold-font-weight);
  --mat-sys-label-medium: var(--mat-sys-label-medium-weight) var(--mat-sys-label-medium-size) / var(--mat-sys-label-medium-line-height) var(--mat-sys-label-medium-font);
  --mat-sys-label-medium-font: var(--mat-sys-plain-font-family);
  --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: var(--mat-sys-medium-font-weight);
  --mat-sys-label-medium-weight-prominent: var(--mat-sys-bold-font-weight);
  --mat-sys-label-small: var(--mat-sys-label-small-weight) var(--mat-sys-label-small-size) / var(--mat-sys-label-small-line-height) var(--mat-sys-label-small-font);
  --mat-sys-label-small-font: var(--mat-sys-plain-font-family);
  --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: var(--mat-sys-medium-font-weight);
  --mat-sys-title-large: var(--mat-sys-title-large-weight) var(--mat-sys-title-large-size) / var(--mat-sys-title-large-line-height) var(--mat-sys-title-large-font);
  --mat-sys-title-large-font: var(--mat-sys-brand-font-family);
  --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: var(--mat-sys-regular-font-weight);
  --mat-sys-title-medium: var(--mat-sys-title-medium-weight) var(--mat-sys-title-medium-size) / var(--mat-sys-title-medium-line-height) var(--mat-sys-title-medium-font);
  --mat-sys-title-medium-font: var(--mat-sys-plain-font-family);
  --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: var(--mat-sys-medium-font-weight);
  --mat-sys-title-small: var(--mat-sys-title-small-weight) var(--mat-sys-title-small-size) / var(--mat-sys-title-small-line-height) var(--mat-sys-title-small-font);
  --mat-sys-title-small-font: var(--mat-sys-plain-font-family);
  --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: var(--mat-sys-medium-font-weight);
  --mat-sys-umbra-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 80%);
  --mat-sys-penumbra-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 86%);
  --mat-sys-ambient-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 88%);
  --mat-sys-level0:
    0px 0px 0px 0px var(--mat-sys-umbra-color),
    0px 0px 0px 0px var(--mat-sys-penumbra-color),
    0px 0px 0px 0px var(--mat-sys-ambient-color);
  --mat-sys-level1: 0px 0.586px 1.172px 0px rgba(0, 0, 0, 0.3), 0px 0.586px 1.757px 0.586px rgba(0, 0, 0, 0.15);
  --mat-sys-level2: 0px 0.586px 1.172px 0px rgba(0, 0, 0, 0.3), 0px 1.172px 3.515px 1.172px rgba(0, 0, 0, 0.15);
  --mat-sys-level3: 0px 2.343px 4.686px 1.757px rgba(0, 0, 0, 0.15), 0px 0.586px 1.757px 0px rgba(0, 0, 0, 0.3);
  --mat-sys-level4: 0px 3.515px 5.858px 2.343px rgba(0, 0, 0, 0.15), 0px 1.172px 1.757px 0px rgba(0, 0, 0, 0.3);
  --mat-sys-level5: 0px 4.686px 7.029px 3.515px rgba(0, 0, 0, 0.15), 0px 2.343px 2.343px 0px rgba(0, 0, 0, 0.3);
  --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-sys-extra-accent-orange: light-dark(#feedcd, #957232);
  --mat-sys-extra-accent-on-orange: light-dark(#957232, #feedcd);
  --mat-sys-extra-accent-red: light-dark(#f8dae0, #993349);
  --mat-sys-extra-accent-on-red: light-dark(#993349, #f8dae0);
  --mat-sys-extra-accent-purple: light-dark(#e3dfff, #5248d5);
  --mat-sys-extra-accent-on-purple: light-dark(#5248d5, #e3dfff);
  --mat-sys-extra-accent-blue: light-dark(#c7e7ff, #00658e);
  --mat-sys-extra-accent-on-blue: light-dark(#00658e, #c7e7ff);
  --mat-sys-extra-accent-green: light-dark(#e3efdd, #3f6a29);
  --mat-sys-extra-accent-on-green: light-dark(#649953, #bbdfb1);
  --mat-sys-extra-accent-green-opacity-08: light-dark(rgba(63, 106, 41, 0.08), rgba(63, 106, 41, 0.08));
}

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