@layer base {
  :root {
    --cs-layout-inline: var(--cr-space-300);
    --cs-layout-block: var(--cr-space-400);
    --cs-layout-block-end: var(--cr-space-400);
  }
  @media print {
    :root {
      --cs-layout-inline: var(--cr-space-500);
      --cs-layout-block: var(--cr-space-450);
    }
  }
  @media screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    :root {
      --cs-layout-inline: var(--cr-space-400) calc(var(--cr-space-300) + var(--sar));
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      :root {
        --cs-layout-inline: var(--cr-space-400);
        --cs-layout-block: var(--cr-space-450);
        --cs-layout-block-end: var(--cr-space-450);
      }
    }
  }
  @media screen and (min-width: 1025px) {
    :root {
      --cs-layout-inline: var(--cr-space-450);
    }
  }
  html,
  body {
    width: 100vw;
    min-height: 100%;
    margin: 0;
    overscroll-behavior: none;
    -webkit-overscroll-behavior: none;
    height: 100dvh;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      html,
      body {
        height: 100%;
      }
    }
  }
  body {
    background-color: var(--cs-color-background);
    color: var(--cs-color-on-surface);
    overflow-x: hidden;
    -webkit-touch-callout: none;
  }
  [type=button],
  [type=submit],
  [type=reset] {
    padding: 0;
    border: none;
  }
  .gm-control-active > img {
    transform: translate(-50%, -50%);
  }
  script,
  head {
    display: none !important;
  }
  hr {
    border-style: solid;
  }
  @media not print {
    body,
    #pageWrap,
    main {
      display: flex;
      flex-direction: column;
    }
    #pageWrap {
      min-height: 0;
    }
    main {
      flex-basis: auto;
      width: 100vw;
      flex-grow: 1;
      flex-shrink: 1;
    }
    @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
      @media screen and (min-width: 744px) {
        #pageWrap,
        main {
          flex-grow: 1;
          flex-shrink: 0;
        }
        #pageWrap {
          min-height: initial;
        }
      }
    }
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      body {
        display: grid;
        grid-template-rows: 1fr;
      }
      main {
        min-height: 0;
      }
    }
  }
}
@layer utilities {
  body.login-pages {
    overflow-y: auto;
  }
  .noscroll {
    overflow: hidden !important;
    height: 100%;
  }
  .noscroll,
  .modal-open {
    overflow: hidden;
    touch-action: none;
    overscroll-behavior: none;
  }
  .cz-flex-spacer {
    flex: 1 1 auto;
    display: block;
  }
  .cz-flex-filler {
    flex: 1 0 auto;
  }
  .cz-no-animate {
    transition: all 0s ease 0s;
  }
  .visible {
    visibility: visible !important;
  }
  .invisible {
    visibility: hidden !important;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .invisible-mobile {
        visibility: hidden !important;
      }
    }
  }
  .disabled {
    opacity: 0.35;
    cursor: not-allowed;
  }
  .disabled > * {
    pointer-events: none;
  }
  .show {
    display: block !important;
  }
  .hide {
    display: none !important;
  }
  .no-margin {
    margin: 0 !important;
  }
  .cz-clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
  .no-outline {
    outline: none;
  }
  .inline {
    display: inline;
  }
  .cz-blur {
    filter: blur(6px);
  }
  .no-border {
    border: 0 !important;
  }
  .no-shadow {
    box-shadow: none !important;
  }
  .tab-content {
    display: none;
  }
  .tab-content--active {
    display: block;
  }
  .tab-content--flex.tab-content--active {
    display: flex;
  }
  .flex-none {
    flex: 0 0 auto !important;
  }
  .flex-025 {
    flex-grow: 0.25;
  }
  .full-height {
    height: 100%;
  }
  .no-wrap {
    white-space: nowrap;
  }
  .hidden {
    display: none !important;
  }
  .ignore {
    display: contents !important;
  }
  .pseudo-hidden {
    visibility: hidden !important;
    position: absolute;
  }
  .cz-link {
    position: relative;
  }
  .m-l-auto {
    margin-left: auto;
  }
  .m-r-auto {
    margin-right: auto;
  }
  .w-100 {
    width: 100%;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .md-w-100 {
        width: 100%;
      }
    }
  }
  .p-l-form-field {
    padding-left: 34px;
  }
  .autosize-textarea {
    field-sizing: content;
  }
}

/*# sourceMappingURL=base.428aaacb885d131a.css.map*/