.mat-mdc-option {
      -webkit-user-select: none;
      user-select: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      display: flex;
      position: relative;
      align-items: center;
      justify-content: flex-start;
      overflow: hidden;
      min-height: 48px;
      padding: 0 16px;
      cursor: pointer;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      color: var(--mat-option-label-text-color, var(--mat-sys-on-surface));
      font-family: var(--mat-option-label-text-font,
              var(--mat-sys-label-large-font));
      line-height: var(--mat-option-label-text-line-height,
              var(--mat-sys-label-large-line-height));
      font-size: var(--mat-option-label-text-size,
              var(--mat-sys-body-large-size));
      letter-spacing: var(--mat-option-label-text-tracking,
              var(--mat-sys-label-large-tracking));
      font-weight: var(--mat-option-label-text-weight,
              var(--mat-sys-body-large-weight));
  }

  .mat-mdc-option:hover:not(.mdc-list-item--disabled) {
      background-color: var(--mat-option-hover-state-layer-color,
              color-mix(in srgb,
                  var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%),
                  transparent));
  }

  .mat-mdc-option:focus.mdc-list-item,
  .mat-mdc-option.mat-mdc-option-active.mdc-list-item {
      background-color: var(--mat-option-focus-state-layer-color,
              color-mix(in srgb,
                  var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%),
                  transparent));
      outline: 0;
  }

  .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) {
      background-color: var(--mat-option-selected-state-layer-color,
              var(--mat-sys-secondary-container));
  }

  .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text {
      color: var(--mat-option-selected-state-label-text-color,
              var(--mat-sys-on-secondary-container));
  }

  .mat-mdc-option .mat-pseudo-checkbox {
      --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--mat-option-selected-state-label-text-color,
              var(--mat-sys-on-secondary-container));
  }

  .mat-mdc-option.mdc-list-item {
      align-items: center;
      background: rgba(0, 0, 0, 0);
  }

  .mat-mdc-option.mdc-list-item--disabled {
      cursor: default;
      pointer-events: none;
  }

  .mat-mdc-option.mdc-list-item--disabled .mat-mdc-option-pseudo-checkbox,
  .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__primary-text,
  .mat-mdc-option.mdc-list-item--disabled>mat-icon {
      opacity: 0.38;
  }

  .mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple) {
      padding-left: 32px;
  }

  [dir='rtl'] .mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple) {
      padding-left: 16px;
      padding-right: 32px;
  }

  .mat-mdc-option .mat-icon,
  .mat-mdc-option .mat-pseudo-checkbox-full {
      margin-right: 16px;
      flex-shrink: 0;
  }

  [dir='rtl'] .mat-mdc-option .mat-icon,
  [dir='rtl'] .mat-mdc-option .mat-pseudo-checkbox-full {
      margin-right: 0;
      margin-left: 16px;
  }

  .mat-mdc-option .mat-pseudo-checkbox-minimal {
      margin-left: 16px;
      flex-shrink: 0;
  }

  [dir='rtl'] .mat-mdc-option .mat-pseudo-checkbox-minimal {
      margin-right: 16px;
      margin-left: 0;
  }

  .mat-mdc-option .mat-mdc-option-ripple {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      pointer-events: none;
  }

  .mat-mdc-option .mdc-list-item__primary-text {
      white-space: normal;
      font-size: inherit;
      font-weight: inherit;
      letter-spacing: inherit;
      line-height: inherit;
      font-family: inherit;
      text-decoration: inherit;
      text-transform: inherit;
      margin-right: auto;
  }

  [dir='rtl'] .mat-mdc-option .mdc-list-item__primary-text {
      margin-right: 0;
      margin-left: auto;
  }

  @media (forced-colors: active) {
      .mat-mdc-option.mdc-list-item--selected:not(:has(.mat-mdc-option-pseudo-checkbox))::after {
          content: '';
          position: absolute;
          top: 50%;
          right: 16px;
          transform: translateY(-50%);
          width: 10px;
          height: 0;
          border-bottom: solid 10px;
          border-radius: 10px;
      }

      [dir='rtl'] .mat-mdc-option.mdc-list-item--selected:not(:has(.mat-mdc-option-pseudo-checkbox))::after {
          right: auto;
          left: 16px;
      }
  }

  .mat-mdc-option-multiple {
      --mdc-list-list-item-selected-container-color: var(--mdc-list-list-item-container-color,
              transparent);
  }

  .mat-mdc-option-active .mat-focus-indicator::before {
      content: '';
  }


  .mat-focus-indicator {
      position: relative;
  }

  .mat-focus-indicator::before {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      box-sizing: border-box;
      pointer-events: none;
      display: var(--mat-focus-indicator-display, none);
      border-width: var(--mat-focus-indicator-border-width, 3px);
      border-style: var(--mat-focus-indicator-border-style, solid);
      border-color: var(--mat-focus-indicator-border-color, transparent);
      border-radius: var(--mat-focus-indicator-border-radius, 4px);
  }

  .mat-focus-indicator:focus::before {
      content: '';
  }

  @media (forced-colors: active) {
      html {
          --mat-focus-indicator-display: block;
      }
  }

  .cdk-visually-hidden {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
      white-space: nowrap;
      outline: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      left: 0;
  }

  [dir='rtl'] .cdk-visually-hidden {
      left: auto;
      right: 0;
  }

  .mat-ripple {
      overflow: hidden;
      position: relative;
  }

  .mat-ripple:not(:empty) {
      transform: translateZ(0);
  }

  .mat-ripple.mat-ripple-unbounded {
      overflow: visible;
  }

  .mat-ripple-element {
      position: absolute;
      border-radius: 50%;
      pointer-events: none;
      transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
      transform: scale3d(0, 0, 0);
      background-color: var(--mat-ripple-color,
              color-mix(in srgb, var(--mat-sys-on-surface) 10%, transparent));
  }

  @media (forced-colors: active) {
      .mat-ripple-element {
          display: none;
      }
  }

  .cdk-drag-preview .mat-ripple-element,
  .cdk-drag-placeholder .mat-ripple-element {
      display: none;
  }


  .mdc-checkbox {
      display: inline-block;
      position: relative;
      flex: 0 0 18px;
      box-sizing: content-box;
      width: 18px;
      height: 18px;
      line-height: 0;
      white-space: nowrap;
      cursor: pointer;
      vertical-align: bottom;
      padding: calc((var(--mdc-checkbox-state-layer-size, 40px) - 18px) / 2);
      margin: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 40px)) / 2);
  }

  .mdc-checkbox:hover>.mdc-checkbox__ripple {
      opacity: var(--mdc-checkbox-unselected-hover-state-layer-opacity,
              var(--mat-sys-hover-state-layer-opacity));
      background-color: var(--mdc-checkbox-unselected-hover-state-layer-color,
              var(--mat-sys-on-surface));
  }

  .mdc-checkbox:hover>.mat-mdc-checkbox-ripple>.mat-ripple-element {
      background-color: var(--mdc-checkbox-unselected-hover-state-layer-color,
              var(--mat-sys-on-surface));
  }

  .mdc-checkbox .mdc-checkbox__native-control:focus+.mdc-checkbox__ripple {
      opacity: var(--mdc-checkbox-unselected-focus-state-layer-opacity,
              var(--mat-sys-focus-state-layer-opacity));
      background-color: var(--mdc-checkbox-unselected-focus-state-layer-color,
              var(--mat-sys-on-surface));
  }

  .mdc-checkbox .mdc-checkbox__native-control:focus~.mat-mdc-checkbox-ripple .mat-ripple-element {
      background-color: var(--mdc-checkbox-unselected-focus-state-layer-color,
              var(--mat-sys-on-surface));
  }

  .mdc-checkbox:active>.mdc-checkbox__native-control+.mdc-checkbox__ripple {
      opacity: var(--mdc-checkbox-unselected-pressed-state-layer-opacity,
              var(--mat-sys-pressed-state-layer-opacity));
      background-color: var(--mdc-checkbox-unselected-pressed-state-layer-color,
              var(--mat-sys-primary));
  }

  .mdc-checkbox:active>.mdc-checkbox__native-control~.mat-mdc-checkbox-ripple .mat-ripple-element {
      background-color: var(--mdc-checkbox-unselected-pressed-state-layer-color,
              var(--mat-sys-primary));
  }

  .mdc-checkbox:hover .mdc-checkbox__native-control:checked+.mdc-checkbox__ripple {
      opacity: var(--mdc-checkbox-selected-hover-state-layer-opacity,
              var(--mat-sys-hover-state-layer-opacity));
      background-color: var(--mdc-checkbox-selected-hover-state-layer-color,
              var(--mat-sys-primary));
  }

  .mdc-checkbox:hover .mdc-checkbox__native-control:checked~.mat-mdc-checkbox-ripple .mat-ripple-element {
      background-color: var(--mdc-checkbox-selected-hover-state-layer-color,
              var(--mat-sys-primary));
  }

  .mdc-checkbox .mdc-checkbox__native-control:focus:checked+.mdc-checkbox__ripple {
      opacity: var(--mdc-checkbox-selected-focus-state-layer-opacity,
              var(--mat-sys-focus-state-layer-opacity));
      background-color: var(--mdc-checkbox-selected-focus-state-layer-color,
              var(--mat-sys-primary));
  }

  .mdc-checkbox .mdc-checkbox__native-control:focus:checked~.mat-mdc-checkbox-ripple .mat-ripple-element {
      background-color: var(--mdc-checkbox-selected-focus-state-layer-color,
              var(--mat-sys-primary));
  }

  .mdc-checkbox:active>.mdc-checkbox__native-control:checked+.mdc-checkbox__ripple {
      opacity: var(--mdc-checkbox-selected-pressed-state-layer-opacity,
              var(--mat-sys-pressed-state-layer-opacity));
      background-color: var(--mdc-checkbox-selected-pressed-state-layer-color,
              var(--mat-sys-on-surface));
  }

  .mdc-checkbox:active>.mdc-checkbox__native-control:checked~.mat-mdc-checkbox-ripple .mat-ripple-element {
      background-color: var(--mdc-checkbox-selected-pressed-state-layer-color,
              var(--mat-sys-on-surface));
  }

  .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox .mdc-checkbox__native-control~.mat-mdc-checkbox-ripple .mat-ripple-element,
  .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox .mdc-checkbox__native-control+.mdc-checkbox__ripple {
      background-color: var(--mdc-checkbox-unselected-hover-state-layer-color,
              var(--mat-sys-on-surface));
  }

  .mdc-checkbox .mdc-checkbox__native-control {
      position: absolute;
      margin: 0;
      padding: 0;
      opacity: 0;
      cursor: inherit;
      z-index: 1;
      width: var(--mdc-checkbox-state-layer-size, 40px);
      height: var(--mdc-checkbox-state-layer-size, 40px);
      top: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 40px)) / 2);
      right: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 40px)) / 2);
      left: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 40px)) / 2);
  }

  .mdc-checkbox--disabled {
      cursor: default;
      pointer-events: none;
  }

  @media (forced-colors: active) {
      .mdc-checkbox--disabled {
          opacity: 0.5;
      }
  }

  .mdc-checkbox__background {
      display: inline-flex;
      position: absolute;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
      width: 18px;
      height: 18px;
      border: 2px solid currentColor;
      border-radius: 2px;
      background-color: rgba(0, 0, 0, 0);
      pointer-events: none;
      will-change: background-color, border-color;
      transition: background-color 90ms cubic-bezier(0.4, 0, 0.6, 1),
          border-color 90ms cubic-bezier(0.4, 0, 0.6, 1);
      -webkit-print-color-adjust: exact;
      color-adjust: exact;
      border-color: var(--mdc-checkbox-unselected-icon-color,
              var(--mat-sys-on-surface-variant));
      top: calc((var(--mdc-checkbox-state-layer-size, 40px) - 18px) / 2);
      left: calc((var(--mdc-checkbox-state-layer-size, 40px) - 18px) / 2);
  }

  .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
  .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
      border-color: var(--mdc-checkbox-selected-icon-color,
              var(--mat-sys-primary));
      background-color: var(--mdc-checkbox-selected-icon-color,
              var(--mat-sys-primary));
  }

  .mdc-checkbox--disabled .mdc-checkbox__background {
      border-color: var(--mdc-checkbox-disabled-unselected-icon-color,
              color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
  }

  .mdc-checkbox__native-control:disabled:checked~.mdc-checkbox__background,
  .mdc-checkbox__native-control:disabled:indeterminate~.mdc-checkbox__background {
      background-color: var(--mdc-checkbox-disabled-selected-icon-color,
              color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
      border-color: rgba(0, 0, 0, 0);
  }

  .mdc-checkbox:hover>.mdc-checkbox__native-control:not(:checked)~.mdc-checkbox__background,
  .mdc-checkbox:hover>.mdc-checkbox__native-control:not(:indeterminate)~.mdc-checkbox__background {
      border-color: var(--mdc-checkbox-unselected-hover-icon-color,
              var(--mat-sys-on-surface));
      background-color: rgba(0, 0, 0, 0);
  }

  .mdc-checkbox:hover>.mdc-checkbox__native-control:checked~.mdc-checkbox__background,
  .mdc-checkbox:hover>.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background {
      border-color: var(--mdc-checkbox-selected-hover-icon-color,
              var(--mat-sys-primary));
      background-color: var(--mdc-checkbox-selected-hover-icon-color,
              var(--mat-sys-primary));
  }

  .mdc-checkbox__native-control:focus:focus:not(:checked)~.mdc-checkbox__background,
  .mdc-checkbox__native-control:focus:focus:not(:indeterminate)~.mdc-checkbox__background {
      border-color: var(--mdc-checkbox-unselected-focus-icon-color,
              var(--mat-sys-on-surface));
  }

  .mdc-checkbox__native-control:focus:focus:checked~.mdc-checkbox__background,
  .mdc-checkbox__native-control:focus:focus:indeterminate~.mdc-checkbox__background {
      border-color: var(--mdc-checkbox-selected-focus-icon-color,
              var(--mat-sys-primary));
      background-color: var(--mdc-checkbox-selected-focus-icon-color,
              var(--mat-sys-primary));
  }

  .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox:hover>.mdc-checkbox__native-control~.mdc-checkbox__background,
  .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__background,
  .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__background {
      border-color: var(--mdc-checkbox-disabled-unselected-icon-color,
              color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
  }

  .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__native-control:checked~.mdc-checkbox__background,
  .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background {
      background-color: var(--mdc-checkbox-disabled-selected-icon-color,
              color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
      border-color: rgba(0, 0, 0, 0);
  }

  .mdc-checkbox__checkmark {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      opacity: 0;
      transition: opacity 180ms cubic-bezier(0.4, 0, 0.6, 1);
      color: var(--mdc-checkbox-selected-checkmark-color,
              var(--mat-sys-on-primary));
  }

  @media (forced-colors: active) {
      .mdc-checkbox__checkmark {
          color: CanvasText;
      }
  }

  .mdc-checkbox--disabled .mdc-checkbox__checkmark,
  .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__checkmark {
      color: var(--mdc-checkbox-disabled-selected-checkmark-color,
              var(--mat-sys-surface));
  }

  @media (forced-colors: active) {

      .mdc-checkbox--disabled .mdc-checkbox__checkmark,
      .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__checkmark {
          color: CanvasText;
      }
  }

  .mdc-checkbox__checkmark-path {
      transition: stroke-dashoffset 180ms cubic-bezier(0.4, 0, 0.6, 1);
      stroke: currentColor;
      stroke-width: 3.12px;
      stroke-dashoffset: 29.7833385;
      stroke-dasharray: 29.7833385;
  }

  .mdc-checkbox__mixedmark {
      width: 100%;
      height: 0;
      transform: scaleX(0) rotate(0deg);
      border-width: 1px;
      border-style: solid;
      opacity: 0;
      transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1),
          transform 90ms cubic-bezier(0.4, 0, 0.6, 1);
      border-color: var(--mdc-checkbox-selected-checkmark-color,
              var(--mat-sys-on-primary));
  }

  @media (forced-colors: active) {
      .mdc-checkbox__mixedmark {
          margin: 0 1px;
      }
  }

  .mdc-checkbox--disabled .mdc-checkbox__mixedmark,
  .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__mixedmark {
      border-color: var(--mdc-checkbox-disabled-selected-checkmark-color,
              var(--mat-sys-surface));
  }

  .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,
  .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background,
  .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,
  .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {
      animation-duration: 180ms;
      animation-timing-function: linear;
  }

  .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
      animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear;
      transition: none;
  }

  .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
      animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear;
      transition: none;
  }

  .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
      animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear;
      transition: none;
  }

  .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
      animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear;
      transition: none;
  }

  .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
      animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear;
      transition: none;
  }

  .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
      animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear;
      transition: none;
  }

  .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
      animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear;
      transition: none;
  }

  .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
      animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear;
      transition: none;
  }

  .mdc-checkbox__native-control:checked~.mdc-checkbox__background,
  .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background {
      transition: border-color 90ms cubic-bezier(0, 0, 0.2, 1),
          background-color 90ms cubic-bezier(0, 0, 0.2, 1);
  }

  .mdc-checkbox__native-control:checked~.mdc-checkbox__background>.mdc-checkbox__checkmark>.mdc-checkbox__checkmark-path,
  .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background>.mdc-checkbox__checkmark>.mdc-checkbox__checkmark-path {
      stroke-dashoffset: 0;
  }

  .mdc-checkbox__native-control:checked~.mdc-checkbox__background>.mdc-checkbox__checkmark {
      transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1),
          transform 180ms cubic-bezier(0, 0, 0.2, 1);
      opacity: 1;
  }

  .mdc-checkbox__native-control:checked~.mdc-checkbox__background>.mdc-checkbox__mixedmark {
      transform: scaleX(1) rotate(-45deg);
  }

  .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background>.mdc-checkbox__checkmark {
      transform: rotate(45deg);
      opacity: 0;
      transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1),
          transform 90ms cubic-bezier(0.4, 0, 0.6, 1);
  }

  .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background>.mdc-checkbox__mixedmark {
      transform: scaleX(1) rotate(0deg);
      opacity: 1;
  }

  @keyframes mdc-checkbox-unchecked-checked-checkmark-path {

      0%,
      50% {
          stroke-dashoffset: 29.7833385;
      }

      50% {
          animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
      }

      100% {
          stroke-dashoffset: 0;
      }
  }

  @keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {

      0%,
      68.2% {
          transform: scaleX(0);
      }

      68.2% {
          animation-timing-function: cubic-bezier(0, 0, 0, 1);
      }

      100% {
          transform: scaleX(1);
      }
  }

  @keyframes mdc-checkbox-checked-unchecked-checkmark-path {
      from {
          animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
          opacity: 1;
          stroke-dashoffset: 0;
      }

      to {
          opacity: 0;
          stroke-dashoffset: -29.7833385;
      }
  }

  @keyframes mdc-checkbox-checked-indeterminate-checkmark {
      from {
          animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
          transform: rotate(0deg);
          opacity: 1;
      }

      to {
          transform: rotate(45deg);
          opacity: 0;
      }
  }

  @keyframes mdc-checkbox-indeterminate-checked-checkmark {
      from {
          animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
          transform: rotate(45deg);
          opacity: 0;
      }

      to {
          transform: rotate(360deg);
          opacity: 1;
      }
  }

  @keyframes mdc-checkbox-checked-indeterminate-mixedmark {
      from {
          animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
          transform: rotate(-45deg);
          opacity: 0;
      }

      to {
          transform: rotate(0deg);
          opacity: 1;
      }
  }

  @keyframes mdc-checkbox-indeterminate-checked-mixedmark {
      from {
          animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
          transform: rotate(0deg);
          opacity: 1;
      }

      to {
          transform: rotate(315deg);
          opacity: 0;
      }
  }

  @keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
      0% {
          animation-timing-function: linear;
          transform: scaleX(1);
          opacity: 1;
      }

      32.8%,
      100% {
          transform: scaleX(0);
          opacity: 0;
      }
  }

  .mat-mdc-checkbox {
      display: inline-block;
      position: relative;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .mat-mdc-checkbox._mat-animation-noopable>.mat-internal-form-field>.mdc-checkbox>.mat-mdc-checkbox-touch-target,
  .mat-mdc-checkbox._mat-animation-noopable>.mat-internal-form-field>.mdc-checkbox>.mdc-checkbox__native-control,
  .mat-mdc-checkbox._mat-animation-noopable>.mat-internal-form-field>.mdc-checkbox>.mdc-checkbox__ripple,
  .mat-mdc-checkbox._mat-animation-noopable>.mat-internal-form-field>.mdc-checkbox>.mat-mdc-checkbox-ripple::before,
  .mat-mdc-checkbox._mat-animation-noopable>.mat-internal-form-field>.mdc-checkbox>.mdc-checkbox__background,
  .mat-mdc-checkbox._mat-animation-noopable>.mat-internal-form-field>.mdc-checkbox>.mdc-checkbox__background>.mdc-checkbox__checkmark,
  .mat-mdc-checkbox._mat-animation-noopable>.mat-internal-form-field>.mdc-checkbox>.mdc-checkbox__background>.mdc-checkbox__checkmark>.mdc-checkbox__checkmark-path,
  .mat-mdc-checkbox._mat-animation-noopable>.mat-internal-form-field>.mdc-checkbox>.mdc-checkbox__background>.mdc-checkbox__mixedmark {
      transition: none !important;
      animation: none !important;
  }

  .mat-mdc-checkbox label {
      cursor: pointer;
  }

  .mat-mdc-checkbox .mat-internal-form-field {
      color: var(--mat-checkbox-label-text-color, var(--mat-sys-on-surface));
      font-family: var(--mat-checkbox-label-text-font,
              var(--mat-sys-body-medium-font));
      line-height: var(--mat-checkbox-label-text-line-height,
              var(--mat-sys-body-medium-line-height));
      font-size: var(--mat-checkbox-label-text-size,
              var(--mat-sys-body-medium-size));
      letter-spacing: var(--mat-checkbox-label-text-tracking,
              var(--mat-sys-body-medium-tracking));
      font-weight: var(--mat-checkbox-label-text-weight,
              var(--mat-sys-body-medium-weight));
  }

  .mat-mdc-checkbox.mat-mdc-checkbox-disabled.mat-mdc-checkbox-disabled-interactive {
      pointer-events: auto;
  }

  .mat-mdc-checkbox.mat-mdc-checkbox-disabled.mat-mdc-checkbox-disabled-interactive input {
      cursor: default;
  }

  .mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
      cursor: default;
      color: var(--mat-checkbox-disabled-label-color,
              color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
  }

  .mat-mdc-checkbox label:empty {
      display: none;
  }

  .mat-mdc-checkbox .mdc-checkbox__ripple {
      opacity: 0;
  }

  .mat-mdc-checkbox .mat-mdc-checkbox-ripple,
  .mdc-checkbox__ripple {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      border-radius: 50%;
      pointer-events: none;
  }

  .mat-mdc-checkbox .mat-mdc-checkbox-ripple:not(:empty),
  .mdc-checkbox__ripple:not(:empty) {
      transform: translateZ(0);
  }

  .mat-mdc-checkbox-ripple .mat-ripple-element {
      opacity: 0.1;
  }

  .mat-mdc-checkbox-touch-target {
      position: absolute;
      top: 50%;
      left: 50%;
      height: 48px;
      width: 48px;
      transform: translate(-50%, -50%);
      display: var(--mat-checkbox-touch-target-display, block);
  }

  .mat-mdc-checkbox .mat-mdc-checkbox-ripple::before {
      border-radius: 50%;
  }

  .mdc-checkbox__native-control:focus~.mat-focus-indicator::before {
      content: '';
  }

  .mat-internal-form-field {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      display: inline-flex;
      align-items: center;
      vertical-align: middle;
  }

  .mat-internal-form-field>label {
      margin-left: 0;
      margin-right: auto;
      padding-left: 4px;
      padding-right: 0;
      order: 0;
  }

  [dir='rtl'] .mat-internal-form-field>label {
      margin-left: auto;
      margin-right: 0;
      padding-left: 0;
      padding-right: 4px;
  }

  .mdc-form-field--align-end>label {
      margin-left: auto;
      margin-right: 0;
      padding-left: 0;
      padding-right: 4px;
      order: -1;
  }

  [dir='rtl'] .mdc-form-field--align-end .mdc-form-field--align-end label {
      margin-left: 0;
      margin-right: auto;
      padding-left: 4px;
      padding-right: 0;
  }

  .mat-step-header {
      overflow: hidden;
      outline: none;
      cursor: pointer;
      position: relative;
      box-sizing: content-box;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .mat-step-header:focus .mat-focus-indicator::before {
      content: '';
  }

  .mat-step-header:hover[aria-disabled='true'] {
      cursor: default;
  }

  .mat-step-header:hover:not([aria-disabled]),
  .mat-step-header:hover[aria-disabled='false'] {
      background-color: var(--mat-stepper-header-hover-state-layer-color,
              color-mix(in srgb,
                  var(--mat-sys-inverse-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%),
                  transparent));
      border-radius: var(--mat-stepper-header-hover-state-layer-shape,
              var(--mat-sys-corner-medium));
  }

  .mat-step-header.cdk-keyboard-focused,
  .mat-step-header.cdk-program-focused {
      background-color: var(--mat-stepper-header-focus-state-layer-color,
              color-mix(in srgb,
                  var(--mat-sys-inverse-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%),
                  transparent));
      border-radius: var(--mat-stepper-header-focus-state-layer-shape,
              var(--mat-sys-corner-medium));
  }

  @media (hover: none) {
      .mat-step-header:hover {
          background: none;
      }
  }

  @media (forced-colors: active) {
      .mat-step-header {
          outline: solid 1px;
      }

      .mat-step-header[aria-selected='true'] .mat-step-label {
          text-decoration: underline;
      }

      .mat-step-header[aria-disabled='true'] {
          outline-color: GrayText;
      }

      .mat-step-header[aria-disabled='true'] .mat-step-label,
      .mat-step-header[aria-disabled='true'] .mat-step-icon,
      .mat-step-header[aria-disabled='true'] .mat-step-optional {
          color: GrayText;
      }
  }

  .mat-step-optional {
      font-size: 12px;
      color: var(--mat-stepper-header-optional-label-text-color,
              var(--mat-sys-on-surface-variant));
  }

  .mat-step-sub-label-error {
      font-size: 12px;
      font-weight: normal;
  }

  .mat-step-icon {
      border-radius: 50%;
      height: 24px;
      width: 24px;
      flex-shrink: 0;
      position: relative;
      color: var(--mat-stepper-header-icon-foreground-color,
              var(--mat-sys-surface));
      background-color: var(--mat-stepper-header-icon-background-color,
              var(--mat-sys-on-surface-variant));
  }

  .mat-step-icon-content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: flex;
  }

  .mat-step-icon .mat-icon {
      font-size: 16px;
      height: 16px;
      width: 16px;
  }

  .mat-step-icon-state-error {
      background-color: var(--mat-stepper-header-error-state-icon-background-color,
              transparent);
      color: var(--mat-stepper-header-error-state-icon-foreground-color,
              var(--mat-sys-error));
  }

  .mat-step-icon-state-error .mat-icon {
      font-size: 24px;
      height: 24px;
      width: 24px;
  }

  .mat-step-label {
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      min-width: 50px;
      vertical-align: middle;
      font-family: var(--mat-stepper-header-label-text-font,
              var(--mat-sys-title-small-font));
      font-size: var(--mat-stepper-header-label-text-size,
              var(--mat-sys-title-small-size));
      font-weight: var(--mat-stepper-header-label-text-weight,
              var(--mat-sys-title-small-weight));
      color: var(--mat-stepper-header-label-text-color,
              var(--mat-sys-on-surface-variant));
  }

  .mat-step-label.mat-step-label-active {
      color: var(--mat-stepper-header-selected-state-label-text-color,
              var(--mat-sys-on-surface-variant));
  }

  .mat-step-label.mat-step-label-error {
      color: var(--mat-stepper-header-error-state-label-text-color,
              var(--mat-sys-error));
      font-size: var(--mat-stepper-header-error-state-label-text-size,
              var(--mat-sys-title-small-size));
  }

  .mat-step-label.mat-step-label-selected {
      font-size: var(--mat-stepper-header-selected-state-label-text-size,
              var(--mat-sys-title-small-size));
      font-weight: var(--mat-stepper-header-selected-state-label-text-weight,
              var(--mat-sys-title-small-weight));
  }

  .mat-step-text-label {
      text-overflow: ellipsis;
      overflow: hidden;
  }

  .mat-step-header .mat-step-header-ripple {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      pointer-events: none;
  }

  .mat-step-icon-selected {
      background-color: var(--mat-stepper-header-selected-state-icon-background-color,
              var(--mat-sys-primary));
      color: var(--mat-stepper-header-selected-state-icon-foreground-color,
              var(--mat-sys-on-primary));
  }

  .mat-step-icon-state-done {
      background-color: var(--mat-stepper-header-done-state-icon-background-color);
      color: var(--mat-stepper-header-done-state-icon-foreground-color);
  }

  .mat-step-icon-state-edit {
      background-color: var(--mat-stepper-header-edit-state-icon-background-color,
              var(--mat-sys-primary));
      color: var(--mat-stepper-header-edit-state-icon-foreground-color,
              var(--mat-sys-on-primary));
  }

  .mat-pseudo-checkbox {
      border-radius: 2px;
      cursor: pointer;
      display: inline-block;
      vertical-align: middle;
      box-sizing: border-box;
      position: relative;
      flex-shrink: 0;
      transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1),
          background-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
  }

  .mat-pseudo-checkbox::after {
      position: absolute;
      opacity: 0;
      content: '';
      border-bottom: 2px solid currentColor;
      transition: opacity 90ms cubic-bezier(0, 0, 0.2, 0.1);
  }

  .mat-pseudo-checkbox._mat-animation-noopable {
      transition: none !important;
      animation: none !important;
  }

  .mat-pseudo-checkbox._mat-animation-noopable::after {
      transition: none;
  }

  .mat-pseudo-checkbox-disabled {
      cursor: default;
  }

  .mat-pseudo-checkbox-indeterminate::after {
      left: 1px;
      opacity: 1;
      border-radius: 2px;
  }

  .mat-pseudo-checkbox-checked::after {
      left: 1px;
      border-left: 2px solid currentColor;
      transform: rotate(-45deg);
      opacity: 1;
      box-sizing: content-box;
  }

  .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,
  .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after {
      color: var(--mat-minimal-pseudo-checkbox-selected-checkmark-color,
              var(--mat-sys-primary));
  }

  .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled::after,
  .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled::after {
      color: var(--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color,
              color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
  }

  .mat-pseudo-checkbox-full {
      border-color: var(--mat-full-pseudo-checkbox-unselected-icon-color,
              var(--mat-sys-on-surface-variant));
      border-width: 2px;
      border-style: solid;
  }

  .mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
      border-color: var(--mat-full-pseudo-checkbox-disabled-unselected-icon-color,
              color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
  }

  .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,
  .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate {
      background-color: var(--mat-full-pseudo-checkbox-selected-icon-color,
              var(--mat-sys-primary));
      border-color: rgba(0, 0, 0, 0);
  }

  .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after,
  .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after {
      color: var(--mat-full-pseudo-checkbox-selected-checkmark-color,
              var(--mat-sys-on-primary));
  }

  .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
  .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
      background-color: var(--mat-full-pseudo-checkbox-disabled-selected-icon-color,
              color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
  }

  .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled::after,
  .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled::after {
      color: var(--mat-full-pseudo-checkbox-disabled-selected-checkmark-color,
              var(--mat-sys-surface));
  }

  .mat-pseudo-checkbox {
      width: 18px;
      height: 18px;
  }

  .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after {
      width: 14px;
      height: 6px;
      transform-origin: center;
      top: -4.2426406871px;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto;
  }

  .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after {
      top: 8px;
      width: 16px;
  }

  .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after {
      width: 10px;
      height: 4px;
      transform-origin: center;
      top: -2.8284271247px;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto;
  }

  .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after {
      top: 6px;
      width: 12px;
  }

  .mat-mdc-button-base {
      text-decoration: none;
  }

  .mdc-button {
      -webkit-user-select: none;
      user-select: none;
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
      min-width: 64px;
      border: none;
      outline: none;
      line-height: inherit;
      -webkit-appearance: none;
      overflow: visible;
      vertical-align: middle;
      background: rgba(0, 0, 0, 0);
      padding: 0 8px;
  }

  .mdc-button::-moz-focus-inner {
      padding: 0;
      border: 0;
  }

  .mdc-button:active {
      outline: none;
  }

  .mdc-button:hover {
      cursor: pointer;
  }

  .mdc-button:disabled {
      cursor: default;
      pointer-events: none;
  }

  .mdc-button[hidden] {
      display: none;
  }

  .mdc-button .mdc-button__label {
      position: relative;
  }

  .mat-mdc-button {
      padding: 0 var(--mat-text-button-horizontal-padding, 12px);
      height: var(--mdc-text-button-container-height, 40px);
      font-family: var(--mdc-text-button-label-text-font,
              var(--mat-sys-label-large-font));
      font-size: var(--mdc-text-button-label-text-size,
              var(--mat-sys-label-large-size));
      letter-spacing: var(--mdc-text-button-label-text-tracking,
              var(--mat-sys-label-large-tracking));
      text-transform: var(--mdc-text-button-label-text-transform);
      font-weight: var(--mdc-text-button-label-text-weight,
              var(--mat-sys-label-large-weight));
  }

  .mat-mdc-button,
  .mat-mdc-button .mdc-button__ripple {
      border-radius: var(--mdc-text-button-container-shape,
              var(--mat-sys-corner-full));
  }

  .mat-mdc-button:not(:disabled) {
      color: var(--mdc-text-button-label-text-color, var(--mat-sys-primary));
  }

  .mat-mdc-button[disabled],
  .mat-mdc-button.mat-mdc-button-disabled {
      cursor: default;
      pointer-events: none;
      color: var(--mdc-text-button-disabled-label-text-color,
              color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
  }

  .mat-mdc-button.mat-mdc-button-disabled-interactive {
      pointer-events: auto;
  }

  .mat-mdc-button:has(.material-icons, mat-icon, [matButtonIcon]) {
      padding: 0 var(--mat-text-button-with-icon-horizontal-padding, 16px);
  }

  .mat-mdc-button>.mat-icon {
      margin-right: var(--mat-text-button-icon-spacing, 8px);
      margin-left: var(--mat-text-button-icon-offset, -4px);
  }

  [dir='rtl'] .mat-mdc-button>.mat-icon {
      margin-right: var(--mat-text-button-icon-offset, -4px);
      margin-left: var(--mat-text-button-icon-spacing, 8px);
  }

  .mat-mdc-button .mdc-button__label+.mat-icon {
      margin-right: var(--mat-text-button-icon-offset, -4px);
      margin-left: var(--mat-text-button-icon-spacing, 8px);
  }

  [dir='rtl'] .mat-mdc-button .mdc-button__label+.mat-icon {
      margin-right: var(--mat-text-button-icon-spacing, 8px);
      margin-left: var(--mat-text-button-icon-offset, -4px);
  }

  .mat-mdc-button .mat-ripple-element {
      background-color: var(--mat-text-button-ripple-color,
              color-mix(in srgb,
                  var(--mat-sys-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%),
                  transparent));
  }

  .mat-mdc-button .mat-mdc-button-persistent-ripple::before {
      background-color: var(--mat-text-button-state-layer-color,
              var(--mat-sys-primary));
  }

  .mat-mdc-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
      background-color: var(--mat-text-button-disabled-state-layer-color,
              var(--mat-sys-on-surface-variant));
  }

  .mat-mdc-button:hover>.mat-mdc-button-persistent-ripple::before {
      opacity: var(--mat-text-button-hover-state-layer-opacity,
              var(--mat-sys-hover-state-layer-opacity));
  }

  .mat-mdc-button.cdk-program-focused>.mat-mdc-button-persistent-ripple::before,
  .mat-mdc-button.cdk-keyboard-focused>.mat-mdc-button-persistent-ripple::before,
  .mat-mdc-button.mat-mdc-button-disabled-interactive:focus>.mat-mdc-button-persistent-ripple::before {
      opacity: var(--mat-text-button-focus-state-layer-opacity,
              var(--mat-sys-focus-state-layer-opacity));
  }

  .mat-mdc-button:active>.mat-mdc-button-persistent-ripple::before {
      opacity: var(--mat-text-button-pressed-state-layer-opacity,
              var(--mat-sys-pressed-state-layer-opacity));
  }

  .mat-mdc-button .mat-mdc-button-touch-target {
      position: absolute;
      top: 50%;
      height: 48px;
      left: 0;
      right: 0;
      transform: translateY(-50%);
      display: var(--mat-text-button-touch-target-display, block);
  }

  .mat-mdc-unelevated-button {
      transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
      height: var(--mdc-filled-button-container-height, 40px);
      font-family: var(--mdc-filled-button-label-text-font,
              var(--mat-sys-label-large-font));
      font-size: var(--mdc-filled-button-label-text-size,
              var(--mat-sys-label-large-size));
      letter-spacing: var(--mdc-filled-button-label-text-tracking,
              var(--mat-sys-label-large-tracking));
      text-transform: var(--mdc-filled-button-label-text-transform);
      font-weight: var(--mdc-filled-button-label-text-weight,
              var(--mat-sys-label-large-weight));
      padding: 0 var(--mat-filled-button-horizontal-padding, 24px);
  }

  .mat-mdc-unelevated-button>.mat-icon {
      margin-right: var(--mat-filled-button-icon-spacing, 8px);
      margin-left: var(--mat-filled-button-icon-offset, -8px);
  }

  [dir='rtl'] .mat-mdc-unelevated-button>.mat-icon {
      margin-right: var(--mat-filled-button-icon-offset, -8px);
      margin-left: var(--mat-filled-button-icon-spacing, 8px);
  }

  .mat-mdc-unelevated-button .mdc-button__label+.mat-icon {
      margin-right: var(--mat-filled-button-icon-offset, -8px);
      margin-left: var(--mat-filled-button-icon-spacing, 8px);
  }

  [dir='rtl'] .mat-mdc-unelevated-button .mdc-button__label+.mat-icon {
      margin-right: var(--mat-filled-button-icon-spacing, 8px);
      margin-left: var(--mat-filled-button-icon-offset, -8px);
  }

  .mat-mdc-unelevated-button .mat-ripple-element {
      background-color: var(--mat-filled-button-ripple-color,
              color-mix(in srgb,
                  var(--mat-sys-on-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%),
                  transparent));
  }

  .mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before {
      background-color: var(--mat-filled-button-state-layer-color,
              var(--mat-sys-on-primary));
  }

  .mat-mdc-unelevated-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
      background-color: var(--mat-filled-button-disabled-state-layer-color,
              var(--mat-sys-on-surface-variant));
  }

  .mat-mdc-unelevated-button:hover>.mat-mdc-button-persistent-ripple::before {
      opacity: var(--mat-filled-button-hover-state-layer-opacity,
              var(--mat-sys-hover-state-layer-opacity));
  }

  .mat-mdc-unelevated-button.cdk-program-focused>.mat-mdc-button-persistent-ripple::before,
  .mat-mdc-unelevated-button.cdk-keyboard-focused>.mat-mdc-button-persistent-ripple::before,
  .mat-mdc-unelevated-button.mat-mdc-button-disabled-interactive:focus>.mat-mdc-button-persistent-ripple::before {
      opacity: var(--mat-filled-button-focus-state-layer-opacity,
              var(--mat-sys-focus-state-layer-opacity));
  }

  .mat-mdc-unelevated-button:active>.mat-mdc-button-persistent-ripple::before {
      opacity: var(--mat-filled-button-pressed-state-layer-opacity,
              var(--mat-sys-pressed-state-layer-opacity));
  }

  .mat-mdc-unelevated-button .mat-mdc-button-touch-target {
      position: absolute;
      top: 50%;
      height: 48px;
      left: 0;
      right: 0;
      transform: translateY(-50%);
      display: var(--mat-filled-button-touch-target-display, block);
  }

  .mat-mdc-unelevated-button:not(:disabled) {
      color: var(--mdc-filled-button-label-text-color,
              var(--mat-sys-on-primary));
      background-color: var(--mdc-filled-button-container-color,
              var(--mat-sys-primary));
  }

  .mat-mdc-unelevated-button,
  .mat-mdc-unelevated-button .mdc-button__ripple {
      border-radius: var(--mdc-filled-button-container-shape,
              var(--mat-sys-corner-full));
  }

  .mat-mdc-unelevated-button[disabled],
  .mat-mdc-unelevated-button.mat-mdc-button-disabled {
      cursor: default;
      pointer-events: none;
      color: var(--mdc-filled-button-disabled-label-text-color,
              color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
      background-color: var(--mdc-filled-button-disabled-container-color,
              color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));
  }

  .mat-mdc-unelevated-button.mat-mdc-button-disabled-interactive {
      pointer-events: auto;
  }

  .mat-mdc-raised-button {
      transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
      box-shadow: var(--mdc-protected-button-container-elevation-shadow,
              var(--mat-sys-level1));
      height: var(--mdc-protected-button-container-height, 40px);
      font-family: var(--mdc-protected-button-label-text-font,
              var(--mat-sys-label-large-font));
      font-size: var(--mdc-protected-button-label-text-size,
              var(--mat-sys-label-large-size));
      letter-spacing: var(--mdc-protected-button-label-text-tracking,
              var(--mat-sys-label-large-tracking));
      text-transform: var(--mdc-protected-button-label-text-transform);
      font-weight: var(--mdc-protected-button-label-text-weight,
              var(--mat-sys-label-large-weight));
      padding: 0 var(--mat-protected-button-horizontal-padding, 24px);
  }

  .mat-mdc-raised-button>.mat-icon {
      margin-right: var(--mat-protected-button-icon-spacing, 8px);
      margin-left: var(--mat-protected-button-icon-offset, -8px);
  }

  [dir='rtl'] .mat-mdc-raised-button>.mat-icon {
      margin-right: var(--mat-protected-button-icon-offset, -8px);
      margin-left: var(--mat-protected-button-icon-spacing, 8px);
  }

  .mat-mdc-raised-button .mdc-button__label+.mat-icon {
      margin-right: var(--mat-protected-button-icon-offset, -8px);
      margin-left: var(--mat-protected-button-icon-spacing, 8px);
  }

  [dir='rtl'] .mat-mdc-raised-button .mdc-button__label+.mat-icon {
      margin-right: var(--mat-protected-button-icon-spacing, 8px);
      margin-left: var(--mat-protected-button-icon-offset, -8px);
  }

  .mat-mdc-raised-button .mat-ripple-element {
      background-color: var(--mat-protected-button-ripple-color,
              color-mix(in srgb,
                  var(--mat-sys-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%),
                  transparent));
  }

  .mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before {
      background-color: var(--mat-protected-button-state-layer-color,
              var(--mat-sys-primary));
  }

  .mat-mdc-raised-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
      background-color: var(--mat-protected-button-disabled-state-layer-color,
              var(--mat-sys-on-surface-variant));
  }

  .mat-mdc-raised-button:hover>.mat-mdc-button-persistent-ripple::before {
      opacity: var(--mat-protected-button-hover-state-layer-opacity,
              var(--mat-sys-hover-state-layer-opacity));
  }

  .mat-mdc-raised-button.cdk-program-focused>.mat-mdc-button-persistent-ripple::before,
  .mat-mdc-raised-button.cdk-keyboard-focused>.mat-mdc-button-persistent-ripple::before,
  .mat-mdc-raised-button.mat-mdc-button-disabled-interactive:focus>.mat-mdc-button-persistent-ripple::before {
      opacity: var(--mat-protected-button-focus-state-layer-opacity,
              var(--mat-sys-focus-state-layer-opacity));
  }

  .mat-mdc-raised-button:active>.mat-mdc-button-persistent-ripple::before {
      opacity: var(--mat-protected-button-pressed-state-layer-opacity,
              var(--mat-sys-pressed-state-layer-opacity));
  }

  .mat-mdc-raised-button .mat-mdc-button-touch-target {
      position: absolute;
      top: 50%;
      height: 48px;
      left: 0;
      right: 0;
      transform: translateY(-50%);
      display: var(--mat-protected-button-touch-target-display, block);
  }

  .mat-mdc-raised-button:not(:disabled) {
      color: var(--mdc-protected-button-label-text-color,
              var(--mat-sys-primary));
      background-color: var(--mdc-protected-button-container-color,
              var(--mat-sys-surface));
  }

  .mat-mdc-raised-button,
  .mat-mdc-raised-button .mdc-button__ripple {
      border-radius: var(--mdc-protected-button-container-shape,
              var(--mat-sys-corner-full));
  }

  .mat-mdc-raised-button:hover {
      box-shadow: var(--mdc-protected-button-hover-container-elevation-shadow,
              var(--mat-sys-level2));
  }

  .mat-mdc-raised-button:focus {
      box-shadow: var(--mdc-protected-button-focus-container-elevation-shadow,
              var(--mat-sys-level1));
  }

  .mat-mdc-raised-button:active,
  .mat-mdc-raised-button:focus:active {
      box-shadow: var(--mdc-protected-button-pressed-container-elevation-shadow,
              var(--mat-sys-level1));
  }

  .mat-mdc-raised-button[disabled],
  .mat-mdc-raised-button.mat-mdc-button-disabled {
      cursor: default;
      pointer-events: none;
      color: var(--mdc-protected-button-disabled-label-text-color,
              color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
      background-color: var(--mdc-protected-button-disabled-container-color,
              color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));
  }

  .mat-mdc-raised-button[disabled].mat-mdc-button-disabled,
  .mat-mdc-raised-button.mat-mdc-button-disabled.mat-mdc-button-disabled {
      box-shadow: var(--mdc-protected-button-disabled-container-elevation-shadow,
              var(--mat-sys-level0));
  }

  .mat-mdc-raised-button.mat-mdc-button-disabled-interactive {
      pointer-events: auto;
  }

  .mat-mdc-outlined-button {
      border-style: solid;
      transition: border 280ms cubic-bezier(0.4, 0, 0.2, 1);
      height: var(--mdc-outlined-button-container-height, 40px);
      font-family: var(--mdc-outlined-button-label-text-font,
              var(--mat-sys-label-large-font));
      font-size: var(--mdc-outlined-button-label-text-size,
              var(--mat-sys-label-large-size));
      letter-spacing: var(--mdc-outlined-button-label-text-tracking,
              var(--mat-sys-label-large-tracking));
      text-transform: var(--mdc-outlined-button-label-text-transform);
      font-weight: var(--mdc-outlined-button-label-text-weight,
              var(--mat-sys-label-large-weight));
      border-radius: var(--mdc-outlined-button-container-shape,
              var(--mat-sys-corner-full));
      border-width: var(--mdc-outlined-button-outline-width, 1px);
      padding: 0 var(--mat-outlined-button-horizontal-padding, 24px);
  }

  .mat-mdc-outlined-button>.mat-icon {
      margin-right: var(--mat-outlined-button-icon-spacing, 8px);
      margin-left: var(--mat-outlined-button-icon-offset, -8px);
  }

  [dir='rtl'] .mat-mdc-outlined-button>.mat-icon {
      margin-right: var(--mat-outlined-button-icon-offset, -8px);
      margin-left: var(--mat-outlined-button-icon-spacing, 8px);
  }

  .mat-mdc-outlined-button .mdc-button__label+.mat-icon {
      margin-right: var(--mat-outlined-button-icon-offset, -8px);
      margin-left: var(--mat-outlined-button-icon-spacing, 8px);
  }

  [dir='rtl'] .mat-mdc-outlined-button .mdc-button__label+.mat-icon {
      margin-right: var(--mat-outlined-button-icon-spacing, 8px);
      margin-left: var(--mat-outlined-button-icon-offset, -8px);
  }

  .mat-mdc-outlined-button .mat-ripple-element {
      background-color: var(--mat-outlined-button-ripple-color,
              color-mix(in srgb,
                  var(--mat-sys-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%),
                  transparent));
  }

  .mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
      background-color: var(--mat-outlined-button-state-layer-color,
              var(--mat-sys-primary));
  }

  .mat-mdc-outlined-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
      background-color: var(--mat-outlined-button-disabled-state-layer-color,
              var(--mat-sys-on-surface-variant));
  }

  .mat-mdc-outlined-button:hover>.mat-mdc-button-persistent-ripple::before {
      opacity: var(--mat-outlined-button-hover-state-layer-opacity,
              var(--mat-sys-hover-state-layer-opacity));
  }

  .mat-mdc-outlined-button.cdk-program-focused>.mat-mdc-button-persistent-ripple::before,
  .mat-mdc-outlined-button.cdk-keyboard-focused>.mat-mdc-button-persistent-ripple::before,
  .mat-mdc-outlined-button.mat-mdc-button-disabled-interactive:focus>.mat-mdc-button-persistent-ripple::before {
      opacity: var(--mat-outlined-button-focus-state-layer-opacity,
              var(--mat-sys-focus-state-layer-opacity));
  }

  .mat-mdc-outlined-button:active>.mat-mdc-button-persistent-ripple::before {
      opacity: var(--mat-outlined-button-pressed-state-layer-opacity,
              var(--mat-sys-pressed-state-layer-opacity));
  }

  .mat-mdc-outlined-button .mat-mdc-button-touch-target {
      position: absolute;
      top: 50%;
      height: 48px;
      left: 0;
      right: 0;
      transform: translateY(-50%);
      display: var(--mat-outlined-button-touch-target-display, block);
  }

  .mat-mdc-outlined-button:not(:disabled) {
      color: var(--mdc-outlined-button-label-text-color,
              var(--mat-sys-primary));
      border-color: var(--mdc-outlined-button-outline-color,
              var(--mat-sys-outline));
  }

  .mat-mdc-outlined-button[disabled],
  .mat-mdc-outlined-button.mat-mdc-button-disabled {
      cursor: default;
      pointer-events: none;
      color: var(--mdc-outlined-button-disabled-label-text-color,
              color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
      border-color: var(--mdc-outlined-button-disabled-outline-color,
              color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));
  }

  .mat-mdc-outlined-button.mat-mdc-button-disabled-interactive {
      pointer-events: auto;
  }

  .mat-mdc-button,
  .mat-mdc-unelevated-button,
  .mat-mdc-raised-button,
  .mat-mdc-outlined-button {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .mat-mdc-button .mat-mdc-button-ripple,
  .mat-mdc-button .mat-mdc-button-persistent-ripple,
  .mat-mdc-button .mat-mdc-button-persistent-ripple::before,
  .mat-mdc-unelevated-button .mat-mdc-button-ripple,
  .mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple,
  .mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,
  .mat-mdc-raised-button .mat-mdc-button-ripple,
  .mat-mdc-raised-button .mat-mdc-button-persistent-ripple,
  .mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,
  .mat-mdc-outlined-button .mat-mdc-button-ripple,
  .mat-mdc-outlined-button .mat-mdc-button-persistent-ripple,
  .mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      pointer-events: none;
      border-radius: inherit;
  }

  .mat-mdc-button .mat-mdc-button-ripple,
  .mat-mdc-unelevated-button .mat-mdc-button-ripple,
  .mat-mdc-raised-button .mat-mdc-button-ripple,
  .mat-mdc-outlined-button .mat-mdc-button-ripple {
      overflow: hidden;
  }

  .mat-mdc-button .mat-mdc-button-persistent-ripple::before,
  .mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,
  .mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,
  .mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
      content: '';
      opacity: 0;
  }

  .mat-mdc-button .mdc-button__label,
  .mat-mdc-button .mat-icon,
  .mat-mdc-unelevated-button .mdc-button__label,
  .mat-mdc-unelevated-button .mat-icon,
  .mat-mdc-raised-button .mdc-button__label,
  .mat-mdc-raised-button .mat-icon,
  .mat-mdc-outlined-button .mdc-button__label,
  .mat-mdc-outlined-button .mat-icon {
      z-index: 1;
      position: relative;
  }

  .mat-mdc-button .mat-focus-indicator,
  .mat-mdc-unelevated-button .mat-focus-indicator,
  .mat-mdc-raised-button .mat-focus-indicator,
  .mat-mdc-outlined-button .mat-focus-indicator {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      border-radius: inherit;
  }

  .mat-mdc-button:focus>.mat-focus-indicator::before,
  .mat-mdc-unelevated-button:focus>.mat-focus-indicator::before,
  .mat-mdc-raised-button:focus>.mat-focus-indicator::before,
  .mat-mdc-outlined-button:focus>.mat-focus-indicator::before {
      content: '';
      border-radius: inherit;
  }

  .mat-mdc-button._mat-animation-noopable,
  .mat-mdc-unelevated-button._mat-animation-noopable,
  .mat-mdc-raised-button._mat-animation-noopable,
  .mat-mdc-outlined-button._mat-animation-noopable {
      transition: none !important;
      animation: none !important;
  }

  .mat-mdc-button>.mat-icon,
  .mat-mdc-unelevated-button>.mat-icon,
  .mat-mdc-raised-button>.mat-icon,
  .mat-mdc-outlined-button>.mat-icon {
      display: inline-block;
      position: relative;
      vertical-align: top;
      font-size: 1.125rem;
      height: 1.125rem;
      width: 1.125rem;
  }

  .mat-mdc-outlined-button .mat-mdc-button-ripple,
  .mat-mdc-outlined-button .mdc-button__ripple {
      top: -1px;
      left: -1px;
      bottom: -1px;
      right: -1px;
  }

  .mat-mdc-unelevated-button .mat-focus-indicator::before,
  .mat-mdc-raised-button .mat-focus-indicator::before {
      margin: calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px) * -1);
  }

  .mat-mdc-outlined-button .mat-focus-indicator::before {
      margin: calc(calc(var(--mat-focus-indicator-border-width, 3px) + 3px) * -1);
  }

  @media (forced-colors: active) {

      .mat-mdc-button:not(.mdc-button--outlined),
      .mat-mdc-unelevated-button:not(.mdc-button--outlined),
      .mat-mdc-raised-button:not(.mdc-button--outlined),
      .mat-mdc-outlined-button:not(.mdc-button--outlined),
      .mat-mdc-icon-button.mat-mdc-icon-button,
      .mat-mdc-outlined-button .mdc-button__ripple {
          outline: solid 1px;
      }
  }

  .cdk-overlay-container,
  .cdk-global-overlay-wrapper {
      pointer-events: none;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
  }

  .cdk-overlay-container {
      position: fixed;
  }

  @layer cdk-overlay {
      .cdk-overlay-container {
          z-index: 1000;
      }
  }

  .cdk-overlay-container:empty {
      display: none;
  }

  .cdk-global-overlay-wrapper {
      display: flex;
      position: absolute;
  }

  @layer cdk-overlay {
      .cdk-global-overlay-wrapper {
          z-index: 1000;
      }
  }

  .cdk-overlay-pane {
      position: absolute;
      pointer-events: auto;
      box-sizing: border-box;
      display: flex;
      max-width: 100%;
      max-height: 100%;
  }

  @layer cdk-overlay {
      .cdk-overlay-pane {
          z-index: 1000;
      }
  }

  .cdk-overlay-backdrop {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      pointer-events: auto;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      opacity: 0;
      touch-action: manipulation;
  }

  @layer cdk-overlay {
      .cdk-overlay-backdrop {
          z-index: 1000;
          transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
      }
  }

  @media (prefers-reduced-motion) {
      .cdk-overlay-backdrop {
          transition-duration: 1ms;
      }
  }

  .cdk-overlay-backdrop-showing {
      opacity: 1;
  }

  @media (forced-colors: active) {
      .cdk-overlay-backdrop-showing {
          opacity: 0.6;
      }
  }

  @layer cdk-overlay {
      .cdk-overlay-dark-backdrop {
          background: rgba(0, 0, 0, 0.32);
      }
  }

  .cdk-overlay-transparent-backdrop {
      transition: visibility 1ms linear, opacity 1ms linear;
      visibility: hidden;
      opacity: 1;
  }

  .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
  .cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
      opacity: 0;
      visibility: visible;
  }

  .cdk-overlay-backdrop-noop-animation {
      transition: none;
  }

  .cdk-overlay-connected-position-bounding-box {
      position: absolute;
      display: flex;
      flex-direction: column;
      min-width: 1px;
      min-height: 1px;
  }

  @layer cdk-overlay {
      .cdk-overlay-connected-position-bounding-box {
          z-index: 1000;
      }
  }

  .cdk-global-scrollblock {
      position: fixed;
      width: 100%;
      overflow-y: scroll;
  }

  .cover {
      position: relative;
      background: url('https://images.ctfassets.net/8bbwomjfix8m/66s38MfzTRpqRfJecXUxng/0b5088724faa9e1f38b56c936b6c91c4/k%C3%A9_CAN.png') no-repeat center center/cover;
      height: 55vh;
      padding: 20px;
      background-repeat: no-repeat;
      background-attachment: fixed;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  @media (max-width: 768px) {
      .cover {
          height: auto;
          padding: 0 10px;
          display: flex;
          flex-direction: column;
      }
  }

  @media (max-width: 480px) {
      .cover {
          height: auto;
          padding: 0 5px;
      }

      .content h1 {
          font-size: 1.5rem;
      }

      .content p {
          font-size: 0.9rem;
          line-height: 20px;
      }

      .content {
          padding: 10px;
      }
  }

  .register-button {
      display: inline-block;
      background-color: #007bff;
      color: #fff !important;
      padding: 10px 20px;
      text-decoration: none;
      font-size: 1.2rem;
      border-radius: 20px;
      text-align: center;
      font-weight: bold !important;
  }

  .register-button:hover {
      background-color: #0056b3;
  }

  h2 {
      padding: 20px 0px !important;
      color: #2d6bd5;
  }

  h3 {
      color: #2d6bd5;
      padding: 0px 0px 10px 0px;
  }

  .can-ksp {
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .canksp-card {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 15px;
  }

  .canksp-image {
      width: 100%;
  }

  .canksp-card .canksp-text {
      width: 270px;
  }

  .canksp-card .canksp-text p {
      padding: 0 5px;
  }

  .full-width {
      padding: 20px 0px 0px 0px !important;
  }

  .para-comp ul {
      padding-top: 10px;
  }

  .full-width-bg.bg-image:after {
      content: none;
  }

  .video3col {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .video1 {
      padding: 0 10px;
  }

  .video1 iframe {
      width: 400px;
  }

  .auscard-wrap {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
  }

  .auscard-image {
      padding: 10px;
  }

  .auscard-image img {
      width: 500px;
      box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
          rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  }

  .auscard {
      width: 500px;
      height: 130px;
      border: 2px solid #ffa514;
      margin: 15px;
      background-color: #fff0be;
  }

  .auscard-text {
      padding: 10px;
  }

  .auscard-text h4 {
      padding: 10px 0;
      color: #f05f46;
      font-size: 18px;
  }

  .auscard-text p {
      font-size: 16px;
  }

  .auscard:hover {
      background-color: #f8f8f8;
  }

  .para-comp table {
      border-collapse: collapse;
      table-layout: auto !important;
      width: 50%;
      border: 1px solid #f0f0f0;
  }

  table th {
      padding: 10px;
      font-weight: bold;
  }

  table td {
      font-size: 17px !important;
      letter-spacing: -0.045em !important;
      color: #1d202c !important;
      margin-bottom: 0px !important;
      padding: 5px;
      border: 1px solid #f0f0f0;
  }

  .table-cover {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .td1 {
      width: 55%;
  }

  .td1 img {
      width: 300px;
  }

  @media screen and (max-width: 768px) {
      h2 {
          margin-bottom: 18px !important;
      }

      h3 {
          margin: 25px 0px !important;
      }

      .intro-container {
          display: flex;
          flex-direction: column;
          width: 100%;
          justify-content: center;
          align-items: center;
      }

      .layoutTwoColumn>.single-col-row {
          flex-direction: column-reverse;
      }

      .can-ksp {
          display: flex;
          flex-direction: column;
          justify-content: center;
      }

      .canksp-card {
          width: 100%;
      }

      .para-comp ul li p {
          margin: 0 !important;
      }

      .video3col {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
      }

      .video1 {
          margin: 10px;
      }

      .video1 iframe {
          width: 400px;
      }

      .auscard-cover {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
      }

      .auscard-image img {
          width: 100%;
      }

      .auscard {
          width: 98%;
          margin: 10px;
          height: auto;
      }

      .auscard-text h4 {
          font-size: 18px;
      }

      .auscard-text p {
          font-size: 17px;
      }

      .para-comp table {
          border-collapse: collapse;
          table-layout: auto !important;
          width: 100%;
      }

      .full-width-bg.bg-image {
          height: 300px !important;
          background-image: url('https://images.ctfassets.net/8bbwomjfix8m/zulXryC5630LYDBTX9AdK/b5e4c00f3312686f0028e5aa69a5be1e/CAN-Brochure.png') !important;
          z-index: 999;
      }

      .full-width-bg.bg-image .single-col-row {
          padding-top: 280px;
          width: 100%;
      }

      .para-comp ul li {
          list-style: disc outside none;
          list-style: initial;
      }

      .cont-pd-top .single-col-row.content-row.outer_cont {
          padding-top: 1100px;
      }
  }