@charset "UTF-8";

/* apps/esign-bo/src/styles.scss */
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root,
  :host {
    --font-sans:
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji";
    --font-mono:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --font-weight-normal: 400;
    --font-weight-bold: 700;
    --tracking-wide: 0.025em;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-2xl: 1rem;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
    }
    @supports (color: color-mix(in lab, red, red)) {
       {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type=button], [type=reset], [type=submit]),
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none !important;
  }
}
@layer utilities {
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .\!m-auto {
    margin: auto !important;
  }
  .m-10 {
    margin: calc(var(--spacing) * 10);
  }
  .m-auto {
    margin: auto;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-\[24px\] {
    margin-block: 24px;
  }
  .my-auto {
    margin-block: auto;
  }
  .\!mt-4 {
    margin-top: calc(var(--spacing) * 4) !important;
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-\[32px\] {
    margin-top: 32px;
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .\!mb-4 {
    margin-bottom: calc(var(--spacing) * 4) !important;
  }
  .\!mb-\[-8px\] {
    margin-bottom: -8px !important;
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-\[-60px\] {
    margin-bottom: -60px;
  }
  .mb-\[-80px\] {
    margin-bottom: -80px;
  }
  .mb-\[-140px\] {
    margin-bottom: -140px;
  }
  .mb-\[8px\] {
    margin-bottom: 8px;
  }
  .mb-\[10px\] {
    margin-bottom: 10px;
  }
  .mb-\[12px\] {
    margin-bottom: 12px;
  }
  .mb-\[16px\] {
    margin-bottom: 16px;
  }
  .mb-\[24px\] {
    margin-bottom: 24px;
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }
  .ml-10 {
    margin-left: calc(var(--spacing) * 10);
  }
  .\!box-content {
    box-sizing: content-box !important;
  }
  .\!flex {
    display: flex !important;
  }
  .\!grid {
    display: grid !important;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .table {
    display: table;
  }
  .\!h-\[16px\] {
    height: 16px !important;
  }
  .\!h-\[20px\] {
    height: 20px !important;
  }
  .\!h-\[40px\] {
    height: 40px !important;
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-\[23px\] {
    height: 23px;
  }
  .h-\[32px\] {
    height: 32px;
  }
  .h-\[48px\] {
    height: 48px;
  }
  .h-\[64px\] {
    height: 64px;
  }
  .h-fit {
    height: fit-content;
  }
  .min-h-100 {
    min-height: calc(var(--spacing) * 100);
  }
  .min-h-\[100vh\] {
    min-height: 100vh;
  }
  .min-h-\[245px\] {
    min-height: 245px;
  }
  .min-h-full {
    min-height: 100%;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .\!w-\[16px\] {
    width: 16px !important;
  }
  .\!w-\[20px\] {
    width: 20px !important;
  }
  .\!w-\[40px\] {
    width: 40px !important;
  }
  .\!w-auto {
    width: auto !important;
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-1\/4 {
    width: calc(1 / 4 * 100%);
  }
  .w-\[16px\] {
    width: 16px;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[348px\] {
    max-width: 348px;
  }
  .max-w-\[530px\] {
    max-width: 530px;
  }
  .max-w-\[950px\] {
    max-width: 950px;
  }
  .max-w-\[1092px\] {
    max-width: 1092px;
  }
  .max-w-\[1200px\] {
    max-width: 1200px;
  }
  .max-w-\[1440px\] {
    max-width: 1440px;
  }
  .\!min-w-\[40px\] {
    min-width: 40px !important;
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-\[1000px\] {
    min-width: 1000px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .\!flex-row {
    flex-direction: row !important;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .\!items-center {
    align-items: center !important;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .\!justify-between {
    justify-content: space-between !important;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  .gap-\[12px\] {
    gap: 12px;
  }
  .gap-\[16px\] {
    gap: 16px;
  }
  .gap-\[24px\] {
    gap: 24px;
  }
  .gap-\[32px\] {
    gap: 32px;
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  .justify-self-end {
    justify-self: flex-end;
  }
  .\!overflow-hidden {
    overflow: hidden !important;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .\!rounded-md {
    border-radius: var(--radius-md) !important;
  }
  .\!rounded-sm {
    border-radius: var(--radius-sm) !important;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-\[8px\] {
    border-radius: 8px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[12px\] {
    border-radius: 12px;
  }
  .rounded-\[16px\] {
    border-radius: 16px;
  }
  .rounded-t-\[16px\] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .\!border-t {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 1px !important;
  }
  .border-r-1 {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-dotted {
    --tw-border-style: dotted;
    border-style: dotted;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .\!border-\[\#0000001F\] {
    border-color: #0000001F !important;
  }
  .border-\[\#0000001F\] {
    border-color: #0000001F;
  }
  .border-\[\#0000001f\] {
    border-color: #0000001f;
  }
  .border-\[\#E0E0E0\] {
    border-color: #E0E0E0;
  }
  .border-\[var\(--basics-colors-stroke-brand-stroke-brand\)\] {
    border-color: var(--basics-colors-stroke-brand-stroke-brand);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-red-500 {
    border-color: var(--color-red-500);
  }
  .\!bg-white {
    background-color: var(--color-white) !important;
  }
  .bg-\[\#0f1c09\] {
    background-color: #0f1c09;
  }
  .bg-\[\#0000001f\] {
    background-color: #0000001f;
  }
  .bg-\[\#263238\] {
    background-color: #263238;
  }
  .bg-\[\#F5F5F5\] {
    background-color: #F5F5F5;
  }
  .bg-\[\#edf0f2\] {
    background-color: #edf0f2;
  }
  .bg-\[var\(--notification-error-background\)\] {
    background-color: var(--notification-error-background);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-\[url\(\'\/assets\/imgs\/backoffice-banner\.jpg\'\)\] {
    background-image: url(/assets/imgs/backoffice-banner.jpg);
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-center {
    background-position: center;
  }
  .\!fill-\[var\(--button-text-outline-text-button-dark\)\] {
    fill: var(--button-text-outline-text-button-dark) !important;
  }
  .\!p-2 {
    padding: calc(var(--spacing) * 2) !important;
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-\[16px\] {
    padding: 16px;
  }
  .p-\[20px\] {
    padding: 20px;
  }
  .p-\[24px\] {
    padding: 24px;
  }
  .\!px-5 {
    padding-inline: calc(var(--spacing) * 5) !important;
  }
  .\!px-\[12px\] {
    padding-inline: 12px !important;
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .px-\[12px\] {
    padding-inline: 12px;
  }
  .px-\[24px\] {
    padding-inline: 24px;
  }
  .px-\[32px\] {
    padding-inline: 32px;
  }
  .\!py-\[8px\] {
    padding-block: 8px !important;
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-\[2px\] {
    padding-block: 2px;
  }
  .py-\[16px\] {
    padding-block: 16px;
  }
  .py-\[24px\] {
    padding-block: 24px;
  }
  .py-\[32px\] {
    padding-block: 32px;
  }
  .py-\[46px\] {
    padding-block: 46px;
  }
  .pt-\[24px\] {
    padding-top: 24px;
  }
  .\!pb-1 {
    padding-bottom: calc(var(--spacing) * 1) !important;
  }
  .pb-\[16px\] {
    padding-bottom: 16px;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .\!text-\[18px\] {
    font-size: 18px !important;
  }
  .\!text-\[48px\] {
    font-size: 48px !important;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[42px\] {
    font-size: 42px;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .\!text-\[\#000000b3\] {
    color: #000000b3 !important;
  }
  .\!text-\[\#00000094\] {
    color: #00000094 !important;
  }
  .\!text-\[\#00000099\] {
    color: #00000099 !important;
  }
  .\!text-\[\#FF6D00\] {
    color: #FF6D00 !important;
  }
  .\!text-\[\#ffffff80\] {
    color: #ffffff80 !important;
  }
  .\!text-\[var\(--basics-colors-text-text-default\)\] {
    color: var(--basics-colors-text-text-default) !important;
  }
  .\!text-\[var\(--basics-colors-text-text-recessive\)\] {
    color: var(--basics-colors-text-text-recessive) !important;
  }
  .\!text-white {
    color: var(--color-white) !important;
  }
  .text-\[\#00000094\] {
    color: #00000094;
  }
  .text-\[var\(--basics-colors-text-text-default\)\] {
    color: var(--basics-colors-text-text-default);
  }
  .text-\[var\(--basics-colors-text-text-recessive\)\] {
    color: var(--basics-colors-text-text-recessive);
  }
  .text-black {
    color: var(--color-black);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .placeholder\:text-gray-400::placeholder {
    color: var(--color-gray-400);
  }
  .last\:mb-0:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .focus-within\:border-red-500:focus-within {
    border-color: var(--color-red-500);
  }
  .focus-within\:shadow-\[0_0_0_2px_rgba\(59\,130\,246\,0\.2\)\]:focus-within {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, rgba(59,130,246,0.2));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  @media (hover: hover) {
    .hover\:border-gray-700:hover {
      border-color: var(--color-gray-700);
    }
  }
  @media (hover: hover) {
    .hover\:text-black:hover {
      color: var(--color-black);
    }
  }
  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:text-gray-400:disabled {
    color: var(--color-gray-400);
  }
  @media (width >= 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\[\&_span\]\:\!text-black span {
    color: var(--color-black) !important;
  }
  .\[\&_span\]\:\!no-underline span {
    text-decoration-line: none !important;
  }
}
html {
  --mat-sys-body-large: 400 1rem / 1.5rem TeleNeo-Var;
  --mat-sys-body-large-font: TeleNeo-Var;
  --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 TeleNeo-Var;
  --mat-sys-body-medium-font: TeleNeo-Var;
  --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 TeleNeo-Var;
  --mat-sys-body-small-font: TeleNeo-Var;
  --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 TeleNeo-Var;
  --mat-sys-display-large-font: TeleNeo-Var;
  --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 TeleNeo-Var;
  --mat-sys-display-medium-font: TeleNeo-Var;
  --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 TeleNeo-Var;
  --mat-sys-display-small-font: TeleNeo-Var;
  --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 TeleNeo-Var;
  --mat-sys-headline-large-font: TeleNeo-Var;
  --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 TeleNeo-Var;
  --mat-sys-headline-medium-font: TeleNeo-Var;
  --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 TeleNeo-Var;
  --mat-sys-headline-small-font: TeleNeo-Var;
  --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 TeleNeo-Var;
  --mat-sys-label-large-font: TeleNeo-Var;
  --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 TeleNeo-Var;
  --mat-sys-label-medium-font: TeleNeo-Var;
  --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 TeleNeo-Var;
  --mat-sys-label-small-font: TeleNeo-Var;
  --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 TeleNeo-Var;
  --mat-sys-title-large-font: TeleNeo-Var;
  --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 TeleNeo-Var;
  --mat-sys-title-medium-font: TeleNeo-Var;
  --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 TeleNeo-Var;
  --mat-sys-title-small-font: TeleNeo-Var;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
.body-l,
label {
  font-weight: 655;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0;
  color: var(--basics-colors-text-text-default);
}
.body-s {
  font-weight: 400;
  font-size: 16px;
  line-height: 128%;
  letter-spacing: 0;
  color: var(--basics-colors-text-text-default);
}
.body-m-bold {
  font-size: 16px;
  font-weight: 655;
  line-height: 20px;
  color: var(--basics-colors-text-text-default);
}
.body-m-regular {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: var(--basics-colors-text-text-default);
}
.caption {
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0;
  color: var(--basics-colors-text-text-default);
}
.microcopy {
  font-size: 12px;
  font-weight: 655;
  line-height: 16px;
  color: var(--basics-colors-text-text-default);
}
.subtitle-bold {
  font-size: 22px;
  font-weight: 655;
  line-height: 22px;
  color: var(--basics-colors-text-text-default);
}
.subtitle-regular {
  font-size: 22px;
  font-weight: 400;
  line-height: 22px;
  color: var(--basics-colors-text-text-default);
}
@media screen and (max-width: 992px) {
  p {
    font-weight: 550;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0;
    color: var(--basics-colors-text-text-default);
  }
  h1 {
    font-weight: 655;
    font-size: 72px;
    line-height: 100%;
    letter-spacing: 0;
    color: var(--basics-colors-text-text-default);
  }
  h2 {
    font-weight: 655;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0;
    color: var(--basics-colors-text-text-default);
  }
  h3 {
    font-weight: 655;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: 0;
    color: var(--basics-colors-text-text-default);
  }
  h4 {
    font-weight: 655;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0;
    color: var(--basics-colors-text-text-default);
  }
  h5 {
    font-weight: 655;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    color: var(--basics-colors-text-text-default);
  }
}
@media screen and (min-width: 992px) {
  p {
    font-weight: 550;
    font-size: 20px;
    line-height: 140%;
    letter-spacing: 0;
    color: var(--basics-colors-text-text-default);
  }
  h1 {
    font-weight: 655;
    font-size: 72px;
    line-height: 100%;
    letter-spacing: 0;
    color: var(--basics-colors-text-text-default);
  }
  h2 {
    font-weight: 655;
    font-size: 56px;
    line-height: 100%;
    letter-spacing: 0;
    color: var(--basics-colors-text-text-default);
  }
  h3 {
    font-weight: 655;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0;
    color: var(--basics-colors-text-text-default);
  }
  h4 {
    font-weight: 655;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0;
    color: var(--basics-colors-text-text-default);
  }
  h5 {
    font-weight: 655;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0;
    color: var(--basics-colors-text-text-default);
  }
}
.orange-icon {
  color: var(--button-background-ghost-bg-selected);
}
a.mat-mdc-button-base .mdc-button__label {
  color: var(--button-text-link-text-li-default);
  text-decoration: underline;
}
a:hover.mat-mdc-button-base .mdc-button__label {
  color: var(--button-text-link-text-li-hover);
}
a:visited.mat-mdc-button-base .mdc-button__label {
  color: var(--button-text-link-text-li-visited);
  text-decoration: underline;
}
body.back-office {
  color-scheme: light;
  --basics-colors-stroke-brand-stroke-brand: var(--custom--primary);
  --button-text-link-text-li-hover: var(--custom--primary);
  --button-text-link-text-li-default: var(--custom--primary);
  --mat-button-filled-container-color: var(--custom--primary);
  --mat-button-filled-label-text-color: var(--shades--white);
  --mat-button-filled-state-layer-color: var(--custom--primary);
  --mat-button-filled-ripple-color: var(--light-green--lighten-1);
  --mat-button-filled-disabled-container-color: var(--grey--darken-2);
  --mat-button-filled-disabled-label-text-color: var(--shades--white);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-outlined-outline-color: var(--button-outline-stroke-outline-st-button-default);
  --mat-button-outlined-label-text-color: var(--button-text-outline-text-button-dark);
  --mat-button-outlined-disabled-outline-color: var(--button-outline-stroke-outline-st-button-disabled);
  --mat-button-outlined-disabled-label-text-color: var(--button-text-outline-text-disabled);
  --mat-button-outlined-state-layer-color: var(--button-background-outline-bg-ou-button-hover);
  --mat-button-outlined-ripple-color: var(--button-background-outline-bg-ou-button-pressed);
  --mat-button-text-ripple-color: var(--button-background-ghost-bg-button-pressed);
  --mat-button-text-label-text-color: var(--button-text-ghost-text-gh-button-dark);
  --mat-button-text-state-layer-color: var(--button-background-ghost-bg-gh-button-hover);
  --mat-menu-container-color: white;
  --mat-radio-selected-icon-color: #80bb46;
  --mat-radio-selected-hover-icon-color: #80bb46;
  --mat-radio-selected-focus-icon-color: #80bb46;
  --mat-radio-selected-pressed-icon-color: #80bb46;
  --mat-radio-checked-ripple-color: #80bb46;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.6);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-selected-icon-color: rgba(128, 187, 70, 0.38);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.26);
  --mat-radio-disabled-selected-icon-opacity: 1;
  --mat-radio-disabled-unselected-icon-opacity: 1;
  --mat-radio-ripple-color: rgba(128, 187, 70, 0.1);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-container-color: #f5f5f5;
  --mat-form-field-filled-disabled-container-color: #eeeeee;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mat-form-field-filled-disabled-active-indicator-color: #ccc;
  --mat-form-field-filled-focus-active-indicator-color: #80bb46;
  --mat-form-field-filled-focus-label-text-color: #80bb46;
  --mat-form-field-filled-caret-color: #80bb46;
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.87);
  --mat-select-panel-background-color: #f5f5f5;
  --mat-select-enabled-trigger-text-color: #000;
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: #80bb46;
  --mat-select-focused-arrow-color: #80bb46;
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-invalid-arrow-color: #e53935;
  --mat-snack-bar-container-color: #80bb46;
  --mat-snack-bar-supporting-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #80bb46;
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-today-outline-color: #80bb46;
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #80bb46;
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(0, 0, 0, 0.04);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(0, 0, 0, 0.08);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(128, 187, 70, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: rgba(128, 187, 70, 0.25);
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #80bb46;
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(0, 0, 0, 0.1);
  --mat-datepicker-calendar-container-background-color: #f5f5f5;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.6);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.6);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.6);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.6);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.6);
  --mat-datepicker-toggle-active-state-icon-color: #80bb46;
  --mat-progress-spinner-active-indicator-color: var(--custom--primary);
  --mat-form-field-error-text-color: #e53935;
}
body.back-office .mat-mdc-unelevated-button .mdc-button__label {
  color: var(--shades--white);
}
body.back-office .mat-mdc-outlined-button .mat-mdc-button-ripple {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
body.back-office .secondary-button {
  --mat-button-filled-container-color: var(--grey--lighten-4);
  --mat-button-filled-label-text-color: var(--custom--secondary);
  --mat-button-filled-state-layer-color: var(--grey--lighten-2);
  --mat-button-filled-ripple-color: var(--grey--lighten-1);
}
body.back-office .secondary-button .mdc-button__label {
  color: var(--custom--secondary);
}
body.back-office .secondary-button,
body.back-office .black-secondary-button {
  --mat-icon-button-icon-color: var(--custom--secondary);
  --mat-icon-button-state-layer-color: var(--grey--lighten-2);
  --mat-icon-button-ripple-color: var(--grey--lighten-1);
}
body.back-office .secondary-button.mat-mdc-icon-button,
body.back-office .black-secondary-button.mat-mdc-icon-button {
  background-color: var(--grey--lighten-4);
}
body.back-office .black-secondary-button {
  --mat-button-filled-container-color: var(--black--087);
  --mat-button-filled-label-text-color: var(--grey--lighten-5);
  --mat-button-filled-state-layer-color: var(--black--058);
  --mat-button-filled-ripple-color: var(--black--058);
}
body.back-office .black-secondary-button .mdc-button__label {
  color: var(--grey--lighten-5);
}
body.back-office .mat-mdc-icon-button {
  display: flex;
}
body.back-office .mdc-button__label {
  font-size: 16px;
  font-weight: 500;
  color: var(--basics-colors-text-text-default);
}
body.back-office .big-button {
  --mat-button-filled-container-height: 44px;
  --mat-button-filled-horizontal-padding: 46px;
}
body.back-office .small-button {
  --mat-button-filled-container-height: 28px;
}
body.back-office .mat-mdc-form-field-subscript-wrapper,
body.back-office .mat-mdc-form-field-bottom-align::before {
  height: 0;
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
body.back-office html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
body.back-office .error-snackbar.mat-mdc-snack-bar-container .mat-mdc-snackbar-surface {
  background-color: #e53935;
}
body.back-office .mat-mdc-progress-spinner::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  height: 95%;
  width: 95%;
  border-radius: 100%;
  border: 4px solid var(--grey--lighten-1);
  margin: 3px;
  z-index: 0;
}
body.back-office .mat-mdc-progress-spinner .mdc-circular-progress__spinner-layer .mdc-circular-progress__circle-left circle {
  stroke-width: 5% !important;
}
body.back-office .mat-mdc-progress-spinner .mdc-circular-progress__spinner-layer .mdc-circular-progress__gap-patch circle {
  stroke-width: 5% !important;
}
body.back-office .mat-mdc-progress-spinner .mdc-circular-progress__spinner-layer .mdc-circular-progress__circle-right circle {
  stroke-width: 5% !important;
}
body.back-office .mat-mdc-form-field .mat-mdc-floating-label {
  width: 100%;
}
body.back-office .cdk-overlay-dark-backdrop {
  background-color: rgba(0, 0, 0, 0.54);
}
:root {
  --modal-overlay: #00000066;
  --focused-focused: var(--grayscale-800);
  --accordion-background-bg-accordion-hover: var(--grayscale-200);
  --accordion-background-bg-accordion-pressed: var(--grayscale-300);
  --accordion-focused-accordion-focused: var(--grayscale-800);
  --accordion-text-text-accordion-default: var(--grayscale-800);
  --accordion-text-text-accordion-disabled: var(--grayscale-450);
  --askforhelp-bg-default: var(--grayscale-150);
  --askforhelp-stroke: var(--grayscale-150);
  --basics-colors-stroke-brand-stroke-brand: var(--magenta-500);
  --basics-colors-stroke-brand-stroke-brand-hover: var(--magenta-400);
  --basics-colors-stroke-default-stroke: var(--grayscale-800);
  --basics-colors-stroke-default-stroke-disabled: var(--grayscale-400);
  --basics-colors-stroke-default-stroke-hover: var(--grayscale-800);
  --basics-colors-stroke-default-stroke-light: var(--grayscale-125);
  --basics-colors-stroke-default-stroke-on-accent-dark: var(--grayscale-800);
  --basics-colors-stroke-default-stroke-pressed: var(--grayscale-800);
  --basics-colors-stroke-default-stroke-subtle: var(--grayscale-400);
  --basics-colors-surface-brand-background-brand: var(--magenta-500);
  --basics-colors-surface-brand-background-brand-hover: var(--magenta-400);
  --basics-colors-surface-brand-background-brand-pressed: var(--magenta-300);
  --basics-colors-surface-default-background: var(--grayscale-100);
  --basics-colors-surface-default-background-dark: var(--grayscale-800);
  --basics-colors-surface-default-background-disabled: var(--grayscale-200);
  --basics-colors-surface-default-background-hover: var(--grayscale-200);
  --basics-colors-surface-default-background-hover-light: var(--grayscale-150);
  --basics-colors-surface-default-background-light: var(--grayscale-125);
  --basics-colors-surface-default-background-pressed: var(--grayscale-300);
  --basics-colors-surface-default-background-pressed-light: var(--grayscale-200);
  --basics-colors-surface-default-gray: var(--grayscale-400);
  --basics-colors-surface-destructive-background-default: var(--red-300);
  --basics-colors-surface-destructive-background-hover: var(--red-325);
  --basics-colors-surface-destructive-background-pressed: var(--red-350);
  --basics-colors-text-text-brand-default: var(--magenta-500);
  --basics-colors-text-text-default: var(--grayscale-800);
  --basics-colors-text-text-disabled: var(--grayscale-450);
  --basics-colors-text-text-hover: var(--grayscale-600);
  --basics-colors-text-text-on-accent: var(--grayscale-100);
  --basics-colors-text-text-on-accent-dark: var(--grayscale-800);
  --basics-colors-text-text-on-accent-hover: var(--grayscale-100);
  --basics-colors-text-text-on-accent-pressed: var(--grayscale-100);
  --basics-colors-text-text-on-accent-secondary: var(--grayscale-100);
  --basics-colors-text-text-pressed: var(--grayscale-500);
  --basics-colors-text-text-recessive: var(--grayscale-500);
  --basics-colors-text-text-recessive-disabled: var(--grayscale-450);
  --basics-colors-text-text-success: var(--green-200);
  --basics-colors-text-text-warning: var(--red-200);
  --button-background-ghost-bg-button-pressed: var(--grayscale-300);
  --button-background-ghost-bg-gh-button-hover: var(--grayscale-200);
  --button-background-ghost-bg-selected: var(--orange-200);
  --button-background-outline-bg-button-disabled: var(--grayscale-400);
  --button-background-outline-bg-ou-button-hover: var(--grayscale-200);
  --button-background-outline-bg-ou-button-pressed: var(--grayscale-300);
  --button-background-primary-bg-button-pr-disabled: var(--grayscale-400);
  --button-background-primary-bg-pr-button-default: var(--magenta-500);
  --button-background-primary-bg-pr-button-focused: var(--magenta-500);
  --button-background-primary-bg-pr-button-hover: var(--magenta-400);
  --button-background-primary-bg-pr-button-pressed: var(--magenta-300);
  --button-background-secondary-bg-button-sc-disabled: var(--grayscale-400);
  --button-background-secondary-bg-se-button-default: var(--grayscale-800);
  --button-background-secondary-bg-se-button-focused: var(--grayscale-800);
  --button-background-secondary-bg-se-button-hover: var(--grayscale-600);
  --button-background-secondary-bg-se-button-pressed: var(--grayscale-500);
  --button-outline-stroke-outline-st-button-default: var(--grayscale-800);
  --button-outline-stroke-outline-st-button-disabled: var(--grayscale-400);
  --button-text-ghost-text-gh-button-dark: var(--grayscale-800);
  --button-text-ghost-text-gh-button-disabled: var(--grayscale-500);
  --button-text-ghost-text-gh-button-light: var(--grayscale-100);
  --button-text-link-text-li-da-default: var(--grayscale-800);
  --button-text-link-text-li-da-disabled: var(--grayscale-450);
  --button-text-link-text-li-da-hover: var(--grayscale-600);
  --button-text-link-text-li-da-pressed: var(--grayscale-500);
  --button-text-link-text-li-da-visited: var(--grayscale-800);
  --button-text-link-text-li-default: var(--magenta-500);
  --button-text-link-text-li-disabled: var(--grayscale-450);
  --button-text-link-text-li-hover: var(--magenta-400);
  --button-text-link-text-li-pressed: var(--magenta-300);
  --button-text-link-text-li-visited: var(--magenta-700);
  --button-text-outline-text-disabled: var(--grayscale-500);
  --button-text-outline-text-button-dark: var(--grayscale-800);
  --button-text-outline-text-button-light: var(--grayscale-100);
  --button-text-primary-text-pr-button-dark: var(--grayscale-800);
  --button-text-primary-text-pr-button-light: var(--grayscale-100);
  --button-text-primary-text-pr-disabled: var(--grayscale-500);
  --button-text-secondary-text-disabled: var(--grayscale-500);
  --button-text-secondary-text-se-button-dark: var(--grayscale-800);
  --button-text-secondary-text-se-button-light: var(--grayscale-100);
  --card-bg-default: var(--grayscale-100);
  --card-divider: var(--grayscale-200);
  --card-icon: var(--grayscale-800);
  --card-stroke: var(--grayscale-200);
  --card-stroke-light: var(--grayscale-200);
  --doc-viewer-bg-default: var(--grayscale-125);
  --file-card-bg-default: var(--grayscale-100);
  --file-card-icon: var(--green-300);
  --file-card-text: var(--grayscale-800);
  --file-card-text-sub: var(--grayscale-500);
  --fileupload-bg-default: var(--grayscale-200);
  --illustrations-black: var(--grayscale-800);
  --illustrations-icon: var(--green-300);
  --illustrations-bg-default: var(--grayscale-200);
  --illustrations-orange: var(--orange-200);
  --illustrations-white: var(--grayscale-100);
  --notification-error-icon: var(--red-300);
  --notification-error-background: var(--red-100);
  --notification-info-icon: var(--blue-300);
  --notification-info-background: var(--blue-100);
  --notification-success-icon: var(--green-300);
  --notification-success-background: var(--green-100);
  --notification-warning-icon: var(--orange-300);
  --notification-warning-background: var(--orange-100);
  --progress-bar-bg-star-default: var(--grayscale-100);
  --progress-bar-bg-star-selected: var(--grayscale-100);
  --progress-bar-disabled-bg: var(--grayscale-300);
  --progress-bar-standard-bg-dark: var(--grayscale-800);
  --progress-bar-standard-bg-light: var(--grayscale-200);
  --progress-bar-success-bg-dark: var(--green-250);
  --progress-bar-warning-bg-dark: var(--red-300);
  --progress-bar-warning-bg-light: var(--red-100);
  --qr-code: var(--magenta-500);
  --qr-dap: #4650fb;
  --qr-bg-inside: var(--grayscale-100);
  --qr-bg-outside: var(--grayscale-150);
  --qr-stroke: var(--grayscale-150);
  --qr-text: var(--grayscale-800);
}
:root .dark-theme {
  --modal-overlay: #ffffff66;
  --focused-focused: var(--grayscale-100);
  --accordion-background-bg-accordion-hover: var(--grayscale-500);
  --accordion-background-bg-accordion-pressed: var(--grayscale-450);
  --accordion-focused-accordion-focused: var(--grayscale-100);
  --accordion-text-text-accordion-default: var(--grayscale-100);
  --accordion-text-text-accordion-disabled: var(--grayscale-450);
  --askforhelp-bg-default: var(--grayscale-800);
  --askforhelp-stroke: var(--grayscale-100);
  --basics-colors-stroke-brand-stroke-brand: var(--magenta-450);
  --basics-colors-stroke-brand-stroke-brand-hover: var(--magenta-450);
  --basics-colors-stroke-default-stroke: var(--grayscale-100);
  --basics-colors-stroke-default-stroke-disabled: var(--grayscale-600);
  --basics-colors-stroke-default-stroke-hover: var(--grayscale-100);
  --basics-colors-stroke-default-stroke-light: var(--grayscale-650);
  --basics-colors-stroke-default-stroke-on-accent-dark: var(--grayscale-800);
  --basics-colors-stroke-default-stroke-pressed: var(--grayscale-100);
  --basics-colors-stroke-default-stroke-subtle: var(--grayscale-450);
  --basics-colors-surface-brand-background-brand: var(--magenta-450);
  --basics-colors-surface-brand-background-brand-hover: var(--magenta-450);
  --basics-colors-surface-brand-background-brand-pressed: var(--magenta-450);
  --basics-colors-surface-default-background: var(--grayscale-800);
  --basics-colors-surface-default-background-dark: var(--grayscale-800);
  --basics-colors-surface-default-background-disabled: var(--grayscale-200);
  --basics-colors-surface-default-background-hover: var(--grayscale-500);
  --basics-colors-surface-default-background-hover-light: var(--grayscale-600);
  --basics-colors-surface-default-background-light: var(--grayscale-650);
  --basics-colors-surface-default-background-pressed: var(--grayscale-450);
  --basics-colors-surface-default-background-pressed-light: var(--grayscale-500);
  --basics-colors-surface-default-gray: var(--grayscale-450);
  --basics-colors-surface-destructive-background-default: var(--red-300);
  --basics-colors-surface-destructive-background-hover: var(--red-325);
  --basics-colors-surface-destructive-background-pressed: var(--red-350);
  --basics-colors-text-text-brand-default: var(--magenta-450);
  --basics-colors-text-text-default: var(--grayscale-100);
  --basics-colors-text-text-disabled: var(--grayscale-450);
  --basics-colors-text-text-hover: var(--grayscale-100);
  --basics-colors-text-text-on-accent: var(--grayscale-100);
  --basics-colors-text-text-on-accent-dark: var(--grayscale-800);
  --basics-colors-text-text-on-accent-hover: var(--magenta-450);
  --basics-colors-text-text-on-accent-pressed: var(--magenta-450);
  --basics-colors-text-text-on-accent-secondary: var(--grayscale-800);
  --basics-colors-text-text-pressed: var(--grayscale-100);
  --basics-colors-text-text-recessive: var(--grayscale-300);
  --basics-colors-text-text-recessive-disabled: var(--grayscale-450);
  --basics-colors-text-text-success: var(--green-300);
  --basics-colors-text-text-warning: var(--red-300);
  --button-background-ghost-bg-button-pressed: var(--grayscale-450);
  --button-background-ghost-bg-gh-button-hover: var(--grayscale-500);
  --button-background-ghost-bg-selected: var(--orange-300);
  --button-background-outline-bg-button-disabled: var(--grayscale-500);
  --button-background-outline-bg-ou-button-hover: var(--grayscale-500);
  --button-background-outline-bg-ou-button-pressed: var(--grayscale-450);
  --button-background-primary-bg-button-pr-disabled: var(--grayscale-500);
  --button-background-primary-bg-pr-button-default: var(--magenta-450);
  --button-background-primary-bg-pr-button-focused: var(--magenta-450);
  --button-background-primary-bg-pr-button-hover: var(--magenta-350);
  --button-background-primary-bg-pr-button-pressed: var(--magenta-325);
  --button-background-secondary-bg-button-sc-disabled: var(--grayscale-500);
  --button-background-secondary-bg-se-button-default: var(--grayscale-100);
  --button-background-secondary-bg-se-button-focused: var(--grayscale-100);
  --button-background-secondary-bg-se-button-hover: var(--grayscale-200);
  --button-background-secondary-bg-se-button-pressed: var(--grayscale-300);
  --button-outline-stroke-outline-st-button-default: var(--grayscale-100);
  --button-outline-stroke-outline-st-button-disabled: var(--grayscale-600);
  --button-text-ghost-text-gh-button-dark: var(--grayscale-100);
  --button-text-ghost-text-gh-button-disabled: var(--grayscale-450);
  --button-text-ghost-text-gh-button-light: var(--grayscale-100);
  --button-text-link-text-li-da-default: var(--grayscale-100);
  --button-text-link-text-li-da-disabled: var(--grayscale-450);
  --button-text-link-text-li-da-hover: var(--grayscale-100);
  --button-text-link-text-li-da-pressed: var(--grayscale-500);
  --button-text-link-text-li-da-visited: var(--grayscale-100);
  --button-text-link-text-li-default: var(--magenta-450);
  --button-text-link-text-li-disabled: var(--grayscale-450);
  --button-text-link-text-li-hover: var(--magenta-350);
  --button-text-link-text-li-pressed: var(--magenta-325);
  --button-text-link-text-li-visited: var(--magenta-600);
  --button-text-outline-text-disabled: var(--grayscale-450);
  --button-text-outline-text-button-dark: var(--grayscale-100);
  --button-text-outline-text-button-light: var(--grayscale-100);
  --button-text-primary-text-pr-button-dark: var(--grayscale-800);
  --button-text-primary-text-pr-button-light: var(--grayscale-100);
  --button-text-primary-text-pr-disabled: var(--grayscale-400);
  --button-text-secondary-text-disabled: var(--grayscale-400);
  --button-text-secondary-text-se-button-dark: var(--grayscale-800);
  --button-text-secondary-text-se-button-light: var(--grayscale-800);
  --card-bg-default: var(--grayscale-700);
  --card-divider: var(--grayscale-650);
  --card-icon: var(--grayscale-100);
  --card-stroke: var(--grayscale-800);
  --card-stroke-light: var(--grayscale-650);
  --doc-viewer-bg-default: var(--grayscale-800);
  --file-card-bg-default: var(--grayscale-800);
  --file-card-icon: var(--green-200);
  --file-card-text: var(--grayscale-100);
  --file-card-text-sub: var(--grayscale-400);
  --fileupload-bg-default: var(--grayscale-600);
  --illustrations-black: var(--grayscale-100);
  --illustrations-icon: var(--green-200);
  --illustrations-bg-default: var(--grayscale-700);
  --illustrations-orange: var(--orange-200);
  --illustrations-white: var(--grayscale-800);
  --notification-error-icon: var(--red-200);
  --notification-error-background: var(--red-400);
  --notification-info-icon: var(--blue-200);
  --notification-info-background: var(--blue-400);
  --notification-success-icon: var(--green-200);
  --notification-success-background: var(--green-400);
  --notification-warning-icon: var(--orange-200);
  --notification-warning-background: var(--orange-400);
  --progress-bar-bg-star-default: var(--grayscale-100);
  --progress-bar-bg-star-selected: var(--grayscale-100);
  --progress-bar-disabled-bg: var(--grayscale-500);
  --progress-bar-standard-bg-dark: var(--grayscale-100);
  --progress-bar-standard-bg-light: var(--grayscale-600);
  --progress-bar-success-bg-dark: var(--green-200);
  --progress-bar-warning-bg-dark: var(--red-200);
  --progress-bar-warning-bg-light: var(--red-400);
  --qr-code: var(--magenta-300);
  --qr-dap: #ffffff;
  --qr-bg-inside: var(--grayscale-800);
  --qr-bg-outside: var(--grayscale-700);
  --qr-stroke: var(--grayscale-650);
  --qr-text: var(--grayscale-100);
}
:root {
  --apertif-100: #ffb7a8;
  --apertif-200: #ff846b;
  --basketball-100: #ffc2a3;
  --basketball-200: #ff9661;
  --blue-100: #d3d7f9;
  --blue-200: #3950ea;
  --blue-300: #2238df;
  --blue-400: #131f7b;
  --cheddar-100: #ffd09b;
  --cheddar-200: #ffb25c;
  --dandelion-100: #f9e188;
  --dandelion-200: #f6d046;
  --egg-100: #f4e879;
  --egg-200: #efdc34;
  --frog-100: #e4ea7f;
  --frog-200: #d4dc38;
  --grayscale-100: #ffffff;
  --grayscale-125: #f2f2f2;
  --grayscale-150: #f1f1f1;
  --grayscale-200: #dddddd;
  --grayscale-300: #cacaca;
  --grayscale-400: #b6b6b6;
  --grayscale-450: #828282;
  --grayscale-500: #626262;
  --grayscale-600: #414141;
  --grayscale-650: #363636;
  --grayscale-700: #202020;
  --grayscale-800: #000000;
  --green-100: #ccf0e1;
  --green-200: #00c26d;
  --green-250: #00b367;
  --green-300: #008a50;
  --green-400: #004829;
  --guacamole-100: #c9eb99;
  --guacamole-200: #a7de59;
  --hummingbird-100: #acefb4;
  --hummingbird-200: #74e281;
  --iguana-100: #97edd0;
  --iguana-200: #4de0af;
  --jacuzzi-100: #96e9e2;
  --jacuzzi-200: #4ad9cd;
  --kingfisher-100: #97e4ed;
  --kingfisher-200: #4dd1e0;
  --lagoon-100: #a3dcf5;
  --lagoon-200: #5ec2ed;
  --macaw-100: #b8d2fa;
  --macaw-200: #84b0f5;
  --magenta-300: #ee66ac;
  --magenta-325: #ff69b6;
  --magenta-350: #ff3fa1;
  --magenta-400: #e83390;
  --magenta-450: #f61488;
  --magenta-500: #e20074;
  --magenta-600: #cd016a;
  --magenta-700: #880046;
  --nebula-100: #c1caf8;
  --nebula-200: #95a5f3;
  --orange-100: #fee2d0;
  --orange-200: #fd9038;
  --orange-300: #d05500;
  --orange-400: #642d07;
  --orchid-100: #cbc7f8;
  --orchid-200: #a49df1;
  --red-100: #fad2cf;
  --red-200: #f2321e;
  --red-300: #eb2010;
  --red-325: #bf0e00;
  --red-350: #960b00;
  --red-400: #5d0d06;
}
:root .back-office {
  --custom--primary: rgba(128, 187, 70, 1);
  --custom--secondary: rgba(29, 29, 29, 1);
  --custom--accent: rgba(130, 177, 255, 1);
  --custom--error: rgba(255, 82, 82, 1);
  --custom--info: rgba(33, 150, 243, 1);
  --custom--success: rgba(76, 175, 80, 1);
  --custom--warning: rgba(251, 140, 0, 1);
  --shades--black: rgba(0, 0, 0, 1);
  --shades--white: rgba(255, 255, 255, 1);
  --black--087: rgba(0, 0, 0, 0.8700000047683716);
  --black--06: rgba(0, 0, 0, 0.6000000238418579);
  --black--058: rgba(0, 0, 0, 0.5799999833106995);
  --black--038: rgba(0, 0, 0, 0.3799999952316284);
  --black--018: rgba(0, 0, 0, 0.18000000715255737);
  --black--012: rgba(0, 0, 0, 0.11999999731779099);
  --black--054: rgba(0, 0, 0, 0.5400000214576721);
  --black--026: rgba(0, 0, 0, 0.25999999046325684);
  --black--042: rgba(0, 0, 0, 0.41999998688697815);
  --black--006: rgba(0, 0, 0, 0.05999999865889549);
  --black--02: rgba(0, 0, 0, 0.20000000298023224);
  --grey--grey: rgba(158, 158, 158, 1);
  --grey--lighten-5: rgba(250, 250, 250, 1);
  --grey--lighten-4: rgba(245, 245, 245, 1);
  --grey--lighten-3: rgba(238, 238, 238, 1);
  --grey--lighten-2: rgba(224, 224, 224, 1);
  --grey--lighten-1: rgba(189, 189, 189, 1);
  --grey--darken-1: rgba(117, 117, 117, 1);
  --grey--darken-2: rgba(97, 97, 97, 1);
  --grey--darken-3: rgba(66, 66, 66, 1);
  --grey--darken-4: rgba(33, 33, 33, 1);
  --blue-grey--blue-grey: rgba(96, 125, 139, 1);
  --blue-grey--lighten-5: rgba(236, 239, 241, 1);
  --blue-grey--lighten-4: rgba(207, 216, 220, 1);
  --blue-grey--lighten-3: rgba(176, 190, 197, 1);
  --blue-grey--lighten-2: rgba(144, 164, 174, 1);
  --blue-grey--lighten-1: rgba(120, 144, 156, 1);
  --blue-grey--darken-1: rgba(84, 110, 122, 1);
  --blue-grey--darken-2: rgba(69, 90, 100, 1);
  --blue-grey--darken-3: rgba(55, 71, 79, 1);
  --blue-grey--darken-4: rgba(38, 50, 56, 1);
  --brown--brown: rgba(121, 85, 72, 1);
  --brown--lighten-5: rgba(239, 235, 233, 1);
  --brown--lighten-4: rgba(215, 204, 200, 1);
  --brown--lighten-3: rgba(188, 170, 164, 1);
  --brown--lighten-2: rgba(161, 136, 127, 1);
  --brown--lighten-1: rgba(141, 110, 99, 1);
  --brown--darken-1: rgba(109, 76, 65, 1);
  --brown--darken-2: rgba(93, 64, 55, 1);
  --brown--darken-3: rgba(78, 52, 46, 1);
  --brown--darken-4: rgba(62, 39, 35, 1);
  --orange--orange: rgba(255, 152, 0, 1);
  --orange--lighten-5: rgba(255, 243, 224, 1);
  --orange--lighten-4: rgba(255, 224, 178, 1);
  --orange--lighten-3: rgba(255, 204, 128, 1);
  --orange--lighten-2: rgba(255, 183, 77, 1);
  --orange--lighten-1: rgba(255, 167, 38, 1);
  --orange--darken-1: rgba(251, 140, 0, 1);
  --orange--darken-2: rgba(245, 124, 0, 1);
  --orange--darken-3: rgba(239, 108, 0, 1);
  --orange--darken-4: rgba(230, 81, 0, 1);
  --orange--accent-1: rgba(255, 209, 128, 1);
  --orange--accent-2: rgba(255, 171, 64, 1);
  --orange--accent-3: rgba(255, 145, 0, 1);
  --orange--accent-4: rgba(255, 109, 0, 1);
  --deep-orange--deep-orange: rgba(255, 87, 34, 1);
  --deep-orange--lighten-5: rgba(251, 233, 231, 1);
  --deep-orange--lighten-4: rgba(255, 204, 188, 1);
  --deep-orange--lighten-3: rgba(255, 171, 145, 1);
  --deep-orange--lighten-2: rgba(255, 138, 101, 1);
  --deep-orange--lighten-1: rgba(255, 112, 67, 1);
  --deep-orange--darken-1: rgba(244, 81, 30, 1);
  --deep-orange--darken-2: rgba(230, 74, 25, 1);
  --deep-orange--darken-3: rgba(216, 67, 21, 1);
  --deep-orange--darken-4: rgba(191, 54, 12, 1);
  --deep-orange--accent-1: rgba(255, 158, 128, 1);
  --deep-orange--accent-2: rgba(255, 110, 64, 1);
  --deep-orange--accent-3: rgba(255, 61, 0, 1);
  --deep-orange--accent-4: rgba(221, 44, 0, 1);
  --amber--amber: rgba(255, 193, 7, 1);
  --amber--lighten-5: rgba(255, 248, 225, 1);
  --amber--lighten-4: rgba(255, 236, 179, 1);
  --amber--lighten-3: rgba(255, 224, 130, 1);
  --amber--lighten-2: rgba(255, 213, 79, 1);
  --amber--lighten-1: rgba(255, 202, 40, 1);
  --amber--darken-1: rgba(255, 179, 0, 1);
  --amber--darken-2: rgba(255, 160, 0, 1);
  --amber--darken-3: rgba(255, 143, 0, 1);
  --amber--darken-4: rgba(255, 111, 0, 1);
  --amber--accent-1: rgba(255, 229, 127, 1);
  --amber--accent-2: rgba(255, 215, 64, 1);
  --amber--accent-3: rgba(255, 196, 0, 1);
  --amber--accent-4: rgba(255, 171, 0, 1);
  --yellow--yellow: rgba(255, 235, 59, 1);
  --yellow--lighten-5: rgba(255, 253, 231, 1);
  --yellow--lighten-4: rgba(255, 249, 196, 1);
  --yellow--lighten-3: rgba(255, 245, 157, 1);
  --yellow--lighten-2: rgba(255, 241, 118, 1);
  --yellow--lighten-1: rgba(255, 238, 88, 1);
  --yellow--darken-1: rgba(253, 216, 53, 1);
  --yellow--darken-2: rgba(251, 192, 45, 1);
  --yellow--darken-3: rgba(249, 168, 37, 1);
  --yellow--darken-4: rgba(245, 127, 23, 1);
  --yellow--accent-1: rgba(255, 255, 141, 1);
  --yellow--accent-2: rgba(255, 255, 0, 1);
  --yellow--accent-3: rgba(255, 234, 0, 1);
  --yellow--accent-4: rgba(255, 214, 0, 1);
  --lime--lime: rgba(205, 220, 57, 1);
  --lime--lighten-5: rgba(249, 251, 231, 1);
  --lime--lighten-4: rgba(240, 244, 195, 1);
  --lime--lighten-3: rgba(230, 238, 156, 1);
  --lime--lighten-2: rgba(220, 231, 117, 1);
  --lime--lighten-1: rgba(212, 225, 87, 1);
  --lime--darken-1: rgba(192, 202, 51, 1);
  --lime--darken-2: rgba(175, 180, 43, 1);
  --lime--darken-3: rgba(158, 157, 36, 1);
  --lime--darken-4: rgba(130, 119, 23, 1);
  --lime--accent-1: rgba(244, 255, 129, 1);
  --lime--accent-2: rgba(238, 255, 65, 1);
  --lime--accent-3: rgba(198, 255, 0, 1);
  --lime--accent-4: rgba(174, 234, 0, 1);
  --green--green: rgba(76, 175, 80, 1);
  --green--lighten-5: rgba(232, 245, 233, 1);
  --green--lighten-4: rgba(200, 230, 201, 1);
  --green--lighten-3: rgba(165, 214, 167, 1);
  --green--lighten-2: rgba(129, 199, 132, 1);
  --green--lighten-1: rgba(102, 187, 106, 1);
  --green--darken-1: rgba(67, 160, 71, 1);
  --green--darken-2: rgba(56, 142, 60, 1);
  --green--darken-3: rgba(46, 125, 50, 1);
  --green--darken-4: rgba(27, 94, 32, 1);
  --green--accent-1: rgba(185, 246, 202, 1);
  --green--accent-2: rgba(105, 240, 174, 1);
  --green--accent-3: rgba(0, 230, 118, 1);
  --green--accent-4: rgba(0, 200, 83, 1);
  --light-green--light-green: rgba(139, 195, 74, 1);
  --light-green--lighten-5: rgba(241, 248, 233, 1);
  --light-green--lighten-4: rgba(220, 237, 200, 1);
  --light-green--lighten-3: rgba(197, 225, 165, 1);
  --light-green--lighten-2: rgba(174, 213, 129, 1);
  --light-green--lighten-1: rgba(156, 204, 101, 1);
  --light-green--darken-1: rgba(124, 179, 66, 1);
  --light-green--darken-2: rgba(104, 159, 56, 1);
  --light-green--darken-3: rgba(85, 139, 47, 1);
  --light-green--darken-4: rgba(51, 105, 30, 1);
  --light-green--accent-1: rgba(204, 255, 144, 1);
  --light-green--accent-2: rgba(178, 255, 89, 1);
  --light-green--accent-3: rgba(118, 255, 3, 1);
  --light-green--accent-4: rgba(100, 221, 23, 1);
  --teal--teal: rgba(0, 150, 136, 1);
  --teal--lighten-5: rgba(224, 242, 241, 1);
  --teal--lighten-4: rgba(178, 223, 219, 1);
  --teal--lighten-3: rgba(128, 203, 196, 1);
  --teal--lighten-2: rgba(77, 182, 172, 1);
  --teal--lighten-1: rgba(38, 166, 154, 1);
  --teal--darken-1: rgba(0, 137, 123, 1);
  --teal--darken-2: rgba(0, 121, 107, 1);
  --teal--darken-3: rgba(0, 105, 92, 1);
  --teal--darken-4: rgba(0, 77, 64, 1);
  --teal--accent-1: rgba(167, 255, 235, 1);
  --teal--accent-2: rgba(100, 255, 218, 1);
  --teal--accent-3: rgba(29, 233, 182, 1);
  --teal--accent-4: rgba(0, 191, 165, 1);
  --cyan--cyan: rgba(0, 188, 212, 1);
  --cyan--lighten-5: rgba(224, 247, 250, 1);
  --cyan--lighten-4: rgba(178, 235, 242, 1);
  --cyan--lighten-3: rgba(128, 222, 234, 1);
  --cyan--lighten-2: rgba(77, 208, 225, 1);
  --cyan--lighten-1: rgba(38, 198, 218, 1);
  --cyan--darken-1: rgba(0, 172, 193, 1);
  --cyan--darken-2: rgba(0, 151, 167, 1);
  --cyan--darken-3: rgba(0, 131, 143, 1);
  --cyan--darken-4: rgba(0, 96, 100, 1);
  --cyan--accent-1: rgba(132, 255, 255, 1);
  --cyan--accent-2: rgba(24, 255, 255, 1);
  --cyan--accent-3: rgba(0, 229, 255, 1);
  --cyan--accent-4: rgba(0, 184, 212, 1);
  --blue--blue: rgba(33, 150, 243, 1);
  --blue--lighten-5: rgba(227, 242, 253, 1);
  --blue--lighten-4: rgba(187, 222, 251, 1);
  --blue--lighten-3: rgba(144, 202, 249, 1);
  --blue--lighten-2: rgba(100, 181, 246, 1);
  --blue--lighten-1: rgba(66, 165, 245, 1);
  --blue--darken-1: rgba(30, 136, 229, 1);
  --blue--darken-2: rgba(25, 118, 210, 1);
  --blue--darken-3: rgba(21, 101, 192, 1);
  --blue--darken-4: rgba(13, 71, 161, 1);
  --blue--accent-1: rgba(130, 177, 255, 1);
  --blue--accent-2: rgba(68, 138, 255, 1);
  --blue--accent-3: rgba(41, 121, 255, 1);
  --blue--accent-4: rgba(41, 98, 255, 1);
  --light-blue--light-blue: rgba(3, 169, 244, 1);
  --light-blue--lighten-5: rgba(225, 245, 254, 1);
  --light-blue--lighten-4: rgba(179, 229, 252, 1);
  --light-blue--lighten-3: rgba(129, 212, 250, 1);
  --light-blue--lighten-2: rgba(79, 195, 247, 1);
  --light-blue--lighten-1: rgba(41, 182, 246, 1);
  --light-blue--darken-1: rgba(3, 155, 229, 1);
  --light-blue--darken-2: rgba(2, 136, 209, 1);
  --light-blue--darken-3: rgba(2, 119, 189, 1);
  --light-blue--darken-4: rgba(1, 87, 155, 1);
  --light-blue--accent-1: rgba(128, 216, 255, 1);
  --light-blue--accent-2: rgba(64, 196, 255, 1);
  --light-blue--accent-3: rgba(0, 176, 255, 1);
  --light-blue--accent-4: rgba(0, 145, 234, 1);
  --indigo--indigo: rgba(63, 81, 181, 1);
  --indigo--lighten-5: rgba(232, 234, 246, 1);
  --indigo--lighten-4: rgba(197, 202, 233, 1);
  --indigo--lighten-3: rgba(159, 168, 218, 1);
  --indigo--lighten-2: rgba(121, 134, 203, 1);
  --indigo--lighten-1: rgba(92, 107, 192, 1);
  --indigo--darken-1: rgba(57, 73, 171, 1);
  --indigo--darken-2: rgba(48, 63, 159, 1);
  --indigo--darken-3: rgba(40, 53, 147, 1);
  --indigo--darken-4: rgba(26, 35, 126, 1);
  --indigo--accent-1: rgba(140, 158, 255, 1);
  --indigo--accent-2: rgba(83, 109, 254, 1);
  --indigo--accent-3: rgba(61, 90, 254, 1);
  --indigo--accent-4: rgba(48, 79, 254, 1);
  --purple--purple: rgba(156, 39, 176, 1);
  --purple--lighten-5: rgba(243, 229, 245, 1);
  --purple--lighten-4: rgba(225, 190, 231, 1);
  --purple--lighten-3: rgba(206, 147, 216, 1);
  --purple--lighten-2: rgba(186, 104, 200, 1);
  --purple--lighten-1: rgba(171, 71, 188, 1);
  --purple--darken-1: rgba(142, 36, 170, 1);
  --purple--darken-2: rgba(123, 31, 162, 1);
  --purple--darken-3: rgba(106, 27, 154, 1);
  --purple--darken-4: rgba(74, 20, 140, 1);
  --purple--accent-1: rgba(234, 128, 252, 1);
  --purple--accent-2: rgba(224, 64, 251, 1);
  --purple--accent-3: rgba(213, 0, 249, 1);
  --purple--accent-4: rgba(170, 0, 255, 1);
  --deep-purple--deep-purple: rgba(103, 58, 183, 1);
  --deep-purple--lighten-5: rgba(237, 231, 246, 1);
  --deep-purple--lighten-4: rgba(209, 196, 233, 1);
  --deep-purple--lighten-3: rgba(179, 157, 219, 1);
  --deep-purple--lighten-2: rgba(149, 117, 205, 1);
  --deep-purple--lighten-1: rgba(126, 87, 194, 1);
  --deep-purple--darken-1: rgba(94, 53, 177, 1);
  --deep-purple--darken-2: rgba(81, 45, 168, 1);
  --deep-purple--darken-3: rgba(69, 39, 160, 1);
  --deep-purple--darken-4: rgba(49, 27, 146, 1);
  --deep-purple--accent-1: rgba(179, 136, 255, 1);
  --deep-purple--accent-2: rgba(124, 77, 255, 1);
  --deep-purple--accent-3: rgba(101, 31, 255, 1);
  --deep-purple--accent-4: rgba(98, 0, 234, 1);
  --pink--pink: rgba(233, 30, 99, 1);
  --pink--lighten-5: rgba(252, 228, 236, 1);
  --pink--lighten-4: rgba(248, 187, 208, 1);
  --pink--lighten-3: rgba(244, 143, 177, 1);
  --pink--lighten-2: rgba(240, 98, 146, 1);
  --pink--lighten-1: rgba(236, 64, 122, 1);
  --pink--darken-1: rgba(216, 27, 96, 1);
  --pink--darken-2: rgba(194, 24, 91, 1);
  --pink--darken-3: rgba(173, 20, 87, 1);
  --pink--darken-4: rgba(136, 14, 79, 1);
  --pink--accent-1: rgba(255, 128, 171, 1);
  --pink--accent-2: rgba(255, 64, 129, 1);
  --pink--accent-3: rgba(245, 0, 87, 1);
  --pink--accent-4: rgba(197, 17, 98, 1);
  --red--red: rgba(244, 67, 54, 1);
  --red--lighten-5: rgba(255, 235, 238, 1);
  --red--lighten-4: rgba(255, 205, 210, 1);
  --red--lighten-3: rgba(239, 154, 154, 1);
  --red--lighten-2: rgba(229, 115, 115, 1);
  --red--lighten-1: rgba(239, 83, 80, 1);
  --red--darken-1: rgba(229, 57, 53, 1);
  --red--darken-2: rgba(211, 47, 47, 1);
  --red--darken-3: rgba(198, 40, 40, 1);
  --red--darken-4: rgba(183, 28, 28, 1);
  --red--accent-1: rgba(255, 138, 128, 1);
  --red--accent-2: rgba(255, 82, 82, 1);
  --red--accent-3: rgba(255, 23, 68, 1);
  --red--accent-4: rgba(213, 0, 0, 1);
}
:root {
  --content-header-text-max-width: 600px;
  --content-header-title-max-width: 750px;
  --typo-paragraph: 20px;
  --typo-title-xs: 24px;
  --typo-title-s: 32px;
  --typo-title-m: 48px;
  --typo-title-l: 56px;
  --content-content-max-width: 600px;
  --content-modal-max-width: 600px;
  --content-header-text-max-width: 900px;
  --content-header-title-max-width: 900px;
  --typo-caption: 12px;
  --typo-body-s: 16px;
  --typo-paragraph: 16px;
  --typo-body-l: 20px;
  --typo-title-xs: 20px;
  --typo-title-s: 24px;
  --typo-title-m: 28px;
  --typo-title-l: 32px;
  --typo-title-xl: 72px;
}
:root {
  --0: 0px;
  --2: 2px;
  --4: 4px;
  --6: 6px;
  --8: 8px;
  --10: 10px;
  --12: 12px;
  --16: 16px;
  --20: 20px;
  --24: 24px;
  --28: 28px;
  --32: 32px;
  --48: 48px;
  --64: 64px;
  --96: 96px;
}
:root {
  --0: var(--0);
  --2: var(--2);
  --4: var(--4);
  --8: var(--8);
  --12: var(--12);
  --16: var(--16);
  --20: var(--20);
  --24: var(--24);
  --28: var(--28);
  --32: var(--32);
  --48: var(--48);
  --64: var(--64);
  --96: var(--96);
}
:root {
  --content-width: 600px;
}
html,
body {
  height: 100%;
  font-family: "TeleNeo-Var";
}
body {
  margin: 0;
  font-family: "TeleNeo-Var";
  background: var(--basics-colors-surface-default-background);
}
@supports (-moz-appearance: none) {
  html.cdk-global-scrollblock {
    position: static !important;
    overflow: hidden;
  }
}
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *,
    ::before,
    ::after,
    ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
    }
  }
}

/* apps/esign-bo/src/assets/fonts/font-file.scss */
@font-face {
  font-family: "TeleNeo-Var";
  src: url("./media/TeleNeoVariable-Upright.ttf");
}
@font-face {
  font-family: "TeleNeo-Var";
  src: url("./media/TeleNeoVariable-Italic.ttf");
  font-style: italic;
}

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