/*
  Seed Color: #0F4C81
*/
/*
  Seed Color: #0F4C81
*/
@layer components {
  .cc-list-wrapper--tile {
    gap: 1.6rem;
    grid-area: cc-list;
    align-self: start;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-list-wrapper--tile {
        gap: 1rem;
      }
    }
  }
  .cc-list--tile {
    --cc-list-space-grid-columns: 1fr;
    display: grid;
    width: 100%;
    gap: 0.8rem;
    grid-template-columns: var(--cc-list-space-grid-columns);
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-list--tile {
        --cc-list-space-grid-columns: repeat(2, 1fr);
      }
      .cc-list--tile:has(.cc-item:only-child) {
        --cc-list-space-grid-columns: 1fr;
      }
    }
  }
  @media screen and (min-width: 1280px) {
    .cc-list--tile {
      --cc-list-space-grid-columns: repeat(auto-fit, minmax(100px, 1fr));
    }
    .cc-list--tile:has(.cc-item:nth-last-child(n+5)) {
      --cc-list-space-grid-columns: repeat(3, 1fr);
    }
  }
  .cc-list--tile .cc-item {
    --cc-item-space-justify: space-between;
  }
  .cc-list--tile .cc-item__icon {
    font-size: 1.6rem;
  }
  .cc-list--tile .cc-item__detail {
    min-width: 0;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-list--tile .cc-item {
        --cc-item-space-justify: flex-start;
      }
    }
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-list--tile .cc-item--ltr {
        --cc-item-space-justify: flex-start;
      }
      .cc-list--tile .cc-item--ltr .cc-item__label {
        width: 100%;
      }
    }
  }
}
@layer components {
  .cc-placeholder-wrapper--tiles .cc-placeholder {
    padding: 30px 25px 20px;
    display: grid;
    grid-template-columns: 90px auto;
    grid-template-rows: 1fr 1fr;
    box-shadow: var(--cc-placeholder-elevation-shadow-tile);
    clip-path: inset(-18px 0px -18px 0px);
    margin-bottom: 10px;
    align-items: center;
    position: relative;
    background-color: var(--cc-placeholder-color-background-tile);
  }
  .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(1) {
    width: 70px;
    height: 70px;
    margin-right: 20px;
    flex: 0 0 auto;
    position: relative;
    border-radius: 50%;
    grid-row: 1/3;
    grid-column: 1/2;
  }
  .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(n+2) {
    height: var(--cc-placeholder-size-height-text);
    border-radius: var(--cc-placeholder-shape-text);
  }
  .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(2), .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(3) {
    width: 100%;
    grid-column: 2/4;
  }
  .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(2) {
    max-width: 60%;
    height: 16px;
  }
  .cc-placeholder-wrapper--xs .cc-placeholder {
    padding: 10px 20px;
    grid-template-columns: 60px auto;
    box-shadow: initial;
    margin-bottom: 1px;
  }
  .cc-placeholder-wrapper--xs .cc-placeholder__block:nth-child(1) {
    width: 45px;
    height: 45px;
  }
  .cc-placeholder-wrapper--xs .cc-placeholder__block:nth-child(2), .cc-placeholder-wrapper--xs .cc-placeholder__block:nth-child(3) {
    margin-top: 3px;
  }
  .cc-placeholder-wrapper--sm {
    margin: initial;
  }
  .cc-placeholder-wrapper--sm .cc-placeholder {
    grid-template-columns: 73px auto;
    box-shadow: initial;
    margin-bottom: 1px;
    border-bottom: 1px solid var(--cc-placeholder-color-border);
  }
  .cc-placeholder-wrapper--sm .cc-placeholder__block:nth-child(1) {
    width: 58px;
    height: 58px;
  }
  .cc-placeholder-wrapper--activity {
    display: flex;
    flex-wrap: wrap;
  }
  .cc-placeholder-wrapper--activity .cc-placeholder--tile {
    grid-template-columns: 70% auto;
    width: 100%;
  }
  .cc-placeholder-wrapper--activity .cc-placeholder--tile .cc-placeholder__block {
    width: 100%;
  }
  .cc-placeholder-wrapper--activity .cc-placeholder--tile .cc-placeholder__block:nth-child(1), .cc-placeholder-wrapper--activity .cc-placeholder--tile .cc-placeholder__block:nth-child(n+4) {
    display: none;
  }
  .cc-placeholder-wrapper--no-margin {
    margin-left: initial;
    margin-right: initial;
  }
  .cc-placeholder-wrapper--notes .cc-placeholder--tile,
  .cc-placeholder-wrapper--files .cc-placeholder--tile {
    height: initial;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-placeholder-wrapper--tiles .cc-placeholder {
        grid-template-columns: 80px auto;
        padding-left: var(--cc-placeholder-space-padding-tile-landscape-left);
        padding-right: var(--cc-placeholder-space-padding-tile-landscape-right);
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder:nth-child(1) {
        margin-top: 10px;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(1) {
        height: 64px;
        width: 64px;
        margin-left: -4px;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(3) {
        grid-column: 2/4;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(n+4) {
        grid-column: 1/4;
        margin-bottom: 11px;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(7) {
        margin-bottom: 3px;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(4) {
        margin-top: 30px;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(n+8) {
        display: none;
      }
      .cc-placeholder-wrapper--xs .cc-placeholder {
        grid-template-columns: 60px auto;
      }
      .cc-placeholder-wrapper--xs .cc-placeholder__block:nth-child(1) {
        height: 45px;
        width: 45px;
      }
      .cc-placeholder-wrapper--sm .cc-placeholder,
      .cc-placeholder-wrapper--activity .cc-placeholder {
        padding-top: 20px;
        padding-bottom: 20px;
      }
      .cc-placeholder-wrapper--sm .cc-placeholder__block:nth-child(1) {
        height: 58px;
        width: 58px;
      }
      .cc-placeholder-wrapper--sm .cc-placeholder:nth-child(1) {
        margin-top: initial;
      }
      .cc-placeholder-wrapper--activity .cc-placeholder--tile .cc-placeholder__block:nth-child(2) {
        margin-bottom: 8px;
      }
      .cc-placeholder-wrapper--activity .cc-placeholder--tile .cc-placeholder__block:nth-child(2), .cc-placeholder-wrapper--activity .cc-placeholder--tile .cc-placeholder__block:nth-child(3) {
        grid-column: 1/3;
      }
      .cc-placeholder-wrapper--contract .cc-placeholder__block:nth-child(2) {
        top: 15px;
      }
      .cc-placeholder-wrapper--contract .cc-placeholder__block:nth-child(3) {
        display: none;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-placeholder-wrapper--tiles {
        margin: 10px -35px 0;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder {
        padding: 20px 35px;
      }
      .cc-placeholder-wrapper--tiles.cc-placeholder-wrapper--sm, .cc-placeholder-wrapper--tiles.cc-placeholder-wrapper--no-margin {
        margin: 0;
      }
      .cc-placeholder-wrapper--xs .cc-placeholder,
      .cc-placeholder-wrapper--sm .cc-placeholder {
        height: initial;
      }
      .cc-placeholder-wrapper--xs .cc-placeholder__block:nth-child(2),
      .cc-placeholder-wrapper--sm .cc-placeholder__block:nth-child(2) {
        margin: 0;
        height: 12px;
      }
      .cc-placeholder-wrapper--xs .cc-placeholder__block:nth-child(3),
      .cc-placeholder-wrapper--sm .cc-placeholder__block:nth-child(3) {
        height: 10px;
      }
      .cc-placeholder-wrapper--sm .cc-placeholder {
        padding: 15px 20px;
      }
      .cc-placeholder-wrapper--sm .cc-placeholder__block:nth-child(2), .cc-placeholder-wrapper--sm .cc-placeholder__block:nth-child(3) {
        grid-column: 2/4;
      }
      .cc-placeholder-wrapper--sm .cc-placeholder__block:nth-child(2) {
        width: 65%;
      }
      .cc-placeholder-wrapper--sm .cc-placeholder__block:nth-child(3) {
        width: 100%;
      }
      .cc-placeholder-wrapper--activity .cc-placeholder--tile {
        grid-template-rows: 1fr;
        height: initial;
      }
      .cc-placeholder-wrapper--activity .cc-placeholder--tile .cc-placeholder__block:nth-child(2) {
        grid-column: 1;
      }
      .cc-placeholder-wrapper--activity .cc-placeholder--tile .cc-placeholder__block:nth-child(3) {
        grid-column: 2;
        max-width: 125px;
        height: 14px;
        position: absolute;
        top: 5px;
        right: 20px;
      }
      .cc-placeholder-wrapper--contract .cc-placeholder__block:nth-child(5) {
        display: none;
      }
      .cc-placeholder-wrapper--files .cc-placeholder__block:nth-child(3), .cc-placeholder-wrapper--files .cc-placeholder__block:nth-child(4),
      .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(3),
      .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(4) {
        width: 80%;
      }
      .cc-placeholder-wrapper--files .cc-placeholder__block:nth-child(3),
      .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(3) {
        grid-column: 2;
      }
      .cc-placeholder-wrapper--files .cc-placeholder__block:nth-child(4),
      .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(4) {
        grid-column: 3;
        width: 100%;
      }
      .cc-placeholder-wrapper--files .cc-placeholder__block:nth-child(5),
      .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(5) {
        margin-left: -90px;
      }
      .cc-placeholder-wrapper--files .cc-placeholder__block:nth-child(5), .cc-placeholder-wrapper--files .cc-placeholder__block:nth-child(6),
      .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(5),
      .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(6) {
        margin-top: 20px;
        margin-bottom: 10px;
      }
      .cc-placeholder-wrapper--files .cc-placeholder__block:nth-child(6) {
        margin-left: auto;
      }
      .cc-modal .cc-placeholder-wrapper--tiles:not(.cc-placeholder-wrapper--xs) .cc-placeholder {
        padding-left: 30px;
        padding-right: 30px;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) and (max-width: 1279px) {
      .cc-placeholder-wrapper--tiles .cc-placeholder {
        height: 143px;
        grid-template-columns: 90px auto auto;
        align-items: flex-start;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(2) {
        grid-column: 2/4;
        width: 60%;
        margin: 15px 0 0;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(3), .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(4) {
        margin-top: 14px;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(n+3) {
        width: 70%;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(n+3):nth-child(odd) {
        grid-column: 2;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(n+3):nth-child(even) {
        grid-column: 3;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(n+7) {
        display: none;
      }
      .cc-placeholder-wrapper--messages .cc-placeholder {
        height: initial;
        grid-template-columns: 73px auto;
        align-items: center;
      }
      .cc-placeholder-wrapper--messages .cc-placeholder__block:nth-child(3) {
        width: 100%;
        margin: 0;
        grid-column: 2/4;
      }
      .cc-placeholder-wrapper--messages .cc-placeholder__block:nth-child(2), .cc-placeholder-wrapper--messages .cc-placeholder__block:nth-child(3) {
        margin: 0;
        left: 6px;
      }
      .cc-placeholder-wrapper--contract .cc-placeholder {
        height: 117px;
      }
      .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(3) {
        grid-column: 2/4;
        max-width: 120px;
      }
      .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(4) {
        grid-column: 2/4;
        width: 100%;
      }
      .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(5) {
        margin-left: -90px;
      }
      .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(5), .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(6) {
        margin-top: 30px;
      }
      .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(6) {
        margin-left: auto;
      }
      .cc-placeholder-wrapper--files,
      .cc-placeholder-wrapper--notes {
        margin-top: 0;
      }
      .cc-placeholder-wrapper--files .cc-placeholder,
      .cc-placeholder-wrapper--notes .cc-placeholder {
        height: 166px;
      }
      .cc-placeholder-wrapper--preview {
        margin-top: 0;
      }
      .cc-placeholder-wrapper--preview .cc-placeholder {
        padding: 20px 30px;
        height: 285px;
        grid-template-columns: 80px auto;
      }
      .cc-placeholder-wrapper--preview .cc-placeholder__block:nth-child(1) {
        margin-left: -9px;
        width: 64px;
        height: 64px;
      }
      .cc-placeholder-wrapper--preview .cc-placeholder__block:nth-child(2) {
        margin-top: 10px;
      }
      .cc-placeholder-wrapper--preview .cc-placeholder__block:nth-child(3) {
        margin-top: 0;
      }
      .cc-placeholder-wrapper--preview .cc-placeholder__block:nth-child(2), .cc-placeholder-wrapper--preview .cc-placeholder__block:nth-child(3) {
        grid-column: 2/4 !important;
        width: 75%;
      }
      .cc-placeholder-wrapper--preview .cc-placeholder__block:nth-child(n+4) {
        display: block;
        margin-top: 10px;
        grid-column: 1/4 !important;
        width: 100%;
      }
    }
  }
  @media screen and (min-width: 1280px) {
    .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(n+4) {
      display: none;
    }
    .cc-placeholder-wrapper--notes,
    .cc-placeholder-wrapper--files {
      margin-top: 0;
    }
    .cc-placeholder-wrapper--notes .cc-placeholder,
    .cc-placeholder-wrapper--files .cc-placeholder {
      height: 154px;
    }
    .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(5),
    .cc-placeholder-wrapper--files .cc-placeholder__block:nth-child(5) {
      grid-column: 2;
      width: 50%;
    }
    .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(-n+5),
    .cc-placeholder-wrapper--files .cc-placeholder__block:nth-child(-n+5) {
      display: block;
    }
    .cc-placeholder-wrapper--preview {
      margin-left: initial;
      margin-right: initial;
      margin-top: 0;
    }
    .cc-placeholder-wrapper--preview .cc-placeholder {
      height: 169px;
      padding: 20px 30px;
      grid-template-columns: 90px auto;
    }
    .cc-placeholder-wrapper--preview .cc-placeholder__block:nth-child(n+4) {
      display: block;
    }
    .cc-placeholder-wrapper--preview .cc-placeholder__block:nth-child(n+3) {
      margin-top: 8px;
      align-self: end;
      width: 70%;
    }
    .cc-placeholder-wrapper--preview .cc-placeholder__block:nth-child(n+3):nth-child(odd) {
      grid-column: 2;
    }
    .cc-placeholder-wrapper--preview .cc-placeholder__block:nth-child(n+3):nth-child(even) {
      grid-column: 3;
    }
  }
  .cc-placeholder-wrapper--tiles.cc-placeholder-wrapper--history {
    margin-block: 0;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-placeholder-wrapper--tiles.cc-placeholder-wrapper--history {
        padding-left: 2.4rem;
        padding-right: 2.4rem;
      }
    }
  }
  .cc-placeholder-wrapper--tiles.cc-placeholder-wrapper--history .cc-placeholder {
    height: auto;
    padding-block: 0.8rem;
    grid-template-columns: 6rem auto;
    grid-template-rows: auto;
    box-shadow: none;
    margin-bottom: 0;
    background-color: transparent;
  }
  .cc-placeholder-wrapper--tiles.cc-placeholder-wrapper--history .cc-placeholder__block:nth-child(1) {
    margin-left: 0;
    width: 4.4rem;
    height: 4.4rem;
  }
  .cc-placeholder-wrapper--tiles.cc-placeholder-wrapper--history .cc-placeholder__block:nth-child(2), .cc-placeholder-wrapper--tiles.cc-placeholder-wrapper--history .cc-placeholder__block:nth-child(3) {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
    height: 1.3rem;
    width: 100%;
    max-width: 100%;
    align-self: end;
  }
  .cc-placeholder-wrapper--tiles.cc-placeholder-wrapper--history .cc-placeholder__block:nth-child(2) {
    align-self: end;
  }
  .cc-placeholder-wrapper--tiles.cc-placeholder-wrapper--history .cc-placeholder__block:nth-child(3) {
    grid-column: 2/4;
    max-width: 80%;
    align-self: start;
  }
  .cc-placeholder-wrapper--cart {
    margin-left: 0;
    margin-right: 0;
  }
  .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(n+4),
  .cc-placeholder-wrapper--cart .cc-placeholder__block:nth-child(n+4) {
    display: block;
  }
  @media screen and (min-width: 1025px) and (max-width: 1279px) {
    .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(n+3),
    .cc-placeholder-wrapper--cart .cc-placeholder__block:nth-child(n+3) {
      width: 85%;
      align-self: end;
    }
    .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(n+3):nth-child(odd),
    .cc-placeholder-wrapper--cart .cc-placeholder__block:nth-child(n+3):nth-child(odd) {
      grid-column: 2;
    }
    .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(n+3):nth-child(even),
    .cc-placeholder-wrapper--cart .cc-placeholder__block:nth-child(n+3):nth-child(even) {
      grid-column: 3;
    }
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-placeholder-wrapper--cart .cc-placeholder__block:nth-child(7),
      .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(7) {
        margin-bottom: 11px;
      }
      .cc-placeholder-wrapper--cart .cc-placeholder__block:nth-child(9),
      .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(9) {
        margin-bottom: 3px;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-placeholder-wrapper--cart .cc-placeholder__block:nth-child(9),
      .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(9) {
        display: none;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) and (max-width: 1024px) {
      .cc-placeholder-wrapper--offers .cc-placeholder {
        height: 169px;
      }
      .cc-placeholder-wrapper--offers .cc-placeholder__block {
        width: 85%;
      }
      .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(5), .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(6) {
        margin-bottom: 5px;
      }
    }
  }
  @media screen and (min-width: 1280px) {
    .cc-placeholder-wrapper--offers .cc-placeholder {
      grid-template-rows: 1fr 1fr 1fr;
      height: 148px;
    }
    .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(2) {
      width: 60%;
    }
    .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(n+3) {
      width: 85%;
    }
    .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(3), .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(6) {
      grid-column: 2;
    }
    .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(4), .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(7) {
      grid-column: 3;
    }
    .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(5), .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(8) {
      grid-column: 4;
    }
  }
  @media screen and (min-width: 1025px) {
    .cc-placeholder-wrapper--offers .cc-placeholder,
    .cc-placeholder-wrapper--cart .cc-placeholder {
      grid-template-rows: 1fr 1fr 1fr 1fr;
      height: 169px;
    }
  }
  .cc-placeholder-wrapper--calendar .cc-placeholder--tile {
    padding: 30px 25px 20px;
    grid-template-columns: 80px auto;
  }
  .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(1) {
    width: 70px;
    height: 70px;
    margin-right: 20px;
    flex: 0 0 auto;
    position: relative;
    border-radius: 50%;
    grid-row: 1/3;
    grid-column: 1/2;
  }
  @media screen and (max-width: 743px), (min-width: 1025px) {
    .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(1) {
      height: 64px;
      width: 64px;
      margin-left: -4px;
    }
  }
  .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(2), .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(3) {
    width: 55%;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(n+4) {
        grid-column: 1/4;
        margin: 5px 0;
      }
      .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(4) {
        margin-top: 20px;
      }
      .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(n+5) {
        display: none;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-placeholder-wrapper--calendar {
        margin: 0;
      }
      .cc-placeholder-wrapper--calendar .cc-placeholder--tile {
        padding: 25px 25px 20px;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) and (max-width: 1024px) {
      .cc-placeholder-wrapper--calendar .cc-placeholder--tile {
        height: 147px;
        grid-template-columns: 90px auto auto;
      }
      .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(2) {
        margin: 15px 0 0;
      }
      .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(2), .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(3) {
        grid-column: 2;
      }
      .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(4) {
        grid-row: 3;
        grid-column: 2/4;
        margin-top: 10px;
        max-width: 55%;
      }
      .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(n+5) {
        display: none;
      }
    }
  }
  @media screen and (min-width: 1025px) {
    .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(4), .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(5) {
      display: block;
      margin-top: 20px;
      grid-row: 3;
      grid-column: 1/4;
      width: 100%;
    }
    .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(4) {
      max-width: 30%;
    }
    .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(5) {
      max-width: 45%;
      margin-left: auto;
    }
    .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(n+6) {
      display: none;
    }
  }
  .cc-placeholder-wrapper--review {
    margin-left: -30px;
    margin-right: -30px;
  }
  .cc-placeholder-wrapper--review .cc-placeholder--tile {
    grid-template-columns: 73px auto;
    height: auto;
  }
  @media screen and (max-width: 743px), (min-width: 744px) {
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(-n+9) {
      display: block;
    }
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(n+2) {
      height: 17px;
    }
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(1) {
      grid-template-columns: 74px auto;
      width: 58px;
      height: 58px;
      margin-right: 15px;
    }
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(2), .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(3) {
      grid-row: 1;
    }
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(2) {
      width: 70%;
      margin: 0;
    }
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(3) {
      grid-column: 3;
      width: 60px;
      margin-left: auto;
      margin-top: 0;
    }
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(4) {
      margin-top: 0;
    }
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(4), .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(5), .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(6) {
      grid-column: 2/4;
    }
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(5) {
      grid-row: 3;
      width: 70%;
      margin-top: 10px;
      margin-bottom: 4px;
    }
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(6) {
      grid-row: 4;
    }
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(7), .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(8) {
      grid-row: 5;
    }
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(7) {
      grid-column: 2;
      width: 40px;
      margin-top: 12px;
    }
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(8) {
      grid-column: 3;
      width: 80px;
      margin: 12px 0 12px auto;
    }
  }
  @media screen and (max-width: 743px) and (min-width: 1280px), screen and (min-width: 744px) and (min-width: 1280px) {
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(7) {
      margin: 0;
    }
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-placeholder-wrapper--review {
        margin-left: -25px;
      }
      .cc-placeholder-wrapper--review .cc-placeholder--tile {
        margin: 0px !important;
        padding-top: 20px;
      }
      .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(5) {
        margin-top: 30px;
      }
      .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(5), .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(6), .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(7) {
        grid-column: 1/3;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-placeholder-wrapper--review {
        margin-top: 0;
      }
      .cc-placeholder-wrapper--review .cc-placeholder--tile {
        padding: 15px 30px 0;
      }
    }
  }
}
@layer components {
  .cc-placeholder-wrapper--tiles .cc-placeholder {
    padding: 30px 25px 20px;
    display: grid;
    grid-template-columns: 90px auto;
    grid-template-rows: 1fr 1fr;
    box-shadow: var(--cc-placeholder-elevation-shadow-tile);
    clip-path: inset(-18px 0px -18px 0px);
    margin-bottom: 10px;
    align-items: center;
    position: relative;
    background-color: var(--cc-placeholder-color-background-tile);
  }
  .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(1) {
    width: 70px;
    height: 70px;
    margin-right: 20px;
    flex: 0 0 auto;
    position: relative;
    border-radius: 50%;
    grid-row: 1/3;
    grid-column: 1/2;
  }
  .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(n+2) {
    height: var(--cc-placeholder-size-height-text);
    border-radius: var(--cc-placeholder-shape-text);
  }
  .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(2), .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(3) {
    width: 100%;
    grid-column: 2/4;
  }
  .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(2) {
    max-width: 60%;
    height: 16px;
  }
  .cc-placeholder-wrapper--xs .cc-placeholder {
    padding: 10px 20px;
    grid-template-columns: 60px auto;
    box-shadow: initial;
    margin-bottom: 1px;
  }
  .cc-placeholder-wrapper--xs .cc-placeholder__block:nth-child(1) {
    width: 45px;
    height: 45px;
  }
  .cc-placeholder-wrapper--xs .cc-placeholder__block:nth-child(2), .cc-placeholder-wrapper--xs .cc-placeholder__block:nth-child(3) {
    margin-top: 3px;
  }
  .cc-placeholder-wrapper--sm {
    margin: initial;
  }
  .cc-placeholder-wrapper--sm .cc-placeholder {
    grid-template-columns: 73px auto;
    box-shadow: initial;
    margin-bottom: 1px;
    border-bottom: 1px solid var(--cc-placeholder-color-border);
  }
  .cc-placeholder-wrapper--sm .cc-placeholder__block:nth-child(1) {
    width: 58px;
    height: 58px;
  }
  .cc-placeholder-wrapper--activity {
    display: flex;
    flex-wrap: wrap;
  }
  .cc-placeholder-wrapper--activity .cc-placeholder--tile {
    grid-template-columns: 70% auto;
    width: 100%;
  }
  .cc-placeholder-wrapper--activity .cc-placeholder--tile .cc-placeholder__block {
    width: 100%;
  }
  .cc-placeholder-wrapper--activity .cc-placeholder--tile .cc-placeholder__block:nth-child(1), .cc-placeholder-wrapper--activity .cc-placeholder--tile .cc-placeholder__block:nth-child(n+4) {
    display: none;
  }
  .cc-placeholder-wrapper--no-margin {
    margin-left: initial;
    margin-right: initial;
  }
  .cc-placeholder-wrapper--notes .cc-placeholder--tile,
  .cc-placeholder-wrapper--files .cc-placeholder--tile {
    height: initial;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-placeholder-wrapper--tiles .cc-placeholder {
        grid-template-columns: 80px auto;
        padding-left: var(--cc-placeholder-space-padding-tile-landscape-left);
        padding-right: var(--cc-placeholder-space-padding-tile-landscape-right);
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder:nth-child(1) {
        margin-top: 10px;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(1) {
        height: 64px;
        width: 64px;
        margin-left: -4px;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(3) {
        grid-column: 2/4;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(n+4) {
        grid-column: 1/4;
        margin-bottom: 11px;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(7) {
        margin-bottom: 3px;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(4) {
        margin-top: 30px;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(n+8) {
        display: none;
      }
      .cc-placeholder-wrapper--xs .cc-placeholder {
        grid-template-columns: 60px auto;
      }
      .cc-placeholder-wrapper--xs .cc-placeholder__block:nth-child(1) {
        height: 45px;
        width: 45px;
      }
      .cc-placeholder-wrapper--sm .cc-placeholder,
      .cc-placeholder-wrapper--activity .cc-placeholder {
        padding-top: 20px;
        padding-bottom: 20px;
      }
      .cc-placeholder-wrapper--sm .cc-placeholder__block:nth-child(1) {
        height: 58px;
        width: 58px;
      }
      .cc-placeholder-wrapper--sm .cc-placeholder:nth-child(1) {
        margin-top: initial;
      }
      .cc-placeholder-wrapper--activity .cc-placeholder--tile .cc-placeholder__block:nth-child(2) {
        margin-bottom: 8px;
      }
      .cc-placeholder-wrapper--activity .cc-placeholder--tile .cc-placeholder__block:nth-child(2), .cc-placeholder-wrapper--activity .cc-placeholder--tile .cc-placeholder__block:nth-child(3) {
        grid-column: 1/3;
      }
      .cc-placeholder-wrapper--contract .cc-placeholder__block:nth-child(2) {
        top: 15px;
      }
      .cc-placeholder-wrapper--contract .cc-placeholder__block:nth-child(3) {
        display: none;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-placeholder-wrapper--tiles {
        margin: 10px -35px 0;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder {
        padding: 20px 35px;
      }
      .cc-placeholder-wrapper--tiles.cc-placeholder-wrapper--sm, .cc-placeholder-wrapper--tiles.cc-placeholder-wrapper--no-margin {
        margin: 0;
      }
      .cc-placeholder-wrapper--xs .cc-placeholder,
      .cc-placeholder-wrapper--sm .cc-placeholder {
        height: initial;
      }
      .cc-placeholder-wrapper--xs .cc-placeholder__block:nth-child(2),
      .cc-placeholder-wrapper--sm .cc-placeholder__block:nth-child(2) {
        margin: 0;
        height: 12px;
      }
      .cc-placeholder-wrapper--xs .cc-placeholder__block:nth-child(3),
      .cc-placeholder-wrapper--sm .cc-placeholder__block:nth-child(3) {
        height: 10px;
      }
      .cc-placeholder-wrapper--sm .cc-placeholder {
        padding: 15px 20px;
      }
      .cc-placeholder-wrapper--sm .cc-placeholder__block:nth-child(2), .cc-placeholder-wrapper--sm .cc-placeholder__block:nth-child(3) {
        grid-column: 2/4;
      }
      .cc-placeholder-wrapper--sm .cc-placeholder__block:nth-child(2) {
        width: 65%;
      }
      .cc-placeholder-wrapper--sm .cc-placeholder__block:nth-child(3) {
        width: 100%;
      }
      .cc-placeholder-wrapper--activity .cc-placeholder--tile {
        grid-template-rows: 1fr;
        height: initial;
      }
      .cc-placeholder-wrapper--activity .cc-placeholder--tile .cc-placeholder__block:nth-child(2) {
        grid-column: 1;
      }
      .cc-placeholder-wrapper--activity .cc-placeholder--tile .cc-placeholder__block:nth-child(3) {
        grid-column: 2;
        max-width: 125px;
        height: 14px;
        position: absolute;
        top: 5px;
        right: 20px;
      }
      .cc-placeholder-wrapper--contract .cc-placeholder__block:nth-child(5) {
        display: none;
      }
      .cc-placeholder-wrapper--files .cc-placeholder__block:nth-child(3), .cc-placeholder-wrapper--files .cc-placeholder__block:nth-child(4),
      .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(3),
      .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(4) {
        width: 80%;
      }
      .cc-placeholder-wrapper--files .cc-placeholder__block:nth-child(3),
      .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(3) {
        grid-column: 2;
      }
      .cc-placeholder-wrapper--files .cc-placeholder__block:nth-child(4),
      .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(4) {
        grid-column: 3;
        width: 100%;
      }
      .cc-placeholder-wrapper--files .cc-placeholder__block:nth-child(5),
      .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(5) {
        margin-left: -90px;
      }
      .cc-placeholder-wrapper--files .cc-placeholder__block:nth-child(5), .cc-placeholder-wrapper--files .cc-placeholder__block:nth-child(6),
      .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(5),
      .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(6) {
        margin-top: 20px;
        margin-bottom: 10px;
      }
      .cc-placeholder-wrapper--files .cc-placeholder__block:nth-child(6) {
        margin-left: auto;
      }
      .cc-modal .cc-placeholder-wrapper--tiles:not(.cc-placeholder-wrapper--xs) .cc-placeholder {
        padding-left: 30px;
        padding-right: 30px;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) and (max-width: 1279px) {
      .cc-placeholder-wrapper--tiles .cc-placeholder {
        height: 143px;
        grid-template-columns: 90px auto auto;
        align-items: flex-start;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(2) {
        grid-column: 2/4;
        width: 60%;
        margin: 15px 0 0;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(3), .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(4) {
        margin-top: 14px;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(n+3) {
        width: 70%;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(n+3):nth-child(odd) {
        grid-column: 2;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(n+3):nth-child(even) {
        grid-column: 3;
      }
      .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(n+7) {
        display: none;
      }
      .cc-placeholder-wrapper--messages .cc-placeholder {
        height: initial;
        grid-template-columns: 73px auto;
        align-items: center;
      }
      .cc-placeholder-wrapper--messages .cc-placeholder__block:nth-child(3) {
        width: 100%;
        margin: 0;
        grid-column: 2/4;
      }
      .cc-placeholder-wrapper--messages .cc-placeholder__block:nth-child(2), .cc-placeholder-wrapper--messages .cc-placeholder__block:nth-child(3) {
        margin: 0;
        left: 6px;
      }
      .cc-placeholder-wrapper--contract .cc-placeholder {
        height: 117px;
      }
      .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(3) {
        grid-column: 2/4;
        max-width: 120px;
      }
      .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(4) {
        grid-column: 2/4;
        width: 100%;
      }
      .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(5) {
        margin-left: -90px;
      }
      .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(5), .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(6) {
        margin-top: 30px;
      }
      .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(6) {
        margin-left: auto;
      }
      .cc-placeholder-wrapper--files,
      .cc-placeholder-wrapper--notes {
        margin-top: 0;
      }
      .cc-placeholder-wrapper--files .cc-placeholder,
      .cc-placeholder-wrapper--notes .cc-placeholder {
        height: 166px;
      }
      .cc-placeholder-wrapper--preview {
        margin-top: 0;
      }
      .cc-placeholder-wrapper--preview .cc-placeholder {
        padding: 20px 30px;
        height: 285px;
        grid-template-columns: 80px auto;
      }
      .cc-placeholder-wrapper--preview .cc-placeholder__block:nth-child(1) {
        margin-left: -9px;
        width: 64px;
        height: 64px;
      }
      .cc-placeholder-wrapper--preview .cc-placeholder__block:nth-child(2) {
        margin-top: 10px;
      }
      .cc-placeholder-wrapper--preview .cc-placeholder__block:nth-child(3) {
        margin-top: 0;
      }
      .cc-placeholder-wrapper--preview .cc-placeholder__block:nth-child(2), .cc-placeholder-wrapper--preview .cc-placeholder__block:nth-child(3) {
        grid-column: 2/4 !important;
        width: 75%;
      }
      .cc-placeholder-wrapper--preview .cc-placeholder__block:nth-child(n+4) {
        display: block;
        margin-top: 10px;
        grid-column: 1/4 !important;
        width: 100%;
      }
    }
  }
  @media screen and (min-width: 1280px) {
    .cc-placeholder-wrapper--tiles .cc-placeholder__block:nth-child(n+4) {
      display: none;
    }
    .cc-placeholder-wrapper--notes,
    .cc-placeholder-wrapper--files {
      margin-top: 0;
    }
    .cc-placeholder-wrapper--notes .cc-placeholder,
    .cc-placeholder-wrapper--files .cc-placeholder {
      height: 154px;
    }
    .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(5),
    .cc-placeholder-wrapper--files .cc-placeholder__block:nth-child(5) {
      grid-column: 2;
      width: 50%;
    }
    .cc-placeholder-wrapper--notes .cc-placeholder__block:nth-child(-n+5),
    .cc-placeholder-wrapper--files .cc-placeholder__block:nth-child(-n+5) {
      display: block;
    }
    .cc-placeholder-wrapper--preview {
      margin-left: initial;
      margin-right: initial;
      margin-top: 0;
    }
    .cc-placeholder-wrapper--preview .cc-placeholder {
      height: 169px;
      padding: 20px 30px;
      grid-template-columns: 90px auto;
    }
    .cc-placeholder-wrapper--preview .cc-placeholder__block:nth-child(n+4) {
      display: block;
    }
    .cc-placeholder-wrapper--preview .cc-placeholder__block:nth-child(n+3) {
      margin-top: 8px;
      align-self: end;
      width: 70%;
    }
    .cc-placeholder-wrapper--preview .cc-placeholder__block:nth-child(n+3):nth-child(odd) {
      grid-column: 2;
    }
    .cc-placeholder-wrapper--preview .cc-placeholder__block:nth-child(n+3):nth-child(even) {
      grid-column: 3;
    }
  }
  .cc-placeholder-wrapper--tiles.cc-placeholder-wrapper--history {
    margin-block: 0;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-placeholder-wrapper--tiles.cc-placeholder-wrapper--history {
        padding-left: 2.4rem;
        padding-right: 2.4rem;
      }
    }
  }
  .cc-placeholder-wrapper--tiles.cc-placeholder-wrapper--history .cc-placeholder {
    height: auto;
    padding-block: 0.8rem;
    grid-template-columns: 6rem auto;
    grid-template-rows: auto;
    box-shadow: none;
    margin-bottom: 0;
    background-color: transparent;
  }
  .cc-placeholder-wrapper--tiles.cc-placeholder-wrapper--history .cc-placeholder__block:nth-child(1) {
    margin-left: 0;
    width: 4.4rem;
    height: 4.4rem;
  }
  .cc-placeholder-wrapper--tiles.cc-placeholder-wrapper--history .cc-placeholder__block:nth-child(2), .cc-placeholder-wrapper--tiles.cc-placeholder-wrapper--history .cc-placeholder__block:nth-child(3) {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
    height: 1.3rem;
    width: 100%;
    max-width: 100%;
    align-self: end;
  }
  .cc-placeholder-wrapper--tiles.cc-placeholder-wrapper--history .cc-placeholder__block:nth-child(2) {
    align-self: end;
  }
  .cc-placeholder-wrapper--tiles.cc-placeholder-wrapper--history .cc-placeholder__block:nth-child(3) {
    grid-column: 2/4;
    max-width: 80%;
    align-self: start;
  }
  .cc-placeholder-wrapper--cart {
    margin-left: 0;
    margin-right: 0;
  }
  .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(n+4),
  .cc-placeholder-wrapper--cart .cc-placeholder__block:nth-child(n+4) {
    display: block;
  }
  @media screen and (min-width: 1025px) and (max-width: 1279px) {
    .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(n+3),
    .cc-placeholder-wrapper--cart .cc-placeholder__block:nth-child(n+3) {
      width: 85%;
      align-self: end;
    }
    .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(n+3):nth-child(odd),
    .cc-placeholder-wrapper--cart .cc-placeholder__block:nth-child(n+3):nth-child(odd) {
      grid-column: 2;
    }
    .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(n+3):nth-child(even),
    .cc-placeholder-wrapper--cart .cc-placeholder__block:nth-child(n+3):nth-child(even) {
      grid-column: 3;
    }
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-placeholder-wrapper--cart .cc-placeholder__block:nth-child(7),
      .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(7) {
        margin-bottom: 11px;
      }
      .cc-placeholder-wrapper--cart .cc-placeholder__block:nth-child(9),
      .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(9) {
        margin-bottom: 3px;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-placeholder-wrapper--cart .cc-placeholder__block:nth-child(9),
      .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(9) {
        display: none;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) and (max-width: 1024px) {
      .cc-placeholder-wrapper--offers .cc-placeholder {
        height: 169px;
      }
      .cc-placeholder-wrapper--offers .cc-placeholder__block {
        width: 85%;
      }
      .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(5), .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(6) {
        margin-bottom: 5px;
      }
    }
  }
  @media screen and (min-width: 1280px) {
    .cc-placeholder-wrapper--offers .cc-placeholder {
      grid-template-rows: 1fr 1fr 1fr;
      height: 148px;
    }
    .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(2) {
      width: 60%;
    }
    .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(n+3) {
      width: 85%;
    }
    .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(3), .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(6) {
      grid-column: 2;
    }
    .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(4), .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(7) {
      grid-column: 3;
    }
    .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(5), .cc-placeholder-wrapper--offers .cc-placeholder__block:nth-child(8) {
      grid-column: 4;
    }
  }
  @media screen and (min-width: 1025px) {
    .cc-placeholder-wrapper--offers .cc-placeholder,
    .cc-placeholder-wrapper--cart .cc-placeholder {
      grid-template-rows: 1fr 1fr 1fr 1fr;
      height: 169px;
    }
  }
  .cc-placeholder-wrapper--calendar .cc-placeholder--tile {
    padding: 30px 25px 20px;
    grid-template-columns: 80px auto;
  }
  .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(1) {
    width: 70px;
    height: 70px;
    margin-right: 20px;
    flex: 0 0 auto;
    position: relative;
    border-radius: 50%;
    grid-row: 1/3;
    grid-column: 1/2;
  }
  @media screen and (max-width: 743px), (min-width: 1025px) {
    .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(1) {
      height: 64px;
      width: 64px;
      margin-left: -4px;
    }
  }
  .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(2), .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(3) {
    width: 55%;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(n+4) {
        grid-column: 1/4;
        margin: 5px 0;
      }
      .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(4) {
        margin-top: 20px;
      }
      .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(n+5) {
        display: none;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-placeholder-wrapper--calendar {
        margin: 0;
      }
      .cc-placeholder-wrapper--calendar .cc-placeholder--tile {
        padding: 25px 25px 20px;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) and (max-width: 1024px) {
      .cc-placeholder-wrapper--calendar .cc-placeholder--tile {
        height: 147px;
        grid-template-columns: 90px auto auto;
      }
      .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(2) {
        margin: 15px 0 0;
      }
      .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(2), .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(3) {
        grid-column: 2;
      }
      .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(4) {
        grid-row: 3;
        grid-column: 2/4;
        margin-top: 10px;
        max-width: 55%;
      }
      .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(n+5) {
        display: none;
      }
    }
  }
  @media screen and (min-width: 1025px) {
    .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(4), .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(5) {
      display: block;
      margin-top: 20px;
      grid-row: 3;
      grid-column: 1/4;
      width: 100%;
    }
    .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(4) {
      max-width: 30%;
    }
    .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(5) {
      max-width: 45%;
      margin-left: auto;
    }
    .cc-placeholder-wrapper--calendar .cc-placeholder--tile .cc-placeholder__block:nth-child(n+6) {
      display: none;
    }
  }
  .cc-placeholder-wrapper--review {
    margin-left: -30px;
    margin-right: -30px;
  }
  .cc-placeholder-wrapper--review .cc-placeholder--tile {
    grid-template-columns: 73px auto;
    height: auto;
  }
  @media screen and (max-width: 743px), (min-width: 744px) {
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(-n+9) {
      display: block;
    }
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(n+2) {
      height: 17px;
    }
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(1) {
      grid-template-columns: 74px auto;
      width: 58px;
      height: 58px;
      margin-right: 15px;
    }
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(2), .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(3) {
      grid-row: 1;
    }
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(2) {
      width: 70%;
      margin: 0;
    }
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(3) {
      grid-column: 3;
      width: 60px;
      margin-left: auto;
      margin-top: 0;
    }
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(4) {
      margin-top: 0;
    }
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(4), .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(5), .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(6) {
      grid-column: 2/4;
    }
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(5) {
      grid-row: 3;
      width: 70%;
      margin-top: 10px;
      margin-bottom: 4px;
    }
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(6) {
      grid-row: 4;
    }
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(7), .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(8) {
      grid-row: 5;
    }
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(7) {
      grid-column: 2;
      width: 40px;
      margin-top: 12px;
    }
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(8) {
      grid-column: 3;
      width: 80px;
      margin: 12px 0 12px auto;
    }
  }
  @media screen and (max-width: 743px) and (min-width: 1280px), screen and (min-width: 744px) and (min-width: 1280px) {
    .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(7) {
      margin: 0;
    }
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-placeholder-wrapper--review {
        margin-left: -25px;
      }
      .cc-placeholder-wrapper--review .cc-placeholder--tile {
        margin: 0px !important;
        padding-top: 20px;
      }
      .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(5) {
        margin-top: 30px;
      }
      .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(5), .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(6), .cc-placeholder-wrapper--review .cc-placeholder--tile .cc-placeholder__block:nth-child(7) {
        grid-column: 1/3;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-placeholder-wrapper--review {
        margin-top: 0;
      }
      .cc-placeholder-wrapper--review .cc-placeholder--tile {
        padding: 15px 30px 0;
      }
    }
  }
  .cc-list-wrapper--tile {
    gap: 1.6rem;
    grid-area: cc-list;
    align-self: start;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-list-wrapper--tile {
        gap: 1rem;
      }
    }
  }
  .cc-list--tile {
    --cc-list-space-grid-columns: 1fr;
    display: grid;
    width: 100%;
    gap: 0.8rem;
    grid-template-columns: var(--cc-list-space-grid-columns);
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-list--tile {
        --cc-list-space-grid-columns: repeat(2, 1fr);
      }
      .cc-list--tile:has(.cc-item:only-child) {
        --cc-list-space-grid-columns: 1fr;
      }
    }
  }
  @media screen and (min-width: 1280px) {
    .cc-list--tile {
      --cc-list-space-grid-columns: repeat(auto-fit, minmax(100px, 1fr));
    }
    .cc-list--tile:has(.cc-item:nth-last-child(n+5)) {
      --cc-list-space-grid-columns: repeat(3, 1fr);
    }
  }
  .cc-list--tile .cc-item {
    --cc-item-space-justify: space-between;
  }
  .cc-list--tile .cc-item__icon {
    font-size: 1.6rem;
  }
  .cc-list--tile .cc-item__detail {
    min-width: 0;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-list--tile .cc-item {
        --cc-item-space-justify: flex-start;
      }
    }
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-list--tile .cc-item--ltr {
        --cc-item-space-justify: flex-start;
      }
      .cc-list--tile .cc-item--ltr .cc-item__label {
        width: 100%;
      }
    }
  }
  .cc-tile-wrapper {
    --cc-tile-color-background: var(--cs-color-surface-container);
    --cc-tile-color-background-disabled: color-mix(in srgb, var(--cs-color-surface-container), var(--cs-color-scrim-adaptive) 6%);
    --cc-tile-color-background-hover: color-mix(in srgb, var(--cs-color-surface-container), var(--cs-color-scrim-adaptive) 2%);
    --cc-tile-color-background-selected: var(--cs-color-primary-container);
    --cc-tile-color-background-alert: var(--cs-color-error-container);
    --cc-tile-color-background-sm-default: var(--cs-color-surface);
    --cc-tile-color-background-sm-hover: color-mix(in srgb, var(--cs-color-surface), var(--cs-color-scrim-adaptive) 2%);
    --cc-tile-color-background-gradient-active: linear-gradient(45deg, color-mix(in srgb, var(--cs-color-primary-fixed), transparent 90%), color-mix(in srgb, var(--cs-color-primary-fixed), transparent 98%));
    --cc-tile-color-background-gradient-unread: linear-gradient(45deg, color-mix(in srgb, var(--cs-color-primary-fixed), transparent 98%), color-mix(in srgb, var(--cs-color-primary-fixed), transparent 94%));
    --cc-tile-color-background-footer: var(--cs-color-surface-container-highest);
    --cc-tile-color-background-counter: var(--cs-color-primary-fixed);
    --cc-tile-color-heading-primary: var(--cs-color-on-surface);
    --cc-tile-color-heading-secondary: var(--cs-color-on-surface-variant);
    --cc-tile-color-text-primary: var(--cs-color-on-surface);
    --cc-tile-color-text-secondary: var(--cs-color-on-surface-variant);
    --cc-tile-color-border-default: var(--cs-color-outline-variant);
    --cc-tile-elevation-shadow-container-default: var(--cs-elevation-shadow-2);
    --cc-tile-elevation-shadow-container-hover: var(--cs-elevation-shadow-5);
    --cc-tile-font-size-image: 2.4rem;
    --cc-tile-font-size-heading-primary: 1.4rem;
    --cc-tile-font-size-heading-secondary: 1.4rem;
    --cc-tile-font-weight-normal: 400;
    --cc-tile-font-weight-medium: 500;
    --cc-tile-font-weight-heading-primary: 500;
    --cc-tile-font-weight-heading-secondary: 500;
    --cc-tile-size-border-container: 1px;
    --cc-tile-size-image: 7rem;
    --cc-tile-size-width-title: 100%;
    --cc-tile-space-gap-wrapper: 1rem;
    --cc-tile-space-gap-inline: 1.6rem;
    --cc-tile-space-gap-block: 1.6rem;
    --cc-tile-space-gap-title: 0.4rem;
    --cc-tile-space-padding-inline: 2.4rem;
    --cc-tile-space-padding-block: 2rem;
    --cc-tile-space-padding-extra: 0px;
    --cc-tile-space-direction-heading: column;
    --cc-tile-space-align-heading: center;
    --cc-tile-space-grid-areas: "avatar heading";
    gap: var(--cc-tile-space-gap-wrapper);
    display: flex;
    flex-direction: column;
  }
  .cc-tile-wrapper--gap-none {
    padding: 0;
  }
  .cc-tile-wrapper--modal {
    padding-left: 0;
    padding-right: 0;
  }
  .cc-tile-wrapper--gap-none {
    padding: 0;
    margin: 0;
  }
  .cc-tile-wrapper--share {
    padding-bottom: 0;
    margin-top: calc(-1 * var(--cc-slide-padding-block));
    margin-bottom: calc(-1 * var(--cc-slide-padding-block-end));
  }
  .cc-placeholder-wrapper--tiles,
  .cc-tile-wrapper--box {
    --cc-tile-space-padding-inline: var(--cs-layout-inline);
    margin-inline: calc(-1 * var(--cc-box-space-padding-inline));
  }
  .cc-tile-wrapper--providers {
    --cc-tile-space-gap-wrapper: 0;
  }
  .cc-tile-wrapper--s {
    --cc-tile-space-gap-wrapper: 1px;
    --cc-tile-elevation-shadow-container-default: none;
    --cc-tile-elevation-shadow-container-hover: none;
  }
  .cc-tile-wrapper--xs {
    --cc-tile-space-gap-wrapper: 1px;
    --cc-tile-size-border-container: 0;
    --cc-tile-elevation-shadow-container-default: none;
    --cc-tile-elevation-shadow-container-hover: none;
  }
  .cc-tile-wrapper--providers {
    --cc-tile-space-gap-wrapper: 0;
    width: auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    flex: 1 1 0;
    margin-block: calc(-1 * var(--cc-modal-space-padding-block)) calc(-1 * var(--cc-modal-space-padding-block-end));
    margin-inline: calc(-1 * var(--cc-modal-space-padding-inline));
  }
  .cc-tile-wrapper--providers.cc-scroll--no-gap:after {
    bottom: calc(-1 * var(--cc-modal-space-padding-block-end));
  }
  .cc-tile-wrapper--providers .cc-tile {
    --cc-tile-font-size-heading-primary: 1.4rem;
    --cc-tile-size-width-title: max-content;
    flex: 1 1 0;
  }
  .cc-tile-wrapper--providers .cc-tile .cc-glyph {
    align-self: center;
  }
  .cc-tile-wrapper--providers .cc-tile__content {
    height: 100%;
    grid-template-columns: auto auto;
  }
  .cc-tile-wrapper--providers .cc-glyph {
    background: no-repeat center;
  }
  .cc-tile-wrapper--providers .cc-glyph--google {
    background-size: 40px auto;
    background-image: url(../img/icon/gmail-2.svg);
  }
  .cc-tile-wrapper--providers .cc-glyph--outlook {
    background-size: 40px auto;
    background-image: url(../img/icon/outlook-2.svg);
  }
  .cc-tile-wrapper--providers .cc-glyph--icloud {
    background-size: 40px auto;
    background-image: url(../img/icon/icloud.svg);
  }
  .cc-tile-wrapper--providers .cc-glyph--yahoo {
    background-size: 40px auto;
    background-image: url(../img/icon/yahoo-v3.svg);
  }
  .cc-tile-wrapper--providers .cc-glyph--device {
    background-size: 40px auto;
    background-image: url(../img/icon/device-contacts.svg);
  }
  .cc-tile-wrapper--providers .cc-glyph--vcard {
    background-size: 40px auto;
    background-image: url(../img/icon/vcard-v1-3p-fill.svg);
  }
  .cc-tile-wrapper--providers .cc-glyph--sheet {
    background-size: 32px auto;
    background-image: url(../img/icon/sheet-2.svg);
  }
  .cc-tile {
    display: grid;
    width: 100%;
    position: relative;
    box-shadow: var(--cc-tile-elevation-shadow-container-default);
    flex: 0 0 auto;
    background: var(--cc-tile-color-background);
    transition-property: background-color, grid-template-rows;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
  }
  @media screen and (hover: hover) and (pointer: fine) {
    .cc-tile:not(.is-active, .cc-tile--no-hover):hover {
      background: var(--cc-tile-color-background-hover);
    }
    .cc-tile:not(.is-active, .cc-tile--no-hover):hover .cc-button--hover {
      opacity: 1;
    }
  }
  .cc-tile .cc-tile-indent {
    grid-area: avatar;
    width: var(--cc-tile-size-image);
    flex: 0 0 auto;
  }
  .cc-tile .cc-menu-wrapper--tile {
    grid-column: -1;
  }
  @media (hover: hover) {
    .cc-tile .cc-menu-wrapper--tile {
      visibility: hidden;
    }
    .cc-tile.is-active .cc-menu-wrapper--tile, .cc-tile:hover .cc-menu-wrapper--tile {
      visibility: visible;
    }
  }
  .cc-tile:not(.cc-tile--no-hover):not(.cc-tile--disabled) {
    cursor: pointer;
  }
  .cc-tile.view-only {
    cursor: default;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) and (hover: hover) {
      .cc-tile.is-selectable:not(.cc-tile--selected):not(.cc-tile--disabled):hover .cc-image-wrapper,
      .cc-tile.is-selectable:not(.cc-tile--selected):not(.cc-tile--disabled):hover .cc-avatar__initial {
        display: none;
      }
      .cc-tile.is-selectable:not(.cc-tile--selected):not(.cc-tile--disabled):hover .cc-glyph--tile:before, .cc-tile.is-selectable:not(.cc-tile--selected):not(.cc-tile--disabled):hover .cc-glyph--tile:after {
        display: none;
      }
      .cc-tile.is-selectable:not(.cc-tile--selected):not(.cc-tile--disabled):hover .cc-tile__checkbox {
        display: flex;
        background-color: color-mix(in srgb, var(--cs-color-primary-fixed), white 2%);
      }
      .cc-tile.is-selectable:not(.cc-tile--selected):not(.cc-tile--disabled):hover .cc-tile__checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background {
        border-color: color-mix(in srgb, var(--cs-color-primary-fixed), white 2%);
        background-color: color-mix(in srgb, var(--cs-color-primary-fixed), white 2%);
      }
    }
  }
  .cc-tile .cc-avatar--status::before {
    width: 1.4rem;
    height: 1.4rem;
    top: 2px;
    right: 2px;
  }
  .cc-tile .cc-avatar--tile {
    --cc-avatar-size: var(--cc-tile-size-image);
  }
  .cc-tile .cc-glyph--tile {
    --cc-glyph-size-container: var(--cc-tile-size-image);
  }
  .cc-tile--editing .cc-badge {
    pointer-events: none;
  }
  .cc-tile.is-selected {
    --cc-tile-color-background: var(--cc-tile-color-background-selected);
    --cc-tile-color-background-hover: var(--cc-tile-color-background-selected);
  }
  .cc-tile.is-selected .cc-image-wrapper,
  .cc-tile.is-selected .cc-avatar__initial {
    display: none;
  }
  .cc-tile.is-selected .cc-glyph--tile:before, .cc-tile.is-selected .cc-glyph--tile:after {
    display: none;
  }
  .cc-tile.is-selected .mdc-checkbox__checkmark {
    transform: scale(1.5);
  }
  .cc-tile.is-selected .cc-tile__checkbox {
    display: flex;
  }
  .cc-tile--sm.is-selected .mdc-checkbox__checkmark {
    transform: scale(1.2);
  }
  .cc-tile--xs.is-selected .mdc-checkbox__checkmark {
    transform: scale(1);
  }
  .cc-tile .cc-item--span {
    grid-column: 1/-1;
  }
  .cc-tile__status {
    display: flex;
    flex: 0 0 auto;
    color: var(--cc-tile-color-text-secondary);
    font-size: 1.1rem;
    font-weight: 400;
    padding-left: 8px;
    transition: color 0.15s ease-out;
    margin-left: auto;
    max-width: 60%;
  }
  .cc-tile__checkbox {
    display: none;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: var(--cs-color-primary-fixed);
    border-radius: 50%;
  }
  .cc-tile__checkbox .mdc-checkbox__checkmark {
    transform: scale(1);
    transition: ease-in-out 0.2s;
  }
  .cc-tile__checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
    background-color: var(--cs-color-on-primary) !important;
  }
  .cc-tile__checkbox .mdc-checkbox__native-control:enabled:not(:checked) ~ .mdc-checkbox__background {
    border-color: var(--cs-color-on-primary) !important;
    background-color: transparent !important;
  }
  .cc-tile__checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background {
    border-color: transparent !important;
    background-color: transparent !important;
  }
  .cc-tile__content {
    position: relative;
    width: 100%;
    padding-top: calc(var(--cc-tile-space-padding-block) + var(--cc-tile-space-padding-extra));
    padding-bottom: var(--cc-tile-space-padding-block);
    padding-left: var(--cc-tile-space-padding-inline);
    padding-right: var(--cc-tile-space-padding-inline);
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto;
    grid-template-areas: var(--cc-tile-space-grid-areas);
    gap: var(--cc-tile-space-gap-block) var(--cc-tile-space-gap-inline);
  }
  .cc-tile__content > .cc-avatar--tile,
  .cc-tile__content > .cc-glyph--tile,
  .cc-tile__content > .cc-image-wrapper {
    grid-area: avatar;
    align-self: flex-start;
  }
  .cc-tile__content .cc-menu-wrapper--static {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    position: static;
  }
  .cc-tile__content ~ .cc-divider {
    margin: 0 var(--cc-tile-space-padding-inline);
    width: auto;
  }
  .cc-tile .cc-glyph--extension {
    background-color: transparent;
    font-size: 3rem;
  }
  .cc-tile__counter {
    position: absolute;
    bottom: 0;
    right: -5px;
    padding: 0 6px;
    width: auto;
    height: 26px;
    line-height: 2.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cc-tile-color-background-counter);
    font-size: 1.2rem;
    color: var(--cs-color-on-primary);
    border-radius: 100px;
    font-weight: var(--cc-tile-font-weight-medium);
  }
  .cc-tile__label {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    min-width: 0;
    font-size: var(--cc-tile-font-size-heading-primary);
    font-weight: var(--cc-tile-font-weight-heading-primary);
    color: var(--cc-tile-color-heading-primary);
  }
  .cc-tile__value {
    display: flex;
    flex: 0 1 auto;
    min-width: 0;
    font-size: var(--cc-tile-font-size-heading-secondary);
    font-weight: var(--cc-tile-font-weight-heading-secondary);
    color: var(--cc-tile-color-heading-secondary);
  }
  .cc-tile__value--date {
    flex: 1 0 56px;
  }
  .cc-tile__value--code {
    flex: 0 0 auto;
    white-space: nowrap;
  }
  .cc-tile__value--50 {
    flex: 1 0 50%;
  }
  .cc-tile__value .cc-chip-set {
    margin-bottom: -1rem;
  }
  .cc-tile__title {
    display: flex;
    flex-direction: var(--cc-tile-space-direction-heading);
    position: relative;
    min-width: 0;
    max-width: var(--cc-tile-size-width-title);
    gap: var(--cc-tile-space-gap-title);
    align-self: var(--cc-tile-space-align-heading);
    grid-area: heading;
  }
  .cc-tile__title--vertical {
    --cc-tile-font-size-heading-secondary: 1.3rem;
    --cc-tile-font-weight-heading-secondary: 400;
    --cc-tile-space-direction-heading: column;
  }
  .cc-tile__title--address {
    --cc-tile-font-weight-heading-primary: 400;
  }
  .cc-tile__title .cc-button--tile {
    right: 0;
  }
  .cc-tile__title:has(.cc-divider--accent-left) {
    --cc-tile-space-gap-title: 1rem;
  }
  .cc-tile--list {
    --cc-tile-space-grid-areas: "avatar heading" "cc-list cc-list";
  }
  .cc-tile-wrapper--block .cc-tile.is-selected {
    --cc-tile-color-background: var(--cc-tile-color-background-alert);
    --cc-tile-color-background-hover: var(--cc-tile-color-background-alert);
  }
  .cc-tile-wrapper--block .cc-tile__checkbox {
    background-color: var(--cs-color-error);
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) and (hover: hover) {
      .cc-tile-wrapper--block .cc-tile.is-selectable:not(.cc-tile--selected):not(.cc-tile--disabled):hover .cc-tile__checkbox {
        background-color: color-mix(in srgb, var(--cs-color-error), white 2%) !important;
      }
      .cc-tile-wrapper--block .cc-tile.is-selectable:not(.cc-tile--selected):not(.cc-tile--disabled):hover .cc-tile__checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background {
        border-color: color-mix(in srgb, var(--cs-color-error), white 2%) !important;
        background-color: color-mix(in srgb, var(--cs-color-error), white 2%) !important;
      }
    }
  }
  .cc-tile-footer {
    padding: 0 35px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background: var(--cc-tile-color-background-footer);
    overflow: hidden;
    min-height: 44px;
  }
  @media print {
    .cc-tile-footer {
      padding-inline: var(--cs-layout-inline);
    }
  }
  .cc-tile-footer:before {
    content: "";
    display: block;
    width: 120%;
    position: absolute;
    top: -20px;
    left: 0;
    height: 20px;
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.08);
  }
  .cc-tile-footer__content {
    margin-right: auto;
    display: flex;
    align-items: center;
    color: var(--cc-tile-color-text-secondary);
    font-size: 1.1rem;
  }
  .cc-tile-footer__time {
    display: flex;
    align-items: center;
  }
  .cc-tile-footer__menu {
    display: flex;
    justify-content: center;
  }
  .cc-tile--sm {
    --cc-tile-font-size-heading-primary: 1.3rem;
    --cc-tile-font-size-heading-secondary: 1.3rem;
    --cc-tile-font-weight-heading-secondary: 400;
    --cc-tile-size-image: 5.8rem;
    --cc-tile-space-direction-heading: column;
    --cc-tile-font-size-image: 2.2rem;
    --cc-tile-color-background: var(--cc-tile-color-background-sm-default);
    --cc-tile-color-background-hover: var(--cc-tile-color-background-sm-hover);
    border-bottom: var(--cc-tile-size-border-container) solid var(--cc-tile-color-border-default);
  }
  .cc-tile--sm .cc-tile-footer:before {
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.04);
  }
  .cc-tile--sm .cc-tile__label {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .cc-tile--xs {
    --cc-tile-size-image: 4.5rem;
    --cc-tile-space-padding-block: 1.2rem;
    --cc-tile-font-weight-heading-primary: 400;
    --cc-tile-font-weight-heading-secondary: 400;
  }
  .cc-tile--disabled {
    pointer-events: none;
  }
  .cc-tile--disabled,
  .cc-tile--disabled-clickable {
    --cc-tile-color-background: var(--cc-tile-color-background-disabled);
  }
  .cc-tile--disabled .cc-list-wrapper,
  .cc-tile--disabled .cc-avatar--tile,
  .cc-tile--disabled-clickable .cc-list-wrapper,
  .cc-tile--disabled-clickable .cc-avatar--tile {
    opacity: 0.7;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-tile-footer {
        padding-right: 25px;
        padding-left: 25px;
      }
      .cc-tile--sm {
        --cc-tile-font-size-heading-primary: 1.4rem;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-tile-wrapper--box {
        clip-path: inset(-100vh 0px -100vh 0px);
        padding-top: 1rem;
        padding-bottom: 1rem;
      }
      .cc-tile-wrapper--scan {
        --cc-tile-elevation-shadow-container-default: var(--cc-tile-elevation-shadow-container-default);
        --cc-tile-elevation-shadow-container-hover: var(--cc-tile-elevation-shadow-container-default);
        --cc-tile-space-gap-wrapper: 1rem;
        --cc-tile-size-border-container: 0;
      }
      .cc-tile--sm {
        --cc-tile-space-padding-inline: 2rem;
        --cc-tile-space-padding-block: 1.6rem;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px), print {
      .cc-tile {
        --cc-tile-space-direction-heading: row;
        --cc-tile-space-gap-inline: 2rem;
        --cc-tile-space-gap-block: 1rem;
        --cc-tile-space-grid-areas: "avatar heading";
      }
      .cc-tile .cc-list--indent {
        padding-left: calc(var(--cc-tile-size-image) + var(--cc-tile-space-gap-inline));
      }
      .cc-tile--sm.is-active {
        --cc-tile-color-background: var(--cc-tile-color-background-gradient-active);
      }
      .cc-tile--list {
        --cc-tile-space-grid-areas: "avatar heading" "avatar cc-list";
        --cc-tile-space-align-heading: end;
      }
      .cc-tile--xs {
        --cc-tile-space-gap-inline: 1.2rem;
        --cc-tile-space-gap-block: 0.2rem;
        --cc-tile-space-gap-title: 0.2rem;
        --cc-tile-font-size-heading-primary: 1.3rem;
        --cc-tile-font-size-heading-secondary: 1.3rem;
      }
      .cc-tile--sm {
        --cc-tile-space-gap-inline: 1.6rem;
        --cc-tile-space-gap-block: 0.4rem;
        --cc-tile-font-size-heading-primary: 1.3rem;
        --cc-tile-font-size-heading-secondary: 1.3rem;
      }
      .cc-tile--xs,
      .cc-tile--sm {
        --cc-tile-space-direction-heading: column;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) and (max-width: 1024px) {
      .cc-tile-footer {
        padding-left: 30px;
        padding-right: 30px;
      }
    }
  }
  @media screen and (min-width: 1025px) {
    .cc-tile__content {
      align-items: center;
    }
    .cc-tile:has(> .cc-badge) {
      --cc-tile-size-width-title: 70%;
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) and (max-width: 1279px), print {
      .cc-tile:has(> .cc-badge) .cc-tile__title {
        padding-top: 1.6rem;
      }
      .cc-tile:has(> .cc-badge) .cc-tile__title--address {
        padding-top: initial;
      }
      .cc-tile--sm {
        --cc-tile-size-image: 5.8rem;
      }
    }
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-tile-wrapper:has(.cc-tile--md-sm, .cc-tile--sm, .cc-tile--border) {
        --cc-tile-space-gap-wrapper: 1px;
      }
      .cc-tile:has(> .cc-badge) {
        --cc-tile-space-padding-extra: 1.2rem;
      }
      .cc-tile {
        --cc-tile-space-padding-inline: 2.4rem;
        --cc-tile-space-padding-block: 2rem;
        --cc-tile-font-size-heading-secondary: 1.3rem;
        --cc-tile-size-image: 6.4rem;
        --cc-tile-font-size-image: 2.2rem;
        -webkit-user-select: none;
                user-select: none;
      }
      .cc-tile .cc-badge--right {
        max-width: calc(100% - 6.4rem - 2.5rem);
      }
      .cc-tile .cc-avatar--tile,
      .cc-tile .cc-glyph--tile {
        z-index: 2;
      }
      .cc-tile__title--md-reverse {
        --cc-tile-font-size-heading-primary: 1.3rem;
        --cc-tile-font-size-heading-secondary: 1.4rem;
        --cc-tile-color-heading-primary: var(--cc-tile-color-text-secondary);
        --cc-tile-color-heading-secondary: var(--cc-tile-color-text-primary);
        --cc-tile-space-direction-heading: column-reverse;
      }
      .cc-tile__label {
        flex: 0 0 auto;
      }
      .cc-tile__value {
        width: 100%;
        min-width: 0;
        display: flex;
      }
      .cc-tile--md-sm,
      .cc-tile--sm {
        --cc-tile-size-image: 5.8rem;
      }
      .cc-tile--xs {
        --cc-tile-size-image: 4.5rem;
        --cc-tile-space-padding-block: 1rem;
      }
      .cc-tile--md-sm {
        --cc-tile-elevation-shadow-container-default: none;
        --cc-tile-elevation-shadow-container-hover: none;
        --cc-tile-space-padding-block: 1.6rem;
        border-bottom: var(--cc-tile-size-border-container) solid var(--cc-tile-color-border-default);
      }
      .cc-tile-wrapper.is-empty {
        flex: 1 0 auto;
      }
    }
  }
  @media screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    .cc-tile {
      --cc-tile-space-padding-inline: var(--cs-space-padding-layout-landscape-left);
    }
    .cc-tile .cc-badge--right .cc-badge__wrapper {
      padding-right: calc(20px + var(--sar));
    }
    .cc-tile-footer {
      padding-left: var(--cs-space-padding-layout-landscape-left);
      padding-right: var(--cs-space-padding-layout-landscape-left);
    }
  }
  .cc-tile--separator {
    --cc-tile-font-size-heading-primary: 1.3rem;
    --cc-tile-size-image: auto;
    cursor: default;
  }
  .cc-tile--separator .cc-glyph {
    grid-column: -1;
    background: transparent;
    color: var(--cc-tile-color-text-secondary);
    font-size: 1.8rem;
  }
  .cc-tile--separator .cc-glyph--shopping:before {
    content: "\e35a";
    font-family: "cyza-font" !important;
  }
  .cc-tile--separator .cc-glyph--profile:before {
    content: "\e1db";
    font-family: "cyza-font" !important;
  }
  .cc-tile--separator .cc-glyph--dashboard-apps:before {
    content: "\e04f";
    font-family: "cyza-font" !important;
  }
  .cc-tile--separator .cc-tile__label {
    text-transform: uppercase;
  }
  @scope (.cc-summary) to (.cc-tile) {
    .cc-divider--tile {
      --cc-summary-space-padding-inline: 0;
      position: absolute;
      width: auto;
      top: 0;
      left: var(--cc-summary-space-padding-inline);
      right: var(--cc-summary-space-padding-inline);
      background: var(--cc-summary-color-divider-tile);
    }
  }
  .cc-summary.cc-tile {
    --cc-summary-space-padding-inline: var(--cc-tile-space-padding-inline);
  }
  .cc-summary.cc-tile [data-cc-summary] {
    --cc-summary-space-padding-block: var(--cc-tile-space-padding-block);
  }
  .cc-summary.cc-tile [data-cc-details] {
    background-color: var(--cc-summary-color-background-details-tile);
    cursor: default;
  }
  .cc-summary.cc-tile .cc-list--span-x {
    width: auto;
  }
  .cc-summary.cc-tile .cc-list--span-x .cc-item--empty,
  .cc-summary.cc-tile .cc-list--span-x .cc-item--hover {
    padding-left: var(--cc-summary-space-padding-inline);
    padding-right: var(--cc-summary-space-padding-inline);
  }
  .cc-summary.cc-tile .cc-list--span-x,
  .cc-summary.cc-tile .cc-placeholder-wrapper--tiles {
    margin-left: calc(-1 * var(--cc-summary-space-padding-inline));
    margin-right: calc(-1 * var(--cc-summary-space-padding-inline));
  }
  .cc-summary.cc-tile .cc-tile__suboptions {
    padding-left: 35px;
  }
  .cc-summary.cc-tile.cc-tile--scan {
    --cc-tile-size-width-title: calc(100% - 4rem);
  }
  .cc-summary.cc-tile.cc-tile--disabled .cc-button--tile {
    display: none;
  }
  .cc-summary.cc-tile:not(.is-collapsed) [data-cc-details] {
    --cc-summary-space-padding-block: var(--cc-tile-space-padding-block);
  }
  .cc-summary.cc-tile:not(.is-collapsed) .cc-button--tile .cc-button__icon--down {
    transform: rotate(90deg);
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-summary.cc-tile:not(.is-collapsed) [data-cc-details] {
        --cc-summary-space-padding-block: var(--cc-tile-space-padding-block);
      }
    }
  }
}

/*# sourceMappingURL=cc_tile.7e8aa47cdbfc90f3.css.map*/