@charset "UTF-8";

/* src/styles.scss */
@font-face {
  font-family: "Circular-Latin";
  src: url("./media/CircularXXWeb-Regular-I3SD2ZYI.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Circular-Latin";
  src: url("./media/CircularXXWeb-Bold-Y2ZHXTXY.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
.material-symbols-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
.dense-4 {
  --mat-form-field-container-height: 40px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 8px;
  --mat-form-field-filled-with-label-container-padding-top: 8px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
.dense-4 {
  --mat-select-arrow-transform: none;
}
.dense-4 {
  --mdc-checkbox-state-layer-size: 28px;
}
.dense-4 {
  --mat-checkbox-touch-target-display: none;
}
.dense-4 .mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 24px;
}
.dense-4 {
  --mdc-switch-state-layer-size: 28px;
}
.dense-4 {
  --mdc-radio-state-layer-size: 28px;
}
.dense-4 {
  --mat-radio-touch-target-display: none;
}
.dense-4 {
  --mdc-list-list-item-one-line-container-height: 32px;
  --mdc-list-list-item-two-line-container-height: 48px;
  --mdc-list-list-item-three-line-container-height: 72px;
}
.dense-4 {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}
.dense-4 .mdc-list-item__start,
.dense-4 .mdc-list-item__end {
  --mdc-radio-state-layer-size: 28px;
}
.dense-4 .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.dense-4 .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.dense-4 .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 40px;
}
.dense-4 .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.dense-4 .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.dense-4 .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 56px;
}
.dense-4 {
  --mat-paginator-container-size: 40px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: none;
}
.dense-4 .mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 32px;
}
.dense-4 {
  --mdc-text-button-container-height: 24px;
}
.dense-4 {
  --mdc-filled-button-container-height: 24px;
}
.dense-4 {
  --mdc-protected-button-container-height: 24px;
}
.dense-4 {
  --mdc-outlined-button-container-height: 24px;
}
.dense-4 {
  --mat-text-button-touch-target-display: none;
}
.dense-4 {
  --mat-filled-button-touch-target-display: none;
}
.dense-4 {
  --mat-protected-button-touch-target-display: none;
}
.dense-4 {
  --mat-outlined-button-touch-target-display: none;
}
.dense-4 {
  --mat-icon-button-touch-target-display: none;
}
.dense-4 .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 32px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 4px;
}
.dense-4 {
  --mat-fab-touch-target-display: none;
}
.dense-4 {
  --mat-fab-small-touch-target-display: none;
}
.dense-4 {
  --mat-table-header-container-height: 40px;
  --mat-table-footer-container-height: 36px;
  --mat-table-row-item-container-height: 36px;
}
.dense-4 {
  --mat-expansion-header-collapsed-state-height: 36px;
  --mat-expansion-header-expanded-state-height: 48px;
}
.dense-4 {
  --mat-stepper-header-height: 42px;
}
.dense-4 {
  --mat-toolbar-standard-height: 52px;
  --mat-toolbar-mobile-height: 44px;
}
.dense-4 {
  --mat-tree-node-min-height: 28px;
}
.dense-4 {
  --mat-standard-button-toggle-height: 24px;
}
.site {
  padding: var(--bess-spc-20);
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: var(--bess-spc-20);
}
.site-content {
  display: grid;
  grid-template-areas: "stack";
  inline-size: max-content;
  block-size: max-content;
  width: 100%;
}
.site-content__overlay {
  grid-area: stack;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  min-height: 15rem;
}
.site-content__default {
  grid-area: stack;
  display: block;
}
.headline-large-24 {
  font-size: var(--bess-fs-24) !important;
}
.headline-medium-20 {
  font-size: var(--bess-fs-20) !important;
}
.headline-small-18 {
  font-size: var(--bess-fs-18) !important;
}
.paragraph-large-16 {
  font-size: var(--bess-fs-16) !important;
}
.paragraph-medium-14 {
  font-size: var(--bess-fs-14) !important;
}
.paragraph-small-12 {
  font-size: var(--bess-fs-12) !important;
}
.bold {
  font-weight: bold !important;
}
.two-column-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--bess-spc-40);
  overflow-wrap: anywhere;
  margin-bottom: var(--bess-spc-40);
}
.two-column-grid.two-column-grid--small-gap {
  gap: var(--bess-spc-20);
}
.two-column-grid:last-child {
  margin-bottom: 0;
}
.content-bar__right {
  display: flex;
  justify-content: flex-end;
  gap: var(--bess-spc-20);
}
.bess-table {
  width: 80%;
  border-collapse: collapse;
  font-family: "Arial", sans-serif;
  margin: 0 auto;
}
.bess-table thead {
  background-color: var(--bess-clr-primary);
  color: var(--bess-clr-white);
  font-weight: bold;
}
.bess-table thead th {
  padding: 10px;
  text-align: left;
}
.bess-table tbody tr {
  border-bottom: 1px solid #ccc;
}
.bess-table tbody td {
  padding: 15px 10px;
  vertical-align: middle;
}
.table-cell {
  display: flex;
  align-items: center;
  gap: 10px;
}
.toolbar {
  background: var(--bess-clr-white);
  height: var(--bess-spc-60);
  padding-inline: var(--bess-spc-10);
  --toolbar-hor-spacing: var(--bess-spc-10);
  display: flex;
  align-items: center;
  gap: var(--toolbar-hor-spacing);
}
.toolbar__centered {
  justify-content: center;
}
.toolbar__big-space {
  --toolbar-hor-spacing: var(--bess-spc-20) ;
}
.toolbar__seperated {
  justify-content: space-between;
}
.toolbar-title {
  font-size: 20px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}
.toolbar-content-group {
  display: flex;
  align-items: center;
  gap: var(--toolbar-hor-spacing);
}
.chip--success {
  --mdc-chip-label-text-color: var(--osi-clr-success);
}
.chip--success {
  --mdc-chip-outline-color: var(--osi-clr-success);
}
.chip--error {
  --mdc-chip-label-text-color: var(--osi-clr-error);
}
.chip--error {
  --mdc-chip-outline-color: var(--osi-clr-error);
}
.bess-form {
  display: flex;
  flex-direction: column;
  gap: var(--bess-spc-20);
  max-width: fit-content;
}
.button--error {
  --mdc-filled-button-container-color: var(--bess-clr-error);
}
.site-button {
  transition: color 300ms cubic-bezier(0.4, 0, 0.2, 1), outline-color 300ms cubic-bezier(0.4, 0, 0.2, 1);
  background:
    linear-gradient(
      90deg,
      #8FEBFF 0%,
      #51F8A4 100%);
  border-radius: 40px;
  padding: 10px 30px;
  color: #0049ec;
  border: 2px solid transparent;
  font-weight: 700;
  cursor: pointer;
}
.site-button:disabled {
  background: var(--bess-clr-light-grey, #d0d0d0);
  color: var(--bess-clr-grey, #999);
  cursor: not-allowed;
  opacity: 0.6;
}
.site-button.warning {
  background: var(--bess-clr-error, #ffcccc);
  color: var(--bess-clr-white, #fff);
  border: 2px solid var(--bess-clr-error, #ffcccc);
}
.button-icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
}
.passive-button {
  font-size: var(--bess-fs-14);
  height: var(--bess-default-content-height);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 var(--bess-spc-30);
  background-color: var(--bess-clr-bright-grey);
  cursor: pointer;
  color: var(--bess-clr-black);
  border-radius: 999px;
}
.passive-button:hover {
  background-color: var(--bess-clr-lighter-grey);
}
.passive-button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.util-button {
  font-size: var(--bess-fs-14);
  height: var(--bess-default-content-height);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 var(--bess-spc-15);
  background-color: var(--bess-clr-technical-blue-20);
  cursor: pointer;
  color: var(--bess-clr-primary) !important;
  border-radius: var(--bess-border-radius-5);
  font-weight: bold;
}
.util-button:hover {
  background-color: var(--bess-clr-technical-blue-30);
}
.card {
  box-sizing: border-box;
  background: var(--bess-clr-white);
  border: 1px solid var(--bess-clr-light-grey) !important;
  border-radius: var(--bess-border-radius-5) !important;
  padding: var(--bess-spc-25);
  color: var(--bess-clr-black);
  font-family: var(--bess-ff-default, "CircularXXWeb", "Helvetica Neue", Arial, sans-serif), serif;
  transition: box-shadow 0.3s ease;
  gap: var(--bess-spc-30);
}
.card:hover {
  box-shadow: 0 4px 10px rgba(128, 128, 128, 0.15);
}
.card__title {
  display: flex;
  align-items: center;
  font-size: var(--bess-fs-20);
  font-weight: 700;
  color: var(--bess-clr-primary);
  gap: var(--bess-spc-5);
}
:root {
  --mat-datepicker-calendar-container-background-color: var(--bess-clr-white);
}
:root {
  --mat-datepicker-calendar-date-selected-state-text-color: var(--bess-clr-black);
}
:root {
  --mat-datepicker-calendar-date-selected-state-background-color: var(--bess-clr-bright-grey);
}
.sub-tabs-wrapper {
  display: flex;
  align-items: center;
  gap: var(--bess-spc-15);
}
.sub-tabs-wrapper .sub-tab {
  padding: 0;
  box-sizing: border-box;
  color: var(--bess-clr-dark-grey);
  font-size: var(--bess-fs-16);
  font-weight: normal;
  cursor: pointer;
}
.sub-tabs-wrapper .sub-tab__title {
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 var(--bess-spc-10);
  margin-bottom: var(--bess-spc-5);
  border-radius: var(--bess-border-radius-5);
  background-color: unset;
}
.sub-tabs-wrapper .sub-tabs--active {
  color: var(--bess-clr-primary);
  border-bottom: 2px solid var(--bess-clr-primary);
  font-weight: bold;
}
.sub-tabs-wrapper .sub-tabs--active .sub-tab__title {
  background-color: var(--bess-clr-technical-blue-20);
}
body {
  font-family: Circular-Latin, sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 0;
  width: 100%;
}
h1 {
  font-size: 24px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 1em;
}
h2 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 1em;
}
h3 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 1em;
}
.sub-headline {
  font-size: 14px;
  font-weight: bold;
  color: #808080;
  margin-top: 0;
}
strong {
  font-weight: bold;
}
@font-face {
  font-family: "CircularXXWeb";
  src: url("./media/CircularXXWeb-Regular-I3SD2ZYI.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CircularXXWeb";
  src: url("./media/CircularXXWeb-Bold-Y2ZHXTXY.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
* {
  font-family:
    "CircularXXWeb",
    "Circular-Latin",
    "Helvetica Neue",
    Arial,
    sans-serif !important;
}
body,
:host {
  font-family:
    "CircularXXWeb",
    "Circular-Latin",
    "Helvetica Neue",
    Arial,
    sans-serif;
  margin: 0;
  width: 100%;
}
button {
  outline: unset;
  background-color: unset;
  border: none;
}
:root {
  --bess-clr-primary: #0049ec;
  --bess-clr-secondary: #1ed05c;
  --bess-clr-tertiary: #b266ea;
  --bess-clr-error: #e90c3c;
  --bess-clr-warning: #EC8632;
  --bess-clr-success: #1ED05C;
  --bess-clr-black: #000000;
  --bess-clr-dark-grey: #4d4d4d;
  --bess-clr-grey: #808080;
  --bess-clr-medium-grey: #c0c0c0;
  --bess-clr-light-grey: #dddddd;
  --bess-clr-lighter-grey: #e6e6e6;
  --bess-clr-bright-grey: #f2f2f2;
  --bess-clr-white: #ffffff;
  --bess-clr-technical-blue-50: #8cadf6;
  --bess-clr-technical-blue-30: #bacefa;
  --bess-clr-technical-blue-20: #d1defc;
  --bess-ff-default:
    "CircularXXWeb",
    Circular-Latin,
    "Helvetica Neue",
    sans-serif;
  --bess-fs-12: 0.75rem;
  --bess-fs-14: 0.875rem;
  --bess-fs-16: 1rem;
  --bess-fs-18: 1.125rem;
  --bess-fs-20: 1.25rem;
  --bess-fs-24: 1.5rem;
  --bess-spc-5: 0.3125rem;
  --bess-spc-10: 0.625rem;
  --bess-spc-15: 0.9375rem;
  --bess-spc-20: 1.25rem;
  --bess-spc-25: 1.5625rem;
  --bess-spc-30: 1.875rem;
  --bess-spc-40: 2.5rem;
  --bess-spc-50: 3.125rem;
  --bess-spc-60: 3.75rem;
  --bess-spc-75: 4.6875rem;
  --bess-spc-100: 6.25rem;
  --bess-border-radius-5: 0.3125rem;
  --bess-border-radius-10: 0.625rem;
  --bess-default-content-height: 46px;
}
html {
  --mdc-checkbox-state-layer-size: 36px;
  --mdc-chip-container-height: 28px;
  --mdc-text-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mdc-icon-button-state-layer-size: 36px;
  --mdc-list-list-item-one-line-container-height: 44px;
  --mdc-list-list-item-two-line-container-height: 60px;
  --mdc-list-list-item-three-line-container-height: 84px;
  --mdc-radio-state-layer-size: 36px;
  --mdc-secondary-navigation-tab-container-height: 44px;
  --mat-checkbox-touch-target-display: block;
  --mat-expansion-header-collapsed-state-height: 44px;
  --mat-expansion-header-expanded-state-height: 60px;
  --mat-fab-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-list-list-item-leading-icon-start-space: 12px;
  --mat-list-list-item-leading-icon-end-space: 12px;
  --mat-text-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
  --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-select-arrow-transform: translateY(-8px);
  --mat-standard-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;
}
html {
  --mat-sys-body-large: 400 1rem / 1.5rem Circular-Latin;
  --mat-sys-body-large-font: Circular-Latin;
  --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 Circular-Latin;
  --mat-sys-body-medium-font: Circular-Latin;
  --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 Circular-Latin;
  --mat-sys-body-small-font: Circular-Latin;
  --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 Circular-Latin;
  --mat-sys-display-large-font: Circular-Latin;
  --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 Circular-Latin;
  --mat-sys-display-medium-font: Circular-Latin;
  --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 Circular-Latin;
  --mat-sys-display-small-font: Circular-Latin;
  --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 Circular-Latin;
  --mat-sys-headline-large-font: Circular-Latin;
  --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 Circular-Latin;
  --mat-sys-headline-medium-font: Circular-Latin;
  --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 Circular-Latin;
  --mat-sys-headline-small-font: Circular-Latin;
  --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 Circular-Latin;
  --mat-sys-label-large-font: Circular-Latin;
  --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 Circular-Latin;
  --mat-sys-label-medium-font: Circular-Latin;
  --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 Circular-Latin;
  --mat-sys-label-small-font: Circular-Latin;
  --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 Circular-Latin;
  --mat-sys-title-large-font: Circular-Latin;
  --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 Circular-Latin;
  --mat-sys-title-medium-font: Circular-Latin;
  --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 Circular-Latin;
  --mat-sys-title-small-font: Circular-Latin;
  --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;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family:
    Circular-Latin,
    "Helvetica Neue",
    sans-serif;
  background: var(--bess-clr-white);
}
.solid-select-panel {
  background-color: #ffffff !important;
  opacity: 1 !important;
  border: 1px solid var(--bess-clr-light-grey, #e5e5e5);
  padding: var(--bess-spc-5) !important;
}
.mat-mdc-form-field .mdc-line-ripple {
  display: none !important;
}
.mat-mdc-text-field-wrapper {
  --mat-form-field-container-vertical-padding: 0px;
  --mat-form-field-container-height: 0px;
  --mdc-filled-text-field-active-indicator-height: 0px;
  --mdc-filled-text-field-focus-indicator-height: 0px;
  --mdc-filled-text-field-container-shape: 8px;
  height: 46px !important;
  padding: 0 var(--bess-spc-15) !important;
  color: var(--bess-clr-black);
  background-color: var(--bess-clr-bright-grey) !important;
  align-items: center !important;
  border: 1px solid var(--bess-clr-light-grey) !important;
  border-radius: var(--bess-border-radius-5) !important;
  transition: ease 0.1s;
}
.mat-mdc-text-field-wrapper:hover {
  background-color: var(--bess-clr-primary) !important;
  color: var(--bess-clr-white);
  border: 1px solid var(--bess-clr-primary) !important;
}
.mdc-text-field--disabled {
  color: var(--bess-clr-grey);
}
.mdc-text-field--disabled:hover {
  color: var(--bess-clr-grey);
  background-color: var(--bess-clr-bright-grey) !important;
  border: 1px solid var(--bess-clr-light-grey) !important;
}
.textarea-field .mat-mdc-text-field-wrapper {
  height: auto !important;
  padding: var(--bess-spc-15) !important;
  overflow: visible;
}
.textarea-field .mat-mdc-text-field-wrapper textarea {
  resize: none;
}
.textarea-field .mat-mdc-text-field-wrapper:hover {
  color: var(--bess-clr-black);
  background-color: var(--bess-clr-bright-grey) !important;
  border: 1px solid var(--bess-clr-light-grey) !important;
  border-radius: var(--bess-border-radius-5) !important;
}
.mat-mdc-option {
  color: var(--bess-clr-black);
  font-size: var(--bess-fs-14) !important;
  padding: var(--bess-spc-10) !important;
  height: auto !important;
  min-height: 0 !important;
}
.mat-mdc-option:hover {
  background-color: var(--bess-clr-bright-grey) !important;
}
.mat-mdc-option .mat-focus-indicator {
  display: none !important;
}
.mat-mdc-form-field-flex {
  display: flex !important;
  justify-content: center;
  align-items: center !important;
}
.mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-floating-label {
  top: 50% !important;
}
.mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-floating-label--float-above {
  transform: translateY(-220%) scale(0.75) !important;
}
.mat-mdc-form-field-subscript-wrapper:has(mat-error, mat-hint) {
  margin-top: var(--bess-spc-5) !important;
}
.mat-mdc-text-field-wrapper:hover input::placeholder {
  color: var(--bess-clr-white) !important;
}
.mat-mdc-dialog-container {
  border-radius: var(--bess-border-radius-5) !important;
  overflow: hidden;
}
.mat-mdc-snack-bar-container .mat-mdc-snackbar-surface {
  padding: var(--bess-spc-5);
  background-color: var(--bess-clr-white) !important;
  border-radius: var(--bess-border-radius-5);
  border-bottom: 2px solid var(--bess-clr-primary) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* src/styles/material/_theme-colors.scss */

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