@charset "UTF-8";

/* apps/esign-fo/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-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xl: 36rem;
    --container-3xl: 48rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --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 {
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .visible {
    visibility: visible;
  }
  .\!sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .-top-1 {
    top: calc(var(--spacing) * -1);
  }
  .-top-\[11px\] {
    top: calc(11px * -1);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .-left-3 {
    left: calc(var(--spacing) * -3);
  }
  .-left-\[11px\] {
    left: calc(11px * -1);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .z-50 {
    z-index: 50;
  }
  .container {
    width: 100%;
  }
  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .\!m-0 {
    margin: calc(var(--spacing) * 0) !important;
  }
  .\!m-auto {
    margin: auto !important;
  }
  .m-1 {
    margin: calc(var(--spacing) * 1);
  }
  .m-auto {
    margin: auto;
  }
  .\!mx-auto {
    margin-inline: auto !important;
  }
  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
  .mx-6 {
    margin-inline: calc(var(--spacing) * 6);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .\!my-4 {
    margin-block: calc(var(--spacing) * 4) !important;
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .my-12 {
    margin-block: calc(var(--spacing) * 12);
  }
  .my-16 {
    margin-block: calc(var(--spacing) * 16);
  }
  .my-\[2px\] {
    margin-block: 2px;
  }
  .my-\[8px\] {
    margin-block: 8px;
  }
  .my-\[32px\] {
    margin-block: 32px;
  }
  .my-auto {
    margin-block: auto;
  }
  .ms-1 {
    margin-inline-start: calc(var(--spacing) * 1);
  }
  .ms-2 {
    margin-inline-start: calc(var(--spacing) * 2);
  }
  .ms-\[24px\] {
    margin-inline-start: 24px;
  }
  .me-\[12px\] {
    margin-inline-end: 12px;
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .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-\[12px\] {
    margin-top: 12px;
  }
  .mt-\[32px\] {
    margin-top: 32px;
  }
  .mt-\[66px\] {
    margin-top: 66px;
  }
  .mr-0 {
    margin-right: calc(var(--spacing) * 0);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }
  .mb-\[12px\] {
    margin-bottom: 12px;
  }
  .mb-\[14px\] {
    margin-bottom: 14px;
  }
  .mb-\[16px\] {
    margin-bottom: 16px;
  }
  .mb-\[24px\] {
    margin-bottom: 24px;
  }
  .mb-\[32px\] {
    margin-bottom: 32px;
  }
  .mb-\[40px\] {
    margin-bottom: 40px;
  }
  .mb-\[64px\] {
    margin-bottom: 64px;
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }
  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }
  .ml-\[10\%\] {
    margin-left: 10%;
  }
  .ml-auto {
    margin-left: auto;
  }
  .\!block {
    display: block !important;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-flex {
    display: inline-flex;
  }
  .inline-grid {
    display: inline-grid;
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .\!h-\[16px\] {
    height: 16px !important;
  }
  .\!h-\[20px\] {
    height: 20px !important;
  }
  .\!h-\[30px\] {
    height: 30px !important;
  }
  .\!h-\[40px\] {
    height: 40px !important;
  }
  .\!h-\[48px\] {
    height: 48px !important;
  }
  .\!h-\[50px\] {
    height: 50px !important;
  }
  .\!h-\[52px\] {
    height: 52px !important;
  }
  .\!h-\[80px\] {
    height: 80px !important;
  }
  .\!h-\[82px\] {
    height: 82px !important;
  }
  .\!h-\[85px\] {
    height: 85px !important;
  }
  .\!h-\[96px\] {
    height: 96px !important;
  }
  .\!h-\[128px\] {
    height: 128px !important;
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-\[20px\] {
    height: 20px;
  }
  .h-\[24px\] {
    height: 24px;
  }
  .h-\[48px\] {
    height: 48px;
  }
  .h-\[52px\] {
    height: 52px;
  }
  .h-\[64px\] {
    height: 64px;
  }
  .h-\[80px\] {
    height: 80px;
  }
  .h-\[84px\] {
    height: 84px;
  }
  .h-\[92px\] {
    height: 92px;
  }
  .h-\[140px\] {
    height: 140px;
  }
  .h-\[600px\] {
    height: 600px;
  }
  .h-\[704px\] {
    height: 704px;
  }
  .h-full {
    height: 100%;
  }
  .max-h-\[220px\] {
    max-height: 220px;
  }
  .min-h-\[72px\] {
    min-height: 72px;
  }
  .min-h-full {
    min-height: 100%;
  }
  .\!w-\[16px\] {
    width: 16px !important;
  }
  .\!w-\[30px\] {
    width: 30px !important;
  }
  .\!w-\[40px\] {
    width: 40px !important;
  }
  .\!w-\[48px\] {
    width: 48px !important;
  }
  .\!w-\[52px\] {
    width: 52px !important;
  }
  .\!w-\[68px\] {
    width: 68px !important;
  }
  .\!w-\[80px\] {
    width: 80px !important;
  }
  .\!w-\[85px\] {
    width: 85px !important;
  }
  .\!w-\[200px\] {
    width: 200px !important;
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-\[24px\] {
    width: 24px;
  }
  .w-\[30px\] {
    width: 30px;
  }
  .w-\[64px\] {
    width: 64px;
  }
  .w-\[80\%\] {
    width: 80%;
  }
  .w-\[88px\] {
    width: 88px;
  }
  .w-\[125px\] {
    width: 125px;
  }
  .w-\[140px\] {
    width: 140px;
  }
  .w-\[259px\] {
    width: 259px;
  }
  .w-\[288px\] {
    width: 288px;
  }
  .w-\[312px\] {
    width: 312px;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .\!max-w-\[358px\] {
    max-width: 358px !important;
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-\[226px\] {
    max-width: 226px;
  }
  .max-w-\[355px\] {
    max-width: 355px;
  }
  .max-w-\[400px\] {
    max-width: 400px;
  }
  .max-w-\[560px\] {
    max-width: 560px;
  }
  .max-w-\[600px\] {
    max-width: 600px;
  }
  .max-w-\[650px\] {
    max-width: 650px;
  }
  .max-w-\[750px\] {
    max-width: 750px;
  }
  .max-w-\[900px\] {
    max-width: 900px;
  }
  .max-w-\[992px\] {
    max-width: 992px;
  }
  .max-w-\[1192px\] {
    max-width: 1192px;
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .\!min-w-\[40px\] {
    min-width: 40px !important;
  }
  .min-w-\[max-content\] {
    min-width: max-content;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .scale-96 {
    --tw-scale-x: 96%;
    --tw-scale-y: 96%;
    --tw-scale-z: 96%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .\!cursor-default {
    cursor: default !important;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .\!list-none {
    list-style-type: none !important;
  }
  .auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }
  .grid-flow-row {
    grid-auto-flow: row;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .items-center {
    align-items: center;
  }
  .\!justify-center {
    justify-content: center !important;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-\[4px\] {
    gap: 4px;
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  .gap-\[12px\] {
    gap: 12px;
  }
  .gap-\[16px\] {
    gap: 16px;
  }
  .gap-\[20px\] {
    gap: 20px;
  }
  .gap-\[42px\] {
    gap: 42px;
  }
  :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)));
  }
  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-\[16px\] {
    column-gap: 16px;
  }
  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }
  .gap-y-\[8px\] {
    row-gap: 8px;
  }
  .self-center {
    align-self: center;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-1 {
    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);
    border-top-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-\[var\(--askforhelp-stroke\)\] {
    border-color: var(--askforhelp-stroke);
  }
  .border-\[var\(--basics-colors-stroke-brand-stroke-brand\)\] {
    border-color: var(--basics-colors-stroke-brand-stroke-brand);
  }
  .border-\[var\(--basics-colors-stroke-default-stroke\)\] {
    border-color: var(--basics-colors-stroke-default-stroke);
  }
  .border-\[var\(--basics-colors-stroke-default-stroke-disabled\)\] {
    border-color: var(--basics-colors-stroke-default-stroke-disabled);
  }
  .border-\[var\(--basics-colors-stroke-default-stroke-light\)\] {
    border-color: var(--basics-colors-stroke-default-stroke-light);
  }
  .border-\[var\(--basics-colors-stroke-default-stroke-subtle\)\] {
    border-color: var(--basics-colors-stroke-default-stroke-subtle);
  }
  .border-\[var\(--card-stroke\)\] {
    border-color: var(--card-stroke);
  }
  .border-\[var\(--card-stroke-light\)\] {
    border-color: var(--card-stroke-light);
  }
  .bg-\[\#ee66acb5\] {
    background-color: #ee66acb5;
  }
  .bg-\[var\(--askforhelp-bg-default\)\] {
    background-color: var(--askforhelp-bg-default);
  }
  .bg-\[var\(--basics-colors-stroke-default-stroke-light\)\] {
    background-color: var(--basics-colors-stroke-default-stroke-light);
  }
  .bg-\[var\(--basics-colors-surface-default-background\)\] {
    background-color: var(--basics-colors-surface-default-background);
  }
  .bg-\[var\(--basics-colors-surface-default-background-dark\)\] {
    background-color: var(--basics-colors-surface-default-background-dark);
  }
  .bg-\[var\(--basics-colors-surface-default-background-hover-light\)\] {
    background-color: var(--basics-colors-surface-default-background-hover-light);
  }
  .bg-\[var\(--basics-colors-surface-default-background-light\)\] {
    background-color: var(--basics-colors-surface-default-background-light);
  }
  .bg-\[var\(--button-background-outline-bg-button-disabled\)\] {
    background-color: var(--button-background-outline-bg-button-disabled);
  }
  .bg-\[var\(--button-background-primary-bg-pr-button-default\)\] {
    background-color: var(--button-background-primary-bg-pr-button-default);
  }
  .bg-\[var\(--card-bg-default\)\] {
    background-color: var(--card-bg-default);
  }
  .bg-\[var\(--doc-viewer-bg-default\)\] {
    background-color: var(--doc-viewer-bg-default);
  }
  .bg-\[var\(--notification-error-background\)\] {
    background-color: var(--notification-error-background);
  }
  .bg-\[var\(--notification-warning-background\)\] {
    background-color: var(--notification-warning-background);
  }
  .bg-\[var\(--qr-bg-inside\)\] {
    background-color: var(--qr-bg-inside);
  }
  .bg-\[var\(--qr-bg-outside\)\] {
    background-color: var(--qr-bg-outside);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-\[url\(\/assets\/imgs\/landing-price-bg-light\.svg\)\] {
    background-image: url(/assets/imgs/landing-price-bg-light.svg);
  }
  .bg-\[url\(\/assets\/imgs\/landing-price-bg\.svg\)\] {
    background-image: url(/assets/imgs/landing-price-bg.svg);
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-top {
    background-position: top;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .\!fill-\[var\(--basics-colors-surface-brand-background-brand\)\] {
    fill: var(--basics-colors-surface-brand-background-brand) !important;
  }
  .\!fill-\[var\(--basics-colors-text-text-default\)\] {
    fill: var(--basics-colors-text-text-default) !important;
  }
  .\!fill-\[var\(--basics-colors-text-text-recessive\)\] {
    fill: var(--basics-colors-text-text-recessive) !important;
  }
  .\!fill-\[var\(--basics-colors-text-text-warning\)\] {
    fill: var(--basics-colors-text-text-warning) !important;
  }
  .\!fill-\[var\(--button-text-ghost-text-gh-button-dark\)\] {
    fill: var(--button-text-ghost-text-gh-button-dark) !important;
  }
  .\!fill-\[var\(--button-text-outline-text-button-dark\)\] {
    fill: var(--button-text-outline-text-button-dark) !important;
  }
  .\!fill-\[var\(--button-text-primary-text-pr-button-light\)\] {
    fill: var(--button-text-primary-text-pr-button-light) !important;
  }
  .\!fill-\[var\(--button-text-secondary-text-se-button-light\)\] {
    fill: var(--button-text-secondary-text-se-button-light) !important;
  }
  .\!fill-\[var\(--notification-warning-icon\)\] {
    fill: var(--notification-warning-icon) !important;
  }
  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }
  .\!p-2 {
    padding: calc(var(--spacing) * 2) !important;
  }
  .\!p-\[24px\] {
    padding: 24px !important;
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-7 {
    padding: calc(var(--spacing) * 7);
  }
  .p-\[12px\] {
    padding: 12px;
  }
  .p-\[16px\] {
    padding: 16px;
  }
  .p-\[32px\] {
    padding: 32px;
  }
  .\!px-5 {
    padding-inline: calc(var(--spacing) * 5) !important;
  }
  .\!px-8 {
    padding-inline: calc(var(--spacing) * 8) !important;
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-\[24px\] {
    padding-inline: 24px;
  }
  .px-\[32px\] {
    padding-inline: 32px;
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-\[12px\] {
    padding-block: 12px;
  }
  .py-\[48px\] {
    padding-block: 48px;
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-\[2px\] {
    padding-top: 2px;
  }
  .pt-\[16px\] {
    padding-top: 16px;
  }
  .pt-\[24px\] {
    padding-top: 24px;
  }
  .pt-\[32px\] {
    padding-top: 32px;
  }
  .pr-\[10px\] {
    padding-right: 10px;
  }
  .\!pb-0 {
    padding-bottom: calc(var(--spacing) * 0) !important;
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-\[14px\] {
    padding-bottom: 14px;
  }
  .pl-\[10px\] {
    padding-left: 10px;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-start {
    text-align: start;
  }
  .\!text-base {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--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-\[24px\] {
    font-size: 24px !important;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .\!text-\[var\(--accordion-text-text-accordion-default\)\] {
    color: var(--accordion-text-text-accordion-default) !important;
  }
  .\!text-\[var\(--basics-colors-text-text-brand-default\)\] {
    color: var(--basics-colors-text-text-brand-default) !important;
  }
  .\!text-\[var\(--basics-colors-text-text-default\)\] {
    color: var(--basics-colors-text-text-default) !important;
  }
  .\!text-\[var\(--basics-colors-text-text-disabled\)\] {
    color: var(--basics-colors-text-text-disabled) !important;
  }
  .\!text-\[var\(--basics-colors-text-text-on-accent\)\] {
    color: var(--basics-colors-text-text-on-accent) !important;
  }
  .\!text-\[var\(--basics-colors-text-text-recessive\)\] {
    color: var(--basics-colors-text-text-recessive) !important;
  }
  .\!text-\[var\(--button-text-ghost-text-gh-button-dark\)\] {
    color: var(--button-text-ghost-text-gh-button-dark) !important;
  }
  .\!text-\[var\(--button-text-link-text-li-da-default\)\] {
    color: var(--button-text-link-text-li-da-default) !important;
  }
  .text-\[var\(--basics-colors-text-text-default\)\] {
    color: var(--basics-colors-text-text-default);
  }
  .text-\[var\(--basics-colors-text-text-disabled\)\] {
    color: var(--basics-colors-text-text-disabled);
  }
  .text-\[var\(--basics-colors-text-text-on-accent\)\] {
    color: var(--basics-colors-text-text-on-accent);
  }
  .text-\[var\(--basics-colors-text-text-recessive\)\] {
    color: var(--basics-colors-text-text-recessive);
  }
  .text-\[var\(--basics-colors-text-text-subtle\)\] {
    color: var(--basics-colors-text-text-subtle);
  }
  .text-\[var\(--basics-colors-text-text-warning\)\] {
    color: var(--basics-colors-text-text-warning);
  }
  .text-\[var\(--button-text-primary-text-pr-button-light\)\] {
    color: var(--button-text-primary-text-pr-button-light);
  }
  .text-\[var\(--file-card-text-sub\)\] {
    color: var(--file-card-text-sub);
  }
  .text-\[var\(--qr-text\)\] {
    color: var(--qr-text);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-white {
    color: var(--color-white);
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-\[var\(--basics-colors-stroke-brand-stroke-brand\)\] {
    outline-color: var(--basics-colors-stroke-brand-stroke-brand);
  }
  .outline-\[var\(--basics-colors-stroke-default-stroke\)\] {
    outline-color: var(--basics-colors-stroke-default-stroke);
  }
  .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 {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .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-transform {
    transition-property:
      transform,
      translate,
      scale,
      rotate;
    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;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .first\:mt-4:first-child {
    margin-top: calc(var(--spacing) * 4);
  }
  .last\:mt-0:last-child {
    margin-top: calc(var(--spacing) * 0);
  }
  @media (hover: hover) {
    .hover\:bg-\[var\(--basics-colors-surface-default-background-hover-light\)\]:hover {
      background-color: var(--basics-colors-surface-default-background-hover-light);
    }
  }
  @media (hover: hover) {
    .hover\:bg-\[var\(--button-background-primary-bg-pr-button-hover\)\]:hover {
      background-color: var(--button-background-primary-bg-pr-button-hover);
    }
  }
  @media (hover: hover) {
    .hover\:\!text-\[var\(--button-text-link-text-li-da-hover\)\]:hover {
      color: var(--button-text-link-text-li-da-hover) !important;
    }
  }
  .focus\:bg-\[var\(--basics-colors-surface-default-background-hover-light\)\]:focus {
    background-color: var(--basics-colors-surface-default-background-hover-light);
  }
  .focus-visible\:\!outline-2:focus-visible {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 2px !important;
  }
  .focus-visible\:outline-offset-4:focus-visible {
    outline-offset: 4px;
  }
  .active\:bg-\[var\(--basics-colors-surface-default-background-pressed-light\)\]:active {
    background-color: var(--basics-colors-surface-default-background-pressed-light);
  }
  @media (width >= 40rem) {
    .sm\:m-auto {
      margin: auto;
    }
  }
  @media (width >= 40rem) {
    .sm\:w-\[312px\] {
      width: 312px;
    }
  }
  @media (width >= 40rem) {
    .sm\:w-full {
      width: 100%;
    }
  }
  @media (width >= 40rem) {
    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 40rem) {
    .sm\:\!text-\[20px\] {
      font-size: 20px !important;
    }
  }
  @media (width >= 48rem) {
    .md\:m-0 {
      margin: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 48rem) {
    .md\:mr-3 {
      margin-right: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 48rem) {
    .md\:mb-\[8px\] {
      margin-bottom: 8px;
    }
  }
  @media (width >= 48rem) {
    .md\:w-\[312px\] {
      width: 312px;
    }
  }
  @media (width >= 48rem) {
    .md\:w-auto {
      width: auto;
    }
  }
  @media (width >= 48rem) {
    .md\:w-full {
      width: 100%;
    }
  }
  @media (width >= 48rem) {
    .md\:max-w-\[690px\] {
      max-width: 690px;
    }
  }
  @media (width >= 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 48rem) {
    .md\:gap-\[18px\] {
      gap: 18px;
    }
  }
  @media (width >= 48rem) {
    .md\:\!px-\[16px\] {
      padding-inline: 16px !important;
    }
  }
  @media (width >= 48rem) {
    .md\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 48rem) {
    .md\:py-\[16px\] {
      padding-block: 16px;
    }
  }
  @media (width >= 64rem) {
    .lg\:\!mr-0 {
      margin-right: calc(var(--spacing) * 0) !important;
    }
  }
  @media (width >= 64rem) {
    .lg\:\!ml-0 {
      margin-left: calc(var(--spacing) * 0) !important;
    }
  }
  @media (width >= 64rem) {
    .lg\:\!ml-auto {
      margin-left: auto !important;
    }
  }
  @media (width >= 64rem) {
    .lg\:flex {
      display: flex;
    }
  }
  @media (width >= 64rem) {
    .lg\:min-h-\[78px\] {
      min-height: 78px;
    }
  }
  @media (width >= 64rem) {
    .lg\:w-\[422px\] {
      width: 422px;
    }
  }
  @media (width >= 64rem) {
    .lg\:w-\[500px\] {
      width: 500px;
    }
  }
  @media (width >= 64rem) {
    .lg\:w-\[560px\] {
      width: 560px;
    }
  }
  @media (width >= 64rem) {
    .lg\:w-\[600px\] {
      width: 600px;
    }
  }
  @media (width >= 64rem) {
    .lg\:w-\[620px\] {
      width: 620px;
    }
  }
  @media (width >= 64rem) {
    .lg\:w-\[750px\] {
      width: 750px;
    }
  }
  @media (width >= 64rem) {
    .lg\:w-\[912px\] {
      width: 912px;
    }
  }
  @media (width >= 64rem) {
    .lg\:w-\[1000px\] {
      width: 1000px;
    }
  }
  @media (width >= 64rem) {
    .lg\:w-fit {
      width: fit-content;
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-flow-col {
      grid-auto-flow: column;
    }
  }
  @media (width >= 64rem) {
    .lg\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 64rem) {
    .lg\:flex-row-reverse {
      flex-direction: row-reverse;
    }
  }
  @media (width >= 64rem) {
    .lg\:items-center {
      align-items: center;
    }
  }
  @media (width >= 64rem) {
    .lg\:\!justify-end {
      justify-content: flex-end !important;
    }
  }
  @media (width >= 64rem) {
    .lg\:\!justify-start {
      justify-content: flex-start !important;
    }
  }
  @media (width >= 64rem) {
    .lg\:justify-between {
      justify-content: space-between;
    }
  }
  @media (width >= 64rem) {
    .lg\:justify-center {
      justify-content: center;
    }
  }
  @media (width >= 64rem) {
    .lg\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .\[\&_span\]\:\!text-\[var\(--basics-colors-text-text-on-accent\)\] span {
    color: var(--basics-colors-text-text-on-accent) !important;
  }
  .\[\&_span\]\:\!text-\[var\(--button-text-ghost-text-gh-button-dark\)\] span {
    color: var(--button-text-ghost-text-gh-button-dark) !important;
  }
  .\[\&_span\]\:\!text-\[var\(--button-text-outline-text-button-dark\)\] span {
    color: var(--button-text-outline-text-button-dark) !important;
  }
  .\[\&_span\]\:\!no-underline span {
    text-decoration-line: none !important;
  }
  .\[\&_svg\]\:\!h-\[52px\] svg {
    height: 52px !important;
  }
  .\[\&_svg\]\:\!w-\[52px\] svg {
    width: 52px !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);
}
body.dark-theme .mdc-button__label:disabled,
body.dark-theme .mdc-button:disabled .mdc-button__label {
  color: var(--button-text-primary-text-pr-disabled);
}
a.mat-mdc-button-base .mdc-button__label {
  color: var(--button-text-primary-text-pr-disabled);
  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 {
  color-scheme: light;
  --mat-button-filled-container-color: var(--button-background-primary-bg-pr-button-default);
  --mat-button-filled-label-text-color: var(--button-text-primary-text-pr-button-light);
  --mat-button-filled-state-layer-color: var(--button-background-primary-bg-pr-button-hover);
  --mat-button-filled-ripple-color: var(--button-background-primary-bg-pr-button-pressed);
  --mat-button-filled-disabled-container-color: var(--button-background-primary-bg-button-pr-disabled);
  --mat-button-filled-disabled-label-text-color: var(--button-text-primary-text-pr-disabled);
  --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-divider-color: var(--card-divider);
  --mat-progress-bar-active-indicator-color: var(--basics-colors-text-text-default);
  --mat-progress-bar-track-color: var(--progress-bar-standard-bg-light);
  --mat-progress-bar-active-indicator-height: 8px;
  --mat-progress-bar-track-height: 8px;
  --mat-radio-unselected-focus-icon-color: var(--basics-colors-surface-default-background);
  --mat-radio-unselected-pressed-icon-color: var(--basics-colors-surface-default-background-pressed);
  --mat-radio-ripple-color: var(--basics-colors-surface-default-background-pressed);
  --mat-radio-selected-icon-color: var(--basics-colors-surface-brand-background-brand);
  --mat-radio-selected-focus-icon-color: var(--basics-colors-surface-brand-background-brand);
  --mat-radio-selected-pressed-icon-color: var(--basics-colors-surface-brand-background-brand-pressed);
  --mat-radio-selected-hover-icon-color: var(--basics-colors-surface-brand-background-brand-hover);
  --mat-radio-checked-ripple-color: var(--basics-colors-surface-default-background-pressed);
  --mat-radio-state-layer-size: 28px;
  --mat-stepper-container-color: var(--basics-colors-surface-default-background);
  --mat-stepper-header-label-text-size: 16;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-label-text-color: var(--basics-colors-text-text-recessive);
  --mat-stepper-header-selected-state-label-text-size: 16;
  --mat-stepper-header-selected-state-label-text-weight: 655;
  --mat-stepper-header-selected-state-label-text-color: var(--basics-colors-text-text-brand-default);
  --mat-expansion-container-background-color: var(--basics-colors-surface-default-background);
  --mat-expansion-header-hover-state-layer-color: var(--accordion-background-bg-accordion-hover);
  --mat-expansion-header-collapsed-state-height: 64px;
  --mat-expansion-header-indicator-color: var(--accordion-text-text-accordion-default);
  --mat-dialog-container-color: var(--basics-colors-surface-default-background);
  --mat-form-field-outlined-container-shape: 36px;
  --mat-form-field-outlined-outline-color: var(--basics-colors-stroke-default-stroke);
  --mat-form-field-outlined-focus-outline-color: var(--basics-colors-stroke-default-stroke);
  --mat-form-field-outlined-hover-outline-color: var(--basics-colors-stroke-default-stroke);
  --mat-form-field-outlined-disabled-outline-color: var(--basics-colors-stroke-default-stroke-disabled);
  --mat-form-field-outlined-caret-color: var(--basics-colors-surface-brand-background-brand);
  --mat-form-field-outlined-focus-label-text-color: var(--basics-colors-stroke-brand-stroke-brand);
  --mat-form-field-container-height: 50px;
  --mat-autocomplete-container-shape: 36px;
  --mat-autocomplete-background-color: var(--basics-colors-surface-default-background);
  --mat-tab-active-indicator-height: 4px;
  --mat-tab-active-indicator-shape: 6px;
  --mat-tab-inactive-focus-label-text-color: var(--basics-colors-text-text-brand-default);
  --mat-tab-inactive-hover-label-text-color: var(--basics-colors-text-text-brand-default);
  --mat-tab-inactive-label-text-color: var(--basics-colors-text-text-disabled);
  --mat-tab-active-focus-label-text-color: var(--basics-colors-text-text-brand-default);
  --mat-tab-active-hover-label-text-color: var(--basics-colors-text-text-brand-default);
  --mat-tab-active-focus-indicator-color: var(--basics-colors-surface-brand-background-brand);
  --mat-tab-active-hover-indicator-color: var(--basics-colors-surface-brand-background-brand);
  --mat-tab-active-indicator-color: var(--basics-colors-surface-brand-background-brand);
  --mat-tab-active-label-text-color: var(--button-text-link-text-li-default);
  --mat-tab-label-text-size: 16;
  --mat-tab-label-text-weight: 655;
  --mat-checkbox-selected-checkmark-color: var(--basics-colors-surface-default-background);
  --mat-checkbox-selected-focus-icon-color: var(--basics-colors-surface-brand-background-brand);
  --mat-checkbox-selected-hover-icon-color: var(--basics-colors-surface-brand-background-brand);
  --mat-checkbox-selected-icon-color: var(--basics-colors-surface-brand-background-brand);
  --mat-checkbox-unselected-focus-icon-color: var(--basics-colors-stroke-default-stroke);
  --mat-checkbox-unselected-hover-icon-color: var(--basics-colors-stroke-default-stroke);
  --mat-checkbox-unselected-icon-color: var(--basics-colors-stroke-default-stroke);
  --mat-progress-spinner-active-indicator-color: var(--basics-colors-surface-brand-background-brand);
}
body .mat-mdc-unelevated-button .mdc-button__label {
  color: var(--button-text-primary-text-pr-button-light);
}
body .mat-mdc-outlined-button .mat-mdc-button-ripple {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
body .secondary-button {
  --mat-button-filled-container-color: var(--button-background-secondary-bg-se-button-default);
  --mat-button-filled-label-text-color: var(--button-text-secondary-text-se-button-light);
  --mat-button-filled-state-layer-color: var(--button-background-secondary-bg-se-button-hover);
  --mat-button-filled-ripple-color: var(--button-background-secondary-bg-se-button-pressed);
  --mat-icon-button-icon-color: var(--button-text-secondary-text-se-button-light);
  --mat-icon-button-state-layer-color: var(--button-background-secondary-bg-se-button-hover);
  --mat-icon-button-ripple-color: var(--button-background-secondary-bg-se-button-pressed);
}
body .secondary-button .mdc-button__label {
  color: var(--button-text-secondary-text-se-button-light);
}
body .secondary-button.mat-mdc-icon-button {
  background-color: var(--button-background-secondary-bg-se-button-default);
}
body .stroked-icon-button {
  border-color: var(--button-outline-stroke-outline-st-button-default);
  border-width: 1px;
  border-style: solid;
  --mat-icon-button-icon-color: var(--button-text-outline-text-button-dark);
  --mat-icon-button-state-layer-color: var(--button-background-outline-bg-ou-button-hover);
  --mat-icon-button-ripple-color: var(--button-background-outline-bg-ou-button-pressed);
}
body .stroked-icon-button.mat-mdc-icon-button {
  background-color: transparent;
}
body .brand-button {
  --mat-icon-button-icon-color: var(--button-text-primary-text-pr-button-light);
  --mat-icon-button-state-layer-color: var(--button-background-primary-bg-pr-button-hover);
  --mat-icon-button-ripple-color: var(--button-background-primary-bg-pr-button-pressed);
}
body .brand-button .mdc-button__label {
  color: var(--button-text-primary-text-pr-button-light);
}
body .brand-button.mat-mdc-icon-button {
  background-color: var(--button-background-primary-bg-pr-button-default);
}
body .brand-button:hover,
body .mat-mdc-button-base:hover {
  --mat-button-filled-container-color: var(--button-background-primary-bg-pr-button-hover);
}
body .mat-mdc-outlined-button:hover {
  background-color: var(--button-background-outline-bg-ou-button-hover);
}
body .secondary-button:hover {
  --mat-button-filled-container-color: var(--button-background-secondary-bg-se-button-hover);
}
body .mat-mdc-button-base:focus-visible,
body .brand-button:focus-visible,
body .mat-mdc-outlined-button:focus-visible,
body .secondary-button:focus-visible {
  outline-offset: 4px !important;
  outline: 2px solid var(--focused-focused) !important;
}
body .mat-mdc-icon-button {
  display: flex;
}
body .small-icon-button .mat-icon {
  height: 16px;
  width: 16px;
  font-size: 16px;
  margin: auto;
}
body .small-icon-button .mat-icon svg {
  height: 16px;
  width: 16px;
  font-size: 16px;
}
body .mdc-button__label {
  font-size: 16px;
  font-weight: 655;
  color: var(--basics-colors-text-text-default);
}
body .big-button {
  min-width: var(--sizing-component-20);
  min-height: var(--sizing-component-15);
  padding: var(--spacing-component-2) var(--spacing-component-8);
}
body .big-button .mdc-button__label {
  font-weight: 655;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0;
}
body .big-button .mat-icon {
  font-size: 24px;
  height: 24px;
  width: 24px;
}
body .small-button {
  min-width: var(--sizing-component-14);
  min-height: var(--sizing-component-10);
  padding: var(--spacing-component-2) var(--spacing-component-6);
}
body .small-button .mdc-button__label {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
body .small-button .mat-icon {
  font-size: 16px;
  height: 16px;
  width: 16px;
}
body .primary-link {
  text-decoration-line: underline !important;
  color: var(--button-text-link-text-li-default) !important;
  text-decoration-color: var(--button-text-link-text-li-default) !important;
  text-underline-offset: 3px;
  cursor: pointer;
}
body .primary-link:hover {
  color: var(--button-text-link-text-li-hover) !important;
  text-decoration-color: var(--button-text-link-text-li-hover) !important;
}
body .primary-link:focus-visible {
  outline: 2px solid var(--focused-focused) !important;
  outline-offset: 2px !important;
}
body .in-progress {
  --mat-progress-bar-active-indicator-color: var(--basics-colors-text-text-default);
}
body .complete {
  --mat-progress-bar-active-indicator-color: var(--progress-bar-success-bg-dark);
}
body .mat-mdc-radio-button .mdc-radio__background {
  height: 28px;
  width: 28px;
  border-width: 1px;
  border-radius: 50%;
  border-color: var(--basics-colors-stroke-default-stroke);
}
body .mat-mdc-radio-button .mdc-radio {
  height: 28px;
  width: 28px;
}
body .mat-mdc-radio-button .mdc-radio__outer-circle {
  border-width: 0px;
}
body .mat-mdc-radio-button .mdc-radio:hover > .mdc-radio__native-control:not([disabled]) ~ .mdc-radio__background > .mdc-radio__outer-circle {
  border-color: var(--basics-colors-surface-default-background-hover);
}
body .mat-mdc-radio-button .mdc-radio:focus > .mdc-radio__native-control:not([disabled]) ~ .mdc-radio__background > .mdc-radio__outer-circle {
  border-color: var(--basics-colors-surface-default-background-hover);
}
body .mat-mdc-radio-button .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background > .mdc-radio__inner-circle {
  border-color: var(--basics-colors-surface-default-background-hover);
  border-width: 0;
}
body .mat-mdc-radio-button .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle {
  border-color: var(--basics-colors-surface-default-background-hover);
  border-width: 0;
}
body .mat-mdc-radio-button .mdc-radio__native-control:enabled:hover + .mdc-radio__background > .mdc-radio__inner-circle {
  transform: none;
  border-width: 10px;
}
body .mat-mdc-radio-button .mdc-radio__native-control:enabled:focus + .mdc-radio__background > .mdc-radio__inner-circle {
  transform: none;
  border-width: 10px;
}
body .mat-mdc-radio-button .mdc-radio__native-control:enabled:hover + .mdc-radio__background > .mdc-radio__outer-circle {
  border-width: 8px;
}
body .mat-mdc-radio-button .mdc-radio__native-control:enabled:focus + .mdc-radio__background > .mdc-radio__outer-circle {
  border-width: 8px;
}
body .mat-mdc-radio-button .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__outer-circle,
body .mat-mdc-radio-button .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__inner-circle .mat-mdc-radio-button {
  border-width: 8px;
}
body .mat-mdc-radio-button .mdc-radio__native-control:checked + .mdc-radio__background {
  border-color: var(--basics-colors-surface-brand-background-brand);
}
body .mat-mdc-radio-button .mdc-radio__native-control:enabled + .mdc-radio__background > .mdc-radio__inner-circle {
  transform: none;
}
body .mat-mdc-radio-button .mdc-radio__native-control:checked + .mdc-radio__background > .mdc-radio__inner-circle {
  transform: none;
}
body .mat-mdc-radio-button .mdc-radio__background::before {
  top: calc(-1 * (var(--mat-radio-state-layer-size, 40px) - 26px) / 2);
  left: calc(-1 * (var(--mat-radio-state-layer-size, 40px) - 26px) / 2);
}
body .mat-stepper-horizontal {
  background-color: var(--basics-colors-surface-default-background);
}
body .mat-stepper-horizontal .mat-horizontal-stepper-header .mat-step-icon {
  display: none;
}
body .mat-stepper-horizontal .mat-horizontal-content-container {
  padding: 0;
}
body .mat-stepper-horizontal .mat-horizontal-stepper-header-container {
  margin: auto;
  height: 48px;
}
body .mat-stepper-horizontal .mat-stepper-horizontal-line {
  border: 0;
}
body .mat-stepper-horizontal .mat-stepper-horizontal-line::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.1871 4.14758C11.7354 3.79174 11.0796 3.86841 10.7246 4.32091C10.3679 4.77258 10.4454 5.42758 10.8971 5.78341L14.9229 8.95758H2.42878C1.85378 8.95758 1.38712 9.42424 1.38712 9.99924C1.38712 10.5751 1.85378 11.0409 2.42878 11.0409H14.9296L10.8971 14.2209C10.4454 14.5776 10.3679 15.2326 10.7246 15.6842C10.9296 15.9451 11.2346 16.0809 11.5429 16.0809C11.7688 16.0809 11.9963 16.0076 12.1871 15.8567L19.6113 10.0017L12.1871 4.14758Z' fill='%23626262'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -12px;
  font-weight: bold;
  font-size: 22px;
  padding-right: 8px;
  padding-left: 8px;
  margin-right: 8px;
  margin-left: 8px;
}
body .mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: none;
}
body .mat-expansion-panel-spacing {
  margin: 0;
}
body .mat-expansion-panel-header {
  padding: 0 20px 0 4px;
}
body .mat-expansion-panel-body {
  padding: 4px 0 0 4px;
}
body .mat-expansion-panel-header.mat-expanded:hover {
  background-color: var(--accordion-background-bg-accordion-hover);
}
body .mat-expansion-panel {
  background-color: var(--basics-colors-surface-default-background);
}
body .mat-expansion-panel-header-title {
  margin-right: 4px;
  color: var(--accordion-text-text-accordion-default);
}
body .mat-accordion .mat-expansion-panel:not(.mat-expanded),
body .mat-accordion .mat-expansion-panel:not(.mat-expansion-panel-spacing) {
  border-radius: 12px;
}
body .mat-expansion-panel-header.cdk-focused,
body .mat-expansion-panel-header.cdk-keyboard-focused {
  outline: 2px solid var(--focused-focused) !important;
  outline-offset: -2px !important;
}
body .mat-mdc-dialog-container .mat-mdc-dialog-title {
  font-size: 24px;
  font-weight: 655;
  line-height: 100%;
  letter-spacing: 0;
}
@media screen and (max-width: 992px) {
  body .mat-mdc-dialog-surface {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
body .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-right: 0 !important;
}
body .mat-mdc-form-field-type-mat-input .mdc-text-field--outlined {
  background: var(--basics-colors-surface-default-background);
  border-radius: 36px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 24px;
}
body .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
  font-size: 16px;
  font-weight: 655;
  line-height: 20px;
  color: var(--basics-colors-text-text-default);
}
body .is-placeholder .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
  color: var(--basics-colors-text-text-recessive);
}
body .search-autocomplete .mdc-notched-outline {
  border-radius: 28px;
  border: 1px solid;
  border-color: var(--basics-colors-stroke-default-stroke);
  z-index: auto;
}
body .search-autocomplete .mdc-notched-outline__leading {
  border: 0;
}
body .search-autocomplete .mdc-notched-outline__trailing {
  border: 0;
}
body .search-autocomplete .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mat-mdc-notch-piece {
  border-width: 1px;
}
body .search-autocomplete .mat-mdc-form-field-type-mat-input .mdc-text-field--outlined {
  height: 48px;
}
body .search-autocomplete .mat-mdc-form-field-flex {
  border-bottom: 1px solid var(--basics-colors-stroke-default-stroke-subtle);
  height: 48px;
}
body .search-autocomplete .mdc-text-field--outlined .mat-mdc-form-field-infix,
body .search-autocomplete .mdc-text-field--no-label .mat-mdc-form-field-infix {
  padding-top: 12px;
  padding-bottom: 12px;
}
body .search-autocomplete :hover .mdc-notched-outline {
  background-color: var(--basics-colors-surface-default-background-hover);
}
body .mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item__primary-text {
  color: var(--basics-colors-text-text-default);
}
body .mat-mdc-autocomplete-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled) {
  background-color: var(--basics-colors-surface-default-background-hover);
}
body .search-autocomplete.is-open .mdc-notched-outline {
  border-bottom: 0;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
body .cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel {
  border: 1px solid;
  border-color: var(--basics-colors-stroke-default-stroke);
  border-top: 0;
  border-bottom-left-radius: 28px;
  border-bottom-right-radius: 28px;
  overflow: hidden;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-top: 16px;
}
body .cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel .mat-mdc-option {
  padding: 12px;
  border-radius: 12px;
}
body .cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel .mat-mdc-option .mat-icon {
  fill: var(--basics-colors-text-text-default);
}
body .cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel .mat-mdc-option .mat-pseudo-checkbox {
  color: var(--basics-colors-text-text-default);
}
body .cdk-overlay-container {
  --mat-option-selected-state-layer-color: var(--basics-colors-surface-brand-background-brand);
}
body .mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs > .mat-mdc-tab-header .mat-mdc-tab {
  flex-grow: 1;
  flex-basis: 0;
  height: 42px;
}
body .mat-mdc-tab-label-container {
  border-bottom: 0;
}
body .mat-mdc-checkbox .mdc-checkbox {
  height: 28px !important;
  width: 28px !important;
  flex-basis: 28px !important;
}
body .mat-mdc-checkbox .mdc-checkbox__background {
  height: 28px !important;
  width: 28px !important;
  border: 1px solid var(--basics-colors-stroke-default-stroke);
  border-radius: 8px;
}
body .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background > .mdc-checkbox__checkmark {
  padding: 2px;
}
body mat-checkbox.mat-mdc-checkbox:hover .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
body mat-checkbox.mat-mdc-checkbox:hover .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  background-color: var(--basics-colors-surface-brand-background-brand-hover);
  border-color: var(--basics-colors-surface-brand-background-brand-hover);
}
body mat-checkbox.mat-mdc-checkbox:hover .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  background-color: var(--basics-colors-surface-default-background-hover);
  border-color: var(--basics-colors-stroke-default-stroke-hover);
}
body .mat-mdc-progress-spinner::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  height: 95%;
  width: 95%;
  border-radius: 100%;
  border: 4px solid var(--basics-colors-surface-default-gray);
  margin: 3px;
  z-index: 0;
}
body .mat-mdc-progress-spinner .mdc-circular-progress__spinner-layer .mdc-circular-progress__circle-left circle {
  stroke-width: 5% !important;
}
body .mat-mdc-progress-spinner .mdc-circular-progress__spinner-layer .mdc-circular-progress__gap-patch circle {
  stroke-width: 5% !important;
}
body .mat-mdc-progress-spinner .mdc-circular-progress__spinner-layer .mdc-circular-progress__circle-right circle {
  stroke-width: 5% !important;
}
body .cdk-overlay-dark-backdrop {
  background-color: var(--modal-overlay);
}
body.dark-theme {
  color-scheme: dark;
  --mat-button-filled-container-color: var(--button-background-primary-bg-pr-button-default);
  --mat-button-filled-label-text-color: var(--button-text-primary-text-pr-button-light);
  --mat-button-filled-state-layer-color: var(--button-background-primary-bg-pr-button-hover);
  --mat-button-filled-ripple-color: var(--button-background-primary-bg-pr-button-pressed);
  --mat-button-filled-disabled-container-color: var(--button-background-primary-bg-button-pr-disabled);
  --mat-button-filled-disabled-label-text-color: var(--button-text-primary-text-pr-disabled);
  --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-divider-color: var(--card-divider);
  --mat-progress-bar-active-indicator-color: var(--basics-colors-text-text-default);
  --mat-progress-bar-track-color: var(--progress-bar-standard-bg-light);
  --mat-progress-bar-active-indicator-height: 8px;
  --mat-progress-bar-track-height: 8px;
  --mat-radio-unselected-focus-icon-color: var(--basics-colors-surface-default-background);
  --mat-radio-unselected-pressed-icon-color: var(--basics-colors-surface-default-background-pressed);
  --mat-radio-ripple-color: var(--basics-colors-surface-default-background-pressed);
  --mat-radio-selected-icon-color: var(--basics-colors-surface-brand-background-brand);
  --mat-radio-selected-focus-icon-color: var(--basics-colors-surface-brand-background-brand);
  --mat-radio-selected-pressed-icon-color: var(--basics-colors-surface-brand-background-brand-pressed);
  --mat-radio-selected-hover-icon-color: var(--basics-colors-surface-brand-background-brand-hover);
  --mat-radio-checked-ripple-color: var(--basics-colors-surface-default-background-pressed);
  --mat-radio-state-layer-size: 28px;
  --mat-stepper-container-color: var(--basics-colors-surface-default-background);
  --mat-stepper-header-label-text-size: 16;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-label-text-color: var(--basics-colors-text-text-recessive);
  --mat-stepper-header-selected-state-label-text-size: 16;
  --mat-stepper-header-selected-state-label-text-weight: 655;
  --mat-stepper-header-selected-state-label-text-color: var(--basics-colors-text-text-brand-default);
  --mat-expansion-container-background-color: var(--basics-colors-surface-default-background);
  --mat-expansion-header-hover-state-layer-color: var(--accordion-background-bg-accordion-hover);
  --mat-expansion-header-collapsed-state-height: 64px;
  --mat-expansion-header-indicator-color: var(--accordion-text-text-accordion-default);
  --mat-dialog-container-color: var(--basics-colors-surface-default-background);
  --mat-form-field-outlined-container-shape: 36px;
  --mat-form-field-outlined-outline-color: var(--basics-colors-stroke-default-stroke);
  --mat-form-field-outlined-focus-outline-color: var(--basics-colors-stroke-default-stroke);
  --mat-form-field-outlined-hover-outline-color: var(--basics-colors-stroke-default-stroke);
  --mat-form-field-outlined-disabled-outline-color: var(--basics-colors-stroke-default-stroke-disabled);
  --mat-form-field-outlined-caret-color: var(--basics-colors-surface-brand-background-brand);
  --mat-form-field-outlined-focus-label-text-color: var(--basics-colors-stroke-brand-stroke-brand);
  --mat-form-field-container-height: 50px;
  --mat-autocomplete-container-shape: 36px;
  --mat-autocomplete-background-color: var(--basics-colors-surface-default-background);
  --mat-tab-active-indicator-height: 4px;
  --mat-tab-active-indicator-shape: 6px;
  --mat-tab-inactive-focus-label-text-color: var(--basics-colors-text-text-brand-default);
  --mat-tab-inactive-hover-label-text-color: var(--basics-colors-text-text-brand-default);
  --mat-tab-inactive-label-text-color: var(--basics-colors-text-text-disabled);
  --mat-tab-active-focus-label-text-color: var(--basics-colors-text-text-brand-default);
  --mat-tab-active-hover-label-text-color: var(--basics-colors-text-text-brand-default);
  --mat-tab-active-focus-indicator-color: var(--basics-colors-surface-brand-background-brand);
  --mat-tab-active-hover-indicator-color: var(--basics-colors-surface-brand-background-brand);
  --mat-tab-active-indicator-color: var(--basics-colors-surface-brand-background-brand);
  --mat-tab-active-label-text-color: var(--button-text-link-text-li-default);
  --mat-tab-label-text-size: 16;
  --mat-tab-label-text-weight: 655;
  --mat-checkbox-selected-checkmark-color: var(--basics-colors-surface-default-background);
  --mat-checkbox-selected-focus-icon-color: var(--basics-colors-surface-brand-background-brand);
  --mat-checkbox-selected-hover-icon-color: var(--basics-colors-surface-brand-background-brand);
  --mat-checkbox-selected-icon-color: var(--basics-colors-surface-brand-background-brand);
  --mat-checkbox-unselected-focus-icon-color: var(--basics-colors-stroke-default-stroke);
  --mat-checkbox-unselected-hover-icon-color: var(--basics-colors-stroke-default-stroke);
  --mat-checkbox-unselected-icon-color: var(--basics-colors-stroke-default-stroke);
  --mat-progress-spinner-active-indicator-color: var(--basics-colors-surface-brand-background-brand);
}
body.dark-theme .mat-mdc-unelevated-button .mdc-button__label {
  color: var(--button-text-primary-text-pr-button-light);
}
body.dark-theme .mat-mdc-outlined-button .mat-mdc-button-ripple {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
body.dark-theme .secondary-button {
  --mat-button-filled-container-color: var(--button-background-secondary-bg-se-button-default);
  --mat-button-filled-label-text-color: var(--button-text-secondary-text-se-button-light);
  --mat-button-filled-state-layer-color: var(--button-background-secondary-bg-se-button-hover);
  --mat-button-filled-ripple-color: var(--button-background-secondary-bg-se-button-pressed);
  --mat-icon-button-icon-color: var(--button-text-secondary-text-se-button-light);
  --mat-icon-button-state-layer-color: var(--button-background-secondary-bg-se-button-hover);
  --mat-icon-button-ripple-color: var(--button-background-secondary-bg-se-button-pressed);
}
body.dark-theme .secondary-button .mdc-button__label {
  color: var(--button-text-secondary-text-se-button-light);
}
body.dark-theme .secondary-button.mat-mdc-icon-button {
  background-color: var(--button-background-secondary-bg-se-button-default);
}
body.dark-theme .stroked-icon-button {
  border-color: var(--button-outline-stroke-outline-st-button-default);
  border-width: 1px;
  border-style: solid;
  --mat-icon-button-icon-color: var(--button-text-outline-text-button-dark);
  --mat-icon-button-state-layer-color: var(--button-background-outline-bg-ou-button-hover);
  --mat-icon-button-ripple-color: var(--button-background-outline-bg-ou-button-pressed);
}
body.dark-theme .stroked-icon-button.mat-mdc-icon-button {
  background-color: transparent;
}
body.dark-theme .brand-button {
  --mat-icon-button-icon-color: var(--button-text-primary-text-pr-button-light);
  --mat-icon-button-state-layer-color: var(--button-background-primary-bg-pr-button-hover);
  --mat-icon-button-ripple-color: var(--button-background-primary-bg-pr-button-pressed);
}
body.dark-theme .brand-button .mdc-button__label {
  color: var(--button-text-primary-text-pr-button-light);
}
body.dark-theme .brand-button.mat-mdc-icon-button {
  background-color: var(--button-background-primary-bg-pr-button-default);
}
body.dark-theme .brand-button:hover,
body.dark-theme .mat-mdc-button-base:hover {
  --mat-button-filled-container-color: var(--button-background-primary-bg-pr-button-hover);
}
body.dark-theme .mat-mdc-outlined-button:hover {
  background-color: var(--button-background-outline-bg-ou-button-hover);
}
body.dark-theme .secondary-button:hover {
  --mat-button-filled-container-color: var(--button-background-secondary-bg-se-button-hover);
}
body.dark-theme .mat-mdc-button-base:focus-visible,
body.dark-theme .brand-button:focus-visible,
body.dark-theme .mat-mdc-outlined-button:focus-visible,
body.dark-theme .secondary-button:focus-visible {
  outline-offset: 4px !important;
  outline: 2px solid var(--focused-focused) !important;
}
body.dark-theme .mat-mdc-icon-button {
  display: flex;
}
body.dark-theme .small-icon-button .mat-icon {
  height: 16px;
  width: 16px;
  font-size: 16px;
  margin: auto;
}
body.dark-theme .small-icon-button .mat-icon svg {
  height: 16px;
  width: 16px;
  font-size: 16px;
}
body.dark-theme .mdc-button__label {
  font-size: 16px;
  font-weight: 655;
  color: var(--basics-colors-text-text-default);
}
body.dark-theme .big-button {
  min-width: var(--sizing-component-20);
  min-height: var(--sizing-component-15);
  padding: var(--spacing-component-2) var(--spacing-component-8);
}
body.dark-theme .big-button .mdc-button__label {
  font-weight: 655;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0;
}
body.dark-theme .big-button .mat-icon {
  font-size: 24px;
  height: 24px;
  width: 24px;
}
body.dark-theme .small-button {
  min-width: var(--sizing-component-14);
  min-height: var(--sizing-component-10);
  padding: var(--spacing-component-2) var(--spacing-component-6);
}
body.dark-theme .small-button .mdc-button__label {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
body.dark-theme .small-button .mat-icon {
  font-size: 16px;
  height: 16px;
  width: 16px;
}
body.dark-theme .primary-link {
  text-decoration-line: underline !important;
  color: var(--button-text-link-text-li-default) !important;
  text-decoration-color: var(--button-text-link-text-li-default) !important;
  text-underline-offset: 3px;
  cursor: pointer;
}
body.dark-theme .primary-link:hover {
  color: var(--button-text-link-text-li-hover) !important;
  text-decoration-color: var(--button-text-link-text-li-hover) !important;
}
body.dark-theme .primary-link:focus-visible {
  outline: 2px solid var(--focused-focused) !important;
  outline-offset: 2px !important;
}
body.dark-theme .in-progress {
  --mat-progress-bar-active-indicator-color: var(--basics-colors-text-text-default);
}
body.dark-theme .complete {
  --mat-progress-bar-active-indicator-color: var(--progress-bar-success-bg-dark);
}
body.dark-theme .mat-mdc-radio-button .mdc-radio__background {
  height: 28px;
  width: 28px;
  border-width: 1px;
  border-radius: 50%;
  border-color: var(--basics-colors-stroke-default-stroke);
}
body.dark-theme .mat-mdc-radio-button .mdc-radio {
  height: 28px;
  width: 28px;
}
body.dark-theme .mat-mdc-radio-button .mdc-radio__outer-circle {
  border-width: 0px;
}
body.dark-theme .mat-mdc-radio-button .mdc-radio:hover > .mdc-radio__native-control:not([disabled]) ~ .mdc-radio__background > .mdc-radio__outer-circle {
  border-color: var(--basics-colors-surface-default-background-hover);
}
body.dark-theme .mat-mdc-radio-button .mdc-radio:focus > .mdc-radio__native-control:not([disabled]) ~ .mdc-radio__background > .mdc-radio__outer-circle {
  border-color: var(--basics-colors-surface-default-background-hover);
}
body.dark-theme .mat-mdc-radio-button .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background > .mdc-radio__inner-circle {
  border-color: var(--basics-colors-surface-default-background-hover);
  border-width: 0;
}
body.dark-theme .mat-mdc-radio-button .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle {
  border-color: var(--basics-colors-surface-default-background-hover);
  border-width: 0;
}
body.dark-theme .mat-mdc-radio-button .mdc-radio__native-control:enabled:hover + .mdc-radio__background > .mdc-radio__inner-circle {
  transform: none;
  border-width: 10px;
}
body.dark-theme .mat-mdc-radio-button .mdc-radio__native-control:enabled:focus + .mdc-radio__background > .mdc-radio__inner-circle {
  transform: none;
  border-width: 10px;
}
body.dark-theme .mat-mdc-radio-button .mdc-radio__native-control:enabled:hover + .mdc-radio__background > .mdc-radio__outer-circle {
  border-width: 8px;
}
body.dark-theme .mat-mdc-radio-button .mdc-radio__native-control:enabled:focus + .mdc-radio__background > .mdc-radio__outer-circle {
  border-width: 8px;
}
body.dark-theme .mat-mdc-radio-button .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__outer-circle,
body.dark-theme .mat-mdc-radio-button .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__inner-circle .mat-mdc-radio-button {
  border-width: 8px;
}
body.dark-theme .mat-mdc-radio-button .mdc-radio__native-control:checked + .mdc-radio__background {
  border-color: var(--basics-colors-surface-brand-background-brand);
}
body.dark-theme .mat-mdc-radio-button .mdc-radio__native-control:enabled + .mdc-radio__background > .mdc-radio__inner-circle {
  transform: none;
}
body.dark-theme .mat-mdc-radio-button .mdc-radio__native-control:checked + .mdc-radio__background > .mdc-radio__inner-circle {
  transform: none;
}
body.dark-theme .mat-mdc-radio-button .mdc-radio__background::before {
  top: calc(-1 * (var(--mat-radio-state-layer-size, 40px) - 26px) / 2);
  left: calc(-1 * (var(--mat-radio-state-layer-size, 40px) - 26px) / 2);
}
body.dark-theme .mat-stepper-horizontal {
  background-color: var(--basics-colors-surface-default-background);
}
body.dark-theme .mat-stepper-horizontal .mat-horizontal-stepper-header .mat-step-icon {
  display: none;
}
body.dark-theme .mat-stepper-horizontal .mat-horizontal-content-container {
  padding: 0;
}
body.dark-theme .mat-stepper-horizontal .mat-horizontal-stepper-header-container {
  margin: auto;
  height: 48px;
}
body.dark-theme .mat-stepper-horizontal .mat-stepper-horizontal-line {
  border: 0;
}
body.dark-theme .mat-stepper-horizontal .mat-stepper-horizontal-line::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.1871 4.14758C11.7354 3.79174 11.0796 3.86841 10.7246 4.32091C10.3679 4.77258 10.4454 5.42758 10.8971 5.78341L14.9229 8.95758H2.42878C1.85378 8.95758 1.38712 9.42424 1.38712 9.99924C1.38712 10.5751 1.85378 11.0409 2.42878 11.0409H14.9296L10.8971 14.2209C10.4454 14.5776 10.3679 15.2326 10.7246 15.6842C10.9296 15.9451 11.2346 16.0809 11.5429 16.0809C11.7688 16.0809 11.9963 16.0076 12.1871 15.8567L19.6113 10.0017L12.1871 4.14758Z' fill='%23626262'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -12px;
  font-weight: bold;
  font-size: 22px;
  padding-right: 8px;
  padding-left: 8px;
  margin-right: 8px;
  margin-left: 8px;
}
body.dark-theme .mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: none;
}
body.dark-theme .mat-expansion-panel-spacing {
  margin: 0;
}
body.dark-theme .mat-expansion-panel-header {
  padding: 0 20px 0 4px;
}
body.dark-theme .mat-expansion-panel-body {
  padding: 4px 0 0 4px;
}
body.dark-theme .mat-expansion-panel-header.mat-expanded:hover {
  background-color: var(--accordion-background-bg-accordion-hover);
}
body.dark-theme .mat-expansion-panel {
  background-color: var(--basics-colors-surface-default-background);
}
body.dark-theme .mat-expansion-panel-header-title {
  margin-right: 4px;
  color: var(--accordion-text-text-accordion-default);
}
body.dark-theme .mat-accordion .mat-expansion-panel:not(.mat-expanded),
body.dark-theme .mat-accordion .mat-expansion-panel:not(.mat-expansion-panel-spacing) {
  border-radius: 12px;
}
body.dark-theme .mat-expansion-panel-header.cdk-focused,
body.dark-theme .mat-expansion-panel-header.cdk-keyboard-focused {
  outline: 2px solid var(--focused-focused) !important;
  outline-offset: -2px !important;
}
body.dark-theme .mat-mdc-dialog-container .mat-mdc-dialog-title {
  font-size: 24px;
  font-weight: 655;
  line-height: 100%;
  letter-spacing: 0;
}
@media screen and (max-width: 992px) {
  body.dark-theme .mat-mdc-dialog-surface {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
body.dark-theme .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-right: 0 !important;
}
body.dark-theme .mat-mdc-form-field-type-mat-input .mdc-text-field--outlined {
  background: var(--basics-colors-surface-default-background);
  border-radius: 36px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 24px;
}
body.dark-theme .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
  font-size: 16px;
  font-weight: 655;
  line-height: 20px;
  color: var(--basics-colors-text-text-default);
}
body.dark-theme .is-placeholder .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
  color: var(--basics-colors-text-text-recessive);
}
body.dark-theme .search-autocomplete .mdc-notched-outline {
  border-radius: 28px;
  border: 1px solid;
  border-color: var(--basics-colors-stroke-default-stroke);
  z-index: auto;
}
body.dark-theme .search-autocomplete .mdc-notched-outline__leading {
  border: 0;
}
body.dark-theme .search-autocomplete .mdc-notched-outline__trailing {
  border: 0;
}
body.dark-theme .search-autocomplete .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mat-mdc-notch-piece {
  border-width: 1px;
}
body.dark-theme .search-autocomplete .mat-mdc-form-field-type-mat-input .mdc-text-field--outlined {
  height: 48px;
}
body.dark-theme .search-autocomplete .mat-mdc-form-field-flex {
  border-bottom: 1px solid var(--basics-colors-stroke-default-stroke-subtle);
  height: 48px;
}
body.dark-theme .search-autocomplete .mdc-text-field--outlined .mat-mdc-form-field-infix,
body.dark-theme .search-autocomplete .mdc-text-field--no-label .mat-mdc-form-field-infix {
  padding-top: 12px;
  padding-bottom: 12px;
}
body.dark-theme .search-autocomplete :hover .mdc-notched-outline {
  background-color: var(--basics-colors-surface-default-background-hover);
}
body.dark-theme .mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item__primary-text {
  color: var(--basics-colors-text-text-default);
}
body.dark-theme .mat-mdc-autocomplete-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled) {
  background-color: var(--basics-colors-surface-default-background-hover);
}
body.dark-theme .search-autocomplete.is-open .mdc-notched-outline {
  border-bottom: 0;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
body.dark-theme .cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel {
  border: 1px solid;
  border-color: var(--basics-colors-stroke-default-stroke);
  border-top: 0;
  border-bottom-left-radius: 28px;
  border-bottom-right-radius: 28px;
  overflow: hidden;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-top: 16px;
}
body.dark-theme .cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel .mat-mdc-option {
  padding: 12px;
  border-radius: 12px;
}
body.dark-theme .cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel .mat-mdc-option .mat-icon {
  fill: var(--basics-colors-text-text-default);
}
body.dark-theme .cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel .mat-mdc-option .mat-pseudo-checkbox {
  color: var(--basics-colors-text-text-default);
}
body.dark-theme .cdk-overlay-container {
  --mat-option-selected-state-layer-color: var(--basics-colors-surface-brand-background-brand);
}
body.dark-theme .mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs > .mat-mdc-tab-header .mat-mdc-tab {
  flex-grow: 1;
  flex-basis: 0;
  height: 42px;
}
body.dark-theme .mat-mdc-tab-label-container {
  border-bottom: 0;
}
body.dark-theme .mat-mdc-checkbox .mdc-checkbox {
  height: 28px !important;
  width: 28px !important;
  flex-basis: 28px !important;
}
body.dark-theme .mat-mdc-checkbox .mdc-checkbox__background {
  height: 28px !important;
  width: 28px !important;
  border: 1px solid var(--basics-colors-stroke-default-stroke);
  border-radius: 8px;
}
body.dark-theme .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background > .mdc-checkbox__checkmark {
  padding: 2px;
}
body.dark-theme mat-checkbox.mat-mdc-checkbox:hover .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
body.dark-theme mat-checkbox.mat-mdc-checkbox:hover .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  background-color: var(--basics-colors-surface-brand-background-brand-hover);
  border-color: var(--basics-colors-surface-brand-background-brand-hover);
}
body.dark-theme mat-checkbox.mat-mdc-checkbox:hover .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  background-color: var(--basics-colors-surface-default-background-hover);
  border-color: var(--basics-colors-stroke-default-stroke-hover);
}
body.dark-theme .mat-mdc-progress-spinner::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  height: 95%;
  width: 95%;
  border-radius: 100%;
  border: 4px solid var(--basics-colors-surface-default-gray);
  margin: 3px;
  z-index: 0;
}
body.dark-theme .mat-mdc-progress-spinner .mdc-circular-progress__spinner-layer .mdc-circular-progress__circle-left circle {
  stroke-width: 5% !important;
}
body.dark-theme .mat-mdc-progress-spinner .mdc-circular-progress__spinner-layer .mdc-circular-progress__gap-patch circle {
  stroke-width: 5% !important;
}
body.dark-theme .mat-mdc-progress-spinner .mdc-circular-progress__spinner-layer .mdc-circular-progress__circle-right circle {
  stroke-width: 5% !important;
}
body.dark-theme .cdk-overlay-dark-backdrop {
  background-color: var(--modal-overlay);
}
: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);
  --sizing-component-20: 160px;
  --sizing-component-15: 64px;
  --spacing-component-8: 32px;
  --spacing-component-2: 4px;
}
: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-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
@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-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@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-ease { syntax: "*"; inherits: false; }
@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-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --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-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-outline-style: solid;
      --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-ease: initial;
    }
  }
}

/* apps/esign-fo/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 */