/*
  Seed Color: #0F4C81
*/
/*
  Seed Color: #0F4C81
*/
@layer components {
  .cc-modal {
    --cc-modal-elevation-shadow: var(--cs-elevation-shadow-7);
    --cc-modal-shape-container: var(--cs-shape-50);
  }
  .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
    background: color-mix(in srgb, var(--cs-color-scrim-black) 75%, transparent);
    -webkit-backdrop-filter: blur(1px);
            backdrop-filter: blur(1px);
    z-index: 700;
  }
  .modal-backdrop.white {
    background: color-mix(in srgb, var(--cs-color-scrim-white) 95%, transparent);
  }
  .modal-backdrop.in, .modal-backdrop.show {
    opacity: 1;
  }
  .modal-open {
    overflow: hidden !important;
    height: 100%;
  }
  .modal-open .modal {
    display: flex !important;
    justify-content: center;
  }
  @media print {
    .modal-open .modal {
      display: block !important;
    }
  }
  .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 901;
    display: none;
    width: 100%;
    height: 100%;
    outline: 0;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .modal {
        overflow: auto;
      }
    }
  }
  .modal.show {
    display: flex !important;
    justify-content: center;
  }
  .modal.fade {
    transition: 0.25s ease-out;
    background: none !important;
  }
  .modal.fade.in {
    top: 0;
    opacity: 1;
  }
  .modal--visible {
    display: block;
  }
  #modal-wrapper > .modal {
    width: 100vw;
  }
  @media print {
    #modal-wrapper > .modal {
      width: 100%;
    }
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-modal__content:not(.cc-modal__content--confirmation) {
        display: grid;
        grid-template-rows: auto auto 1fr auto;
        grid-template-columns: 1fr;
        grid-template-areas: "header" "notice" "content" "footer";
      }
      .modal-backdrop {
        background: var(--cs-color-scrim-adaptive-inverse);
      }
      .modal-backdrop.in, .modal-backdrop.show {
        opacity: 1;
      }
      .modal-backdrop.black, .modal-backdrop.white {
        background: var(--cs-color-scrim-adaptive-inverse);
      }
    }
  }
  .cc-modal {
    --cc-modal-space-padding-inline: 2.4rem;
    --cc-modal-space-padding-block: 2.8rem;
    --cc-modal-space-padding-block-end: 2.8rem;
    z-index: 800;
  }
  .cc-modal--fullscreen .cc-modal__content, .cc-modal--fullscreen .cc-modal__confirmation {
    width: 100%;
    height: 100%;
    border-radius: initial;
  }
  .cc-modal--fullscreen .cc-modal__body {
    align-items: center;
    padding-bottom: calc(var(--sab) + 25px);
  }
  .cc-modal--fullscreen .cc-image {
    width: 100%;
  }
  .cc-modal.has-confirmation #cz-modal-header .cc-top-bar__title {
    display: none;
  }
  .cc-modal .cc-scroll {
    min-height: 0;
  }
  .cc-modal .cc-scroll--span {
    width: auto;
    height: auto;
    margin-inline: calc(-1 * var(--cc-modal-space-padding-inline));
    margin-top: calc(-1 * var(--cc-modal-space-padding-block));
    margin-bottom: calc(-1 * var(--cc-modal-space-padding-block-end));
    padding-inline: var(--cc-modal-space-padding-inline);
    padding-top: var(--cc-modal-space-padding-block);
    padding-bottom: var(--cc-modal-space-padding-block-end);
  }
  .cc-modal .cc-scroll--span.cc-scroll--no-gap {
    padding: 0;
  }
  .cc-modal .cc-section--span-x,
  .cc-modal .cc-scroll--span-x {
    width: auto;
    margin-inline: calc(-1 * var(--cc-modal-space-padding-inline));
  }
  .cc-modal .cc-scroll--span-x {
    padding-inline: var(--cc-modal-space-padding-inline);
  }
  .cc-modal .cc-scroll--span-x.cc-scroll--no-gap {
    padding-left: 0;
    padding-right: 0;
  }
  .cc-modal .cc-scroll--span-y {
    height: auto;
    margin-top: calc(-1 * var(--cc-modal-space-padding-block));
    margin-bottom: calc(-1 * var(--cc-modal-space-padding-block-end));
    padding-top: var(--cc-modal-space-padding-block);
    padding-bottom: var(--cc-modal-space-padding-block-end);
  }
  .cc-modal .cc-slide-wrapper--fixed {
    max-width: 100%;
  }
  .cc-modal__content, .cc-modal__body {
    display: flex;
    flex-direction: column;
  }
  @media print {
    .cc-modal__content, .cc-modal__body {
      position: relative;
      width: 100%;
      display: block;
    }
  }
  .cc-modal__content {
    position: relative;
    background: var(--cs-color-surface);
    box-sizing: border-box;
    width: 100%;
  }
  .cc-modal__content--confirmation {
    display: none;
  }
  .cc-modal__content > .cc-progress--circular {
    background-color: var(--cs-color-surface);
  }
  @media screen and (min-width: 1025px) and (pointer: fine) {
    .cc-modal__content > .cc-progress--circular {
      display: flex;
    }
  }
  @media print {
    .cc-modal__content {
      box-shadow: none;
      width: 100%;
      top: 6.8rem;
    }
    .cc-modal__content #cz-modal-buttons {
      display: none;
    }
  }
  .cc-modal.has-confirmation .cc-modal__content, .cc-modal.with-confirmation .cc-modal__content {
    display: none;
  }
  .cc-modal.has-confirmation .cc-modal__content--confirmation, .cc-modal.with-confirmation .cc-modal__content--confirmation {
    display: flex;
  }
  .cc-modal.has-confirmation .cc-modal__content {
    display: flex;
  }
  .cc-modal .cc-tile-wrapper {
    flex: 1 1 auto;
  }
  .cc-modal__body {
    flex: 1 1 0;
    min-height: 0;
    position: relative;
    grid-area: content;
    padding-inline: var(--cc-modal-space-padding-inline);
    padding-block: var(--cc-modal-space-padding-block) var(--cc-modal-space-padding-block-end);
  }
  .cc-modal__body.has-confirmation .cc-confirm__body {
    padding: 0;
  }
  @media print {
    .cc-modal__body {
      --cc-modal-space-padding-inline: 4rem;
      --cc-modal-space-padding-block: 3.2rem;
      --cc-modal-space-padding-block-end: 3.2rem;
      flex: 1 0 auto;
    }
  }
  .cc-modal__body > .cc-scroll {
    flex: 1 1 0;
  }
  .cc-modal__body:has(.cc-section--account-type) {
    padding: 0;
  }
  .cc-modal__form {
    flex: 1 1 0;
  }
  .cc-modal__form--currency {
    flex: 1 0 auto;
  }
  .cc-modal .provider-device {
    display: none;
  }
  .cc-modal.show-device .cc-tile-wrapper--providers .provider-device {
    display: flex;
  }
  .cc-dialog--modal {
    max-width: 250px;
  }
  .cc-modal--api.has-confirmation .cc-top-bar {
    display: none;
  }
  .cc-modal--api.has-confirmation .cc-modal__body {
    margin-top: 25px;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-modal--api.has-confirmation .cc-modal__content {
        height: 100%;
      }
      .cc-modal--api.has-confirmation .cc-modal__content .cc-confirm__text {
        margin-bottom: 20px;
      }
    }
  }
  .cc-modal .cc-list--custom {
    width: auto;
    margin-inline: calc(-1 * var(--cc-modal-space-padding-inline));
    margin-top: 3.2rem;
  }
  .cc-modal--custom-recurrence .w-35 {
    min-width: 35px;
    display: inline-block;
  }
  .cc-modal--custom-recurrence .mdc-form-field .cz-mdc-text-field-spinner {
    margin-right: 10px;
  }
  .cc-modal--custom-recurrence .cc-field .mdc-text-field--date {
    width: 120px;
  }
  .cc-modal--alert .cc-scroll {
    height: 100%;
  }
  .cc-modal--invite {
    --cc-modal-space-padding-block-end: 0;
  }
  .cc-modal--invited .cc-tile-wrapper {
    padding-bottom: 0;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-modal__body {
        max-width: 100vw;
      }
      .cc-modal__body:has(> .cc-scroll):has(.cc-fab) {
        --cc-modal-space-padding-block-end: 0;
      }
      .cc-modal__body:has(> .cc-scroll):has(.cc-fab) > .cc-scroll {
        --cc-modal-space-padding-block-end: var(--cs-space-fab-bottom);
      }
      .cc-modal__body:not(:has(> .cc-scroll)):has(.cc-fab) {
        --cc-modal-space-padding-block-end: var(--cs-space-fab-bottom);
      }
      .cc-modal .cc-scroll.cc-scroll--scan {
        flex: 1 1 auto;
        padding-bottom: var(--cs-space-fab-bottom);
        margin-bottom: initial;
      }
      .cc-modal .cc-footer--modal .cc-drawer {
        z-index: 790;
      }
      .cc-modal .cc-tile-wrapper--providers {
        margin-inline: calc(-1 * var(--cc-modal-space-padding-inline));
        margin-bottom: calc(-1 * var(--cc-modal-space-padding-block-end));
      }
      .cc-modal .cc-tile-wrapper--providers.cc-scroll {
        padding-left: 0;
        padding-right: 0;
      }
      .cc-modal .cc-tile-wrapper--providers .cc-tile {
        --cc-tile-space-padding-block: 1.6rem;
      }
      .cc-modal .cc-tile-wrapper--providers .cc-tile__content {
        justify-content: start;
      }
      .cc-modal--invited {
        --cc-modal-space-padding-inline: 0;
      }
      .cc-modal--invited {
        --cc-modal-space-padding-block: 0;
        --cc-modal-space-padding-block-end: 0;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-modal {
        --cc-modal-space-padding-inline: 2.8rem;
        --cc-modal-space-padding-block-end: 2rem;
        --cc-modal-padding-block-start: 40px;
        --cc-modal-padding-block-end: 40px;
        padding-block-start: var(--cc-modal-padding-block-start);
        padding-block-end: var(--cc-modal-padding-block-end);
        scrollbar-gutter: stable both-edges;
      }
      .cc-modal .cc-tile-wrapper {
        --cc-tile-space-padding-inline: var(--cc-modal-space-padding-inline);
      }
      .cc-modal--wide .cc-modal__content, .cc-modal--wide .cc-modal__confirmation {
        width: 680px;
      }
      .cc-modal__content {
        box-shadow: var(--cc-modal-elevation-shadow);
        border-radius: var(--cc-modal-shape-container);
        height: 640px;
        width: 430px;
        max-height: 96vh;
        min-height: 540px;
        margin: auto;
      }
      .cc-modal__content > .cc-progress--circular {
        position: absolute;
      }
      .cc-modal__body .cc-confirm__body {
        padding-bottom: initial;
      }
      .cc-modal__body .cc-confirm__body--block-users, .cc-modal__body .cc-confirm__body--report {
        margin-top: calc(-1 * var(--cc-modal-space-padding-block));
        height: calc(100% + var(--cc-modal-space-padding-block));
      }
      .cc-modal__body > .cc-scroll:not(.cc-scroll--no-gap),
      .cc-modal__body .cc-scroll--modal {
        margin-inline: calc(-1 * var(--cc-modal-space-padding-inline));
        padding-inline: var(--cc-modal-space-padding-inline);
        padding-bottom: var(--cc-modal-space-padding-block-end);
      }
      .cc-modal__body > .cc-scroll {
        width: auto;
        flex: 1 1 0;
      }
      .cc-modal__body > .cc-scroll#profile-photo-library:after {
        position: sticky;
        z-index: 30;
      }
      .cc-modal .cc-tile-wrapper--providers .cc-tile__content {
        justify-content: center;
      }
      .cc-modal--wide .cc-tile-wrapper--providers {
        flex-flow: row wrap;
      }
      .cc-modal--wide .cc-tile-wrapper--providers .cc-tile {
        width: 50%;
        flex: 0 0 auto;
      }
      .cc-modal--wide .cc-tile-wrapper--providers .cc-tile:nth-child(odd) {
        border-right: 1px solid var(--cs-color-outline-variant);
      }
      .cc-modal--invited .cc-tile-wrapper,
      .cc-modal--alert .cc-tile-wrapper {
        width: auto;
        margin-inline: calc(-1 * var(--cc-modal-space-padding-inline));
      }
      .cc-modal--alert .cc-tile-footer {
        padding-left: var(--cc-modal-space-padding-inline);
      }
      .cc-modal--invite .cc-modal__content,
      .cc-modal--invited .cc-modal__content {
        max-width: 930px;
        padding: 0;
      }
      .cc-modal--invite .cc-modal__content, .cc-modal--invite .cc-modal__confirmation,
      .cc-modal--invited .cc-modal__content,
      .cc-modal--invited .cc-modal__confirmation {
        width: 100%;
      }
      .cc-modal--invited .cc-tile-wrapper {
        padding-top: 0;
      }
      .cc-modal--invited .cc-toolbar {
        padding-left: 5px;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) and (max-width: 1024px) {
      .cc-modal--invite .cc-modal__content,
      .cc-modal--invited .cc-modal__content {
        max-width: calc(100% - 50px);
      }
    }
  }
  @media screen and (min-width: 1025px) {
    .cc-modal__body .cc-progress--circular:not(.cc-progress--all-screens) {
      display: none;
    }
  }
  .cc-modal--email .cc-item,
  .cc-modal--email .cc-field {
    padding-left: 34px;
  }
  .cc-modal--contact .cc-item {
    padding-left: 35px;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-modal {
        align-items: end;
      }
      .cc-modal:not(.cc-modal--transparent, .has-confirmation, .with-confirmation) {
        background: var(--cs-color-scrim-adaptive);
      }
      .cc-modal__content {
        height: 100%;
      }
      .cc-modal.has-confirmation .cz-notice-wrap {
        position: fixed;
        top: initial;
        bottom: 80%;
        z-index: 330;
      }
      .cc-modal.with-confirmation .cc-modal__content:not(.cc-modal__content--confirmation) {
        display: flex;
        z-index: 1;
      }
      .cc-modal.with-confirmation .cc-modal__content:not(.cc-modal__content--confirmation):before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: color-mix(in srgb, var(--cs-color-scrim-adaptive) 50%, transparent);
        z-index: 600;
      }
      .cc-modal.with-confirmation .cc-modal__content--confirmation {
        z-index: 800;
      }
      .cc-modal--search {
        --cc-modal-space-padding-inline: 0;
        --cc-modal-space-padding-block: 0;
        --cc-modal-space-padding-block-end: var(--sab);
      }
      .cc-modal__confirmation {
        position: absolute;
        width: 100%;
        height: 100%;
        margin-top: 0;
        border-radius: 0;
        left: 0;
        top: 0;
        box-shadow: none;
        min-height: auto;
        overflow: hidden;
      }
      .cc-modal__body .cc-scroll--modal,
      .cc-modal__body > .cc-scroll:not(.cc-scroll--no-gap) {
        width: auto;
        margin-inline: calc(-1 * var(--cc-modal-space-padding-inline));
        padding-left: calc(var(--cc-modal-space-padding-inline) + var(--sal));
        padding-right: calc(var(--cc-modal-space-padding-inline) + var(--sar));
      }
    }
  }
  @media screen and (max-width: 359px) {
    .cc-modal--custom-recurrence .cz-mdc-checkbox-dow {
      flex-wrap: nowrap;
    }
    .cc-modal--custom-recurrence .cz-mdc-checkbox-dow .mdc-form-field {
      flex: 1 1 0;
      min-width: 0;
    }
    .cc-modal--custom-recurrence .cz-mdc-checkbox-dow .mdc-form-field:last-child {
      margin-right: -10px;
    }
  }
}

/*# sourceMappingURL=cc_modal.5b10441021633a8a.css.map*/