mat-icon,
    mat-icon.mat-primary,
    mat-icon.mat-accent,
    mat-icon.mat-warn {
      color: var(--mat-icon-color)
    }

    .mat-icon {
      -webkit-user-select: none;
      user-select: none;
      background-repeat: no-repeat;
      display: inline-block;
      fill: currentColor;
      height: 24px;
      width: 24px;
      overflow: hidden
    }

    .mat-icon.mat-icon-inline {
      font-size: inherit;
      height: inherit;
      line-height: inherit;
      width: inherit
    }

    .mat-icon.mat-ligature-font[fontIcon]::before {
      content: attr(fontIcon)
    }

    [dir=rtl] .mat-icon-rtl-mirror {
      transform: scale(-1, 1)
    }

    .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,
    .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon {
      display: block
    }

    .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-icon,
    .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-icon {
      margin: auto
    }
  
  
    .mdc-touch-target-wrapper {
      display: inline
    }

    @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: mdc-animation-deceleration-curve-timing-function;
        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
      }
    }

    .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
    }

    .mdc-checkbox[hidden] {
      display: none
    }

    .mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring,
    .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring {
      pointer-events: none;
      border: 2px solid rgba(0, 0, 0, 0);
      border-radius: 6px;
      box-sizing: content-box;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: 100%;
      width: 100%
    }

    @media screen and (forced-colors: active) {

      .mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring,
      .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring {
        border-color: CanvasText
      }
    }

    .mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring::after,
    .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring::after {
      content: "";
      border: 2px solid rgba(0, 0, 0, 0);
      border-radius: 8px;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: calc(100% + 4px);
      width: calc(100% + 4px)
    }

    @media screen and (forced-colors: active) {

      .mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring::after,
      .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring::after {
        border-color: CanvasText
      }
    }

    @media all and (-ms-high-contrast: none) {
      .mdc-checkbox .mdc-checkbox__focus-ring {
        display: none
      }
    }

    @media screen and (forced-colors: active),
    (-ms-high-contrast: active) {
      .mdc-checkbox__mixedmark {
        margin: 0 1px
      }
    }

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

    .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 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
    }

    .mdc-checkbox__checkmark {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      opacity: 0;
      transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
    }

    .mdc-checkbox--upgraded .mdc-checkbox__checkmark {
      opacity: 1
    }

    .mdc-checkbox__checkmark-path {
      transition: stroke-dashoffset 180ms 0ms 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 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
    }

    .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 0s;
      transition: none
    }

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

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

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

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

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

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

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

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

    .mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark-path,
    .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark-path,
    .mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark-path {
      stroke-dashoffset: 0
    }

    .mdc-checkbox__native-control {
      position: absolute;
      margin: 0;
      padding: 0;
      opacity: 0;
      cursor: inherit
    }

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

    .mdc-checkbox--touch {
      margin: calc((var(--mdc-checkbox-state-layer-size) - var(--mdc-checkbox-state-layer-size)) / 2)
    }

    .mdc-checkbox--touch .mdc-checkbox__native-control {
      top: calc((var(--mdc-checkbox-state-layer-size) - var(--mdc-checkbox-state-layer-size)) / 2);
      right: calc((var(--mdc-checkbox-state-layer-size) - var(--mdc-checkbox-state-layer-size)) / 2);
      left: calc((var(--mdc-checkbox-state-layer-size) - var(--mdc-checkbox-state-layer-size)) / 2);
      width: var(--mdc-checkbox-state-layer-size);
      height: var(--mdc-checkbox-state-layer-size)
    }

    .mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark {
      transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms 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,
    .mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark {
      transform: rotate(45deg);
      opacity: 0;
      transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
    }

    .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__mixedmark,
    .mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__mixedmark {
      transform: scaleX(1) rotate(0deg);
      opacity: 1
    }

    .mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__background,
    .mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark,
    .mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,
    .mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
      transition: none
    }

    .mdc-checkbox {
      padding: calc((var(--mdc-checkbox-state-layer-size) - 18px) / 2);
      margin: calc((var(--mdc-checkbox-state-layer-size) - var(--mdc-checkbox-state-layer-size)) / 2)
    }

    .mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
      border-color: var(--mdc-checkbox-disabled-unselected-icon-color);
      background-color: transparent
    }

    .mdc-checkbox .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,
    .mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background,
    .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background {
      border-color: transparent;
      background-color: var(--mdc-checkbox-disabled-selected-icon-color)
    }

    .mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
      color: var(--mdc-checkbox-selected-checkmark-color)
    }

    .mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__mixedmark {
      border-color: var(--mdc-checkbox-selected-checkmark-color)
    }

    .mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
      color: var(--mdc-checkbox-disabled-selected-checkmark-color)
    }

    .mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark {
      border-color: var(--mdc-checkbox-disabled-selected-checkmark-color)
    }

    .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
      border-color: var(--mdc-checkbox-unselected-icon-color);
      background-color: transparent
    }

    .mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
    .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,
    .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background {
      border-color: var(--mdc-checkbox-selected-icon-color);
      background-color: var(--mdc-checkbox-selected-icon-color)
    }

    @keyframes mdc-checkbox-fade-in-background-8A000000FFF4433600000000FFF44336 {
      0% {
        border-color: var(--mdc-checkbox-unselected-icon-color);
        background-color: transparent
      }

      50% {
        border-color: var(--mdc-checkbox-selected-icon-color);
        background-color: var(--mdc-checkbox-selected-icon-color)
      }
    }

    @keyframes mdc-checkbox-fade-out-background-8A000000FFF4433600000000FFF44336 {

      0%,
      80% {
        border-color: var(--mdc-checkbox-selected-icon-color);
        background-color: var(--mdc-checkbox-selected-icon-color)
      }

      100% {
        border-color: var(--mdc-checkbox-unselected-icon-color);
        background-color: transparent
      }
    }

    .mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
    .mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
      animation-name: mdc-checkbox-fade-in-background-8A000000FFF4433600000000FFF44336
    }

    .mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
    .mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
      animation-name: mdc-checkbox-fade-out-background-8A000000FFF4433600000000FFF44336
    }

    .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
      border-color: var(--mdc-checkbox-unselected-hover-icon-color);
      background-color: transparent
    }

    .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
    .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,
    .mdc-checkbox:hover .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background {
      border-color: var(--mdc-checkbox-selected-hover-icon-color);
      background-color: var(--mdc-checkbox-selected-hover-icon-color)
    }

    @keyframes mdc-checkbox-fade-in-background-FF212121FFF4433600000000FFF44336 {
      0% {
        border-color: var(--mdc-checkbox-unselected-hover-icon-color);
        background-color: transparent
      }

      50% {
        border-color: var(--mdc-checkbox-selected-hover-icon-color);
        background-color: var(--mdc-checkbox-selected-hover-icon-color)
      }
    }

    @keyframes mdc-checkbox-fade-out-background-FF212121FFF4433600000000FFF44336 {

      0%,
      80% {
        border-color: var(--mdc-checkbox-selected-hover-icon-color);
        background-color: var(--mdc-checkbox-selected-hover-icon-color)
      }

      100% {
        border-color: var(--mdc-checkbox-unselected-hover-icon-color);
        background-color: transparent
      }
    }

    .mdc-checkbox:hover.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
    .mdc-checkbox:hover.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
      animation-name: mdc-checkbox-fade-in-background-FF212121FFF4433600000000FFF44336
    }

    .mdc-checkbox:hover.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
    .mdc-checkbox:hover.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
      animation-name: mdc-checkbox-fade-out-background-FF212121FFF4433600000000FFF44336
    }

    .mdc-checkbox:not(:disabled):active .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
      border-color: var(--mdc-checkbox-unselected-pressed-icon-color);
      background-color: transparent
    }

    .mdc-checkbox:not(:disabled):active .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
    .mdc-checkbox:not(:disabled):active .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,
    .mdc-checkbox:not(:disabled):active .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background {
      border-color: var(--mdc-checkbox-selected-pressed-icon-color);
      background-color: var(--mdc-checkbox-selected-pressed-icon-color)
    }

    @keyframes mdc-checkbox-fade-in-background-8A000000FFF4433600000000FFF44336 {
      0% {
        border-color: var(--mdc-checkbox-unselected-pressed-icon-color);
        background-color: transparent
      }

      50% {
        border-color: var(--mdc-checkbox-selected-pressed-icon-color);
        background-color: var(--mdc-checkbox-selected-pressed-icon-color)
      }
    }

    @keyframes mdc-checkbox-fade-out-background-8A000000FFF4433600000000FFF44336 {

      0%,
      80% {
        border-color: var(--mdc-checkbox-selected-pressed-icon-color);
        background-color: var(--mdc-checkbox-selected-pressed-icon-color)
      }

      100% {
        border-color: var(--mdc-checkbox-unselected-pressed-icon-color);
        background-color: transparent
      }
    }

    .mdc-checkbox:not(:disabled):active.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
    .mdc-checkbox:not(:disabled):active.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
      animation-name: mdc-checkbox-fade-in-background-8A000000FFF4433600000000FFF44336
    }

    .mdc-checkbox:not(:disabled):active.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
    .mdc-checkbox:not(:disabled):active.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
      animation-name: mdc-checkbox-fade-out-background-8A000000FFF4433600000000FFF44336
    }

    .mdc-checkbox .mdc-checkbox__background {
      top: calc((var(--mdc-checkbox-state-layer-size) - 18px) / 2);
      left: calc((var(--mdc-checkbox-state-layer-size) - 18px) / 2)
    }

    .mdc-checkbox .mdc-checkbox__native-control {
      top: calc((var(--mdc-checkbox-state-layer-size) - var(--mdc-checkbox-state-layer-size)) / 2);
      right: calc((var(--mdc-checkbox-state-layer-size) - var(--mdc-checkbox-state-layer-size)) / 2);
      left: calc((var(--mdc-checkbox-state-layer-size) - var(--mdc-checkbox-state-layer-size)) / 2);
      width: var(--mdc-checkbox-state-layer-size);
      height: var(--mdc-checkbox-state-layer-size)
    }

    .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(:indeterminate)~.mdc-checkbox__background {
      border-color: var(--mdc-checkbox-unselected-focus-icon-color)
    }

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

    .mdc-checkbox:hover .mdc-checkbox__ripple {
      opacity: var(--mdc-checkbox-unselected-hover-state-layer-opacity);
      background-color: var(--mdc-checkbox-unselected-hover-state-layer-color)
    }

    .mdc-checkbox:hover .mat-mdc-checkbox-ripple .mat-ripple-element {
      background-color: var(--mdc-checkbox-unselected-hover-state-layer-color)
    }

    .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__ripple {
      opacity: var(--mdc-checkbox-unselected-focus-state-layer-opacity);
      background-color: var(--mdc-checkbox-unselected-focus-state-layer-color)
    }

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

    .mdc-checkbox:active .mdc-checkbox__native-control~.mdc-checkbox__ripple {
      opacity: var(--mdc-checkbox-unselected-pressed-state-layer-opacity);
      background-color: var(--mdc-checkbox-unselected-pressed-state-layer-color)
    }

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

    .mdc-checkbox:hover .mdc-checkbox__native-control:checked~.mdc-checkbox__ripple {
      opacity: var(--mdc-checkbox-selected-hover-state-layer-opacity);
      background-color: var(--mdc-checkbox-selected-hover-state-layer-color)
    }

    .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)
    }

    .mdc-checkbox .mdc-checkbox__native-control:focus:checked~.mdc-checkbox__ripple {
      opacity: var(--mdc-checkbox-selected-focus-state-layer-opacity);
      background-color: var(--mdc-checkbox-selected-focus-state-layer-color)
    }

    .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)
    }

    .mdc-checkbox:active .mdc-checkbox__native-control:checked~.mdc-checkbox__ripple {
      opacity: var(--mdc-checkbox-selected-pressed-state-layer-opacity);
      background-color: var(--mdc-checkbox-selected-pressed-state-layer-color)
    }

    .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)
    }

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

    .mat-mdc-checkbox .mdc-checkbox__background {
      -webkit-print-color-adjust: exact;
      color-adjust: exact
    }

    .mat-mdc-checkbox._mat-animation-noopable *,
    .mat-mdc-checkbox._mat-animation-noopable *::before {
      transition: none !important;
      animation: none !important
    }

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

    .mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
      cursor: default;
      color: var(--mat-checkbox-disabled-label-color)
    }

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

    .cdk-high-contrast-active .mat-mdc-checkbox.mat-mdc-checkbox-disabled {
      opacity: .5
    }

    .cdk-high-contrast-active .mat-mdc-checkbox .mdc-checkbox__checkmark {
      --mdc-checkbox-selected-checkmark-color: CanvasText;
      --mdc-checkbox-disabled-selected-checkmark-color: CanvasText
    }

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

    .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-ripple:not(:empty),
    .mdc-checkbox__ripple:not(:empty) {
      transform: translateZ(0)
    }

    .mat-mdc-checkbox-ripple .mat-ripple-element {
      opacity: .1
    }

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

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

    .mdc-checkbox__native-control:focus~.mat-mdc-focus-indicator::before {
      content: ""
    }
  
  
    .mdc-tooltip__surface {
      word-break: break-all;
      word-break: var(--mdc-tooltip-word-break, normal);
      overflow-wrap: anywhere
    }

    .mdc-tooltip--showing-transition .mdc-tooltip__surface-animation {
      transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1)
    }

    .mdc-tooltip--hide-transition .mdc-tooltip__surface-animation {
      transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1)
    }

    .mdc-tooltip {
      position: fixed;
      display: none;
      z-index: 9
    }

    .mdc-tooltip-wrapper--rich {
      position: relative
    }

    .mdc-tooltip--shown,
    .mdc-tooltip--showing,
    .mdc-tooltip--hide {
      display: inline-flex
    }

    .mdc-tooltip--shown.mdc-tooltip--rich,
    .mdc-tooltip--showing.mdc-tooltip--rich,
    .mdc-tooltip--hide.mdc-tooltip--rich {
      display: inline-block;
      left: -320px;
      position: absolute
    }

    .mdc-tooltip__surface {
      line-height: 16px;
      padding: 4px 8px;
      min-width: 40px;
      max-width: 200px;
      min-height: 24px;
      max-height: 40vh;
      box-sizing: border-box;
      overflow: hidden;
      text-align: center
    }

    .mdc-tooltip__surface::before {
      position: absolute;
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border: 1px solid rgba(0, 0, 0, 0);
      border-radius: inherit;
      content: "";
      pointer-events: none
    }

    @media screen and (forced-colors: active) {
      .mdc-tooltip__surface::before {
        border-color: CanvasText
      }
    }

    .mdc-tooltip--rich .mdc-tooltip__surface {
      align-items: flex-start;
      display: flex;
      flex-direction: column;
      min-height: 24px;
      min-width: 40px;
      max-width: 320px;
      position: relative
    }

    .mdc-tooltip--multiline .mdc-tooltip__surface {
      text-align: left
    }

    [dir=rtl] .mdc-tooltip--multiline .mdc-tooltip__surface,
    .mdc-tooltip--multiline .mdc-tooltip__surface[dir=rtl] {
      text-align: right
    }

    .mdc-tooltip__surface .mdc-tooltip__title {
      margin: 0 8px
    }

    .mdc-tooltip__surface .mdc-tooltip__content {
      max-width: calc(200px - 2*8px);
      margin: 8px;
      text-align: left
    }

    [dir=rtl] .mdc-tooltip__surface .mdc-tooltip__content,
    .mdc-tooltip__surface .mdc-tooltip__content[dir=rtl] {
      text-align: right
    }

    .mdc-tooltip--rich .mdc-tooltip__surface .mdc-tooltip__content {
      max-width: calc(320px - 2*8px);
      align-self: stretch
    }

    .mdc-tooltip__surface .mdc-tooltip__content-link {
      text-decoration: none
    }

    .mdc-tooltip--rich-actions,
    .mdc-tooltip__content,
    .mdc-tooltip__title {
      z-index: 1
    }

    .mdc-tooltip__surface-animation {
      opacity: 0;
      transform: scale(0.8);
      will-change: transform, opacity
    }

    .mdc-tooltip--shown .mdc-tooltip__surface-animation {
      transform: scale(1);
      opacity: 1
    }

    .mdc-tooltip--hide .mdc-tooltip__surface-animation {
      transform: scale(1)
    }

    .mdc-tooltip__caret-surface-top,
    .mdc-tooltip__caret-surface-bottom {
      position: absolute;
      height: 24px;
      width: 24px;
      transform: rotate(35deg) skewY(20deg) scaleX(0.9396926208)
    }

    .mdc-tooltip__caret-surface-top .mdc-elevation-overlay,
    .mdc-tooltip__caret-surface-bottom .mdc-elevation-overlay {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0
    }

    .mdc-tooltip__caret-surface-bottom {
      box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
      outline: 1px solid rgba(0, 0, 0, 0);
      z-index: -1
    }

    @media screen and (forced-colors: active) {
      .mdc-tooltip__caret-surface-bottom {
        outline-color: CanvasText
      }
    }

    .mat-mdc-tooltip .mdc-tooltip__surface {
      background-color: var(--mdc-plain-tooltip-container-color)
    }

    .mat-mdc-tooltip .mdc-tooltip__surface {
      border-radius: var(--mdc-plain-tooltip-container-shape)
    }

    .mat-mdc-tooltip .mdc-tooltip__caret-surface-top,
    .mat-mdc-tooltip .mdc-tooltip__caret-surface-bottom {
      border-radius: var(--mdc-plain-tooltip-container-shape)
    }

    .mat-mdc-tooltip .mdc-tooltip__surface {
      color: var(--mdc-plain-tooltip-supporting-text-color)
    }

    .mat-mdc-tooltip .mdc-tooltip__surface {
      font-family: var(--mdc-plain-tooltip-supporting-text-font);
      line-height: var(--mdc-plain-tooltip-supporting-text-line-height);
      font-size: var(--mdc-plain-tooltip-supporting-text-size);
      font-weight: var(--mdc-plain-tooltip-supporting-text-weight);
      letter-spacing: var(--mdc-plain-tooltip-supporting-text-tracking)
    }

    .mat-mdc-tooltip {
      position: relative;
      transform: scale(0)
    }

    .mat-mdc-tooltip::before {
      content: "";
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      position: absolute
    }

    .mat-mdc-tooltip-panel-below .mat-mdc-tooltip::before {
      top: -8px
    }

    .mat-mdc-tooltip-panel-above .mat-mdc-tooltip::before {
      bottom: -8px
    }

    .mat-mdc-tooltip-panel-right .mat-mdc-tooltip::before {
      left: -8px
    }

    .mat-mdc-tooltip-panel-left .mat-mdc-tooltip::before {
      right: -8px
    }

    .mat-mdc-tooltip._mat-animation-noopable {
      animation: none;
      transform: scale(1)
    }

    .mat-mdc-tooltip-panel.mat-mdc-tooltip-panel-non-interactive {
      pointer-events: none
    }

    @keyframes mat-mdc-tooltip-show {
      0% {
        opacity: 0;
        transform: scale(0.8)
      }

      100% {
        opacity: 1;
        transform: scale(1)
      }
    }

    @keyframes mat-mdc-tooltip-hide {
      0% {
        opacity: 1;
        transform: scale(1)
      }

      100% {
        opacity: 0;
        transform: scale(0.8)
      }
    }

    .mat-mdc-tooltip-show {
      animation: mat-mdc-tooltip-show 150ms cubic-bezier(0, 0, 0.2, 1) forwards
    }

    .mat-mdc-tooltip-hide {
      animation: mat-mdc-tooltip-hide 75ms cubic-bezier(0.4, 0, 1, 1) forwards
    }
  
  
    .mdc-form-field {
      display: inline-flex;
      align-items: center;
      vertical-align: middle
    }

    .mdc-form-field[hidden] {
      display: none
    }

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

    [dir=rtl] .mdc-form-field>label,
    .mdc-form-field>label[dir=rtl] {
      margin-left: auto;
      margin-right: 0
    }

    [dir=rtl] .mdc-form-field>label,
    .mdc-form-field>label[dir=rtl] {
      padding-left: 0;
      padding-right: 4px
    }

    .mdc-form-field--nowrap>label {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap
    }

    .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>label,
    .mdc-form-field--align-end>label[dir=rtl] {
      margin-left: 0;
      margin-right: auto
    }

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

    .mdc-form-field--space-between {
      justify-content: space-between
    }

    .mdc-form-field--space-between>label {
      margin: 0
    }

    [dir=rtl] .mdc-form-field--space-between>label,
    .mdc-form-field--space-between>label[dir=rtl] {
      margin: 0
    }

    .mdc-form-field {
      font-family: var(--mdc-form-field-label-text-font);
      line-height: var(--mdc-form-field-label-text-line-height);
      font-size: var(--mdc-form-field-label-text-size);
      font-weight: var(--mdc-form-field-label-text-weight);
      letter-spacing: var(--mdc-form-field-label-text-tracking);
      color: var(--mdc-form-field-label-text-color)
    }

    .mat-internal-form-field {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased
    }