@charset "UTF-8";
/*
  Seed Color: #0F4C81
*/
/*
  Seed Color: #0F4C81
*/
@layer components {
  .cc-scroll,
  .cc-scroll-dropdown {
    --cc-scroll-color-background-thumb-default: color-mix(in srgb, var(--cs-color-tertiary) 10%, transparent);
    --cc-scroll-color-background-thumb-hover: color-mix(in srgb, var(--cs-color-tertiary) 15%, transparent);
    --cc-scroll-color-background-track: transparent;
    --cc-scroll-color-border-thumb: var(--cs-color-scrim-adaptive-inverse);
    --cc-scroll-shape-thumb: var(--cs-shape-0);
    --cc-scroll-size-width-scrollbar: 8px;
    overflow: auto;
    scrollbar-width: thin;
    overscroll-behavior: contain;
  }
  .cc-scroll.cc-scroll--no-scrollbar,
  .cc-scroll-dropdown.cc-scroll--no-scrollbar {
    scrollbar-width: none;
  }
  .cc-scroll.cc-scroll--no-scrollbar::-webkit-scrollbar,
  .cc-scroll-dropdown.cc-scroll--no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  @media print {
    .cc-scroll,
    .cc-scroll-dropdown {
      overflow: visible;
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-scroll,
      .cc-scroll-dropdown {
        /* New W3C standards, currently Firefox only */
        scrollbar-width: thin;
        scrollbar-color: var(--cc-scroll-color-background-thumb-default) var(--cc-scroll-color-background-track);
        transition-duration: 0.15s;
        /* Total width */
        /* Background of the scrollbar, except button or resizer */
        /* Scrollbar itself */
        /* Set button(top and bottom of the scrollbar) */
      }
      .cc-scroll::-webkit-scrollbar,
      .cc-scroll-dropdown::-webkit-scrollbar {
        background-color: transparent;
        width: var(--cc-scroll-size-width-scrollbar);
      }
      .cc-scroll::-webkit-scrollbar-track,
      .cc-scroll-dropdown::-webkit-scrollbar-track {
        background-color: transparent;
        background-color: var(--cc-scroll-color-background-track);
      }
      .cc-scroll::-webkit-scrollbar-thumb,
      .cc-scroll-dropdown::-webkit-scrollbar-thumb {
        background-color: var(--cc-scroll-color-background-thumb-default);
        border: 1px solid var(--cc-scroll-color-border-thumb);
        border-radius: var(--cc-scroll-shape-thumb);
      }
      .cc-scroll::-webkit-scrollbar-button,
      .cc-scroll-dropdown::-webkit-scrollbar-button {
        display: none;
      }
    }
    @media screen and (min-width: 744px) and (hover: hover) and (pointer: fine) {
      .cc-scroll:hover,
      .cc-scroll-dropdown:hover {
        scrollbar-color: var(--cc-scroll-color-background-thumb-hover) var(--cc-scroll-color-background-track);
        /* Scrollbar itself */
      }
      .cc-scroll:hover::-webkit-scrollbar-thumb,
      .cc-scroll-dropdown:hover::-webkit-scrollbar-thumb {
        background-color: var(--cc-scroll-color-background-thumb-hover);
      }
    }
  }
  @supports not selector(::-webkit-scrollbar) {
    .cc-scroll,
    .cc-scroll-dropdown {
      scrollbar-width: thin;
      scrollbar-color: var(--cc-scroll-color-background-thumb-default) var(--cc-scroll-color-background-track);
    }
  }
}
@layer components {
  .cc-article {
    --cc-article-font-weight-heading: var(--cs-font-weight-display);
    --cc-article-space-gap-row: 2rem;
    width: 100%;
  }
  .cc-article h1 {
    font-size: 2.8rem;
    font-weight: var(--cc-article-font-weight-heading);
    margin-block-start: 5.6rem;
    text-wrap: balance;
  }
  .cc-article h2 {
    font-size: 2.4rem;
    font-weight: var(--cc-article-font-weight-heading);
    margin-block-start: 4.8rem;
    text-wrap: balance;
  }
  .cc-article h3 {
    font-size: 2rem;
    font-weight: var(--cc-article-font-weight-heading);
    margin-block-start: 3.2rem;
    text-wrap: balance;
  }
  .cc-article h4 {
    font-size: 1.8rem;
    font-weight: var(--cc-article-font-weight-heading);
    margin-block-start: 2.4rem;
    text-wrap: balance;
  }
  .cc-article h5 {
    font-size: 1.6rem;
    font-weight: var(--cc-article-font-weight-heading);
    margin-block-start: 1.6rem;
    text-wrap: balance;
  }
  .cc-article h6 {
    font-size: 1.4rem;
    font-weight: var(--cc-article-font-weight-heading);
    margin-block-start: 1.2rem;
    text-wrap: balance;
  }
  .cc-article #toc-title {
    margin-top: initial;
  }
  .cc-article #toc-list {
    padding-inline-start: 0;
    margin-bottom: 4rem;
  }
  .cc-article #toc-list li {
    padding-inline-start: 0;
    list-style-type: none;
  }
  .cc-article p {
    margin-block: 1.6rem;
    text-wrap: pretty;
    line-height: 2.8rem;
  }
  .cc-article ol,
  .cc-article ul {
    display: flex;
    flex-direction: column;
    row-gap: 0.8rem;
    padding-inline-start: 2.4rem;
    margin-block: 1.6rem;
  }
  .cc-article ol p,
  .cc-article ul p {
    margin-block: 0;
  }
  .cc-article ol li,
  .cc-article ul li {
    list-style-position: initial;
    padding-left: 0.6rem;
  }
  .cc-article ol li {
    list-style-type: decimal;
  }
  .cc-article ul li {
    list-style-type: disc;
  }
  .cc-article ul li::marker {
    color: var(--cs-color-secondary-fixed);
  }
  .cc-article blockquote {
    position: relative;
    background: var(--cs-color-secondary-container);
    padding-inline: 2.8rem;
    padding-block: 2.4rem;
    margin-inline: 0;
    border-radius: var(--cs-shape-100);
  }
  .cc-article blockquote > p {
    margin-block: 0;
  }
  .cc-article blockquote > p > strong:first-child {
    display: flex;
    width: 100%;
    padding-block-end: 0.8rem;
    margin-block-end: 1.2rem;
    border-bottom: 1px solid color-mix(in srgb, var(--cs-color-scrim-adaptive) 5%, transparent);
  }
  .cc-article blockquote > p > strong:first-child:before {
    content: "\e15f";
    font-family: "cyza-font" !important;
  }
  .cc-article blockquote > p > strong:first-child::before {
    position: relative;
    margin-inline-end: 0.8rem;
    font-size: 1.8rem;
    line-height: 2.1rem;
  }
  .cc-article table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    margin-block-end: 4rem;
  }
  .cc-article table thead {
    background-color: var(--cs-color-outline-variant);
  }
  .cc-article table th,
  .cc-article table td {
    padding-inline: 1.2rem;
    padding-block: 1.2rem;
    border: 1px solid var(--cs-color-outline);
    vertical-align: top;
    word-break: normal;
  }
  .cc-article table th:first-child,
  .cc-article table td:first-child {
    text-wrap: pretty;
  }
  .cc-article .ci-icon {
    font-size: 1.6rem;
    padding-inline: 0.4rem;
  }
}
@layer components {
  .cc-avatar {
    --cc-avatar-color-background: var(--cs-color-tertiary-container);
    --cc-avatar-color-background-status: var(--cs-color-secondary-fixed);
    --cc-avatar-color-background-status-online: var(--cs-color-primary);
    --cc-avatar-color-background-status-busy: var(--cs-color-warning-fixed);
    --cc-avatar-color-border: var(--cs-color-surface-container-high);
    --cc-avatar-color-icon: var(--cs-color-on-primary);
    --cc-avatar-color-initial: var(--cs-color-on-tertiary-container);
    --cc-avatar-font-size-icon: 1.6rem;
    --cc-avatar-font-weight-initial: var(--cs-font-weight-display);
    --cc-avatar-size-border: 2px;
    --cc-avatar-size: 3.6rem;
    --cc-avatar-shape: var(--cs-shape-circle);
  }
  .cc-avatar-wrapper {
    --cc-avatar-space-negative-overlay: -2.6rem;
    display: flex;
    align-items: center;
    position: relative;
  }
  .cc-avatar-wrapper .cc-button--photo {
    bottom: 2.8rem;
    right: 3.2rem;
  }
  @media screen and (hover: hover) and (pointer: fine) {
    .cc-avatar-wrapper:hover .cc-button--photo {
      display: flex;
      z-index: 110;
    }
  }
  .cc-avatar-wrapper:has(.cc-avatar:nth-of-type(2)) {
    margin-left: -2px;
  }
  .cc-avatar-wrapper:has(.cc-avatar:nth-of-type(2)) .cc-avatar {
    border: var(--cc-avatar-size-border) solid var(--cc-avatar-color-border);
  }
  .cc-avatar-wrapper:has(.cc-avatar:nth-of-type(2)) .cc-avatar:nth-child(1) {
    z-index: 3;
  }
  .cc-avatar-wrapper:has(.cc-avatar:nth-of-type(2)) .cc-avatar:nth-child(2) {
    z-index: 2;
  }
  .cc-avatar-wrapper:has(.cc-avatar:nth-of-type(2)) .cc-avatar:nth-child(3) {
    z-index: 1;
  }
  .cc-avatar-wrapper:has(.cc-avatar:nth-of-type(2)) .cc-avatar:not(:first-of-type) {
    margin-left: var(--cc-avatar-space-negative-overlay);
  }
  .cc-avatar-wrapper:has(.cc-avatar:nth-of-type(2)) .cc-avatar:nth-child(n+4) {
    display: none;
  }
  .cc-avatar .cc-image-wrapper,
  .cc-image-wrapper--avatar {
    border-radius: 50%;
    background-color: var(--cc-avatar-color-background);
    position: absolute;
  }
  .cc-avatar .cc-image-wrapper .cc-image,
  .cc-image-wrapper--avatar .cc-image {
    width: 100%;
    height: 100%;
  }
  .cc-avatar-label {
    display: inline-block;
    min-width: 0;
  }
  .cc-avatar-label > a,
  .cc-avatar-label .text-dots {
    display: block;
  }
  .cc-avatar {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: var(--cc-avatar-size);
    height: var(--cc-avatar-size);
    border-radius: var(--cc-avatar-shape);
    background-color: var(--cc-avatar-color-background);
    flex: 0 0 auto;
  }
  .cc-avatar img {
    display: block;
  }
  .cc-avatar .ci-mail-3p {
    font-size: 1.6rem;
    position: relative;
    color: var(--cc-avatar-color-icon);
  }
  .cc-avatar--link:hover {
    cursor: pointer;
  }
  .cc-avatar__initial {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-weight: var(--cc-avatar-font-weight-initial);
    position: absolute;
    left: 0;
    top: 0;
    color: var(--cc-avatar-color-initial);
    white-space: nowrap;
    --size: var(--cc-avatar-size);
    font-size: calc(var(--size) * 0.45);
  }
  .cc-avatar__icon {
    color: var(--cc-avatar-color-icon);
    font-size: var(--cc-avatar-font-size-icon);
    z-index: 10;
  }
  .cc-avatar--upload:before {
    content: "";
    display: flex;
    width: 88%;
    height: 88%;
    position: absolute;
    left: 6%;
    top: 6%;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.08);
    z-index: 9;
  }
  @media screen and (hover: hover) and (pointer: fine) {
    .cc-avatar--upload.with-image::before,
    .cc-avatar--upload.with-image .cc-avatar__icon {
      display: none;
    }
    .cc-avatar--upload.with-image:hover::before,
    .cc-avatar--upload.with-image:hover .cc-avatar__icon {
      display: flex;
    }
  }
  .cc-avatar--status:before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    background: var(--cc-avatar-color-background-status);
    border-radius: 50%;
    z-index: 1;
  }
  @media print {
    .cc-avatar--status:before {
      display: none;
    }
  }
  .cc-avatar--status.is-online {
    --cc-avatar-color-background-status: var(--cc-avatar-color-background-status-online);
  }
  .cc-avatar--status.is-busy {
    --cc-avatar-color-background-status: var(--cc-avatar-color-background-status-busy);
  }
  .cc-tile__image--status:before {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    background: var(--cc-avatar-color-background-status);
    border-radius: 50%;
    z-index: 1;
  }
  @media print {
    .cc-tile__image--status:before {
      display: none;
    }
  }
  .cc-tile__image--status.is-online {
    --cc-avatar-color-background-status: var(--cc-avatar-color-background-status-online);
  }
  .cc-tile__image--status.is-busy {
    --cc-avatar-color-background-status: var(--cc-avatar-color-background-status-busy);
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px), print {
      .cc-avatar--header {
        --cc-avatar-size: 4.2rem;
        --cc-avatar-space-negative-overlay: -3.2rem;
      }
      .cc-avatar--header .ci-mail-3p {
        font-size: 1.6rem;
      }
    }
  }
  .cc-avatar--xs {
    --cc-avatar-size: 3.2rem;
  }
  .cc-avatar--xs .ci-mail-3p {
    font-size: 1.6rem;
  }
  .cc-avatar--s {
    --cc-avatar-size: 4rem;
  }
  .cc-avatar--s .ci-mail-3p {
    font-size: 1.6rem;
  }
  .cc-avatar--m {
    --cc-avatar-size: 4.8rem;
  }
  .cc-avatar--m .ci-mail-3p {
    font-size: 1.8rem;
  }
  .cc-avatar--l {
    --cc-avatar-font-size-icon: 2.8rem;
    --cc-avatar-size: 7.2rem;
  }
  .cc-avatar--xl {
    --cc-avatar-size: 8.2rem;
  }
  .cc-avatar--xl .ci-mail-3p {
    font-size: 2.8rem;
  }
  .cc-avatar--xxl {
    --cc-avatar-size: 6.4rem;
  }
  .cc-avatar--xxl .ci-mail-3p {
    font-size: 2.4rem;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px), print {
      .cc-avatar--xxl {
        --cc-avatar-size: 9.6rem;
      }
      .cc-avatar--xxl .ci-mail-3p {
        font-size: 3.2rem;
      }
    }
  }
  .cc-avatar--cyza {
    background-repeat: no-repeat;
    background-image: url(../img/favicon.svg);
  }
  .cc-avatar--profile {
    --cc-avatar-size: 8.5rem;
    --cc-avatar-shape: 50%;
    margin-left: 1.6rem;
    margin-right: 20px;
  }
  .cc-avatar--profile:before {
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    background: var(--cc-avatar-color-background-status);
    border-radius: 50%;
    z-index: 1;
  }
  @media print {
    .cc-avatar--profile:before {
      display: none;
    }
  }
  .cc-avatar--profile.is-online {
    --cc-avatar-color-background-status: var(--cc-avatar-color-background-status-online);
  }
  .cc-avatar--profile.is-busy {
    --cc-avatar-color-background-status: var(--cc-avatar-color-background-status-busy);
  }
  .cc-avatar--profile:before {
    top: 4px;
    right: 4px;
  }
  @media screen and (hover: hover) and (pointer: fine) {
    .cc-avatar--profile:hover .cc-button--photo {
      display: flex;
    }
  }
  .cc-avatar-wrapper .cc-avatar--profile {
    z-index: 104;
  }
  .cc-avatar--profile .cc-image-wrapper {
    border-radius: var(--cc-avatar-shape);
  }
  .cc-avatar--outline {
    border: var(--cc-avatar-size-border) solid var(--cc-avatar-color-border);
  }
  .cc-header .cc-avatar:before {
    content: "";
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    background: var(--cc-avatar-color-background-status);
    border-radius: 50%;
    z-index: 1;
  }
  @media print {
    .cc-header .cc-avatar:before {
      display: none;
    }
  }
  .cc-header .cc-avatar.is-online {
    --cc-avatar-color-background-status: var(--cc-avatar-color-background-status-online);
  }
  .cc-header .cc-avatar.is-busy {
    --cc-avatar-color-background-status: var(--cc-avatar-color-background-status-busy);
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-avatar-wrapper .cc-button--photo {
        bottom: 0px;
        right: 8px;
        z-index: 200;
      }
      .cc-avatar--xl {
        --cc-avatar-size: 7.2rem;
      }
      .cc-avatar--xl .ci-mail-3p {
        font-size: 2.4rem;
      }
      .cc-avatar--profile .cc-image-wrapper {
        overflow: visible;
      }
      .cc-avatar--profile img {
        border-radius: 50%;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) and (hover: hover) and (pointer: fine) {
      .cc-avatar-wrapper:hover .cc-button--photo {
        display: flex;
        z-index: 110;
      }
    }
    @media screen and (min-width: 744px), print {
      .cc-avatar--profile {
        --cc-avatar-size: 17rem;
        --cc-avatar-shape: 2px 12px 2px 2px;
        margin-top: auto;
        margin-right: 2.4rem;
        margin-bottom: 20px;
        margin-left: 20px;
      }
      .cc-avatar--profile:before {
        width: 2rem;
        height: 2rem;
        top: 0;
        right: 0;
      }
    }
  }
}
@layer components {
  .cc-divider {
    --cc-divider-color-background: var(--cs-color-outline);
    --cc-divider-color-background-tonal: color-mix(in srgb, var(--cs-color-scrim-adaptive) 20%, transparent);
    --cc-divider-color-background-light: var(--cs-color-outline-variant);
    --cc-divider-color-gradient-left: linear-gradient(to left, var(--cs-color-outline), rgba(255, 255, 255, 0));
    --cc-divider-color-gradient-right: linear-gradient(to right, var(--cs-color-outline), rgba(255, 255, 255, 0));
    --cc-divider-color-gradient-center: linear-gradient(270deg, rgba(234, 240, 245, 0) 0%, var(--cs-color-outline) 50%, var(--cs-color-outline) 50%, rgba(208, 220, 231, 0) 100%);
    --cc-divider-color-text-primary: var(--cs-color-on-surface);
    --cc-divider-color-text-secondary: var(--cs-color-on-surface-variant);
    --cc-divider-font-size-s: 1.1rem;
    --cc-divider-font-size-m: 1.4rem;
    --cc-divider-size-height-h: 1px;
    --cc-divider-size-height-v: 1.8rem;
    --cc-divider-size-width-h: 100%;
    --cc-divider-size-width-v: 1px;
    --cc-divider-space-gap-left: 1.6rem;
    --cc-divider-space-gap-right: 1.6rem;
    --cc-divider-space-gap-top: 1rem;
    --cc-divider-space-gap-bottom: 1rem;
    /* Default value */
    display: flex;
    align-items: center;
    width: 100%;
    flex: 0 1 auto;
  }
  .cc-divider--line-break {
    flex: 0 0 auto;
  }
  .cc-divider--crumb {
    flex: 0 0 auto;
    width: initial;
    font-size: inherit;
    color: inherit;
  }
  .cc-divider--crumb:before {
    content: "/";
    display: block;
  }
  .cc-divider--light {
    height: var(--cc-divider-size-height-h);
    background-color: var(--cc-divider-color-background-light);
    flex: 1 1 auto;
  }
  .cc-divider--line-right {
    color: var(--cc-divider-color-text-primary);
    font-size: var(--cc-divider-font-size-m);
  }
  .cc-divider--line-right:after {
    content: "";
    margin-left: 15px;
    background: var(--cc-divider-color-background);
    width: 100%;
    height: var(--cc-divider-size-height-h);
    display: inline-block;
    flex: 1 1 0;
  }
  .cc-divider--line {
    margin: 0 20px;
    height: var(--cc-divider-size-height-h);
    background-color: var(--cc-divider-color-background);
  }
  .cc-divider--h-center,
  .cc-divider--gradient {
    justify-content: center;
    gap: 1.6rem;
  }
  .cc-divider--h-center:before, .cc-divider--h-center:after,
  .cc-divider--gradient:before,
  .cc-divider--gradient:after {
    content: "";
    flex: 1 1 0;
    height: var(--cc-divider-size-height-h);
    background: var(--cc-divider-color-background);
  }
  .cc-divider--gradient:before {
    background: var(--cc-divider-color-gradient-left);
  }
  .cc-divider--gradient:after {
    background: var(--cc-divider-color-gradient-right);
  }
  .cc-divider--gradient .cc-divider__text {
    text-transform: uppercase;
    font-size: var(--cc-divider-font-size-s);
  }
  .cc-divider--h-center .cc-divider__text {
    text-transform: none;
    font-size: var(--cc-divider-font-size-m);
  }
  .cc-divider--h {
    width: 100%;
    height: var(--cc-divider-size-height-h);
    background: var(--cc-divider-color-background);
  }
  .cc-divider--v,
  .cc-divider--vertical {
    flex: 0 0 auto;
    margin: 0 1rem;
    width: var(--cc-divider-size-width-v);
    background: var(--cc-divider-color-background);
    height: var(--cc-divider-size-height-v);
    align-self: center;
  }
  .cc-divider--tonal {
    background: var(--cc-divider-color-background-tonal);
  }
  .cc-divider--light {
    background-color: var(--cc-divider-color-background-light);
  }
  .cc-divider--accent-left {
    display: block;
    width: 100%;
    height: var(--cc-divider-size-height-h);
    background: var(--cc-divider-color-gradient-right);
  }
  .cc-divider--accent-center {
    display: block;
    width: 100%;
    height: var(--cc-divider-size-height-h);
    background: var(--cc-divider-color-gradient-center);
  }
  .cc-divider--gap-200 {
    --cc-divider-space-gap-top: 1.6rem;
    --cc-divider-space-gap-bottom: 1.6rem;
  }
  .cc-divider--tile,
  .cc-divider--drawer {
    height: 1px;
    margin: 0;
    flex: 0 0 auto;
    background: var(--cc-divider-color-gradient-center);
  }
  .cc-divider--stretch {
    align-self: stretch;
    height: auto;
  }
  .cc-divider--hide-last:last-child {
    display: none;
  }
  .cc-divider--w-auto {
    flex: 1 1 0;
  }
  .cc-divider--action {
    display: flex;
    gap: 1.6rem;
    position: relative;
  }
  .cc-divider--action:before {
    content: "";
    position: relative;
    background: var(--cc-divider-color-background);
    width: 100%;
    height: var(--cc-divider-size-height-h);
    display: inline-block;
    flex: 1 1 0;
  }
  .cc-divider--dot-leader {
    flex: 1 1 0;
    align-self: center;
    border-bottom: 1px dashed var(--cc-divider-color-background);
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px), print {
      .cc-divider--tile {
        background: var(--cc-divider-color-gradient-right);
      }
      .cc-divider--tile.cc-divider--center {
        background: var(--cc-divider-color-gradient-center);
      }
    }
  }
  @media screen and (max-width: 1279px) {
    .cc-divider--action .cc-button--icon {
      margin-top: calc(-1 * var(--cc-button-space-padding-block));
      margin-bottom: calc(-1 * var(--cc-button-space-padding-block));
    }
  }
}
@layer components {
  .cc-drawer {
    --cc-drawer-color-background: var(--cs-color-surface);
    --cc-drawer-color-background-gradient: linear-gradient(90deg, color-mix(in srgb, var(--cs-color-scrim-adaptive-inverse) 10%, transparent) 0%, color-mix(in srgb, var(--cs-scrim-primary) 8%, transparent) 100%);
    --cc-drawer-color-icon: var(--cs-color-on-surface-variant);
    --cc-drawer-color-text: var(--cs-color-on-surface);
    --cc-drawer-color-accent: var(--cs-color-primary);
    --cc-drawer-elevation-shadow: 0 -8px 32px -8px rgba(0, 0, 0, 0.075);
    --cc-drawer-font-weight-tag: 400;
    --cc-drawer-font-weight: var(--cs-font-weight-display);
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--cc-drawer-color-background);
  }
  .cc-drawer .cc-divider--drawer:last-child {
    display: none;
  }
  .cc-drawer__title {
    display: flex;
    flex-wrap: nowrap;
    flex: 0 1 0;
    width: 100%;
    margin-right: auto;
    padding-right: 25px;
    position: relative;
  }
  .cc-drawer__count {
    padding-left: 4px;
    flex: 0 0 auto;
    right: 5px;
  }
  .cc-drawer__tag {
    font-size: 1rem;
    flex: 0 0 auto;
    font-weight: var(--cc-drawer-font-weight-tag);
  }
  .cc-drawer__tag--floating-menu {
    margin-left: 8px;
    max-width: 40%;
  }
  .cc-drawer__button {
    background: transparent;
    border: none;
    text-align: left;
    line-height: 1.9rem;
    padding: 12px 25px;
    cursor: pointer;
    transform: translate3d(0, 0, 0);
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
    column-gap: 1.2rem;
  }
  .cc-drawer__button.is-disabled, .cc-drawer__button:disabled {
    opacity: 0.65;
    pointer-events: none;
  }
  @media screen and (hover: hover) and (pointer: fine) {
    .cc-drawer__button:hover {
      --cc-drawer-color-icon: color-mix(in srgb, var(--cs-color-primary), white 8%);
      --cc-drawer-color-text: color-mix(in srgb, var(--cs-color-primary), white 8%);
    }
  }
  .cc-drawer__button.has-loading-indicator .cc-progress--circular {
    visibility: visible;
    opacity: 1;
    background-color: initial;
    cursor: not-allowed;
    pointer-events: all;
  }
  .cc-drawer__icon, .cc-drawer__label {
    display: inline-block;
  }
  .cc-drawer__icon {
    font-size: 1.8rem;
    line-height: 1;
    display: flex;
    align-items: center;
    position: absolute;
    width: 1.8rem;
    color: var(--cc-drawer-color-icon);
  }
  .cc-drawer__icon.ci-arrow2-3p {
    font-size: 2.2rem;
    padding: 0;
    margin-left: -1px;
  }
  .cc-drawer__icon.ci-conversion-3p {
    font-size: 1.8rem;
  }
  .cc-drawer__label {
    text-transform: uppercase;
    font-weight: var(--cc-drawer-font-weight);
    font-size: 1.2rem;
    padding-left: 3.2rem;
    color: var(--cc-drawer-color-text);
    max-width: 100%;
  }
  .cc-drawer--blue {
    --cc-drawer-color-icon: var(--cc-drawer-color-accent);
    --cc-drawer-color-text: var(--cc-drawer-color-accent);
  }
  .cc-drawer--with-gradient {
    --cc-drawer-color-background: var(--cc-drawer-color-background-gradient);
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-drawer {
        box-shadow: var(--cc-drawer-elevation-shadow);
        padding-bottom: var(--sab);
      }
      .cc-drawer__title {
        flex: 1 1 0;
        min-width: 0;
        padding-right: 10px;
      }
    }
  }
  @media screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    .cc-drawer__button {
      padding-left: calc(25px + var(--cs-space-padding-landscape-left));
      padding-right: calc(25px + var(--cs-space-padding-landscape-right));
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-drawer__count {
        position: absolute;
      }
    }
  }
}
@layer components {
  .cc-button__icon--xxs {
    --cc-button-font-size-icon: 0.9rem;
  }
  .cc-button__icon--xs {
    --cc-button-font-size-icon: 1.2rem;
  }
  .cc-button__icon--xl, .cc-button__icon--add, .cc-button__icon--add-fill {
    --cc-button-font-size-icon: 2.4rem;
  }
  .cc-button__icon--xxl {
    --cc-button-font-size-icon: 3rem;
  }
  .cc-button__icon--up:before, .cc-button__icon--down:before, .cc-button__icon--left:before, .cc-button__icon--right:before, .cc-button__icon--back:before {
    content: "\e47a";
    font-family: "cyza-font" !important;
  }
  .cc-button__icon--right {
    transform: rotate(180deg);
  }
  .cc-button__icon--up {
    transform: rotate(90deg);
  }
  .cc-button__icon--down {
    transform: rotate(-90deg);
  }
  .cc-button__icon--caret {
    transform: rotate(180deg);
  }
  .cc-button__icon--caret:before {
    content: "\e41f";
    font-family: "cyza-font" !important;
  }
  .cc-button__icon--copy:before {
    content: "\e05d";
    font-family: "cyza-font" !important;
  }
  .cc-button__icon--remove:before, .cc-button__icon--close:before {
    content: "\e489";
    font-family: "cyza-font" !important;
  }
  .cc-button__icon--write {
    --cc-button-font-size-icon: 2rem;
  }
  .cc-button__icon--write:before {
    content: "d";
    font-family: "cyza-font" !important;
  }
  .cc-button__icon--edit:before {
    content: "\e23c";
    font-family: "cyza-font" !important;
  }
  .cc-button__icon--menu:before {
    content: "\e44c";
    font-family: "cyza-font" !important;
  }
  .cc-button__icon--delete:before {
    content: "\e19d";
    font-family: "cyza-font" !important;
  }
  .cc-button__icon--add:before {
    content: "\e195";
    font-family: "cyza-font" !important;
  }
  .cc-button__icon--add-fill:before {
    content: "\e196";
    font-family: "cyza-font" !important;
  }
  .cc-button__icon--roll:before {
    content: "*";
    font-family: "cyza-font" !important;
  }
  .cc-button__icon--invite:before {
    content: "\e1d4";
    font-family: "cyza-font" !important;
  }
  .cc-button__icon--search:before {
    content: "\e1e2";
    font-family: "cyza-font" !important;
  }
  .cc-button__icon--export:before {
    content: "\e07e";
    font-family: "cyza-font" !important;
  }
  .cc-button__icon--print:before {
    content: "\e26d";
    font-family: "cyza-font" !important;
  }
  .cc-button__icon--save:before, .cc-button__icon--import:before {
    content: "\e07d";
    font-family: "cyza-font" !important;
  }
  .cc-button__icon--duplicate:before {
    content: "\e035";
    font-family: "cyza-font" !important;
  }
  .cc-button__icon--settings:before {
    content: "\e1e6";
    font-family: "cyza-font" !important;
  }
  .cc-button__icon--cart:before {
    content: "\e47e";
    font-family: "cyza-font" !important;
  }
  .cc-button__icon--cart-cancel:before {
    content: "\e0ce";
    font-family: "cyza-font" !important;
  }
  .cc-button__icon--cart-save:before {
    content: "\e35c";
    font-family: "cyza-font" !important;
  }
  .cc-button__icon--checkout:before {
    content: "\e484";
    font-family: "cyza-font" !important;
  }
  .cc-toolbar--actions .cc-button {
    --cc-button-font-size-icon: 1.8rem;
  }
  .cc-toolbar--actions .cc-button__icon--shop:before, .cc-toolbar--actions .cc-button__icon--add-to-cart:before {
    content: "\e47e";
    font-family: "cyza-font" !important;
  }
  .cc-toolbar--actions .cc-button__icon--edit:before {
    content: "\e23c";
    font-family: "cyza-font" !important;
  }
  .cc-toolbar--actions .cc-button__icon--edit-coll:before {
    content: "\e43f";
    font-family: "cyza-font" !important;
  }
  .cc-toolbar--actions .cc-button__icon--invite:before {
    content: "\e178";
    font-family: "cyza-font" !important;
  }
  .cc-toolbar--actions .cc-button__icon--follow:before {
    content: "}";
    font-family: "cyza-font" !important;
  }
  .cc-toolbar--actions .cc-button__icon--unfollow:before {
    content: "\e443";
    font-family: "cyza-font" !important;
  }
  .cc-toolbar--actions .cc-button__icon--share:before {
    content: "\e509";
    font-family: "cyza-font" !important;
  }
  .cc-toolbar--actions .cc-button__icon--collect:before {
    content: "\e195";
    font-family: "cyza-font" !important;
  }
  .cc-toolbar--actions .cc-button__icon--review:before {
    content: "\e193";
    font-family: "cyza-font" !important;
  }
  .cc-toolbar--actions .cc-button__icon--delete:before {
    content: "\e19d";
    font-family: "cyza-font" !important;
  }
  .cc-toolbar--actions .cc-button__icon--report:before {
    content: "\e3d7";
    font-family: "cyza-font" !important;
  }
  .cc-toolbar--actions .cc-button__icon--inquiry:before, .cc-toolbar--actions .cc-button__icon--inquire:before {
    content: "\e3dc";
    font-family: "cyza-font" !important;
  }
  .cc-toolbar--actions .cc-button__icon--select:before {
    content: "\e0dc";
    font-family: "cyza-font" !important;
  }
  .cc-toolbar--actions .cc-button__icon--repost:before {
    content: "\e035";
    font-family: "cyza-font" !important;
  }
  .cc-button {
    --cc-button-shape-rect: var(--cs-shape-50);
    --cc-button-shape-round: var(--cs-shape-full);
    --cc-button-color-background: transparent;
    --cc-button-color-border: transparent;
    --cc-button-color-icon: var(--cs-color-on-surface-variant);
    --cc-button-color-label: var(--cs-color-on-surface-variant);
    --cc-button-color-background-hover: transparent;
    --cc-button-color-border-hover: transparent;
    --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-primary) 92%, white);
    --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-primary) 92%, white);
    --cc-button-font-size-icon: 1.6rem;
    --cc-button-font-size-label: 1.3rem;
    --cc-button-font-weight: 500;
    --cc-button-size-height-container: auto;
    --cc-button-size-width-container: auto;
    --cc-button-size-border: 0;
    --cc-button-shape-container: 0;
    --cc-button-space-gap: 0.8rem;
    --cc-button-space-padding-inline: initial;
    --cc-button-space-padding-block: initial;
    display: inline-flex;
    place-content: center;
    place-items: center;
    position: relative;
    box-sizing: border-box;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    max-width: 100%;
    background-color: var(--cc-button-color-background);
    border: var(--cc-button-size-border) solid var(--cc-button-color-border);
    border-radius: var(--cc-button-shape-container);
    width: var(--cc-button-size-width-container);
    height: var(--cc-button-size-height-container);
    gap: var(--cc-button-space-gap);
    padding-top: var(--cc-button-space-padding-block);
    padding-bottom: var(--cc-button-space-padding-block);
    padding-left: var(--cc-button-space-padding-inline);
    padding-right: var(--cc-button-space-padding-inline);
  }
  .cc-button.has-loading-indicator {
    cursor: not-allowed;
    pointer-events: all;
    opacity: 1;
  }
  .cc-button:disabled, .cc-button.disabled, .cc-button.is-disabled {
    opacity: 0.65;
    pointer-events: none !important;
  }
  .cc-button div,
  .cc-button span {
    vertical-align: middle;
  }
  .cc-button__icon, .cc-button__label {
    transition-duration: 0.25s;
    transition-property: background-color, color, opacity;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    line-height: 1;
  }
  .cc-button__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    color: var(--cc-button-color-icon);
    font-size: var(--cc-button-font-size-icon);
  }
  .cc-button__icon--circle {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    background-color: var(--cc-button-color-background-icon, color-mix(in srgb, var(--cs-color-primary) 15%, transparent));
  }
  .cc-button__icon--offset-up {
    transform: translateY(-10%);
  }
  .cc-button__icon--offset-down {
    transform: translateY(10%);
  }
  .cc-button__label {
    text-transform: uppercase;
    color: var(--cc-button-color-label);
    font-size: var(--cc-button-font-size-label);
    font-weight: var(--cc-button-font-weight);
    min-width: 0;
  }
  .cc-button__label span {
    display: inline-block;
  }
  @media screen and (hover: hover) and (pointer: fine) {
    .cc-button:not(.cc-button--hover-none):hover, .cc-button:not(.cc-button--hover-none):active {
      background-color: var(--cc-button-color-background-hover);
      border-color: var(--cc-button-color-border-hover);
    }
    .cc-button:not(.cc-button--hover-none):hover .cc-button__icon, .cc-button:not(.cc-button--hover-none):active .cc-button__icon {
      color: var(--cc-button-color-icon-hover);
    }
    .cc-button:not(.cc-button--hover-none):hover .cc-button__icon--circle, .cc-button:not(.cc-button--hover-none):active .cc-button__icon--circle {
      background-color: var(--cc-button-color-background-icon-hover, color-mix(in srgb, var(--cs-color-on-surface-variant) 12%, transparent));
    }
    .cc-button:not(.cc-button--hover-none):hover .cc-button__label, .cc-button:not(.cc-button--hover-none):active .cc-button__label {
      color: var(--cc-button-color-label-hover);
    }
  }
  .cc-button-wrapper {
    display: flex;
  }
  .cc-button-wrapper--h-end {
    justify-content: flex-end;
  }
  a.cc-button {
    text-decoration: none;
  }
  .cc-button--reset {
    --cc-button-font-size-icon: 1.6rem;
    --cc-button-font-size-label: 1.4rem;
    --cc-button-font-weight: normal;
    --cc-button-color-label: inherit;
  }
  .cc-button--reset .cc-button__icon--up, .cc-button--reset .cc-button__icon--down, .cc-button--reset .cc-button__icon--left, .cc-button--reset .cc-button__icon--right {
    --cc-button-font-size-icon: 1rem;
  }
  .cc-button--reset .cc-button__icon--s {
    --cc-button-font-size-icon: 1.4rem;
  }
  .cc-button--reset .cc-button__label {
    text-transform: none;
  }
  .cc-button--tile {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2rem;
  }
  .cc-button--tile.cc-button--remove {
    --cc-button-font-size-icon: 0.8rem;
    --cc-button-space-padding-inline: 0.8rem;
    --cc-button-space-padding-block: 0.8rem;
  }
  .cc-button--notification {
    --cc-button-shape-container: 50%;
    --cc-button-color-background: var(--cs-color-primary);
    --cc-button-color-background-hover: color-mix(in srgb, var(--cs-color-primary), transparent 20%);
    --cc-button-color-border: var(--cs-color-primary);
    --cc-button-color-border-hover: color-mix(in srgb, var(--cs-color-primary) 92%, white);
    --cc-button-size-width-container: 1.5rem;
    --cc-button-size-height-container: 1.5rem;
    --cc-button-size-border: 2px;
    transition-duration: 0.15s;
  }
  .cc-button--notification.is-read {
    --cc-button-color-background: var(--cs-color-surface-container-high);
    --cc-button-color-background-hover: color-mix(in srgb, var(--cs-color-primary) 2%, transparent);
    --cc-button-color-border: color-mix(in srgb, var(--cs-color-primary) 60%, transparent);
    --cc-button-color-border-hover: color-mix(in srgb, var(--cs-color-primary) 92%, white);
  }
  @media screen and (hover: hover) and (pointer: fine) {
    .cc-button--hover {
      opacity: 0;
    }
  }
  .cc-button--xxs {
    --cc-button-font-size-icon: 1.2rem;
    --cc-button-font-size-label: 0.9rem;
  }
  .cc-button--xs,
  .cc-button--s {
    --cc-button-font-size-icon: 1.4rem;
  }
  .cc-button--xs {
    --cc-button-font-size-label: 1.1rem;
  }
  .cc-button--xs .cc-button__icon--up, .cc-button--xs .cc-button__icon--down {
    --cc-button-font-size-icon: 1.2rem;
  }
  .cc-button--s {
    --cc-button-font-size-label: 1.2rem;
  }
  .cc-button--n-top {
    margin-top: calc(-1 * var(--cc-button-space-padding-block));
  }
  .cc-button--n-bottom {
    margin-bottom: calc(-1 * var(--cc-button-space-padding-block));
  }
  .cc-button--n-left {
    margin-left: calc(-1 * var(--cc-button-space-padding-inline));
  }
  .cc-button--n-right {
    margin-right: calc(-1 * var(--cc-button-space-padding-inline));
  }
  .cc-button--ltr {
    justify-content: flex-start;
  }
  .cc-button--rtl {
    justify-content: flex-end;
  }
  .cc-button--capitalize {
    --cc-button-font-weight: 400;
  }
  .cc-button--capitalize .cc-button__label {
    text-transform: initial;
  }
  .cc-button--round {
    --cc-button-size-height-container: auto;
    --cc-button-shape-container: 9999px;
    --cc-button-space-padding-block: 1.2rem;
  }
  .cc-button--icon {
    --cc-button-space-padding-inline: 1.2rem;
    --cc-button-space-padding-block: 1.2rem;
    --cc-button-shape-container: 50%;
    flex: 0 0 auto;
  }
  .cc-button--icon.cc-button--no-size {
    padding: 0;
  }
  .cc-button--icon.cc-button--no-size:before {
    content: ""; /* This pseudo-element takes up space, but doesn't affect the layout */
    position: absolute;
    top: calc(-1 * var(--cc-button-space-padding-block));
    left: calc(-1 * var(--cc-button-space-padding-inline));
    width: calc(2 * var(--cc-button-space-padding-block) + 100%);
    height: calc(2 * var(--cc-button-space-padding-block) + 100%);
  }
  .cc-button--icon.cc-button--primary {
    --cc-button-color-background: transparent;
    --cc-button-color-border: transparent;
    --cc-button-color-icon: var(--cs-color-primary);
    --cc-button-color-label: var(--cs-color-primary);
    --cc-button-color-background-hover: transparent;
    --cc-button-color-border-hover: transparent;
    --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-primary) 92%, white);
    --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-primary) 92%, white);
  }
  .cc-button--icon.is-active {
    --cc-button-color-icon: var(--cs-color-primary);
  }
  .cc-button--icon.is-active .cc-button__icon--search:before {
    content: "\e1de";
    font-family: "cyza-font" !important;
  }
  .cc-button--touch {
    --cc-button-size-height-container: 5rem;
    --cc-button-size-width-container: 5rem;
  }
  .cc-button--toolbar {
    --cc-button-size-height-container: 4.5rem;
    --cc-button-size-width-container: 4.5rem;
    --cc-button-space-padding-inline: 0;
    --cc-button-space-padding-block: 0;
    --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-primary) 92%, white);
    --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-primary) 92%, white);
    --cc-button-font-size-icon: 2rem;
  }
  .cc-button--toolbar .cc-button__icon--map, .cc-button--toolbar .cc-button__icon--pay, .cc-button--toolbar .cc-button__icon--orders, .cc-button--toolbar .cc-button__icon--past, .cc-button--toolbar .cc-button__icon--attending, .cc-button--toolbar .cc-button__icon--folder {
    font-size: 2.2rem;
  }
  .cc-button--toolbar .cc-button__icon--folder:before {
    content: "\e3d4";
    font-family: "cyza-font" !important;
  }
  .cc-button--toolbar .cc-button__icon--map:before {
    content: "\e1d8";
    font-family: "cyza-font" !important;
  }
  .cc-button--toolbar .cc-button__icon--listing:before {
    content: "\e1c7";
    font-family: "cyza-font" !important;
  }
  .cc-button--toolbar .cc-button__icon--grid:before {
    content: "\e112";
    font-family: "cyza-font" !important;
  }
  .cc-button--toolbar .cc-button__icon--grid2:before {
    content: "\e112";
    font-family: "cyza-font" !important;
  }
  .cc-button--toolbar .cc-button__icon--upcoming:before {
    content: "\e1b2";
    font-family: "cyza-font" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: scaleX(-1);
    display: inline-block;
  }
  .cc-button--toolbar .cc-button__icon--past:before {
    content: "\e1b2";
    font-family: "cyza-font" !important;
  }
  .cc-button--toolbar .cc-button__icon--pending:before {
    content: "\e1ad";
    font-family: "cyza-font" !important;
  }
  .cc-button--toolbar .cc-button__icon--draft:before {
    content: "\e1f9";
    font-family: "cyza-font" !important;
  }
  .cc-button--toolbar .cc-button__icon--attending:before {
    content: "\e1e4";
    font-family: "cyza-font" !important;
  }
  .cc-button--toolbar .cc-button__icon--pay:before {
    content: "\e1bb";
    font-family: "cyza-font" !important;
  }
  .cc-button--toolbar .cc-button__icon--orders:before {
    content: "\e1b4";
    font-family: "cyza-font" !important;
  }
  .cc-button--toolbar.is-active.cc-button--icon {
    --cc-button-color-icon: var(--cs-color-primary);
    --cc-button-color-label: var(--cs-color-primary);
  }
  .cc-button--toolbar.is-active .cc-button__icon--folder:before {
    content: "\e492";
    font-family: "cyza-font" !important;
  }
  .cc-button--toolbar.is-active .cc-button__icon--map:before {
    content: "\e1d6";
    font-family: "cyza-font" !important;
  }
  .cc-button--toolbar.is-active .cc-button__icon--listing:before {
    content: "\e1c7";
    font-family: "cyza-font" !important;
  }
  .cc-button--toolbar.is-active .cc-button__icon--grid:before, .cc-button--toolbar.is-active .cc-button__icon--grid2:before {
    content: "\e498";
    font-family: "cyza-font" !important;
  }
  .cc-button--toolbar.is-active .cc-button__icon--upcoming:before {
    content: "\e435";
    font-family: "cyza-font" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: scaleX(-1);
  }
  .cc-button--toolbar.is-active .cc-button__icon--pending:before {
    content: "\e1ac";
    font-family: "cyza-font" !important;
  }
  .cc-button--toolbar.is-active .cc-button__icon--past:before {
    content: "\e435";
    font-family: "cyza-font" !important;
  }
  .cc-button--toolbar.is-active .cc-button__icon--attending:before {
    content: "\e1e5";
    font-family: "cyza-font" !important;
  }
  .cc-button--toolbar.is-active .cc-button__icon--draft:before {
    content: "\e1fa";
    font-family: "cyza-font" !important;
  }
  .cc-button--toolbar.is-active .cc-button__icon--pay:before {
    content: "\e1b8";
    font-family: "cyza-font" !important;
  }
  .cc-button--toolbar.is-active .cc-button__icon--orders:before {
    content: "\e1b5";
    font-family: "cyza-font" !important;
  }
  .cc-button--thin {
    --cc-button-size-width-container: 4rem;
  }
  .cc-button--icon,
  .cc-button--text {
    --cc-button-color-icon: var(--cs-color-primary);
    --cc-button-color-label: var(--cs-color-primary);
    --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-primary) 92%, white);
    --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-primary) 92%, white);
  }
  .cc-button--icon.cc-button--secondary,
  .cc-button--text.cc-button--secondary {
    --cc-button-color-icon: var(--cs-color-on-surface-variant);
    --cc-button-color-label: var(--cs-color-on-surface-variant);
  }
  .cc-button--icon.cc-button--success,
  .cc-button--text.cc-button--success {
    --cc-button-color-icon: var(--cs-color-success-fixed);
    --cc-button-color-label: var(--cs-color-success-fixed);
    --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-success-fixed), black 4%);
    --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-success-fixed), black 4%);
  }
  .cc-button--icon.cc-button--warning,
  .cc-button--text.cc-button--warning {
    --cc-button-color-icon: var(--cs-color-warning-fixed);
    --cc-button-color-label: var(--cs-color-warning-fixed);
    --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-warning-fixed), black 4%);
    --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-warning-fixed), black 4%);
  }
  .cc-button--icon.cc-button--alert,
  .cc-button--text.cc-button--alert {
    --cc-button-color-icon: var(--cs-color-error-fixed);
    --cc-button-color-label: var(--cs-color-error-fixed);
    --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-error-fixed), white 2%);
    --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-error-fixed), white 2%);
  }
  .cc-button--icon.cc-button--remove,
  .cc-button--text.cc-button--remove {
    --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-error-fixed), white 2%);
    --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-error-fixed), white 2%);
  }
  .cc-button--text.cc-button--primary {
    --cc-button-color-background-icon-hover: color-mix(in srgb, var(--cs-color-primary) 18%, transparent);
  }
  .cc-button--text.cc-button--success {
    --cc-button-color-background-icon: color-mix(in srgb, var(--cs-color-success-fixed), transparent 84%);
    --cc-button-color-background-icon-hover: color-mix(in srgb, var(--cs-color-success-fixed), transparent 80%);
  }
  .cc-button--text.cc-button--warning {
    --cc-button-color-background-icon: color-mix(in srgb, var(--cs-color-warning-fixed), transparent 84%);
    --cc-button-color-background-icon-hover: color-mix(in srgb, var(--cs-color-warning-fixed), transparent 80%);
  }
  .cc-button--text.cc-button--alert {
    --cc-button-color-background-icon: color-mix(in srgb, var(--cs-color-error-fixed), transparent 84%);
    --cc-button-color-background-icon-hover: color-mix(in srgb, var(--cs-color-error-fixed), transparent 80%);
  }
  .cc-button--fill {
    --cc-button-color-background: var(--cs-color-primary-fixed);
    --cc-button-color-border: var(--cs-color-primary-fixed);
    --cc-button-color-icon: var(--cs-color-on-primary-fixed);
    --cc-button-color-label: var(--cs-color-on-primary-fixed);
    --cc-button-color-background-hover: color-mix(in srgb, var(--cs-color-primary-fixed) 98%, white);
    --cc-button-color-border-hover: color-mix(in srgb, var(--cs-color-primary-fixed) 98%, white);
    --cc-button-color-icon-hover: var(--cs-color-on-primary-fixed);
    --cc-button-color-label-hover: var(--cs-color-on-primary-fixed);
    --cc-button-size-border: 1px;
  }
  .cc-button--fill.cc-button--secondary {
    --cc-button-color-background: var(--cs-color-surface-container-high);
    --cc-button-color-border: var(--cc-button-color-background);
    --cc-button-color-icon: var(--cs-color-primary);
    --cc-button-color-label: var(--cs-color-primary);
    --cc-button-color-background-hover: color-mix(
      in srgb,
      var(--cs-color-surface-container-high) 92%,
      var(--cs-color-scrim-adaptive)
    );
    --cc-button-color-border-hover: var(--cc-button-color-background-hover);
    --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-primary) 92%, white);
    --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-primary) 92%, white);
  }
  .cc-button--fill.cc-button--success {
    --cc-button-color-background: var(--cs-color-success);
    --cc-button-color-border: var(--cs-color-success);
    --cc-button-color-icon: var(--cs-color-on-success);
    --cc-button-color-label: var(--cs-color-on-success);
    --cc-button-color-background-hover: color-mix(in srgb, var(--cs-color-success), black 4%);
    --cc-button-color-border-hover: var(--cs-color-success);
    --cc-button-color-icon-hover: var(--cs-color-on-success-fixed);
    --cc-button-color-label-hover: var(--cs-color-on-success-fixed);
    --cc-button-size-border: 1px;
  }
  .cc-button--fill.cc-button--warning {
    --cc-button-color-background: var(--cs-color-warning);
    --cc-button-color-border: var(--cs-color-warning);
    --cc-button-color-icon: var(--cs-color-on-warning);
    --cc-button-color-label: var(--cs-color-on-warning);
    --cc-button-color-background-hover: color-mix(in srgb, var(--cs-color-warning), black 4%);
    --cc-button-color-border-hover: color-mix(in srgb, var(--cs-color-warning), black 4%);
    --cc-button-color-icon-hover: var(--cs-color-on-warning);
    --cc-button-color-label-hover: var(--cs-color-on-warning);
    --cc-button-size-border: 1px;
  }
  .cc-button--fill.cc-button--alert {
    --cc-button-color-background: var(--cs-color-error);
    --cc-button-color-border: var(--cs-color-error-fixed);
    --cc-button-color-icon: var(--cs-color-on-error-fixed);
    --cc-button-color-label: var(--cs-color-on-error-fixed);
    --cc-button-color-background-hover: color-mix(in srgb, var(--cs-color-error), white 2%);
    --cc-button-color-border-hover: color-mix(in srgb, var(--cs-color-error), white 2%);
    --cc-button-color-icon-hover: var(--cs-color-on-error-fixed);
    --cc-button-color-label-hover: var(--cs-color-on-error-fixed);
    --cc-button-size-border: 1px;
  }
  .cc-button--outline {
    --cc-button-color-background: transparent;
    --cc-button-color-border: var(--cs-color-primary-fixed);
    --cc-button-color-icon: var(--cs-color-primary);
    --cc-button-color-label: var(--cs-color-primary);
    --cc-button-color-background-hover: color-mix(
      in srgb,
      var(--cc-button-color-background) 98%,
      var(--cs-color-scrim-adaptive)
    );
    --cc-button-color-border-hover: color-mix(in srgb, var(--cs-color-primary-fixed) 98%, white);
    --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-primary) 92%, white);
    --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-primary) 92%, white);
    --cc-button-size-border: 1px;
  }
  .cc-button--outline.cc-button--border-top {
    border-width: var(--cc-button-size-border) 0 0 0;
  }
  .cc-button--outline.cc-button--white {
    --cc-button-color-background: transparent;
    --cc-button-color-border: var(--cs-color-on-primary);
    --cc-button-color-icon: var(--cs-color-on-primary);
    --cc-button-color-label: var(--cs-color-on-primary);
    --cc-button-color-border-hover: var(--cs-color-on-primary);
    --cc-button-color-icon-hover: var(--cs-color-on-primary);
    --cc-button-color-label-hover: var(--cs-color-on-primary);
  }
  .cc-button--outline.cc-button--success {
    --cc-button-color-border: var(--cs-color-success);
    --cc-button-color-icon: var(--cs-color-success-fixed);
    --cc-button-color-label: var(--cs-color-success-fixed);
    --cc-button-color-border-hover: var(--cs-color-success);
    --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-success-fixed), black 4%);
    --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-success-fixed), black 4%);
    --cc-button-size-border: 1px;
  }
  .cc-button--outline.cc-button--warning {
    --cc-button-color-border: var(--cs-color-warning);
    --cc-button-color-icon: var(--cs-color-warning-fixed);
    --cc-button-color-label: var(--cs-color-warning-fixed);
    --cc-button-color-border-hover: color-mix(in srgb, var(--cs-color-warning), black 4%);
    --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-warning-fixed), black 4%);
    --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-warning-fixed), black 4%);
    --cc-button-size-border: 1px;
  }
  .cc-button--outline.cc-button--alert {
    --cc-button-color-border: var(--cs-color-error-fixed);
    --cc-button-color-icon: var(--cs-color-error-fixed);
    --cc-button-color-label: var(--cs-color-error-fixed);
    --cc-button-color-border-hover: color-mix(in srgb, var(--cs-color-error), white 2%);
    --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-error-fixed), white 8%);
    --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-error-fixed), white 8%);
    --cc-button-size-border: 1px;
  }
  .cc-button--tonal {
    --cc-button-color-background: color-mix(in srgb, var(--cs-color-surface) 96%, var(--cs-color-scrim-adaptive));
    --cc-button-color-border: var(--cc-button-color-background);
    --cc-button-color-icon: var(--cs-color-primary);
    --cc-button-color-label: var(--cs-color-primary);
    --cc-button-color-background-hover: color-mix(in srgb, var(--cs-color-surface) 94%, var(--cs-color-scrim-adaptive));
    --cc-button-color-border-hover: var(--cc-button-color-background-hover);
    --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-primary) 92%, white);
    --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-primary) 92%, white);
  }
  .cc-button--tonal.cc-button--secondary {
    --cc-button-color-icon: var(--cs-color-on-surface-variant);
    --cc-button-color-label: var(--cs-color-on-surface-variant);
    --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-on-surface-variant) 92%, transparent);
    --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-on-surface) 92%, transparent);
  }
  .cc-button--tonal.cc-button--success {
    --cc-button-color-background: color-mix(in srgb, var(--cs-color-success-fixed), transparent 90%);
    --cc-button-color-icon: var(--cs-color-success-fixed);
    --cc-button-color-label: var(--cs-color-success-fixed);
    --cc-button-color-background-hover: color-mix(in srgb, var(--cs-color-success-fixed), transparent 92%);
    --cc-button-color-icon-hover: ;
    --cc-button-color-label-hover: ;
  }
  .cc-button--tonal.cc-button--warning {
    --cc-button-color-background: color-mix(in srgb, var(--cs-color-warning-fixed), transparent 90%);
    --cc-button-color-icon: var(--cs-color-warning-fixed);
    --cc-button-color-label: var(--cs-color-warning-fixed);
    --cc-button-color-background-hover: color-mix(in srgb, var(--cs-color-warning-fixed), transparent 92%);
    --cc-button-color-icon-hover: ;
    --cc-button-color-label-hover: ;
  }
  .cc-button--tonal.cc-button--alert {
    --cc-button-color-background: color-mix(in srgb, var(--cs-color-error-fixed), transparent 90%);
    --cc-button-color-icon: var(--cs-color-error-fixed);
    --cc-button-color-label: var(--cs-color-error-fixed);
    --cc-button-color-background-hover: color-mix(in srgb, var(--cs-color-error-fixed), transparent 92%);
    --cc-button-color-icon-hover: ;
    --cc-button-color-label-hover: ;
  }
  .cc-button--fixed {
    --cc-button-size-width-container: 100%;
    --cc-button-size-height-container: 5rem;
    --cc-button-space-padding-inline: 1.6rem;
    --cc-button-shape-container: 0;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px), print {
      .cc-button--fixed {
        --cc-button-size-height-container: 4.4rem;
      }
    }
  }
  .cc-button--rect,
  .cc-button--round {
    --cc-button-space-padding-inline: 1.6rem;
    min-width: min-content;
    max-width: 100%;
  }
  .cc-button--rect {
    --cc-button-size-height-container: 3.8rem;
    --cc-button-shape-container: 4px;
  }
  .cc-button--rect.cc-button--xs {
    --cc-button-size-height-container: 3rem;
  }
  .cc-button--rect.cc-button--s {
    --cc-button-size-height-container: 3.2rem;
  }
  .cc-button--w-s {
    --cc-button-size-width-container: 120px;
  }
  .cc-button--w-m {
    --cc-button-size-width-container: 165px;
  }
  .cc-button--w-auto {
    --cc-button-size-width-container: auto;
  }
  .cc-button--span {
    --cc-button-size-width-container: 100%;
  }
  .cc-button--white {
    --cc-button-color-icon: var(--cs-color-on-primary);
    --cc-button-color-label: var(--cs-color-on-primary);
    --cc-button-color-icon-hover: var(--cs-color-on-primary);
    --cc-button-color-label-hover: var(--cs-color-on-primary);
  }
  .cc-button--close-preview {
    display: none;
  }
  .cc-button--read-more {
    --cc-button-font-size-icon: 1rem;
    --cc-button-font-size-label: inherit;
    --cc-button-font-weight: 500;
  }
  .cc-button--oauth {
    --cc-button-size-height-container: 4.8rem;
    --cc-button-space-padding-inline: 1.2rem;
    --cc-button-font-size-label: 1.4rem;
    --cc-button-space-gap: 1.2rem;
  }
  .cc-button--oauth .cc-button__label {
    text-transform: none;
  }
  .cc-button--oauth svg {
    width: 2.4rem;
    height: 2.4rem;
  }
  .cc-button--create {
    --cc-button-size-height-container: 4.8rem;
    border-style: dashed;
  }
  .cc-button--copy {
    --cc-button-font-size-icon: 1.3rem;
    --cc-button-font-size-label: 1.2rem;
    flex: 0 0 auto;
  }
  .cc-button--copy.cc-button--success {
    pointer-events: none;
  }
  .cc-button--preview {
    --cc-button-color-icon: var(--cs-color-on-primary);
    --cc-button-color-icon-hover: var(--cs-color-on-primary);
    --cc-button-font-size-icon: 1rem;
  }
  .cc-button--preview .cc-button__icon {
    position: relative;
    background: var(--cs-color-primary);
    width: 20px;
    height: 20px;
    border-radius: 50%;
  }
  .cc-button--preview .cc-button__icon:before {
    margin-left: 2px;
  }
  .cc-button--header.cc-button--text,
  .cc-button--header {
    --cc-button-font-size-icon: 2.4rem;
    --cc-button-color-background: transparent;
    --cc-button-color-icon: var(--cs-color-on-surface-variant);
    --cc-button-color-label: var(--cs-color-on-surface-variant);
    --cc-button-shape-container: 9999px;
  }
  @media print {
    .cc-button--header.cc-button--text,
    .cc-button--header {
      display: none;
    }
  }
  .cc-button--header.cc-button--text .cc-button__icon--join, .cc-button--header.cc-button--text .cc-button__icon--login,
  .cc-button--header .cc-button__icon--join,
  .cc-button--header .cc-button__icon--login {
    --cc-button-font-size-icon: 2.2rem;
  }
  .cc-button--header.cc-button--text .cc-button__icon--search:before,
  .cc-button--header .cc-button__icon--search:before {
    content: "\e1e2";
    font-family: "cyza-font" !important;
  }
  .cc-button--header.cc-button--text .cc-button__icon--home:before,
  .cc-button--header .cc-button__icon--home:before {
    content: "\e1d0";
    font-family: "cyza-font" !important;
  }
  .cc-button--header.cc-button--text .cc-button__icon--discover:before,
  .cc-button--header .cc-button__icon--discover:before {
    content: "\e1d0";
    font-family: "cyza-font" !important;
  }
  .cc-button--header.cc-button--text .cc-button__icon--invite:before,
  .cc-button--header .cc-button__icon--invite:before {
    content: "\e1d3";
    font-family: "cyza-font" !important;
  }
  .cc-button--header.cc-button--text .cc-button__icon--notifications:before,
  .cc-button--header .cc-button__icon--notifications:before {
    content: "\e19a";
    font-family: "cyza-font" !important;
  }
  .cc-button--header.cc-button--text .cc-button__icon--cart:before,
  .cc-button--header .cc-button__icon--cart:before {
    content: "\e1a6";
    font-family: "cyza-font" !important;
  }
  .cc-button--header.cc-button--text .cc-button__icon--apps:before,
  .cc-button--header .cc-button__icon--apps:before {
    content: "\e1c7";
    font-family: "cyza-font" !important;
  }
  .cc-button--header.cc-button--text.is-active,
  .cc-button--header.is-active {
    --cc-button-color-icon: var(--cs-color-primary);
  }
  .cc-button--header.cc-button--text.is-active .cc-button__icon--home:before,
  .cc-button--header.is-active .cc-button__icon--home:before {
    content: "\e1cd";
    font-family: "cyza-font" !important;
  }
  .cc-button--header.cc-button--text.is-active .cc-button__icon--discover:before,
  .cc-button--header.is-active .cc-button__icon--discover:before {
    content: "\e1cd";
    font-family: "cyza-font" !important;
  }
  .cc-button--header.cc-button--text.is-active .cc-button__icon--invite:before,
  .cc-button--header.is-active .cc-button__icon--invite:before {
    content: "\e1d4";
    font-family: "cyza-font" !important;
  }
  .cc-button--header.cc-button--text.is-active .cc-button__icon--notifications:before,
  .cc-button--header.is-active .cc-button__icon--notifications:before {
    content: "\e197";
    font-family: "cyza-font" !important;
  }
  .cc-button--header.cc-button--text.is-active .cc-button__icon--cart:before,
  .cc-button--header.is-active .cc-button__icon--cart:before {
    content: "\e1a4";
    font-family: "cyza-font" !important;
  }
  .cc-button--header.cc-button--text.is-active .cc-button__icon--apps:before,
  .cc-button--header.is-active .cc-button__icon--apps:before {
    content: "\e1c5";
    font-family: "cyza-font" !important;
  }
  .cc-button--photo {
    --cc-button-color-background: color-mix(in srgb, var(--cs-color-primary-fixed), transparent 20%);
    --cc-button-color-background-hover: color-mix(in srgb, var(--cs-color-primary-fixed), transparent 5%);
    --cc-button-color-icon: var(--cs-color-on-primary-fixed);
    --cc-button-color-icon-hover: var(--cs-color-on-primary-fixed);
    position: absolute;
    z-index: 1;
  }
  @media screen and (hover: hover) and (pointer: fine) {
    .cc-button--photo {
      display: none;
    }
  }
  .cc-button--v {
    flex-direction: column;
  }
  .cc-field--select.is-invalid .cc-button--select,
  .cc-button--select.is-invalid {
    --cc-button-color-icon: var(--cs-color-error-fixed);
    --cc-button-color-label: var(--cs-color-error-fixed);
    --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-error-fixed), white 2%);
    --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-error-fixed), white 2%);
  }
  .cc-button--select .cc-button__icon--add {
    --cc-button-font-size-icon: 2.2rem;
  }
  .cc-button--select .cc-button__icon--edit {
    --cc-button-font-size-icon: 1.6rem;
  }
  .cz-page--messages .cc-button--select,
  .cc-message .cc-button--select {
    flex-direction: row-reverse;
  }
  .cc-button--hover-none,
  .cc-button--hover-none:not(:disabled) {
    cursor: default;
  }
  .cc-button--search-area {
    --cc-button-color-background: var(--cs-color-surface-container-high);
    --cc-button-color-background-hover: var(--cs-color-surface-container-high);
    --cc-button-color-icon: var(--cs-color-on-surface-variant);
    --cc-button-color-icon-hover: var(--cs-color-on-surface-variant);
    --cc-button-color-label: var(--cs-color-on-surface-variant);
    --cc-button-color-label-hover: var(--cs-color-on-surface-variant);
    --cc-button-size-border: 0;
    --cc-button-font-size-icon: 1.6rem;
    box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
    top: calc(20px + var(--sat)) !important;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-button--fixed-mobile {
        --cc-button-size-width-container: 100%;
        --cc-button-size-height-container: 5rem;
        --cc-button-space-padding-inline: 1.6rem;
        --cc-button-shape-container: 0;
      }
      .cc-button--fixed-mobile.cc-button--primary {
        --cc-button-color-background: var(--cs-color-primary-fixed);
        --cc-button-color-border: var(--cs-color-primary-fixed);
        --cc-button-color-icon: var(--cs-color-on-primary-fixed);
        --cc-button-color-label: var(--cs-color-on-primary-fixed);
        --cc-button-color-background-hover: color-mix(in srgb, var(--cs-color-primary-fixed) 98%, white);
        --cc-button-color-border-hover: color-mix(in srgb, var(--cs-color-primary-fixed) 98%, white);
        --cc-button-color-icon-hover: var(--cs-color-on-primary-fixed);
        --cc-button-color-label-hover: var(--cs-color-on-primary-fixed);
        --cc-button-size-border: 1px;
      }
      .cc-button--fixed-mobile.cc-button--secondary {
        --cc-button-color-background: var(--cs-color-surface-container-high);
        --cc-button-color-border: var(--cs-color-primary-fixed);
        --cc-button-color-icon: var(--cs-color-primary);
        --cc-button-color-label: var(--cs-color-primary);
        --cc-button-color-background-hover: color-mix(in srgb, var(--cs-color-surface-container-high) 92%, var(--cs-color-scrim-adaptive));
        --cc-button-color-border-hover: var(--cs-color-primary-fixed);
        --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-primary) 92%, white);
        --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-primary) 92%, white);
        --cc-button-size-border: 1px;
      }
      .cc-button--touch-mobile {
        --cc-button-size-width-container: 5rem;
        --cc-button-size-height-container: 5rem;
        --cc-button-space-padding-inline: 0;
        --cc-button-shape-container: 0;
      }
      .cc-button--span-mobile {
        --cc-button-size-width-container: 100%;
      }
      .cc-button--s-v {
        flex-direction: column;
      }
      .cc-button--header {
        --cc-button-font-size-icon: 2.2rem;
      }
      .cc-button--header.cc-button--touch {
        --cc-button-size-width-container: 4.2rem;
        --cc-button-size-height-container: 4.2rem;
      }
      .cc-button--photo {
        --cc-button-space-padding-inline: 1rem;
        --cc-button-space-padding-block: 1rem;
        --cc-button-font-size-icon: 1.6rem;
      }
      .cc-button--checkout {
        --cc-button-size-height-container: 5rem;
        --cc-button-space-gap: 0.4rem;
        --cc-button-font-size-icon: 2rem;
        --cc-button-font-size-label: 1rem;
      }
    }
  }
  @media screen and (max-width: 359px) {
    .cc-button--touch {
      --cc-button-size-width-container: 4rem;
      --cc-button-size-height-container: 4rem;
    }
    .cc-button--header {
      --cc-button-font-size-icon: 2.2rem;
    }
    .cc-button--header.cc-button--touch {
      --cc-button-size-width-container: initial;
      --cc-button-size-height-container: initial;
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px), print {
      .cc-button--text {
        --cc-button-color-icon: var(--cs-color-primary);
        --cc-button-color-label: var(--cs-color-primary);
        --cc-button-color-border-hover: transparent;
        --cc-button-color-background-hover: transparent;
        --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-primary) 92%, white);
        --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-primary) 92%, white);
        --cc-button-size-width-container: initial;
        --cc-button-size-height-container: initial;
        --cc-button-space-padding-inline: initial;
        border: none;
        background-color: transparent;
      }
    }
    @media screen and (min-width: 744px) and (hover: hover) and (pointer: fine) {
      .cc-button--text:not(.cc-button--hover-none):hover, .cc-button--text:not(.cc-button--hover-none):active {
        background-color: var(--cc-button-color-background-hover);
        border-color: var(--cc-button-color-border-hover);
      }
      .cc-button--text:not(.cc-button--hover-none):hover .cc-button__icon, .cc-button--text:not(.cc-button--hover-none):active .cc-button__icon {
        color: var(--cc-button-color-icon-hover);
      }
      .cc-button--text:not(.cc-button--hover-none):hover .cc-button__label, .cc-button--text:not(.cc-button--hover-none):active .cc-button__label {
        color: var(--cc-button-color-label-hover);
      }
    }
    @media screen and (min-width: 744px), print {
      .cc-button--text.cc-button--secondary {
        --cc-button-color-icon: var(--cs-color-on-surface-variant);
        --cc-button-color-label: var(--cs-color-on-surface-variant);
        --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-primary) 92%, white);
        --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-primary) 92%, white);
      }
      .cc-button--text.cc-button--success {
        --cc-button-color-icon: var(--cs-color-success-fixed);
        --cc-button-color-label: var(--cs-color-success-fixed);
        --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-success-fixed), black 4%);
        --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-success-fixed), black 4%);
      }
      .cc-button--text.cc-button--warning {
        --cc-button-color-icon: var(--cs-color-warning-fixed);
        --cc-button-color-label: var(--cs-color-warning-fixed);
        --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-warning-fixed), black 4%);
        --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-warning-fixed), black 4%);
      }
      .cc-button--text.cc-button--alert {
        --cc-button-color-icon: var(--cs-color-error-fixed);
        --cc-button-color-label: var(--cs-color-error-fixed);
        --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-error-fixed), white 2%);
        --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-error-fixed), white 2%);
      }
      .cc-button--text.cc-button--remove {
        --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-error-fixed), white 2%);
        --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-error-fixed), white 2%);
      }
      .cc-button--checkout {
        --cc-button-font-size-icon: 2.2rem;
      }
    }
  }
}
@layer components {
  .cc-section {
    --cc-section-color-background: var(--cs-color-surface);
    --cc-section-color-background-hover: color-mix(in srgb, var(--cs-color-surface), var(--cs-color-scrim-adaptive) 2%);
    --cc-section-color-background-active: var(--cs-color-primary-container);
    --cc-section-color-background-form: var(--cs-color-background);
    --cc-section-color-background-sub: var(--cs-color-background);
    --cc-section-color-divider: var(--cs-color-outline);
    --cc-section-color-text-primary: var(--cs-color-on-surface);
    --cc-section-color-text-secondary: var(--cs-color-on-surface-variant);
    --cc-section-elevation-shadow: var(--cs-elevation-shadow-8);
    --cc-section-space-padding-block: 2.4rem;
    --cc-section-space-padding-inline: 2.4rem;
    display: flex;
    flex-direction: column;
    position: relative;
  }
  @media screen and (min-width: 1025px) {
    .cc-section {
      --cc-section-space-padding-inline: 2.8rem;
      --cc-section-space-padding-block: 2.8rem;
    }
  }
  .cc-section__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
  }
  .cc-section__header.cc-toolbar {
    margin-bottom: 10px;
  }
  .cc-section__title {
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    flex: 1 1 0;
    width: 100%;
    margin-bottom: 0;
    color: var(--cc-section-color-text-secondary);
  }
  .cc-section__title::after {
    content: "";
    margin-left: 15px;
    background: var(--cc-section-color-divider);
    width: 100%;
    height: 1px;
    display: inline-block;
    flex: 1 1 0;
  }
  .cc-section--elevated {
    padding-block: var(--cc-section-space-padding-block);
    padding-inline: var(--cc-section-space-padding-inline);
    background: var(--cc-section-color-background);
    box-shadow: var(--cs-elevation-shadow-2);
  }
  @media print {
    .cc-section--elevated {
      padding-bottom: var(--cc-section-space-padding-block);
    }
  }
  .cc-section--embed-options {
    width: 100%;
    max-width: 400px;
  }
  .cc-section--reviews .cc-section__header .cc-rating {
    padding-right: 0.8rem;
    flex: 0 0 auto;
  }
  .cc-section--reviews .cc-section__header .cc-toolbar__section:first-of-type {
    max-width: calc(100% - 67px);
    margin-right: initial;
  }
  .cc-section--reviews .cc-section__header .cc-toolbar__section:first-of-type .cc-section__title {
    max-width: calc(100% - 85px);
  }
  .cc-section--reviews .cc-section__header .cc-expand {
    margin: 0;
    min-height: initial;
  }
  .cc-section--reviews .cc-section__header .cc-expand .mdc-text-field__input {
    min-height: initial;
    padding-top: 5px;
  }
  .cc-section--reviews .cc-section__title:after {
    margin-right: 15px;
  }
  .cc-section--hours {
    break-inside: avoid;
  }
  .cc-section--hours .cc-section__header {
    margin-bottom: 15px;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-section--hours {
        padding-bottom: 40px;
        height: 100%;
      }
      .cc-section--contacts {
        padding-top: 15px;
      }
      .cc-section--reviews {
        padding-bottom: 0;
      }
      .cc-section--reviews > .cc-scroll {
        overflow: visible;
        padding-right: 0;
        margin-inline: calc(-1 * var(--cc-section-space-padding-inline));
      }
      .cc-section--reviews > .cc-tip {
        margin-inline: calc(-1 * var(--cc-section-space-padding-inline));
        width: auto;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-section--elevated {
        box-shadow: var(--cs-elevation-shadow-6);
      }
      .cc-section--reviews > .cc-scroll {
        min-width: 0;
        height: 100%;
        margin-inline: calc(-1 * var(--cc-section-space-padding-inline));
      }
    }
  }
}
@layer components {
  .cc-block {
    --cc-block-color-background: var(--cs-color-surface-container-high);
    --cc-block-color-background-active: var(--cs-color-primary-container);
    --cc-block-color-border: var(--cs-color-outline-variant);
    --cc-block-elevation-shadow: var(--cs-elevation-shadow-2);
    --cc-block-shape: var(--cs-shape-50);
    --cc-block-space-padding-inline: 2.4rem;
    --cc-block-space-padding-block: 2.4rem;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    position: relative;
    padding: var(--cc-block-space-padding-block) var(--cc-block-space-padding-inline);
    background-color: var(--cc-block-color-background);
    border-radius: var(--cc-block-shape);
    break-inside: avoid;
    align-items: flex-start;
  }
  .cc-block.is-invalid {
    border-color: var(--cs-color-error-fixed);
  }
  .cc-block.is-active {
    --cc-block-color-background: var(--cc-block-color-background-active);
  }
  .cc-block.w-600 {
    max-width: 600px;
  }
  .cc-block .cc-footer {
    --cc-footer-space-gap-inline: 2.4rem;
  }
  .cc-block .cc-footer__content {
    justify-content: flex-end;
  }
  .cc-block--full-height {
    height: 100%;
  }
  .cc-block--s {
    --cc-block-space-padding-inline: 2rem;
    --cc-block-space-padding-block: 1.6rem;
  }
  .cc-block--with-shadow {
    box-shadow: var(--cc-block-elevation-shadow);
  }
  .cc-block--with-border-bottom {
    margin-bottom: 1px;
    border-bottom: 1px solid var(--cc-block-color-border);
  }
  .cc-block--outline {
    border: 1px solid var(--cc-block-color-border);
    width: 100%;
  }
  .cc-block--outline .cc-divider--line-right {
    flex: 1 1 0;
  }
  .cc-block--with-button > .cc-item:not(:only-child) {
    margin-bottom: 1.6rem;
  }
  .cc-block--tonal {
    --cc-block-color-background: var(--cs-color-surface-bright);
    --cc-block-space-padding-inline: 2rem;
    --cc-block-space-padding-block: 2rem;
    overflow: hidden;
  }
  .cc-block--clear {
    --cc-block-color-background: transparent;
    --cc-block-space-padding-inline: 0;
    --cc-block-space-padding-block: 0;
    border: none;
    width: 100%;
  }
  .cc-block--h-center {
    align-items: center;
  }
  .cc-block--discount .cc-item--sub {
    padding-left: 2.2rem;
  }
  .cc-block--expanded {
    min-height: 407px;
  }
  .cc-block--form {
    width: 100%;
    position: relative;
    display: block;
    border-radius: var(--cc-block-shape);
  }
  .cc-block--form .cz-notice {
    width: auto;
  }
  .cc-block--form .cc-field__input--inline, .cc-block--form .cc-field__heading--inline {
    width: 70%;
    min-width: 70%;
  }
  .cc-block--form .cc-field__input .cc-select-servicetype {
    width: 100%;
    min-width: 100%;
  }
  .cc-block--form .cc-field__input--bill-amount {
    padding-top: 30px;
  }
  .cc-block--form .cc-field__input--bill-hours, .cc-block--form .cc-field__input--bill-minutes, .cc-block--form .cc-field__input--bill-quantity {
    max-width: 100px;
  }
  .cc-block--form .cc-footer--form {
    margin-top: 30px;
  }
  .cc-block--form .cc-footer--form .cc-footer__content {
    justify-content: flex-end;
  }
  .cc-block--form .cc-slide .cz-form--slide {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .cc-tile > .cc-block--form {
    --cc-block-space-padding-inline: var(--cc-tile-space-padding-inline);
    --cc-block-space-padding-block: var(--cc-tile-space-padding-block);
    border: none;
  }
  .cc-block--order {
    gap: 2rem;
  }
  .cc-block--order .cc-divider--action,
  .cc-block--order .cc-field--create-item {
    display: none;
  }
  .cc-block--order .cc-field--create-item.has-form {
    display: flex;
  }
  .cc-block--order.cc-block--edit .cc-divider--action,
  .cc-block--order.cc-block--edit .cc-field--create-item {
    display: flex;
  }
  .cc-block--order.cc-block--edit:has(.cc-divider--action) .cc-list-wrapper--table > .cc-divider--h {
    display: none;
  }
  .cc-block--order .cc-list-wrapper--refund:empty,
  .cc-block--order .cc-list-wrapper--owed:empty {
    display: none;
  }
  .cc-block--with-header {
    --cc-block-space-padding-inline: 2rem;
    --cc-block-space-padding-block: 2rem;
    padding: initial;
  }
  .cc-block--with-header .cc-divider--span-x {
    width: auto;
    margin-inline: calc(-1 * var(--cc-block-space-padding-inline));
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .cc-block--with-header .cc-block-header,
  .cc-block--with-header .cc-block-content {
    width: 100%;
  }
  .cc-block--with-header .cc-block-header {
    padding: 1.6rem var(--cc-block-space-padding-inline);
    background-color: var(--cs-color-surface-bright);
    border-radius: 4px 4px 0 0;
    display: flex;
    align-items: flex-start;
  }
  .cc-block--with-header .cc-block-header .cc-button--icon {
    margin-top: -1rem;
  }
  .cc-block--with-header .cc-block-content {
    display: flex;
    flex-direction: column;
    padding: var(--cc-block-space-padding-block) var(--cc-block-space-padding-inline);
    border-radius: 0 0 4px 4px;
  }
}
@layer components {
  .cc-fab {
    --cc-fab-color-background: var(--cs-color-surface-container-highest);
    --cc-fab-color-button-default: var(--cs-color-on-surface-variant);
    --cc-fab-color-button-accent: var(--cs-color-primary);
    --cc-fab-color-button-active: color-mix(in srgb, var(--cs-color-primary), white 8%);
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    color: var(--cc-fab-color-button-default);
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    z-index: 300;
    bottom: calc(var(--sab) + 5rem + 2.2rem);
  }
  .cc-fab--bottom {
    bottom: calc(var(--sab) + 2.2rem);
  }
  @media print {
    .cc-fab {
      display: none !important;
    }
  }
  .cc-fab .cc-divider--vertical {
    height: 2.2rem;
  }
  .cc-fab .cc-button {
    --cc-button-font-size-icon: 1.8rem;
  }
  .cc-fab .cc-button__icon--import:before {
    content: "\e07d";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button__icon--grid-view:before {
    content: "\e112";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button__icon--grid-view2:before {
    content: "\e112";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button__icon--folder-view:before {
    content: "\e3d4";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button__icon--upcoming:before {
    content: "\e1b2";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button__icon--past:before {
    content: "\e1b2";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button__icon--hosting:before {
    content: "\e1e4";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button__icon--search:before {
    content: "\e1e2";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button__icon--mapview:before {
    content: "\e1d8";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button__icon--gridview:before {
    content: "\e112";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button__icon--filter:before {
    content: "\e1c2";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button__icon--filter-filled:before {
    content: "\e1c1";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button__icon--sort:before {
    content: "\e459";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button__icon--draft:before {
    content: "\e1f9";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button__icon--pending:before {
    content: "\e1ad";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button__icon--attending:before {
    content: "\e1e4";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button__icon--list:before {
    content: "9";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button__icon--filter-filled {
    color: var(--cc-fab-color-accent);
  }
  .cc-fab .cc-button__icon--mapview {
    margin-right: -3px;
  }
  .cc-fab .cc-button__icon--upcoming {
    transform: rotateY(180deg);
  }
  .cc-fab .cc-button__icon--past, .cc-fab .cc-button__icon--list {
    font-size: 2rem;
  }
  .cc-fab .cc-button.active--grid-view:before, .cc-fab .cc-button.is-active--grid-view:before {
    content: "\e498";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button.active--grid-view2:before, .cc-fab .cc-button.is-active--grid-view2:before {
    content: "\e498";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button.active--folder-view:before, .cc-fab .cc-button.is-active--folder-view:before {
    content: "\e492";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button.active--upcoming:before, .cc-fab .cc-button.is-active--upcoming:before {
    content: "\e437";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button.active--past:before, .cc-fab .cc-button.is-active--past:before {
    content: "\e435";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button.active--hosting:before, .cc-fab .cc-button.is-active--hosting:before {
    content: "\e1e5";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button.active--search:before, .cc-fab .cc-button.is-active--search:before {
    content: "\e1de";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button.active--mapview:before, .cc-fab .cc-button.is-active--mapview:before {
    content: "\e1d6";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button.active--draft:before, .cc-fab .cc-button.is-active--draft:before {
    content: "\e1fa";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button.active--pending:before, .cc-fab .cc-button.is-active--pending:before {
    content: "\e1ac";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button.active--attending:before, .cc-fab .cc-button.is-active--attending:before {
    content: "\e1e5";
    font-family: "cyza-font" !important;
  }
  .cc-fab .cc-button.active .cc-button__label, .cc-fab .cc-button.active .cc-button__icon, .cc-fab .cc-button.is-active .cc-button__label, .cc-fab .cc-button.is-active .cc-button__icon {
    color: var(--cc-fab-color-button-active);
  }
  .cc-fab .cc-button.active .cc-button__icon--upcoming, .cc-fab .cc-button.is-active .cc-button__icon--upcoming {
    transform: rotateY(0);
  }
  .cc-fab__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    background-color: var(--cc-fab-color-background);
    box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 4px 16px 8px rgba(0, 0, 0, 0.03);
    border-radius: 9999px;
    z-index: 10;
    max-width: 90%;
    pointer-events: auto;
  }
  .cc-fab__wrapper.visible {
    visibility: visible;
  }
  .cc-fab__wrapper.has-input-active {
    height: auto;
    border-radius: 2.4rem;
    min-width: 240px;
  }
  .cc-fab__wrapper.has-input-active .cc-fab__content {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 60vh;
    padding: 0 2rem 15px;
    margin: 15px 0 0;
    box-shadow: inset 0 -3px 4px -4px rgba(0, 0, 0, 0.3);
  }
  .cc-fab__content {
    width: 0;
  }
  .cc-fab__item {
    height: 0;
    overflow: hidden;
    width: auto;
    position: relative;
  }
  .cc-fab__item.active {
    height: 100%;
    max-width: initial;
  }
  .cc-fab__item--sort {
    margin: 0 -2rem;
    width: auto;
  }
  .cc-fab__item--sort .cc-menu {
    position: relative;
    top: initial;
    right: initial;
    background-color: inherit;
    border-radius: initial;
    z-index: initial;
    padding: initial;
    min-width: initial;
    max-height: initial;
    display: block;
  }
  .cc-fab__item--search .mdc-text-field {
    margin-bottom: 0;
  }
  .cc-fab__bar {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    padding: 0 1.2rem;
    height: 4.4rem;
  }
  .cc-fab__bar > .cc-button--icon {
    --cc-button-size-height-container: 4.4rem;
    --cc-button-size-width-container: 4.4rem;
  }
  .cc-fab__bar > .cc-button--text {
    margin-left: 1.2rem;
    margin-right: 1.2rem;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-fab {
        display: none;
      }
    }
  }
}
@layer components {
  .cc-footer {
    --cc-footer-color-background: var(--cs-color-surface-container-highest);
    --cc-footer-color-text-default: var(--cs-color-tertiary);
    --cc-footer-color-text-accent: var(--cs-color-primary);
    --cc-footer-elevation-shadow-container: 0 -8px 32px -8px rgba(0, 0, 0, 0.075);
    --cc-footer-elevation-z-container-default: 100;
    --cc-footer-elevation-z-container-mobile: 301;
    --cc-footer-elevation-z-container-desktop: 101;
    --cc-footer-font-weight-medium: var(--cs-font-weight-display);
    --cc-footer-space-gap-inline: 0;
    --cc-footer-space-gap-block: 0.8rem;
    --cc-footer-space-padding-inline: 0;
    --cc-footer-space-gap-inline: 0;
    width: 100%;
    z-index: 100;
    display: flex;
    flex: 0 0 auto;
    grid-area: footer;
  }
  @media print {
    .cc-footer {
      position: relative;
      height: initial;
    }
    .cc-footer__content {
      padding-inline: var(--cs-layout-inline);
      padding-top: 2rem;
    }
  }
  .cc-footer:has(.cc-button--rect) {
    --cc-footer-space-gap-inline: 2rem;
  }
  .cc-footer:has(.cc-button--fixed) {
    --cc-footer-space-gap-inline: 0;
  }
  .cc-footer__content {
    width: 100%;
    display: flex;
    column-gap: var(--cc-footer-space-gap-inline);
    row-gap: var(--cc-footer-space-gap-block);
  }
  @media not print {
    .cc-footer__content--stats {
      justify-content: space-between;
    }
  }
  .cc-footer__content--checkout {
    justify-content: flex-end;
  }
  .cc-footer__content > .spf-form {
    display: flex;
  }
  .cc-footer__col {
    display: inline-flex;
    width: auto;
    min-width: 0;
    flex: 0 1 auto;
    align-items: center;
    height: 100%;
  }
  .cc-footer__col:not(:last-child) {
    padding-right: 20px;
  }
  .cc-footer__col--right {
    justify-content: flex-end;
  }
  .cc-footer__col--right .cc-footer__section {
    display: inline-flex;
  }
  .cc-footer__col--right .cc-footer__section:not(.hidden) {
    margin-left: 35px;
  }
  .cc-footer__col--right .cc-footer__section:first-child {
    margin-left: initial;
  }
  .cc-footer__text, .cc-footer__digit {
    font-weight: var(--cc-footer-font-weight-medium);
  }
  .cc-footer__text {
    color: var(--cc-footer-color-text-default);
    margin-right: 20px;
  }
  .cc-footer__digit {
    color: var(--cc-footer-color-text-accent);
  }
  .cc-footer .cc-button .ci-back-4p {
    font-size: 1.1rem;
  }
  .cc-footer--modal .cc-button--primary {
    --cc-button-color-background: var(--cs-color-primary-fixed);
    --cc-button-color-border: var(--cs-color-primary-fixed);
    --cc-button-color-icon: var(--cs-color-on-primary-fixed);
    --cc-button-color-label: var(--cs-color-on-primary-fixed);
    --cc-button-color-background-hover: color-mix(in srgb, var(--cs-color-primary-fixed) 98%, white);
    --cc-button-color-border-hover: color-mix(in srgb, var(--cs-color-primary-fixed) 98%, white);
    --cc-button-color-icon-hover: var(--cs-color-on-primary-fixed);
    --cc-button-color-label-hover: var(--cs-color-on-primary-fixed);
    --cc-button-size-border: 1px;
  }
  .cc-footer--modal .cc-button--secondary {
    --cc-button-color-background: var(--cs-color-surface-container-high);
    --cc-button-color-border: var(--cs-color-primary-fixed);
    --cc-button-color-icon: var(--cs-color-primary);
    --cc-button-color-label: var(--cs-color-primary);
    --cc-button-color-background-hover: color-mix(in srgb, var(--cs-color-surface-container-high) 92%, var(--cs-color-scrim-adaptive));
    --cc-button-color-border-hover: var(--cs-color-primary-fixed);
    --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-primary) 92%, white);
    --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-primary) 92%, white);
    --cc-button-size-border: 1px;
  }
  .cc-footer__content--success .cc-button--primary {
    --cc-button-color-background: var(--cs-color-success);
    --cc-button-color-border: var(--cs-color-success);
    --cc-button-color-icon: var(--cs-color-on-success);
    --cc-button-color-label: var(--cs-color-on-success);
    --cc-button-color-background-hover: color-mix(in srgb, var(--cs-color-success), black 4%);
    --cc-button-color-border-hover: var(--cs-color-success);
    --cc-button-color-icon-hover: var(--cs-color-on-success-fixed);
    --cc-button-color-label-hover: var(--cs-color-on-success-fixed);
    --cc-button-size-border: 1px;
  }
  .cc-footer__content--success .cc-button--secondary {
    --cc-button-color-border: var(--cs-color-success);
    --cc-button-color-icon: var(--cs-color-success-fixed);
    --cc-button-color-label: var(--cs-color-success-fixed);
    --cc-button-color-border-hover: var(--cs-color-success);
    --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-success-fixed), black 4%);
    --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-success-fixed), black 4%);
    --cc-button-size-border: 1px;
  }
  .cc-footer__content--warning .cc-button--primary {
    --cc-button-color-background: var(--cs-color-warning);
    --cc-button-color-border: var(--cs-color-warning);
    --cc-button-color-icon: var(--cs-color-on-warning);
    --cc-button-color-label: var(--cs-color-on-warning);
    --cc-button-color-background-hover: color-mix(in srgb, var(--cs-color-warning), black 4%);
    --cc-button-color-border-hover: color-mix(in srgb, var(--cs-color-warning), black 4%);
    --cc-button-color-icon-hover: var(--cs-color-on-warning);
    --cc-button-color-label-hover: var(--cs-color-on-warning);
    --cc-button-size-border: 1px;
  }
  .cc-footer__content--warning .cc-button--secondary {
    --cc-button-color-border: var(--cs-color-warning);
    --cc-button-color-icon: var(--cs-color-warning-fixed);
    --cc-button-color-label: var(--cs-color-warning-fixed);
    --cc-button-color-border-hover: color-mix(in srgb, var(--cs-color-warning), black 4%);
    --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-warning-fixed), black 4%);
    --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-warning-fixed), black 4%);
    --cc-button-size-border: 1px;
  }
  .cc-footer__content--alert .cc-button--primary, .cc-footer__content--delete .cc-button--primary {
    --cc-button-color-background: var(--cs-color-error);
    --cc-button-color-border: var(--cs-color-error-fixed);
    --cc-button-color-icon: var(--cs-color-on-error-fixed);
    --cc-button-color-label: var(--cs-color-on-error-fixed);
    --cc-button-color-background-hover: color-mix(in srgb, var(--cs-color-error), white 2%);
    --cc-button-color-border-hover: color-mix(in srgb, var(--cs-color-error), white 2%);
    --cc-button-color-icon-hover: var(--cs-color-on-error-fixed);
    --cc-button-color-label-hover: var(--cs-color-on-error-fixed);
    --cc-button-size-border: 1px;
  }
  .cc-footer__content--alert .cc-button--secondary, .cc-footer__content--delete .cc-button--secondary {
    --cc-button-color-border: var(--cs-color-error-fixed);
    --cc-button-color-icon: var(--cs-color-error-fixed);
    --cc-button-color-label: var(--cs-color-error-fixed);
    --cc-button-color-border-hover: color-mix(in srgb, var(--cs-color-error), white 2%);
    --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-error-fixed), white 8%);
    --cc-button-color-label-hover: color-mix(in srgb, var(--cs-color-error-fixed), white 8%);
    --cc-button-size-border: 1px;
  }
  .cc-footer__content--success, .cc-footer__content--warning, .cc-footer__content--alert, .cc-footer__content--delete {
    justify-content: center;
  }
  .cc-footer--modal .cc-button,
  .cc-footer--slide .cc-button {
    --cc-button-size-border: 1px;
    border-width: var(--cc-button-size-border) 0 0 0;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-footer--slide .cc-button {
        --cc-button-size-border: 0;
      }
      .cc-footer--slide .cc-footer__content--success .cc-button, .cc-footer--slide .cc-footer__content--warning .cc-button, .cc-footer--slide .cc-footer__content--alert .cc-button, .cc-footer--slide .cc-footer__content--delete .cc-button {
        --cc-button-size-border: 1px;
        --cc-button-space-padding-inline: 1.6rem;
        --cc-button-size-width-container: 180px;
        --cc-button-size-height-container: 3.8rem;
        --cc-button-shape-container: 4px;
        min-width: min-content;
        max-width: 100%;
        border-width: var(--cc-button-size-border);
      }
    }
  }
  .cc-footer--modal {
    z-index: 800;
    margin-top: auto;
    overflow: hidden;
  }
  .cc-footer--modal.cc-footer--empty {
    z-index: 0;
  }
  .cc-footer--modal .cc-button {
    --cc-button-size-width-container: 100%;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-footer--modal {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
      }
      .cc-footer--modal .cc-button {
        --cc-button-size-height-container: 5.4rem;
      }
    }
  }
  .cc-footer--desktop-fixed:has(.cc-button--text),
  .cc-footer--sticky:has(.cc-button--text) {
    --cc-footer-space-gap-inline: 3.2rem;
  }
  @media screen and (min-width: 576px) {
    .cc-footer--desktop-fixed .cc-footer__content {
      max-width: 100%;
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-footer--desktop-fixed .cc-footer__content {
        max-width: calc(100% - 10px);
      }
    }
  }
  @media screen and (min-width: 1025px) {
    .cc-footer--desktop-fixed .cc-footer__content {
      max-width: calc(100% - 80px);
    }
  }
  @media screen and (min-width: 1280px) {
    .cc-footer--desktop-fixed .cc-footer__content {
      max-width: 90%;
    }
  }
  @media screen and (min-width: 1600px) {
    .cc-footer--desktop-fixed .cc-footer__content {
      max-width: 1400px;
    }
  }
  @media screen and (min-width: 1900px) {
    .cc-footer--desktop-fixed .cc-footer__content {
      max-width: 1600px;
    }
  }
  .cc-footer--desktop-fixed .cc-footer__content--justify-end {
    justify-content: flex-end;
  }
  .cc-footer--sticky {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 101;
  }
  @media print {
    .cc-footer--sticky {
      display: none;
    }
  }
  .cc-footer--sticky .cc-footer__content {
    background: var(--cc-footer-color-background);
    height: 100%;
    align-items: center;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-footer--sticky .cc-footer__content {
        padding: 0 35px;
        box-shadow: 0 -8px 32px -8px rgba(0, 0, 0, 0.075);
        clip-path: inset(-32px 0px 0px 0px);
      }
    }
  }
  .cc-footer--sticky .cc-footer__content--justify-end {
    justify-content: flex-end;
  }
  .cc-footer--expand {
    --cc-footer-space-gap-inline: initial;
  }
  .cc-footer-wrapper--sticky {
    position: sticky;
    bottom: 0;
    grid-area: footer;
    z-index: 101;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-footer:has(.cc-button--fixed-mobile) {
        --cc-footer-space-gap-inline: 0;
      }
      .cc-footer__col {
        width: 100%;
      }
      .cc-footer--sab,
      .cc-footer--sticky {
        padding-bottom: var(--sab);
      }
      .cc-footer--sab {
        position: sticky;
        bottom: 0;
        left: 0;
        z-index: 301;
      }
      .cc-footer--sab:has(.cc-button) {
        background-color: var(--cs-color-scrim-black);
      }
      .cc-footer--sab .cc-button {
        border-width: var(--cc-button-size-border) 0 0 0;
      }
      .cc-footer--drawer .cc-button.desktop-only + .cc-divider {
        display: none;
      }
      .cc-footer--slide .cc-button {
        overflow: hidden;
      }
      .cc-footer--drawer:has(.cc-button) {
        --cc-footer-space-gap-inline: 0;
        --cc-footer-space-gap-block: 0;
      }
      @media not print {
        @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
          .cc-footer--drawer {
            box-shadow: 0 -3px 20px rgba(0, 0, 0, 0.04);
          }
        }
      }
      .cc-footer--drawer .cc-footer__content {
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: calc(var(--sab) + 1rem);
      }
      .cc-footer--drawer .cc-divider,
      .cc-footer--drawer .cc-button {
        flex: none;
      }
      .cc-footer--drawer .cc-divider:last-child {
        display: none;
      }
      .cc-footer--drawer .cc-button {
        --cc-button-size-width-container: 100%;
        --cc-button-size-height-container: auto;
        --cc-button-space-padding-inline: 2.4rem;
        --cc-button-space-padding-block: 1.2rem;
        --cc-button-space-gap: 1.6rem;
        --cc-button-color-background: transparent;
        --cc-button-color-icon: var(--cs-color-on-surface-variant);
        --cc-button-color-label: var(--cs-color-on-surface);
        --cc-button-font-size-label: 1.2rem;
        justify-content: flex-start;
        flex: none;
        border: none;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px), print {
      .cc-footer--desktop-fixed {
        margin-left: auto;
        margin-right: auto;
        position: fixed;
        min-width: 100vw;
        padding: 0 20px;
        bottom: 0;
        left: 0;
        right: 0;
        height: 70px;
        width: 100vw;
        display: flex;
        justify-content: center;
        z-index: 101;
      }
    }
    @media screen and (min-width: 744px) and (min-width: 576px) {
      .cc-footer--desktop-fixed {
        max-width: 100%;
      }
    }
    @media screen and (min-width: 744px), print {
      @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
        @media screen and (min-width: 744px) {
          .cc-footer--desktop-fixed {
            max-width: calc(100% - 10px);
          }
        }
      }
    }
    @media screen and (min-width: 744px) and (min-width: 1025px) {
      .cc-footer--desktop-fixed {
        max-width: calc(100% - 80px);
      }
    }
    @media screen and (min-width: 744px) and (min-width: 1280px) {
      .cc-footer--desktop-fixed {
        max-width: 90%;
      }
    }
    @media screen and (min-width: 744px) and (min-width: 1600px) {
      .cc-footer--desktop-fixed {
        max-width: 1400px;
      }
    }
    @media screen and (min-width: 744px) and (min-width: 1900px) {
      .cc-footer--desktop-fixed {
        max-width: 1600px;
      }
    }
    @media print {
      .cc-footer--desktop-fixed {
        display: none;
      }
    }
    @media screen and (min-width: 744px) and (min-width: 1025px) {
      .cc-footer--desktop-fixed {
        padding: 0;
      }
    }
    @media screen and (min-width: 744px), print {
      .cc-footer--desktop-fixed .cc-footer__content {
        background-color: var(--cc-footer-color-background);
        height: 100%;
        align-items: center;
        padding: 0 35px;
        box-shadow: 0 -8px 32px -8px rgba(0, 0, 0, 0.075);
        clip-path: inset(-100vh 0px 0px 0px);
      }
    }
    @media screen and (min-width: 744px) and (min-width: 576px) {
      .cc-footer--desktop-fixed .cc-footer__content {
        max-width: 100%;
      }
    }
    @media screen and (min-width: 744px), print {
      @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
        @media screen and (min-width: 744px) {
          .cc-footer--desktop-fixed .cc-footer__content {
            max-width: 100%;
          }
        }
      }
    }
    @media screen and (min-width: 744px) and (min-width: 1025px) {
      .cc-footer--desktop-fixed .cc-footer__content {
        max-width: calc(100% - 80px - 30px);
      }
    }
    @media screen and (min-width: 744px) and (min-width: 1280px) {
      .cc-footer--desktop-fixed .cc-footer__content {
        max-width: calc(90% - 30px);
      }
    }
    @media screen and (min-width: 744px) and (min-width: 1600px) {
      .cc-footer--desktop-fixed .cc-footer__content {
        max-width: 1370px;
      }
    }
    @media screen and (min-width: 744px) and (min-width: 1900px) {
      .cc-footer--desktop-fixed .cc-footer__content {
        max-width: 1570px;
      }
    }
    @media screen and (min-width: 744px), print {
      .cc-footer--sticky,
      .cc-footer--desktop-fixed {
        height: calc(var(--sab) + 7rem);
      }
      .cc-footer--sticky .cc-footer__content,
      .cc-footer--desktop-fixed .cc-footer__content {
        background-color: var(--cc-footer-color-background);
        padding-bottom: var(--sab);
      }
      .cc-footer--box::after {
        content: "";
        height: 1px;
        width: 100%;
        background-color: var(--cc-footer-color-background);
        position: absolute;
        top: 100%;
      }
      .cc-footer--expand {
        height: auto;
      }
      .cc-footer--expand .cc-footer__content {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
      }
      .cc-footer--expand .cc-button--expand {
        margin-top: 1.6rem;
        margin-bottom: 0.2rem;
      }
      .cc-footer--expand .cc-list {
        height: calc(var(--sab) + 7rem);
        align-items: center;
      }
      .cc-footer--expand.is-expanded {
        height: auto;
      }
      .cc-footer--expand.is-expanded .cc-list {
        height: auto;
        flex-direction: column;
        align-items: flex-start;
      }
      .cc-footer--expand.is-expanded .cc-item {
        margin: initial !important;
        width: 100%;
      }
      .cc-footer--expand.is-expanded .cc-item__wrapper {
        flex-direction: row;
        justify-content: space-between;
      }
      .cc-footer--expand.is-expanded .cc-button--expand .cc-button__icon {
        transform: rotate(-90deg);
      }
      .cc-footer--slide .cc-footer__content {
        flex-direction: row;
        align-items: center;
        column-gap: 2.4rem;
      }
    }
  }
  @media print {
    .cc-footer--box {
      display: block;
      order: -1;
    }
    .cc-footer--box .cc-footer__content {
      justify-content: flex-start;
    }
  }
}
@layer components {
  .cc-gallery {
    --cc-gallery-color-background-empty: var(--cs-color-tertiary);
    --cc-gallery-color-background-swiper: var(--cs-color-scrim-white);
    --cc-gallery-color-button-background-default: color-mix(in srgb, var(--cs-color-scrim-adaptive) 30%, transparent);
    --cc-gallery-color-button-background-hover: color-mix(in srgb, var(--cs-color-scrim-adaptive) 40%, transparent);
    --cc-gallery-color-button-icon-default: var(--cs-color-on-primary);
    --cc-gallery-color-button-icon-hover: color-mix(in srgb, var(--cs-color-on-primary) 96%, transparent);
    --cc-gallery-elevation-shadow-container: var(--cs-elevation-shadow-2);
    --cc-gallery-elevation-shadow-image: var(--cs-elevation-shadow-2);
    --cc-gallery-shape-container: var(--cs-shape-50);
    --cc-gallery-shape-image: var(--cs-shape-50);
    --cc-gallery-state-nav-visibility: 1;
  }
  @media (hover: hover) {
    .cc-gallery {
      --cc-gallery-state-nav-visibility: 0;
    }
  }
  .cc-gallery .cc-badge--cover .cc-badge__wrapper {
    border-top-left-radius: var(--cc-gallery-shape-image);
  }
  .cc-gallery__item.is-hovering, .cc-gallery__item:hover {
    --cc-gallery-state-nav-visibility: 1;
  }
  .cc-gallery__nav {
    opacity: var(--cc-gallery-state-nav-visibility);
    transition: opacity 0.2s ease-out;
  }
  .cc-gallery__nav .cc-button--icon {
    --cc-button-color-background: var(--cc-gallery-color-button-background-default);
    --cc-button-color-background-hover: var(--cc-gallery-color-button-background-hover);
    --cc-button-color-icon: var(--cc-gallery-color-button-icon-default);
    --cc-button-color-icon-hover: var(--cc-gallery-color-button-icon-hover);
    position: absolute;
  }
  .cc-gallery__nav .cc-button--fullscreen {
    bottom: 5px;
    left: 5px;
  }
  .cc-gallery__nav .cc-button--remove {
    top: 5px;
    right: 5px;
  }
  .cc-gallery__nav .cc-button--video {
    --cc-button-size-width-container: 2.8rem;
    --cc-button-size-height-container: 2.8rem;
    --cc-button-font-size-icon: 1.2rem;
    right: 5px;
    bottom: 5px;
  }
  .cc-gallery__nav .cc-button--video:not(.is-active) {
    display: none;
  }
  .cc-gallery-wrapper--upload {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
  }
  .cc-gallery-wrapper--upload .cc-upload-wrapper {
    width: 100%;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-gallery-wrapper--upload.no-images .cc-button-wrapper--sticky {
        display: none;
      }
      .cc-gallery-wrapper--upload:not(.no-images) .cc-upload-wrapper {
        display: none;
      }
    }
  }
  @media screen and (min-width: 1025px) {
    .cc-gallery-wrapper--upload {
      flex-direction: row;
    }
    .cc-gallery-wrapper--upload .cc-upload-wrapper {
      flex: 1 1 0;
      max-height: 600px;
      position: sticky;
      top: 10.8rem;
    }
  }
}
@layer components {
  .cc-item {
    --cc-item-color-background: var(--cs-color-surface-container-high);
    --cc-item-color-background-hover: color-mix(in srgb, var(--cs-color-surface-container-high), var(--cs-color-scrim-adaptive) 2%);
    --cc-item-color-background-api: var(--cs-color-surface-bright);
    --cc-item-color-border: var(--cs-color-outline);
    --cc-item-color-border-variant: var(--cs-color-outline-variant);
    --cc-item-color-icon: var(--cs-color-on-surface-variant);
    --cc-item-color-icon-enabled: var(--cs-color-success-fixed);
    --cc-item-color-icon-disabled: var(--cs-color-error-fixed);
    --cc-item-color-icon-success: var(--cs-color-success-fixed);
    --cc-item-color-icon-warning: var(--cs-color-warning-fixed);
    --cc-item-color-icon-error: var(--cs-color-error-fixed);
    --cc-item-color-icon-alert: var(--cs-color-error-fixed);
    --cc-item-color-text-primary: var(--cs-color-on-surface);
    --cc-item-color-text-secondary: var(--cs-color-on-surface-variant);
    --cc-item-color-text-tertiary: var(--cs-color-tertiary);
    --cc-item-color-text-accent: var(--cs-color-primary);
    --cc-item-color-text-hover: color-mix(in srgb, var(--cs-color-primary), white 8%);
    --cc-item-font-line-height-icon: 1;
    --cc-item-font-line-height-text: 2.1rem;
    --cc-item-font-size-icon-s: 1.4rem;
    --cc-item-font-size-icon-m: 1.6rem;
    --cc-item-font-size-text-xs: 1.2rem;
    --cc-item-font-size-text-s: 1.3rem;
    --cc-item-font-size-text-m: 1.4rem;
    --cc-item-size-width-container: auto;
    --cc-item-size-width-address: 220px;
    --cc-item-size-height-input: 33px;
    --cc-item-space-gap: 0.6rem;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: auto;
    break-inside: avoid;
  }
  .cc-item.is-valid {
    --cc-item-color-icon: var(--cc-item-color-icon-success);
  }
  .cc-item.is-invalid {
    --cc-item-color-icon: var(--cc-item-color-icon-alert);
  }
  .cc-item .text-dots {
    display: block;
  }
  .cc-item__number {
    line-height: 2.1rem;
  }
  .cc-item__number--circle {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cc-item-color-background-api);
    border-radius: 9999px;
    font-size: 1.2rem;
    min-width: 2.1rem;
    height: 2.1rem;
  }
  .cc-item__icon {
    color: var(--cc-item-color-icon);
    font-size: 1.6rem;
    margin-right: 1.2rem;
    flex: 0 0 auto;
    line-height: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 2.1rem;
  }
  .cc-item__icon--circle {
    color: var(--cc-item-color-text-accent);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
  }
  .cc-item__icon--circle {
    color: rgb(17.65625, 89.4583333333, 151.84375);
  }
  @media not print {
    .cc-item__icon--circle {
      background-image: linear-gradient(45deg, rgba(15, 76, 129, 0.1), rgba(15, 76, 129, 0.03));
    }
  }
  @media print {
    .cc-item__icon--circle {
      background-color: rgba(15, 76, 129, 0.07);
    }
  }
  .cc-item__icon--circle ~ .cc-tile__value {
    align-items: center;
  }
  .cc-item__icon--dot:before {
    content: "";
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    background: var(--cc-item-color-icon-success);
    border-style: solid;
    border-color: var(--cc-list-color-background-mask);
    box-sizing: content-box;
    border-width: 0.6rem 0;
  }
  .cc-item__icon--enabled, .cc-item__icon--disabled {
    font-size: 1.2rem;
  }
  .cc-item__icon--enabled {
    color: var(--cc-item-color-icon-enabled);
  }
  .cc-item__icon--enabled:before {
    content: ")";
    font-family: "cyza-font" !important;
  }
  .cc-item__icon--disabled {
    color: var(--cc-item-color-icon-disabled);
  }
  .cc-item__icon--disabled:before {
    content: "\e489";
    font-family: "cyza-font" !important;
  }
  .cc-item__icon.ci-ticket-v6-3p {
    margin-top: -1px;
  }
  .cc-item__icon--small {
    font-size: 1.4rem;
    margin-right: 8px;
  }
  .cc-item__icon--warning {
    color: var(--cc-item-color-icon-warning);
  }
  .cc-item__icon--alert {
    color: var(--cc-item-color-icon-alert);
  }
  .cc-item__icon--success {
    color: var(--cc-item-color-icon-success);
  }
  .cc-item__icon--xs {
    font-size: 1rem;
  }
  .cc-item__icon.ci-barcode-v4-3p {
    font-size: 1.4rem;
    padding-left: 1px;
  }
  .cc-item__wrapper {
    line-height: 2.1rem;
    gap: var(--cc-item-space-gap);
  }
  .cc-item__label {
    color: var(--cc-item-color-text-primary);
  }
  .cc-item__label--s {
    font-size: 1.1rem;
    line-height: initial;
  }
  .cc-item__label ~ .cc-item__value {
    margin-top: 0.8rem;
  }
  .cc-item__value {
    color: var(--cc-item-color-text-secondary);
    flex-wrap: wrap;
  }
  .cc-item__value--accent {
    color: var(--cc-item-color-text-accent);
  }
  .cc-item--border-bottom:not(:last-child) {
    border-bottom: 1px solid var(--cc-item-color-border-variant);
  }
  .cc-item--s .cc-item__icon {
    font-size: 1.4rem;
    margin-right: 0.8rem;
  }
  .cc-item--s .cc-item__wrapper {
    font-size: 1.3rem;
  }
  .cc-item--xs .cc-item__icon {
    font-size: 1.4rem;
    margin-right: 0.6rem;
  }
  .cc-item--xs .cc-item__wrapper {
    font-size: 1.2rem;
  }
  .cc-item {
    display: flex;
    align-items: flex-start;
    width: auto;
    color: var(--cc-item-color-text-primary);
    break-inside: avoid;
  }
  .cc-item .text-dots {
    vertical-align: middle;
  }
  .cc-item .cc-button--status {
    margin-left: auto;
  }
  .cc-item__wrapper {
    display: inline-flex;
    flex-direction: column;
    flex: 1 1 0;
    min-width: 0;
  }
  .cc-item__label {
    min-width: 0;
    max-width: 100%;
  }
  .cc-item__label--hoverable {
    color: var(--cc-item-color-text-accent);
  }
  .cc-item__detail {
    color: var(--cc-item-color-text-secondary);
    flex-wrap: wrap;
    max-width: 100%;
  }
  .cc-item__detail--address {
    max-width: 220px;
  }
  .cc-item__detail--accent {
    color: var(--cc-item-color-text-accent);
  }
  .cc-item__detail a {
    position: relative;
  }
  .cc-item__detail--customer {
    justify-content: space-between;
  }
  .cc-item__detail--flex, .cc-item__label--flex {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
  }
  .cc-item--counter .cc-item__icon {
    font-size: 1.8rem;
    margin-right: 0.8rem;
  }
  .cc-item--with-circle .cc-item__label {
    min-height: 3.6rem;
    display: flex;
    align-items: center;
  }
  .cc-item--action {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    transition: ease-in-out 0.2s;
  }
  .cc-item--custom {
    padding: 15px 30px;
    position: relative;
    font-size: 1.4rem;
    background: var(--cc-item-color-background);
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1px;
    box-shadow: none;
    border-bottom: 1px solid var(--cc-item-color-border-variant);
  }
  .cc-item--custom:not(:last-child) {
    margin-bottom: 1px;
  }
  .cc-item--custom.is-disabled {
    opacity: 0.5;
    pointer-events: none;
  }
  .cc-item--custom .cc-item__label {
    flex: 1 1 0;
  }
  .cc-item--custom .cc-button-wrapper--edit {
    width: 100%;
    justify-content: flex-end;
    margin-top: 1.2rem;
  }
  .cc-item--custom .mdc-text-field {
    min-height: initial;
    margin-bottom: 15px;
    flex: 0 0 auto;
  }
  .cc-item--custom .mdc-text-field__input {
    min-height: 33px;
    padding-top: initial;
    padding-bottom: 12px;
  }
  .cc-item--with-suffix .cc-item__suffix {
    --cc-item-color-icon: var(--cc-item-color-text-tertiary);
    margin-left: 2rem;
  }
  .cc-item--with-suffix .cc-item__suffix em {
    color: var(--cc-item-color-text-tertiary);
    font-size: var(--cc-item-font-size-text-xs);
  }
  .cc-item--with-suffix .cc-item__suffix .cc-item__icon {
    margin-right: initial;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-item--custom {
        padding-left: 25px;
        padding-right: 25px;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-item .cc-button--status {
        margin-left: 1.6rem;
      }
      .cc-item--action.cc-item--hover {
        padding-top: 1rem;
        padding-bottom: 1rem;
      }
    }
    @media screen and (min-width: 744px) and (hover: hover) and (pointer: fine) {
      .cc-item--action.cc-item--hover:hover {
        background: var(--cc-item-color-background-hover);
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px), print {
      .cc-item--h .cc-item__detail--chips {
        margin-top: -8px;
        margin-bottom: -8px;
      }
    }
  }
  .cc-item {
    --cc-item-space-direction: row;
    --cc-item-space-align: initial;
    --cc-item-space-justify: initial;
    --cc-item-size-width-container: auto;
    width: var(--cc-item-size-width-container);
    min-width: 0;
    position: relative;
  }
  .cc-item__wrapper {
    flex-direction: var(--cc-item-space-direction);
    align-items: var(--cc-item-space-align);
    justify-content: var(--cc-item-space-justify);
  }
  .cc-item--accent .cc-item__icon, .cc-item--accent .cc-item__label, .cc-item--accent .cc-item__detail {
    color: var(--cc-item-color-text-accent);
  }
  .cc-item--m-h,
  .cc-item--v {
    --cc-item-space-direction: column;
  }
  .cc-item--h {
    --cc-item-space-direction: row;
  }
  .cc-item--ltr {
    --cc-item-space-justify: flex-start;
    --cc-item-size-width-label: 100%;
  }
  .cc-item--ltr .cc-item__label {
    max-width: var(--cc-item-size-width-label);
  }
  .cc-item--justify {
    --cc-item-space-justify: space-between;
    --cc-item-size-width-container: 100%;
    --cc-item-space-gap-inline: 2.4rem;
  }
  .cc-item--justify .cc-item__wrapper {
    flex-wrap: wrap;
    column-gap: var(--cc-item-space-gap-inline);
  }
  .cc-item--justify .cc-item__label {
    flex: 1 1 0;
  }
  .cc-item--rtl {
    --cc-item-space-justify: flex-end;
  }
  .cc-item--v-center {
    align-items: center;
  }
  .cc-item--wrap .cc-item__wrapper {
    flex-wrap: wrap;
  }
  .cc-item--wrap .cc-item__label {
    flex-basis: auto;
  }
  .cc-item--deduction .cc-item__detail {
    display: flex;
    align-items: center;
  }
  .cc-item--summary {
    --cc-item-space-gap: 0.4rem;
  }
  .cc-item--upload {
    gap: 1.6rem;
  }
  .cc-item--upload .cc-glyph {
    --cc-glyph-size-container: initial;
  }
  .cc-item--upload.cc-item--warning {
    --cc-item-space-gap: 0.2rem;
    --cc-glyph-space-gap-default-x: 0;
  }
  .cc-item--upload.cc-item--warning .cc-item__wrapper {
    padding-top: 0.8rem;
  }
  .cc-item--upload.cc-item--warning .cc-item__detail {
    font-size: 1.2rem;
    color: var(--cc-item-color-text-tertiary);
  }
  .cc-item--upload.cc-item--warning .cc-glyph--warning {
    --cc-glyph-size-container: 5.6rem;
  }
  .cc-item--upload .cc-progress--upload {
    position: relative;
    transform: none;
    top: inherit;
    left: inherit;
    right: inherit;
    max-width: 100%;
    margin: initial;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-item--upload .cc-glyph.cc-glyph--extension {
        --cc-glyph-size-container: 2.4rem;
        width: initial;
        height: initial;
        margin: initial;
        position: relative;
        top: initial;
        left: initial;
      }
    }
  }
  .cc-item--with-actions {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-auto-rows: auto;
  }
  .cc-item--with-actions :nth-child(2 of .cc-item__wrapper) {
    grid-column: 2/span 2;
  }
  .cc-item--with-actions .cc-button-wrapper {
    grid-column: 3;
    grid-row: 1;
  }
  .cc-item--with-actions.cc-item--v .cc-item__wrapper {
    grid-column: 2/span 2;
    grid-row: 1;
  }
  .cc-item--table .cc-item__label {
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 500;
    width: 100%;
    max-width: 15rem;
  }
  .cc-item--static {
    position: static;
  }
  .cc-item--w-auto {
    max-width: max-content;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-item--m-h {
        --cc-item-space-direction: row;
      }
    }
  }
  @media screen and (min-width: 1280px) {
    .cc-item--table {
      --cc-item-space-gap: 0;
      --cc-item-space-direction: column;
      --cc-item-size-width-container: 100%;
      --cc-item-space-padding-column-y: 1.2rem;
      --cc-item-space-padding-column-left: 0.8rem;
      --cc-item-space-padding-column-right: 0.8rem;
    }
    .cc-item--table:not(.cc-item + .cc-item), .cc-item--table:first-child {
      --cc-item-space-padding-column-left: 0;
    }
    .cc-item--table:last-child {
      --cc-item-space-align: end;
      --cc-item-space-padding-column-right: 0;
      --cc-item-size-width-container: auto;
      min-width: 9rem;
    }
    .cc-item--table:last-child .cc-item__label, .cc-item--table:last-child .cc-item__detail {
      text-align: right;
    }
    .cc-item--table .cc-item__label {
      font-size: 1.2rem;
      color: var(--cc-item-color-text-secondary);
    }
    .cc-item--table .cc-item__detail {
      color: var(--cc-item-color-text-primary);
      border-top: 1px solid var(--cc-item-color-border);
    }
    .cc-item--table .cc-item__label, .cc-item--table .cc-item__detail {
      width: 100%;
      max-width: 100%;
      padding-top: var(--cc-item-space-padding-column-y);
      padding-bottom: var(--cc-item-space-padding-column-y);
      padding-left: var(--cc-item-space-padding-column-left);
      padding-right: var(--cc-item-space-padding-column-right);
    }
  }
}
@layer components {
  .cc-list {
    --cc-list-color-active: var(--cs-color-success-fixed);
    --cc-list-color-disabled: var(--cs-color-error-fixed);
    --cc-list-color-background-header: var(--cs-color-surface-bright);
    --cc-list-color-background-divider: var(--cs-color-outline);
    --cc-list-color-background-mask: var(--cs-color-surface);
    --cc-list-color-text-primary: var(--cs-color-on-surface);
    --cc-list-color-text-secondary: var(--cs-color-on-surface-variant);
    --cc-list-color-text-accent: var(--cs-color-primary-fixed);
    --cc-list-font-weight-medium: var(--cs-font-weight-display);
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
  }
  .cc-list.is-clickable {
    cursor: pointer;
  }
  .cc-list-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .cc-list--h {
    gap: 2.4rem;
    flex-direction: row;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) and (max-width: 1024px) {
      .cc-list--h {
        gap: 1.6rem;
      }
    }
  }
  .cc-list--bullet li {
    list-style: disc;
    margin-inline-start: 1.4rem;
  }
  .cc-list--dot-leader .cc-item__label {
    flex: 0 0 auto;
  }
  .cc-list--equal .cc-block,
  .cc-list--equal .cc-item {
    flex: 1 1 0;
  }
  .cc-list--justify {
    justify-content: space-between;
  }
  .cc-list--v .cc-item {
    margin-bottom: initial;
  }
  .cc-list--wrap {
    flex-wrap: wrap;
  }
  .cc-list--summary .cc-item {
    --cc-item-color-text-secondary: var(--cc-list-color-text-primary);
  }
  .cc-list--summary .cc-item .text-dots {
    display: inline-block;
  }
  .cc-list--with-actions {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-auto-rows: auto;
  }
  .cc-list--with-actions .cc-button-wrapper {
    grid-column: 2;
    grid-row: 1;
  }
  .cc-list--with-actions .cc-button-wrapper .cc-button--icon {
    --cc-button-size-height-container: 4rem;
    --cc-button-size-width-container: 4rem;
    margin-top: calc(-1 * var(--cc-button-space-padding-block));
    margin-bottom: calc(-1 * var(--cc-button-space-padding-block));
  }
  .cc-list--with-actions .cc-button-wrapper .cc-button--icon:last-child {
    margin-right: calc(-1 * var(--cc-button-space-padding-inline));
  }
  .cc-list--with-actions .cc-item:not(:nth-child(-n+2)) {
    grid-column: 1/-1;
  }
  .cc-list--with-actions .cc-divider:last-child {
    display: none;
  }
  .cc-list--with-actions.cc-list--h {
    display: flex;
    flex-direction: row;
  }
  .cc-list--with-actions.cc-list--h .cc-item {
    flex: 1 1 0;
  }
  .cc-list--with-actions.cc-list--h .cc-button-wrapper {
    flex: 0 0 auto;
    width: auto;
    justify-self: flex-end;
    order: 999;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px), print {
      .cc-list--with-actions.cc-list--m-h .cc-button-wrapper {
        flex: 0 0 auto;
        width: auto;
        justify-self: flex-end;
        order: 999;
      }
      .cc-list--with-actions.cc-list--m-h .cc-item {
        flex: 1 1 0;
      }
    }
  }
  .cc-list-wrapper--collapse .cc-summary [data-cc-details] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-left: 2.8rem;
  }
  .cc-list-wrapper--collapse .cc-summary:not(.is-collapsed) [data-cc-details] {
    padding-top: 1rem;
  }
  .cc-list--legend .cc-item__icon--accent::before {
    background-color: var(--light, #5cb3fa) var(--dark, #0077d8);
  }
  .cc-list--legend .cc-item__icon--yellow::before {
    background-color: var(--light, #fcde7b) var(--dark, #bd9100);
  }
  .cc-list--legend .cc-item__icon--green::before {
    background-color: var(--light, #65e199) var(--dark, #097e39);
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px), print {
      .cc-list--m-h {
        display: flex;
        flex-direction: row;
      }
    }
  }
  .cc-list--promotion .cc-select-wrapper--inline {
    margin-bottom: -5px;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-list--promotion .cc-item:has(.cc-select-wrapper--inline) {
        --cc-item-space-gap: 1.6rem;
      }
    }
  }
  @media screen and (min-width: 1025px) {
    .cc-list--promotion .cc-item:last-child {
      --cc-item-space-justify: flex-end;
    }
  }
  @media screen and (min-width: 1025px) {
    .cc-list--l-h {
      display: flex;
      flex-direction: row;
    }
    .cc-list--l-h .cc-button-wrapper {
      flex: 0 0 auto;
      width: auto;
      justify-self: flex-end;
      order: 999;
    }
    .cc-list--l-h .cc-item {
      flex: 1 1 0;
    }
  }
  .cc-list--order {
    position: static;
    gap: 1.2rem;
  }
  .cc-list--ordered .cc-item {
    gap: 1.2rem;
  }
  .cc-list--v-center {
    align-items: center;
  }
  .cc-list--v-line:before {
    content: "";
    position: absolute;
    background: var(--cc-list-color-background-divider);
    width: 1px;
    height: auto;
    top: 1rem;
    bottom: 1rem;
    left: 0.5rem;
  }
  @media screen and (min-width: 1280px) {
    .cc-list--order {
      display: grid;
      grid-template-columns: 1.25fr 1.75fr 1fr;
      gap: 2.4rem;
    }
    .cc-list--order .cc-item {
      --cc-item-space-direction: column;
      --cc-item-space-gap: 0.6rem;
      min-width: initial;
    }
    .cc-list--order .cc-item--discount {
      min-width: 0;
      position: static;
    }
    .cc-list--order .cc-item--discount .cc-item__label {
      max-width: 100%;
    }
  }
  @media screen and (min-width: 1280px) {
    .cc-list--h-end {
      max-width: 42rem;
      margin-left: auto;
    }
  }
  .cc-list--paused .cc-item--red .cc-item__detail {
    color: var(--cc-list-color-disabled);
  }
}
@layer components {
  .cc-top-bar {
    --cc-top-bar-color-background: var(--cs-color-surface-container-high);
    --cc-top-bar-color-text-primary: var(--cs-color-on-surface);
    --cc-top-bar-elevation-shadow: var(--cs-elevation-shadow-8);
    --cc-top-bar-elevation-z: 331;
    --cc-top-bar-font-size-heading: 1.6rem;
    --cc-top-bar-font-weight-heading: var(--cs-font-weight-display);
    --cc-top-bar-size-height: calc(var(--sat) + 5rem);
    --cc-top-bar-space-padding-block-start: var(--sat);
    --cc-top-bar-size-height: 5rem;
    --cc-top-bar-space-padding-block-start: 0;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: var(--cc-top-bar-color-background);
    z-index: var(--cc-top-bar-elevation-z);
    height: var(--cc-top-bar-size-height);
    padding-top: var(--cc-top-bar-space-padding-block-start);
    flex: 0 0 auto;
  }
  .cc-top-bar__wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
    box-shadow: var(--cc-top-bar-elevation-shadow);
  }
  .cc-top-bar__right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
  }
  .cc-top-bar .cc-button--touch {
    overflow: hidden;
  }
  .cc-top-bar .cc-button--touch ~ .cc-top-bar__title {
    padding-right: 5.6rem;
    padding-left: 0.6rem;
  }
  @media print {
    .cc-top-bar .cc-button--touch {
      display: none;
    }
    .cc-top-bar .cc-button--touch ~ .cc-top-bar__title {
      padding: 0;
    }
  }
  .cc-top-bar h2 {
    margin: 0;
    font-size: var(--cc-top-bar-font-size-heading);
    font-weight: var(--cc-top-bar-font-weight-heading);
    text-align: center;
    color: var(--cc-top-bar-color-text-primary);
    max-width: 100%;
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
  .cc-top-bar h2 span {
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .cc-top-bar h2 span:not(:first-child):before {
    content: " ";
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-top-bar__right .cc-button--xs {
        margin-right: 1.6rem;
      }
      .cc-top-bar--elevation-none .cc-button__icon--back:before {
        content: "\e489";
        font-family: "cyza-font" !important;
      }
      .cc-top-bar--absolute {
        position: absolute;
      }
      .cc-top-bar--sticky {
        --cc-top-bar-size-height: calc(var(--sat) + 5rem);
        --cc-top-bar-space-padding-block-start: var(--sat);
        position: sticky;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px), print {
      .cc-top-bar--box,
      .cc-top-bar--modal {
        --cc-top-bar-elevation-z: 800;
      }
      .cc-top-bar--box {
        --cc-top-bar-size-height: 7.2rem;
        --cc-top-bar-space-padding-block-start: 0;
        position: relative;
        width: 100%;
      }
      .cc-top-bar--box .cc-top-bar__wrapper {
        padding-left: 20px;
        padding-right: 20px;
      }
      .cc-top-bar--modal {
        --cc-top-bar-size-height: 5.4rem;
        --cc-top-bar-space-padding-block-start: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
      }
      .cc-top-bar--modal .cc-menu {
        max-width: 350px;
        right: initial;
        left: 2.5rem;
        left: anchor(center);
      }
      .cc-top-bar--modal .cc-nav {
        width: 100%;
        padding-left: 5.6rem;
        padding-right: 0.6rem;
      }
      .cc-top-bar--modal .cc-button--icon {
        --cc-button-space-padding-inline: 0;
        --cc-button-space-padding-block: 0;
        --cc-button-font-size-icon: 1.4rem;
        --cc-button-color-icon: color-mix(in srgb, var(--cs-color-on-surface-variant) 75%, transparent);
        --cc-button-color-icon-hover: color-mix(in srgb, var(--cs-color-on-surface-variant) 90%, transparent);
        --cc-button-color-background-icon-hover: var(--cs-color-surface-bright);
        overflow: hidden;
      }
      .cc-top-bar--modal .cc-button--icon .cc-button__icon {
        width: 4rem;
        height: 4rem;
        border-radius: 50%;
      }
      .cc-top-bar--modal .cc-button--icon .cc-button__icon--back:before {
        content: "\e489";
        font-family: "cyza-font" !important;
      }
      .cc-top-bar--modal .cc-button--touch ~ .cc-top-bar__title {
        padding-left: 5.6rem;
        padding-right: 0.6rem;
      }
      .cc-top-bar--modal .cc-top-bar__wrapper {
        flex-direction: row-reverse;
      }
      .cc-top-bar--modal .cc-top-bar__right {
        right: initial;
        left: 0;
      }
      .cc-top-bar--modal .cc-top-bar__right .cc-button--xs {
        width: auto;
        margin-left: 15px;
      }
      .cc-top-bar--messages .cc-top-bar__right {
        position: relative;
        margin-left: auto;
        margin-right: -12px;
      }
    }
  }
  .cc-top-bar--elevation-none {
    background-color: transparent;
  }
  .cc-top-bar--elevation-none .cc-top-bar__wrapper {
    box-shadow: none;
    background-color: transparent;
  }
}
@layer components {
  .cc-app-bar {
    --cc-app-bar-color-background: var(--cs-color-surface);
    --cc-app-bar-color-border: var(--cs-color-outline-variant);
    --cc-app-bar-color-text-primary: var(--cs-color-on-surface);
    --cc-app-bar-color-text-secondary: var(--cs-color-on-surface-variant);
    --cc-app-bar-elevation-shadow: var(--cs-elevation-shadow-8);
    --cc-app-bar-elevation-z-section: var(--cs-elevation-z-10);
    --cc-app-bar-elevation-z: 302;
    --cc-app-bar-font-size-input: 1.6rem;
    --cc-app-bar-font-size-large: 1.6rem;
    --cc-app-bar-font-size-small: 1.4rem;
    --cc-app-bar-font-weight-body: var(--cs-font-weight-body);
    --cc-app-bar-font-weight-display: var(--cs-font-weight-display);
    --cc-app-bar-size-button-clear: 5rem;
    --cc-app-bar-size-height: calc(var(--sat) + 5rem);
    --cc-app-bar-size-width-heading: 100%;
    --cc-app-bar-space-padding-inline-section: 1.6rem;
    --cc-app-bar-space-padding-inline: 0;
    grid-area: header;
    position: relative;
    background-color: var(--cc-app-bar-color-background);
    z-index: var(--cc-app-bar-elevation-z);
  }
  .cc-app-bar .cc-button--touch {
    overflow: hidden;
  }
  .cc-app-bar__wrapper {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: var(--cc-app-bar-size-height);
    padding-inline: var(--cc-app-bar-space-padding-inline);
  }
  .cc-app-bar__heading {
    display: flex;
    min-width: 0;
    font-size: var(--cc-app-bar-font-size-large);
    font-weight: var(--cc-app-bar-font-weight-display);
  }
  .cc-app-bar__heading--light {
    color: var(--cc-app-bar-color-text-secondary);
  }
  .cc-app-bar__heading--page {
    max-width: var(--cc-app-bar-size-width-heading);
  }
  .cc-app-bar__heading span:nth-child(2):last-child {
    color: var(--cc-app-bar-color-text-secondary);
  }
  .cc-app-bar__heading span:nth-child(2):last-child span {
    font-size: var(--cc-app-bar-font-size-small);
  }
  .cc-app-bar__section {
    display: flex;
    align-items: center;
    z-index: var(--cc-app-bar-elevation-z-section);
  }
  .cc-app-bar__section--left {
    z-index: calc(var(--cc-app-bar-elevation-z-section) + 1);
  }
  .cc-app-bar__section--center {
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    flex: 1 1 0;
    width: 100%;
    height: 100%;
    padding-inline: var(--cc-app-bar-space-padding-inline-section);
  }
  @media not print {
    .cc-app-bar__section--center:not(:only-child) .cc-nav-wrapper {
      width: calc(100% - 500px);
    }
  }
  .cc-app-bar__section--center .cc-nav-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .cc-app-bar__section--center .cc-nav-wrapper--right {
    width: calc(100% - 250px);
    margin-right: 0;
  }
  .cc-app-bar__section--center .cc-nav-wrapper--right .cc-nav {
    width: 100%;
    justify-content: flex-end;
  }
  .cc-app-bar__section--right {
    z-index: calc(var(--cc-app-bar-elevation-z-section) + 1);
    margin-left: auto;
    padding-top: 0;
  }
  .cc-app-bar__section--right .cc-button--touch-mobile {
    --cc-button-font-size-icon: 2.1rem;
    --cc-button-font-weight: var(--cs-font-weight-display);
  }
  .cc-app-bar__path {
    /* Default value */
    display: flex;
    align-items: center;
    color: var(--cc-app-bar-color-text-secondary);
    height: 100%;
    min-width: 0;
    position: relative;
    gap: 1.6rem;
  }
  .cc-app-bar__path md-ripple {
    --md-ripple-padding-inline: calc(-1 * var(--cr-space-150));
    --md-ripple-padding-block: var(--cr-space-50);
    border-radius: var(--cs-shape-full);
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-app-bar {
        position: sticky;
        width: 100%;
        left: 0;
        top: 0;
        margin: 0;
      }
      .cc-app-bar__wrapper {
        box-shadow: var(--cc-app-bar-elevation-shadow);
      }
      .cc-app-bar__section--left, .cc-app-bar__section--center {
        padding-top: var(--sat);
      }
      .cc-app-bar__section--left {
        width: 100%;
        padding-right: 6rem;
      }
      .cc-app-bar__section--center {
        display: none;
      }
      .cc-app-bar__section--center.visible {
        display: flex;
      }
      .cc-app-bar__section--right {
        margin-top: var(--sat);
      }
      .cc-app-bar__section--search {
        padding-left: 0;
        padding-right: 0;
      }
      .cc-app-bar__section--search .cc-app-bar__input {
        /* Default value */
        display: flex;
        align-items: center;
        position: relative;
        width: 100%;
      }
      .cc-app-bar__section--search .mdc-text-field,
      .cc-app-bar__section--search .mdc-text-field__input {
        height: 100%;
        min-height: initial;
      }
      .cc-app-bar__section--search .mdc-text-field {
        flex: 1 1 0;
        margin-bottom: 0;
      }
      .cc-app-bar__section--search .mdc-text-field__input {
        padding: 0;
        font-size: var(--cc-app-bar-input-font-size);
      }
      .cc-app-bar__section--search .mdc-text-field__input::placeholder {
        opacity: 1;
        visibility: visible;
      }
      .cc-app-bar__section--search .mdc-text-field--with-trailing-icon .mdc-text-field__icon--clear {
        font-size: 1.2rem;
        width: var(--cc-app-bar-size-button-clear);
        height: var(--cc-app-bar-size-button-clear);
        top: 50%;
        transform: translateY(-50%);
      }
      .cc-app-bar__section--search .mdc-text-field .mdc-line-ripple,
      .cc-app-bar__section--search .mdc-text-field .mdc-floating-label {
        display: none;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-app-bar {
        --cc-app-bar-color-background: var(--cs-color-surface-container-high);
        --cc-app-bar-size-height: 5.4rem;
      }
    }
    @media screen and (min-width: 744px) {
      .cc-app-bar {
        box-shadow: var(--cc-app-bar-elevation-shadow);
      }
      .cc-app-bar.visible ~ .cz-page-content .cc-box-content > .cc-toolbar--select {
        --cc-toolbar-space-position-sticky: calc(5.4rem + 6.8rem);
      }
      .cc-app-bar:has(.cc-app-bar__section--left .cc-button--touch) .cc-app-bar__wrapper {
        padding-left: initial;
      }
      .cc-app-bar:has(.cc-app-bar__section--right .cc-button--touch) .cc-app-bar__wrapper {
        padding-right: initial;
      }
      .cc-app-bar__path md-ripple {
        --md-ripple-padding-block: var(--cr-space-75);
      }
      .cc-app-bar--listing .cc-app-bar__section--left {
        width: 100%;
        padding-right: var(--cc-app-bar-space-padding-inline);
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) and (max-width: 1024px), print {
      .cc-app-bar {
        --cc-app-bar-space-padding-inline: 2rem;
        --cc-app-bar-space-padding-inline-section: 2rem;
      }
    }
    @media print {
      .cc-app-bar {
        --cc-app-bar-space-padding-inline: var(--cs-layout-inline);
        --cc-app-bar-space-padding-inline-section: 0;
        border-bottom: 1px solid var(--cc-app-bar-color-border);
      }
      .cc-app-bar .cc-button--touch {
        display: none;
      }
    }
    @media screen and (min-width: 744px) and (max-width: 1024px), print {
      .cc-app-bar__section--center:not(:only-child) .cc-nav-wrapper {
        margin-right: 0;
      }
    }
    @media screen and (min-width: 744px) and (max-width: 1024px) {
      .cc-app-bar__section--center:not(:only-child) .cc-nav-wrapper {
        width: calc(100% - 250px);
      }
    }
    @media screen and (min-width: 744px) and (max-width: 1024px), print {
      .cc-app-bar__section--center:not(:only-child) .cc-nav {
        width: 100%;
        justify-content: flex-end;
      }
    }
  }
  @media screen and (min-width: 1025px) {
    .cc-app-bar {
      --cc-app-bar-space-padding-inline: 1.6rem;
    }
    .cc-app-bar--listing .cc-app-bar__section--left {
      flex: 0 0 58%;
      max-width: 58%;
    }
  }
}
@layer components {
  .cc-badge {
    --cc-badge-color-background-divider: color-mix(in srgb, var(--cs-color-scrim-white) 20%, transparent);
    --cc-badge-color-background: var(--cs-color-primary-fixed);
    --cc-badge-color-border-counter: color-mix(in srgb, var(--cs-color-scrim-adaptive-inverse) 20%, transparent);
    --cc-badge-color-text-primary: var(--cs-color-on-surface-variant);
    --cc-badge-color-text-secondary: var(--cs-color-on-primary-fixed);
    --cc-badge-elevation-z: var(--cs-elevation-z-10);
    --cc-badge-font-line-height: 1;
    --cc-badge-font-size-body: 1.1rem;
    --cc-badge-font-size-icon: 1.4rem;
    --cc-badge-shape: var(--cs-shape-50);
    --cc-badge-size-height-divider: 1.4rem;
    --cc-badge-size-height: 3rem;
    --cc-badge-size-width-limit: 70%;
    --cc-badge-size-width: 2rem;
    --cc-badge-space-gap-inline: var(--cr-space-100);
    --cc-badge-space-gap-block: var(--cr-space-50);
    --cc-badge-space-padding-inline-end: var(--cr-space-50);
    --cc-badge-space-padding-inline: var(--cr-space-300);
    --cc-badge-space-position-x: var(--cr-space-0);
    --cc-badge-space-position-y: var(--cr-space-0);
    position: absolute;
    box-sizing: border-box;
    top: var(--cc-badge-space-position-y);
    left: var(--cc-badge-space-position-x);
    z-index: var(--cc-badge-elevation-z);
    height: var(--cc-badge-size-height);
  }
  .cc-badge .cc-divider {
    background-color: var(--cc-badge-color-background-divider);
    height: var(--cc-badge-size-height-divider);
  }
  .cc-badge__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
    flex-shrink: 0;
    color: var(--cc-badge-color-text-secondary);
    background-color: var(--cc-badge-color-background);
    z-index: 1;
    padding-inline: var(--cc-badge-space-padding-inline);
    column-gap: var(--cc-badge-space-gap-inline);
  }
  .cc-badge__wrapper:after {
    content: "";
    position: absolute;
    right: var(--cr-space-negative-175);
    width: 4rem;
    height: var(--cc-badge-size-height);
    transform: skewX(-25deg);
    z-index: -1;
    border-bottom-right-radius: var(--cc-badge-shape);
    background-color: var(--cc-badge-color-background);
  }
  .cc-badge__content, .cc-badge__label {
    min-width: 0;
  }
  .cc-badge__icon, .cc-badge__label, .cc-badge__content {
    /* Default value */
    display: flex;
    align-items: center;
  }
  .cc-badge__icon, .cc-badge__label {
    line-height: var(--cc-badge-font-line-height);
  }
  .cc-badge__label {
    font-size: var(--cc-badge-font-size-body);
    word-break: initial;
  }
  .cc-badge__label--date {
    color: var(--cc-badge-color-text-secondary);
  }
  .cc-badge__icon {
    position: relative;
    font-size: var(--cc-badge-font-size-icon);
  }
  .cc-badge__icon--draft:before {
    content: "\e3c1";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--purchased:before {
    content: "\e1ba";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--invited:before {
    content: "\e1d3";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--process:before {
    content: "<";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--pay:before {
    content: "\e1bb";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--suspended:before {
    content: "\e364";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--paused:before {
    content: "\e364";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--ended:before {
    content: "\e346";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--warning:before {
    content: "\e1f7";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--expired:before {
    content: "\e1b2";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--archived:before {
    content: "\e089";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--cancelled:before {
    content: "\e0ce";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--billed:before {
    content: "\e21e";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--refunded:before {
    content: "\e1b4";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--pending:before {
    content: "\e395";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--disabled:before {
    content: "|";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--dispute:before {
    content: "\e193";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--escalated-dispute:before {
    content: "\e193";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--bill:before {
    content: "6";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--no-show:before {
    content: "\e325";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--deleted:before {
    content: "\e19d";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--multiple-orders:before {
    content: "\e15c";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--completed:before {
    content: "\e35c";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--active:before {
    content: "\e35c";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--appointment:before {
    content: "\e1a7";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--event:before {
    content: "\e1a8";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--subscription:before {
    content: "t";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--membership:before {
    content: "v";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--reported:before {
    content: "\e3d7";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--error:before {
    content: "\e1f7";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--retention:before {
    content: "\e1b4";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--revise:before {
    content: "\e1b4";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--instructions:before {
    content: "\e3d1";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--awaiting:before {
    content: "\e1f1";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--confirmed:before {
    content: "\e1ad";
    font-family: "cyza-font" !important;
  }
  .cc-badge__icon--declined:before {
    content: "\e0ce";
    font-family: "cyza-font" !important;
  }
  .cc-badge--alert {
    --cc-badge-color-background: var(--cs-color-error);
  }
  .cc-badge--success {
    --cc-badge-color-background: var(--cs-color-success);
  }
  .cc-badge--warning {
    --cc-badge-color-background: var(--cs-color-warning);
  }
  .cc-badge--l {
    --cc-badge-font-size-body: 1.2rem;
    --cc-badge-font-size-icon: 1.6rem;
    min-width: 160px;
  }
  .cc-badge--cover .cc-badge__wrapper {
    padding-left: 1.2rem;
  }
  .cc-badge--cover .cc-badge__content {
    text-transform: uppercase;
  }
  .cc-badge--status:not(.cc-badge--right) {
    left: var(--cc-badge-space-position-x);
  }
  .cc-badge--status:not(.cc-badge--right) .cc-badge__wrapper {
    padding-right: var(--cc-badge-space-padding-inline-end);
  }
  .cc-badge--right {
    left: initial;
    right: var(--cc-badge-space-position-x);
  }
  .cc-badge--right .cc-badge__content {
    justify-content: flex-end;
  }
  .cc-badge--right .cc-badge__wrapper {
    padding-left: var(--cc-badge-space-padding-inline-end);
  }
  .cc-badge--right .cc-badge__wrapper:after {
    left: var(--cr-space-negative-175);
    transform: skewX(25deg);
    border-bottom-right-radius: initial;
    border-bottom-left-radius: var(--cc-badge-shape);
  }
  .cc-badge--card {
    --cc-badge-space-padding-inline: var(--cr-space-200);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-right: var(--cc-badge-space-padding-inline);
    z-index: 8;
    border-top-left-radius: 0;
  }
  .cc-badge--card .cc-badge__wrapper {
    padding-left: var(--cc-badge-space-padding-inline);
    padding-right: var(--cc-badge-space-padding-inline-end);
    max-width: var(--cc-badge-size-width-limit);
  }
  @media print {
    .cc-badge--card .cc-badge__wrapper {
      --cc-badge-size-width-limit: 98%;
    }
  }
  .cc-badge--transparent {
    --cc-badge-color-background: transparent;
    --cc-badge-space-position-y: 1.6rem;
  }
  .cc-badge--transparent .cc-badge__wrapper {
    color: var(--cc-badge-color-text-primary);
  }
  .cc-badge--transparent .cc-badge__wrapper::after {
    display: none;
  }
  .cc-badge--relative {
    --cc-badge-size-width-limit: 100%;
    position: relative;
  }
  .cc-badge--header {
    --cc-badge-space-position-x: calc(50% - 0.2rem);
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-badge--header {
        --cc-badge-space-position-x: calc(50% + 0.2rem);
      }
    }
  }
  .cc-badge--count {
    --cc-badge-color-background: var(--cs-color-primary);
    --cc-badge-size-height: 1.8rem;
    --cc-badge-space-padding-inline: var(--cr-space-50);
  }
  .cc-badge--count .cc-badge__wrapper {
    border-radius: var(--cs-shape-full);
    min-width: var(--cc-badge-size-width);
    color: var(--cc-badge-color-text-secondary);
    font-size: var(--cc-badge-font-size-body);
    font-weight: var(--cs-font-weight-display);
    border: 1px solid var(--cc-badge-color-border-counter);
    line-height: var(--cc-badge-font-line-height);
  }
  .cc-badge--count .cc-badge__wrapper:before, .cc-badge--count .cc-badge__wrapper:after {
    content: none;
  }
  .cc-badge--circular {
    --cc-badge-size-height: 2.4rem;
    --cc-badge-size-width: 2.4rem;
    --cc-badge-font-size-body: 1.3rem;
    --cc-badge-color-background: var(--cs-color-primary-fixed);
  }
  .cc-badge--circular .cc-badge__wrapper:before, .cc-badge--circular .cc-badge__wrapper:after {
    content: none;
  }
  .cc-badge--nav {
    --cc-badge-size-height: 2.2rem;
    --cc-badge-size-width: 2.4rem;
    position: relative;
  }
  .cc-badge--nav .cc-badge__wrapper {
    padding-top: 0.175rem;
  }
  .cc-badge--diagonal {
    --cc-badge-color-background: var(--cs-color-scrim-white);
    --cc-badge-size-height: initial;
    --cc-badge-space-position-x: -5rem;
    --cc-badge-space-position-y: -2.5rem;
  }
  .cc-badge--diagonal .cc-badge__wrapper {
    width: 12rem;
    text-transform: uppercase;
    padding: 5rem 2.5rem 0.5rem;
    color: var(--cs-color-primary-fixed);
    font-weight: var(--cc-badge-font-weight-medium);
    transform: rotate(45deg);
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06);
    z-index: 1;
    font-size: 1.2rem;
  }
  .cc-badge--safe-top {
    --cc-badge-space-position-y: calc(var(--sat) + 1rem);
  }
  .cc-badge--favorite {
    --cc-badge-size-width: 2rem;
    --cc-badge-size-height: 2rem;
    --cc-badge-font-size-icon: 1.1rem;
    --cc-badge-space-padding-inline: 0;
    width: var(--cc-badge-size-width);
    height: var(--cc-badge-size-height);
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px), print {
      .cc-badge--favorite {
        --cc-badge-size-width: 2.4rem;
        --cc-badge-size-height: 2.4rem;
        --cc-badge-font-size-icon: 1.2rem;
        top: 0.2rem;
        left: 0.2rem;
      }
    }
  }
  .cc-badge--favorite .cc-badge__wrapper {
    border-radius: var(--cs-shape-full);
  }
  .cc-badge--favorite .cc-badge__icon {
    margin: initial;
  }
  @media screen and (max-width: 281px) {
    .cc-badge--fold {
      --cc-badge-size-height: 4rem;
    }
    .cc-badge--fold .cc-divider {
      display: none;
    }
    .cc-badge--fold .cc-badge__content {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      flex-direction: column;
      gap: var(--cc-badge-space-gap-block);
    }
  }
  @media screen and (min-width: 360px) {
    .cc-badge--card {
      --cc-badge-size-width-limit: 77%;
    }
    .cc-badge--header {
      --cc-badge-space-position-y: 0.4rem;
    }
  }
  @media screen and (min-width: 576px) {
    .cc-badge--card .cc-badge__wrapper {
      border-top-left-radius: var(--cc-badge-shape);
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) and (max-width: 1024px) {
      .cc-badge--card {
        --cc-badge-size-width-limit: 65%;
      }
    }
  }
  .cc-nav__item:not(.is-active) .cc-badge,
  .cc-bottom-nav__item:not(.is-active) .cc-badge {
    --cc-badge-color-background: var(--cs-color-secondary);
  }
}
@layer components {
  .cc-chip-set {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    box-sizing: border-box;
    position: relative;
    gap: 1.2rem;
  }
  .cc-chip {
    --cc-chip-color-background: var(--cs-color-surface-container-highest);
    --cc-chip-color-border: var(--cs-color-outline-variant);
    --cc-chip-color-text-primary: var(--cs-color-on-surface);
    --cc-chip-color-text-accent: var(--cs-color-primary);
    --cc-chip-color-text-disabled: var(--cs-color-secondary-fixed);
    --cc-chip-color-text-label: var(--cs-color-secondary-fixed);
    --cc-chip-color-text-tag: var(--cs-color-secondary-fixed);
    --cc-chip-elevation-z: 1;
    --cc-chip-font-size-text: 1.4rem;
    --cc-chip-font-size-label: 1.2rem;
    --cc-chip-font-size-label-float: 1.1rem;
    --cc-chip-shape: var(--cs-shape-full);
    --cc-chip-size-height: 3.2rem;
    --cc-chip-size-height-divider: 60%;
    --cc-chip-size-image: 3rem;
    max-width: 100%;
    height: var(--cc-chip-size-height);
    padding: 0 0.6rem;
    border-radius: var(--cc-chip-shape);
    border: 1px solid var(--cc-chip-color-border);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    position: relative;
    background-color: var(--cc-chip-color-background);
    z-index: var(--cc-chip-elevation-z);
  }
  .cc-chip .cc-avatar-wrapper {
    margin-left: -0.6rem;
  }
  .cc-chip .cc-avatar {
    --cc-avatar-size: var(--cc-chip-size-image);
    --cc-avatar-shape: var(--cs-shape-circle);
  }
  .cc-chip .cc-button--remove {
    padding: 1rem;
    margin-left: -0.8rem;
    overflow: hidden;
  }
  @media print {
    .cc-chip .cc-button--remove {
      display: none;
    }
  }
  .cc-chip__text {
    cursor: default;
    color: var(--cc-chip-color-text-accent);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    flex: 1 1 auto;
    font-size: var(--cc-chip-font-size-text);
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .cc-chip__text.is-disabled {
    color: var(--cc-chip-color-text-disabled);
  }
  .cc-chip__text--label {
    font-size: var(--cc-chip-font-size-label);
    color: var(--cc-chip-color-text-label);
    margin-right: 1rem;
  }
  .cc-chip--large,
  .cc-chip--filter {
    --cc-chip-shape: var(--cs-shape-50);
    --cc-chip-height: 5rem;
    justify-content: flex-start;
    border: 1px solid var(--cc-chip-color-border);
    background: var(--cc-chip-color-background);
    padding: initial;
    height: initial;
    cursor: pointer;
  }
  .cc-chip--large .cc-divider--vertical,
  .cc-chip--filter .cc-divider--vertical {
    margin-left: 0;
    margin-right: 0;
    height: var(--cc-chip-height-divider);
  }
  .cc-chip--large .cc-button--remove,
  .cc-chip--filter .cc-button--remove {
    margin-left: initial;
  }
  .cc-chip--large .cz-row,
  .cc-chip--filter .cz-row {
    align-items: baseline;
    width: 100%;
  }
  .cc-chip--large .cc-chip__wrapper,
  .cc-chip--filter .cc-chip__wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    max-width: 100%;
    padding: 0.6rem 1rem;
    min-height: var(--cc-chip-size-height);
  }
  .cc-chip--large .cc-chip__label,
  .cc-chip--filter .cc-chip__label {
    display: block;
    color: var(--cc-chip-color-text-label);
    font-size: var(--cc-chip-font-size-label-float);
  }
  .cc-chip--large .cc-chip__text,
  .cc-chip--filter .cc-chip__text {
    margin: initial;
    flex: 0 0 auto;
    color: var(--cc-chip-color-text-primary);
  }
  .cc-chip--large .cc-chip__text ~ .cc-chip__text,
  .cc-chip--filter .cc-chip__text ~ .cc-chip__text {
    margin-left: 4px;
  }
  .cc-chip--large .cc-chip__text--tag,
  .cc-chip--filter .cc-chip__text--tag {
    color: var(--cc-chip-color-text-tag);
  }
  .cc-chip--large .cc-image-wrapper {
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 50%;
  }
  .cc-chip--large .cz-row {
    gap: 1.2rem;
    align-items: center;
  }
  .cc-chip--hover {
    cursor: pointer;
  }
  .cc-chip--hover .cc-chip__text {
    cursor: pointer;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-chip-set {
        margin-top: 0;
        flex-shrink: 0;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-chip--filter {
        --cc-chip-font-size-text: 1.3rem;
      }
    }
  }
}
@layer components {
  dialog::backdrop,
  [dialog]::backdrop,
  .cc-dialog--popover::before {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 899;
    background-color: color-mix(in srgb, var(--cs-color-scrim-black) 60%, transparent);
    max-height: var(--viewport-height);
    overscroll-behavior: contain;
    -webkit-backdrop-filter: blur(1px);
            backdrop-filter: blur(1px);
    pointer-events: none;
    width: 100%;
    max-width: 100%;
  }
  @media print {
    dialog::backdrop,
    [dialog]::backdrop,
    .cc-dialog--popover::before {
      display: none;
    }
  }
  .cc-dialog--dismissible::backdrop {
    pointer-events: all;
  }
  [data-popover-trigger].active-popover {
    anchor-name: --active-popover;
  }
  .cc-menu-wrapper:has(.active-popover) {
    anchor-name: --active-popover;
  }
  .cc-dialog {
    --cc-dialog-color-background: var(--cs-color-surface-container);
    --cc-dialog-color-background-section: var(--cs-color-surface-bright);
    --cc-dialog-elevation-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12);
    --cc-dialog-shape: var(--cs-shape-50);
    --cc-dialog-width: 100%;
    --cc-dialog-space-padding-inline: 2.4rem;
    --cc-dialog-space-padding-block: 2rem;
    position: fixed;
    overflow: visible;
    top: 0;
    left: 0;
    margin: initial;
    box-shadow: var(--cc-dialog-elevation-shadow);
    scroll-margin: 7rem;
    max-height: initial;
    background-color: var(--cc-dialog-color-background);
    width: var(--cc-dialog-width);
    max-width: 100%;
  }
  .cc-dialog:open {
    display: flex;
    flex-direction: column;
  }
  .cc-dialog .cc-dialog-caret {
    display: block;
    position: absolute;
    background-color: var(--cc-dialog-color-background);
  }
  .cc-dialog .cc-dialog-caret.up, .cc-dialog .cc-dialog-caret.down {
    width: 20px;
    height: 16px;
  }
  .cc-dialog .cc-dialog-caret.left, .cc-dialog .cc-dialog-caret.right {
    width: 16px;
    height: 20px;
  }
  .cc-dialog .cc-dialog-caret.up {
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    top: -10px;
  }
  .cc-dialog .cc-dialog-caret.down {
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
    bottom: -10px;
  }
  .cc-dialog .cc-dialog-caret.left {
    clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
    left: -10px;
  }
  .cc-dialog .cc-dialog-caret.right {
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
    right: -10px;
  }
  .cc-dialog .cc-footer {
    margin-top: auto;
  }
  .cc-dialog__wrapper {
    position: relative;
    padding-block: var(--cc-dialog-space-padding-block);
    padding-inline: var(--cc-dialog-space-padding-inline);
    overflow: visible;
    flex: 1 1 0;
  }
  @media print {
    .cc-dialog {
      display: none;
    }
  }
  .cc-dialog__label {
    margin-bottom: 16px;
  }
  .cc-dialog--no-padding .cc-dialog__wrapper {
    padding: 0;
  }
  .cc-dialog--no-padding .cc-section {
    padding-block: var(--cc-dialog-space-padding-block);
    padding-inline: var(--cc-dialog-space-padding-inline);
  }
  .cc-dialog--no-padding .cc-section:last-child {
    padding-bottom: 2rem;
  }
  .cc-dialog--add-staff .existing-staff-dropdown {
    display: none;
  }
  .cc-dialog--add-staff .existing-staff-dropdown.visible {
    display: block;
    margin-left: 56px;
  }
  .cc-dialog--edit-time,
  .cc-dialog--add-time {
    min-height: 475px;
  }
  .cc-dialog--edit-time .cc-dialog-caret,
  .cc-dialog--add-time .cc-dialog-caret {
    background-color: var(--cc-dialog-color-background-section);
  }
  .cc-dialog--edit-time .cc-dialog__wrapper,
  .cc-dialog--add-time .cc-dialog__wrapper {
    row-gap: 0.4rem;
  }
  .cc-dialog--edit-time .cc-section,
  .cc-dialog--add-time .cc-section {
    --cc-dialog-space-padding-block: 0;
  }
  .cc-dialog--edit-time .cc-section--main,
  .cc-dialog--add-time .cc-section--main {
    background-color: var(--cc-dialog-color-background-section);
    padding-block-start: 2.4rem;
    margin-block-end: 1.6rem;
    padding-bottom: 0.4rem;
  }
  .cc-dialog--edit-time .cc-section--happy .cc-field,
  .cc-dialog--add-time .cc-section--happy .cc-field {
    padding-left: 56px;
    display: none;
  }
  .cc-dialog--edit-time .cc-section--happy .cc-field.visible,
  .cc-dialog--add-time .cc-section--happy .cc-field.visible {
    display: flex;
    justify-content: space-between;
  }
  .cc-dialog--edit-time .cc-section--clone,
  .cc-dialog--add-time .cc-section--clone {
    padding-block-end: 1.6rem;
  }
  .cc-dialog--edit-time .cc-section--clone .cz-mdc-checkbox-dow,
  .cc-dialog--add-time .cc-section--clone .cz-mdc-checkbox-dow {
    padding-left: 58px;
    display: none;
  }
  .cc-dialog--edit-time .cc-section--clone .cz-mdc-checkbox-dow.visible,
  .cc-dialog--add-time .cc-section--clone .cz-mdc-checkbox-dow.visible {
    display: flex;
  }
  .cc-dialog--edit-time .cc-section--clone .cz-mdc-checkbox-dow .mdc-form-field,
  .cc-dialog--add-time .cc-section--clone .cz-mdc-checkbox-dow .mdc-form-field {
    margin-top: 0.4rem;
  }
  .cc-dialog--popover {
    z-index: 920;
  }
  .cc-dialog--popover::before {
    content: "";
    z-index: 1;
  }
  .cc-dialog--popover .cc-dialog__wrapper {
    z-index: 2;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-dialog {
        position: fixed;
        top: initial;
        bottom: 0;
        left: 0;
        max-height: 80%;
        height: max-content;
        z-index: 920;
      }
      .cc-dialog .cc-dialog__wrapper {
        background: var(--cc-dialog-color-background);
      }
      .cc-dialog .cc-section--happy .flatpickr-calendar.noCalendar {
        top: initial;
        bottom: calc(100% + 2px);
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-dialog {
        --cc-dialog-width: 380px;
        border-radius: var(--cc-dialog-shape);
      }
      .cc-dialog .cc-footer {
        overflow: hidden;
        border-bottom-left-radius: var(--cc-dialog-shape);
        border-bottom-right-radius: var(--cc-dialog-shape);
      }
      .cc-dialog--popover {
        --cc-dialog-width: 320px;
      }
      .cc-dialog--popover::before {
        content: none;
        display: none;
      }
      .cc-dialog--popover.cc-dialog--hint {
        --cc-dialog-width: 450px;
      }
    }
  }
  .cc-dialog--hint {
    bottom: 0;
    left: 0;
    top: initial;
  }
}
@container toolbar (max-width: 600px) {
  .cc-expand-wrapper--auto-layout.is-expanded [class*=hide-on-expand] {
    visibility: hidden;
    width: 0;
    opacity: 0;
    flex-grow: 0;
    scale: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .cc-expand-wrapper--auto-layout.is-expanded .cc-expand--w-limit {
    max-width: 100%;
  }
}
@layer components {
  .cc-expand-only {
    display: none;
  }
  .cc-expand {
    --cc-expand-color-button-default: var(--cs-color-on-surface-variant);
    --cc-expand-color-button-hover: color-mix(in srgb, var(--cs-color-primary), white 8%);
    --cc-expand-color-text-accent: var(--cs-color-primary);
    --cc-expand-color-text-placeholder: var(--cs-color-tertiary);
    --cc-expand-font-size-icon: 2rem;
    --cc-expand-font-size-label: 1.3rem;
    --cc-expand-font-weight-medium: var(--cs-font-weight-display);
    width: max-content;
  }
  .cc-expand .cc-expand-only {
    display: flex;
  }
  .cc-expand .mdc-text-field--search {
    min-height: 45px;
  }
  .cc-expand .mdc-text-field--search .mdc-text-field__input {
    min-height: initial;
    padding-top: 18px;
  }
  .cc-expand .mdc-text-field--search .mdc-text-field__icon--clear {
    top: 15px;
  }
  .cc-expand-wrapper.is-expanded .cc-toolbar__section--search {
    flex-grow: 1;
  }
  .cc-expand {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
  }
  .is-empty .hide-on-empty {
    display: none;
  }
  .cc-expand-button {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    width: 40px;
    height: 45px;
    position: relative;
  }
  @media screen and (hover: hover) and (pointer: fine) {
    .cc-expand-button:hover .cc-expand-button__icon {
      color: var(--cc-expand-color-button-hover);
    }
  }
  .cc-expand-button__icon {
    display: flex;
    font-size: var(--cc-expand-font-size-icon);
    color: var(--cc-expand-color-button-default);
  }
  .cc-expand-button__icon--toggle:before {
    content: "\e1e2";
    font-family: "cyza-font" !important;
  }
  .cc-expand-button--with-label {
    width: initial;
    min-width: 40px;
  }
  .cc-expand-button--with-label .cc-expand-button__icon, .cc-expand-button--with-label .cc-expand-button__label {
    color: var(--cc-expand-color-text-accent);
  }
  .cc-expand-button--with-label .cc-expand-button__icon--add {
    --cc-expand-font-size-icon: 2.4rem;
    margin-right: 8px;
  }
  .cc-expand-button--with-label .cc-expand-button__icon--add:before {
    content: "\e196";
    font-family: "cyza-font" !important;
  }
  .cc-expand-button--with-label .cc-expand-button__label {
    font-size: var(--cc-expand-font-size-label);
    text-transform: uppercase;
    font-weight: var(--cc-expand-font-weight-medium);
    flex: 0 0 auto;
  }
  .cc-expand--expanded {
    width: 100%;
  }
  .cc-expand--expanded .cc-expand-button {
    margin-left: -10px;
  }
  .cc-expand--expanded .cc-expand-button__icon {
    --cc-expand-font-size-icon: 1.4rem;
    padding-top: 4px;
  }
  .cc-expand--expanded .cc-expand-button__icon:before {
    content: "\e47a";
    font-family: "cyza-font" !important;
  }
  .cc-expand--expanded .cc-expand-button__icon:before {
    margin-top: 3px;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-expand .cc-chooser {
        height: 45px;
      }
      .cc-expand .cc-chooser .mdc-text-field--search {
        width: 100%;
      }
      .cc-expand .cc-chooser .mdc-text-field--search .mdc-text-field__input::placeholder {
        opacity: 1;
        visibility: visible;
        color: var(--cc-expand-color-text-placeholder);
      }
      .cc-expand .cc-chooser .mdc-text-field--search .mdc-text-field__icon--clear {
        top: 15px;
      }
      .cc-expand .cc-chooser .mdc-floating-label {
        display: none;
      }
      .cc-expand--w-limit {
        max-width: 320px;
      }
    }
  }
  .cc-expand .mdc-text-field--search {
    transition: width 0.25s ease-out;
  }
  .cc-expand-wrapper:not(.is-expanded) {
    justify-content: flex-end;
  }
  .cc-expand-wrapper:not(.is-expanded) .cc-chooser:not(.fullscreen),
  .cc-expand-wrapper:not(.is-expanded) .mdc-text-field--search {
    width: 0;
    flex-grow: 0;
  }
  .cc-expand-wrapper:not(.is-expanded) .cc-chooser.fullscreen .mdc-text-field--search {
    width: 100%;
    flex-grow: 1;
  }
  .cc-expand-wrapper:not(.is-expanded) .mdc-text-field--search {
    overflow: hidden;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-expand-wrapper:not(.is-expanded) .hide-on-expand-s {
        visibility: visible;
        opacity: 1;
        scale: 1;
        transition-property: visibility, width, opacity, flex-grow, scale;
        transition-duration: 0s, 0s, 0.5s, 0s, 0s;
        transition-delay: 0.25s, 0.25s, 0.2s, 0.25s, 0.25s;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-expand-wrapper:not(.is-expanded) .hide-on-expand {
        visibility: visible;
        opacity: 1;
        scale: 1;
        transition-property: visibility, width, opacity, flex-grow, scale;
        transition-duration: 0s, 0s, 0.5s, 0s, 0s;
        transition-delay: 0.25s, 0.25s, 0.2s, 0.25s, 0.25s;
      }
      .cc-expand-wrapper:not(.is-expanded) .hide-on-expand--delay-none {
        transition-delay: 0s;
      }
    }
  }
  @media screen and (min-width: 1025px) {
    .cc-expand-wrapper:not(.is-expanded) .hide-on-expand-l {
      visibility: visible;
      opacity: 1;
      scale: 1;
      transition-property: visibility, width, opacity, flex-grow, scale;
      transition-duration: 0s, 0s, 0.5s, 0s, 0s;
      transition-delay: 0.25s, 0.25s, 0.2s, 0.25s, 0.25s;
    }
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-expand-wrapper.is-expanded .hide-on-expand-s {
        visibility: hidden;
        width: 0;
        opacity: 0;
        flex-grow: 0;
        scale: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-expand-wrapper.is-expanded .hide-on-expand {
        visibility: hidden;
        width: 0;
        opacity: 0;
        flex-grow: 0;
        scale: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
      }
    }
  }
  @media screen and (min-width: 1025px) {
    .cc-expand-wrapper.is-expanded .hide-on-expand-l {
      visibility: hidden;
      width: 0;
      opacity: 0;
      flex-grow: 0;
      scale: 0;
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0;
    }
  }
}
@layer components {
  .cc-field {
    --cc-field-color-icon: var(--cs-color-on-surface-variant);
    --cc-field-color-text-primary: var(--cs-color-on-surface);
    --cc-field-color-text-secondary: var(--cs-color-on-surface-variant);
    --cc-field-color-text-alert: var(--cs-color-error-fixed);
    --cc-field-font-line-height-icon: 1;
    --cc-field-font-size-icon: 1.8rem;
    /* Default value */
    display: flex;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    break-inside: avoid;
  }
  .cc-field.m-n-t-12 {
    margin-top: -12px;
  }
  .cc-field .cc-select-wrapper {
    width: 100%;
  }
  .cc-field.w-450 {
    width: 450px;
  }
  .cc-field .w-404 {
    width: calc(450px - 4.4rem);
    max-width: 100%;
  }
  .cc-field--w-400 {
    max-width: 400px;
  }
  .cc-field--block {
    display: block;
  }
  .cc-field--m-h, .cc-field--l-h, .cc-field--v, .cc-field--col {
    flex-direction: column;
  }
  .cc-field--wrap {
    flex-wrap: wrap;
  }
  .cc-field--v-center {
    align-items: center;
  }
  .cc-field--left-36 {
    padding-left: 36px;
  }
  .cc-field.has-switch .mdc-text-field {
    margin-bottom: 0.8rem;
  }
  .cc-field__icon {
    font-size: var(--cc-field-font-size-icon);
    color: var(--cc-field-color-icon);
  }
  .cc-field__label {
    display: flex;
    align-items: center;
    color: var(--cc-field-color-text-primary);
    margin-bottom: 15px;
  }
  .cc-field__input {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    /* 3 Elements */
    /* 2 Elements */
  }
  .cc-field__input:nth-last-child(3):first-of-type ~ .cc-field__input:nth-of-type(2) {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .cc-field__input:nth-last-child(2):first-of-type {
    margin-right: 3rem;
  }
  .cc-field__input--w-100 {
    max-width: 100%;
  }
  .cc-field__input--w-limit {
    max-width: 400px;
  }
  .cc-field__input--w-auto {
    width: auto;
    flex: 0 0 auto;
  }
  .cc-field--baseline .cz-row {
    align-items: baseline;
  }
  .cc-field.no-space {
    margin-bottom: 0;
  }
  .cc-field--w-50,
  .cc-field--address-complement {
    --cc-field-space-gap-inline: 2.8rem;
    column-gap: var(--cc-field-space-gap-inline);
  }
  .cc-field--w-50 > .mdc-text-field,
  .cc-field--w-50 .cc-select-wrapper,
  .cc-field--address-complement > .mdc-text-field,
  .cc-field--address-complement .cc-select-wrapper {
    max-width: calc(50% - var(--cc-field-space-gap-inline) / 2);
  }
  .cc-field--fixed-label .cc-field__label {
    margin-bottom: 11px;
  }
  .cc-field--fixed-label .cc-field__status {
    color: var(--cc-field-color-text-alert);
  }
  .cc-field--has-icon {
    gap: 2.4rem;
  }
  .cc-field--has-icon .cc-field__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    min-height: 2.1rem;
    flex: 0 0 auto;
    position: relative;
    line-height: 1;
  }
  .cc-field--has-icon .cc-field--select ~ .cc-chooser__list .cc-chip-set {
    padding-left: initial;
  }
  .indent-field {
    padding-left: 4.4rem;
  }
  .cc-field--listing-discount {
    padding-left: 4.4rem;
  }
  .cc-field--input .cc-field__icon {
    height: 55px;
    padding-top: 20px;
    padding-bottom: 10px;
    line-height: 2.1rem;
  }
  .cc-field--switch .cc-field__icon {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .cc-field--chooser .cc-field--select .cc-field__icon {
    display: none;
  }
  .cc-field--chooser .cc-chooser:not(.fullscreen) .cc-chip-set:has(.cc-chip) {
    padding: initial;
  }
  .cc-field--filter-heading {
    align-items: center;
    justify-content: space-between;
    min-height: 4.2rem;
    margin-bottom: 2rem;
  }
  .cc-field--filter-heading .mdc-form-field {
    width: auto;
  }
  .cc-field--range {
    column-gap: 3.2rem;
  }
  .cc-field--range .mdc-text-field {
    min-width: 0;
  }
  .cc-field--dispute {
    gap: 2rem;
  }
  .cc-field--discount > .mdc-text-field,
  .cc-field--discount .cc-select-wrapper {
    max-width: 300px;
  }
  @media screen and (max-width: 359px) {
    .cc-field--travel-distance .cz-row {
      align-items: baseline;
    }
    .cc-field--travel-distance .cz-row .cz-mdc-text-field-spinner:first-child {
      width: 100%;
    }
    .cc-field__input:nth-last-child(3):first-of-type ~ .cc-field__input:nth-of-type(2) {
      margin-left: 2rem;
      margin-right: 2rem;
    }
  }
  @media screen and (max-width: 575px) {
    .cc-field--services {
      flex-wrap: wrap;
    }
    .cc-field--services .cc-field__input--inline, .cc-field--services .cc-field__heading--inline {
      flex: 0 0 100%;
    }
    .cc-field--services .cc-field__heading {
      margin-bottom: 2rem;
    }
    .cc-field--services .cc-field__input:nth-child(2) {
      max-width: 180px;
    }
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-field--rating {
        justify-content: center;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px), print {
      .cc-field__input.w-340 {
        max-width: 340px;
      }
      .cc-field__input--date {
        max-width: 310px;
      }
      .cc-field--m-h {
        flex-direction: row;
      }
      .cc-field--fixed-label .mdc-text-field,
      .cc-field--fixed-label .cc-select-wrapper {
        width: 100%;
        max-width: 28rem;
      }
      .cc-field--fixed-label .cc-field__label {
        flex: 0 1 180px;
        margin-bottom: initial;
        align-self: center;
      }
      .cc-field--dispute .cc-field__text {
        margin-bottom: 20px;
        padding-bottom: 11px;
      }
      .cc-field--dispute .mdc-text-field {
        margin-top: -22px;
      }
      .cc-field--chooser .cc-field__icon {
        height: 55px;
        padding-top: 20px;
        padding-bottom: 10px;
      }
      .cc-field--services .cc-field__heading--inline {
        margin-right: 2.4rem;
        align-self: center;
        padding-bottom: 0.8rem;
      }
    }
  }
  .cc-field--select {
    --cc-field-font-size-icon: 1.6rem;
    flex-direction: row;
  }
  .cc-field--select .cc-field__section {
    display: flex;
    align-items: center;
  }
  .cc-field--select .cc-field__section--h-end {
    flex: 0 0 auto;
    max-width: 38%;
    margin-left: auto;
    justify-content: flex-end;
  }
  .cc-field--select .cc-field__icon {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    position: relative;
    width: 1.8rem;
    line-height: 1;
    margin-right: 1.2rem;
    top: initial;
  }
  .cc-field--select .cc-field__label {
    margin-bottom: initial;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) and (max-width: 1279px) {
      .cc-field--services .cc-field__input--inline, .cc-field--services .cc-field__heading--inline {
        width: 68%;
        min-width: 68%;
      }
    }
  }
  @media screen and (min-width: 1025px) {
    .cc-field--l-h {
      flex-direction: row;
    }
  }
  @media screen and (max-width: 281px) {
    .cc-field--select {
      flex-direction: column;
      align-items: flex-start;
    }
    .cc-field--select .cc-field__section--h-end {
      margin-left: initial;
      margin-top: 0.8rem;
      padding-left: 3rem;
    }
  }
}
@layer components {
  .cc-glyph {
    --cc-glyph-color-background: linear-gradient(45deg, color-mix(in srgb, var(--cs-color-primary) 15%, transparent), color-mix(in srgb, var(--cs-color-primary) 5%, transparent));
    --cc-glyph-color-background-accent: var(--cs-color-primary-fixed);
    --cc-glyph-color-background-success: var(--cs-color-success-container);
    --cc-glyph-color-background-warning: var(--cs-color-warning-container);
    --cc-glyph-color-background-alert: var(--cs-color-error-container);
    --cc-glyph-color-background-secondary: color-mix(in srgb, var(--cs-color-tertiary-container) 30%, transparent);
    --cc-glyph-color-icon-default: light-dark(#0f4c81, #ffffff);
    --cc-glyph-color-icon-success: var(--cs-color-success-fixed);
    --cc-glyph-color-icon-warning: var(--cs-color-warning-fixed);
    --cc-glyph-color-icon-alert: var(--cs-color-error-fixed);
    --cc-glyph-color-icon-secondary: var(--cs-color-tertiary);
    --cc-glyph-font-line-height: 1;
    --cc-glyph-font-size-default: 2.4rem;
    --cc-glyph-font-size-s: 1.4rem;
    --cc-glyph-font-size-m: 1.6rem;
    --cc-glyph-font-size-l: 1.6rem;
    --cc-glyph-font-size-app-s: 2.6rem;
    --cc-glyph-font-size-app-m: 3.2rem;
    --cc-glyph-font-size-confirm: 3.2rem;
    --cc-glyph-shape-container: var(--cs-shape-circle);
    --cc-glyph-size-container: 7rem;
    --cc-glyph-space-gap-default-x: 1.6rem;
    --cc-glyph-space-gap-app-x: 1rem;
    flex: 0 0 auto;
    line-height: 1;
    border-radius: 50%;
    font-weight: 400;
    filter: var(--dark, brightness(75%));
    width: var(--cc-glyph-size-container);
    height: var(--cc-glyph-size-container);
    --size: var(--cc-glyph-size-container);
    font-size: calc(var(--size) * 0.35);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cc-glyph--bank:before {
    content: "\e4ec";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--about:before {
    content: "\e1d9";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--access-permissions:before {
    content: "\e417";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--accessPermissions:before {
    content: "\e417";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--accessibility:before {
    content: "\e008";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--accounting:before {
    content: "\e404";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--acknowledge-cash-payments:before {
    content: "\e21e";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--activity-logs:before {
    content: "\e43e";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--admin-settings:before {
    content: "\e416";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--appointments:before {
    content: "\e42e";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--billing-type:before {
    content: "6";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--calendar:before {
    content: "\\";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--calendarcse:before {
    content: "\\";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--calendarse:before {
    content: "\\";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--cart:before {
    content: "\e1a4";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--collections:before {
    content: "\e196";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--contacts:before {
    content: "\e400";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--contracts:before {
    content: "\e40d";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--credits:before {
    content: "\e414";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--crm:before {
    content: "\e400";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--custom-orders:before {
    content: "\e409";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--customer-info:before {
    content: "\e1db";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--cyza-credits:before {
    content: "\e414";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--dashboard-apps:before {
    content: "\e43e";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--deactivate:before {
    content: "\e20d";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--delete:before {
    content: "\e19e";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--developer:before {
    content: "r";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--developers:before {
    content: "r";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--donts:before {
    content: "\e4a9";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--dos:before {
    content: "\e4b2";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--editing-profile:before {
    content: "\e1d9";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--email-messaging:before {
    content: "\e412";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--eventlp:before {
    content: "\e1a3";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--eventls:before {
    content: "\e1a3";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--events:before {
    content: "\e1a3";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--feed-and-search-settings:before {
    content: "\e07f";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--feed-search:before {
    content: "\e07f";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--flag:before {
    content: "\e3d7";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--folder:before {
    content: "\e3d6";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--followed:before {
    content: "\e517";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--following-and-unfollowing-profiles:before {
    content: "\e517";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--freelance:before {
    content: "\e1ee";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--future:before {
    content: "\e1b2";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--globe:before {
    content: "-";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--help:before {
    content: "\e415";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--homefeed-config:before {
    content: "\e07f";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--id:before {
    content: "\e1d9";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--inquiry:before {
    content: "\e1a1";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--inviting-others:before {
    content: "\e1d4";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--label:before {
    content: "%";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--listing:before {
    content: "\e158";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--lock:before {
    content: "\e505";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--locking-resources:before {
    content: "\e505";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--memberships:before {
    content: "I";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--messages:before {
    content: "\e412";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--notes:before {
    content: "\e206";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--notifications:before {
    content: "\e402";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--offer-expiration:before {
    content: "\e1f1";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--offers:before {
    content: "\e409";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--orders-invoices:before {
    content: "\e411";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--orders:before {
    content: "\e411";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--past:before {
    content: "\e1b2";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--payment-method:before {
    content: "\e48c";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--payment-process:before {
    content: "\e407";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--payment-processing:before {
    content: "\e407";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--payment-schedule:before {
    content: "\e1ba";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--payment-setup:before {
    content: "\e3dd";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--payments:before {
    content: "\e407";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--pending:before {
    content: "\e1f1";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--permission:before {
    content: "\e417";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--permissions:before {
    content: "\e417";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--portfolio:before {
    content: "\e1a1";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--process:before {
    content: "\e4ea";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--processor:before {
    content: "\e456";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--profile-information-contacts:before {
    content: "\e1d9";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--profile:before {
    content: "\e1d9";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--promotion:before {
    content: "\e410";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--promotions:before {
    content: "\e410";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--purchasing-payments-cancellation:before {
    content: "\e407";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--purchasing-payments-order:before {
    content: "\e407";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--relevant-files:before {
    content: "\e3e1";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--report-listings-profiles-or-reviews:before {
    content: ";";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--reviews:before {
    content: "\e507";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--rfca:before {
    content: "\e001";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--service-description:before {
    content: "\e158";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--service-location:before {
    content: "\e1d8";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--service:before {
    content: "\e302";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--settings:before {
    content: "\e416";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--sharing:before {
    content: "\e2a5";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--shopping-cart:before {
    content: "\e1a4";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--shopping:before {
    content: "\e407";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--social:before {
    content: "\e3e7";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--stats:before {
    content: "\e42d";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--subscriptions:before {
    content: "U";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--success:before {
    content: "\e1ad";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--support-center:before {
    content: "\e415";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--support-tickets:before {
    content: "\e415";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--terms:before {
    content: "\e05a";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--time-travel:before {
    content: "\e1b0";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--timetravel:before {
    content: "\e1b0";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--transactions:before {
    content: "\e411";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--user-growth:before {
    content: "\e400";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--user-management:before {
    content: "a";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--underwritting:before {
    content: "\e407";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--visibility:before {
    content: "\e4fa";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--when:before {
    content: "\e1a8";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--about {
    color: rgb(90.2467811159, 108.9484978541, 212.2532188841);
  }
  @media not print {
    .cc-glyph--about {
      background-image: linear-gradient(45deg, rgba(70, 91, 207, 0.1), rgba(70, 91, 207, 0.03));
    }
  }
  @media print {
    .cc-glyph--about {
      background-color: rgba(70, 91, 207, 0.07);
    }
  }
  .cc-glyph--access-permissions {
    color: rgb(149.3837209302, 166.4186046512, 214.1162790698);
  }
  @media not print {
    .cc-glyph--access-permissions {
      background-image: linear-gradient(45deg, rgba(131, 151, 207, 0.1), rgba(131, 151, 207, 0.03));
    }
  }
  @media print {
    .cc-glyph--access-permissions {
      background-color: rgba(131, 151, 207, 0.07);
    }
  }
  .cc-glyph--accessPermissions {
    color: rgb(149.3837209302, 166.4186046512, 214.1162790698);
  }
  @media not print {
    .cc-glyph--accessPermissions {
      background-image: linear-gradient(45deg, rgba(131, 151, 207, 0.1), rgba(131, 151, 207, 0.03));
    }
  }
  @media print {
    .cc-glyph--accessPermissions {
      background-color: rgba(131, 151, 207, 0.07);
    }
  }
  .cc-glyph--accessibility {
    color: rgb(145.9375, 186.945, 189.5625);
  }
  @media not print {
    .cc-glyph--accessibility {
      background-image: linear-gradient(45deg, rgba(130, 177, 180, 0.1), rgba(130, 177, 180, 0.03));
    }
  }
  @media print {
    .cc-glyph--accessibility {
      background-color: rgba(130, 177, 180, 0.07);
    }
  }
  .cc-glyph--accounting {
    color: rgb(222.8373493976, 222.8373493976, 146.6626506024);
  }
  @media not print {
    .cc-glyph--accounting {
      background-image: linear-gradient(45deg, rgba(217, 217, 127, 0.1), rgba(217, 217, 127, 0.03));
    }
  }
  @media print {
    .cc-glyph--accounting {
      background-color: rgba(217, 217, 127, 0.07);
    }
  }
  .cc-glyph--acknowledge-cash-payments {
    color: rgb(139.1063829787, 189.9212765957, 110.5787234043);
  }
  @media not print {
    .cc-glyph--acknowledge-cash-payments {
      background-image: linear-gradient(45deg, rgba(125, 182, 93, 0.1), rgba(125, 182, 93, 0.03));
    }
  }
  @media print {
    .cc-glyph--acknowledge-cash-payments {
      background-color: rgba(125, 182, 93, 0.07);
    }
  }
  .cc-glyph--activity-logs {
    color: rgb(7.8623188406, 213.4057971014, 224.6376811594);
  }
  @media not print {
    .cc-glyph--activity-logs {
      background-image: linear-gradient(45deg, rgba(7, 190, 200, 0.1), rgba(7, 190, 200, 0.03));
    }
  }
  @media print {
    .cc-glyph--activity-logs {
      background-color: rgba(7, 190, 200, 0.07);
    }
  }
  .cc-glyph--admin-settings {
    color: rgb(1.1301020408, 154.8239795918, 220.3698979592);
  }
  @media not print {
    .cc-glyph--admin-settings {
      background-image: linear-gradient(45deg, rgba(1, 137, 195, 0.1), rgba(1, 137, 195, 0.03));
    }
  }
  @media print {
    .cc-glyph--admin-settings {
      background-color: rgba(1, 137, 195, 0.07);
    }
  }
  .cc-glyph--alert {
    color: rgb(243.5563380282, 78.9436619718, 98.3098591549);
  }
  @media not print {
    .cc-glyph--alert {
      background-image: linear-gradient(45deg, rgba(242, 55, 77, 0.1), rgba(242, 55, 77, 0.03));
    }
  }
  @media print {
    .cc-glyph--alert {
      background-color: rgba(242, 55, 77, 0.07);
    }
  }
  .cc-glyph--appointments {
    color: rgb(90.2467811159, 163.2725321888, 212.2532188841);
  }
  @media not print {
    .cc-glyph--appointments {
      background-image: linear-gradient(45deg, rgba(70, 152, 207, 0.1), rgba(70, 152, 207, 0.03));
    }
  }
  @media print {
    .cc-glyph--appointments {
      background-color: rgba(70, 152, 207, 0.07);
    }
  }
  .cc-glyph--box {
    color: rgb(1.1301020408, 154.8239795918, 220.3698979592);
  }
  @media not print {
    .cc-glyph--box {
      background-image: linear-gradient(45deg, rgba(1, 137, 195, 0.1), rgba(1, 137, 195, 0.03));
    }
  }
  @media print {
    .cc-glyph--box {
      background-color: rgba(1, 137, 195, 0.07);
    }
  }
  .cc-glyph--calendar {
    color: rgb(223.8469827586, 103.6853448276, 79.6530172414);
  }
  @media not print {
    .cc-glyph--calendar {
      background-image: linear-gradient(45deg, rgba(220, 85, 58, 0.1), rgba(220, 85, 58, 0.03));
    }
  }
  @media print {
    .cc-glyph--calendar {
      background-color: rgba(220, 85, 58, 0.07);
    }
  }
  .cc-glyph--calendarcse {
    color: rgb(223.8469827586, 103.6853448276, 79.6530172414);
  }
  @media not print {
    .cc-glyph--calendarcse {
      background-image: linear-gradient(45deg, rgba(220, 85, 58, 0.1), rgba(220, 85, 58, 0.03));
    }
  }
  @media print {
    .cc-glyph--calendarcse {
      background-color: rgba(220, 85, 58, 0.07);
    }
  }
  .cc-glyph--calendarse {
    color: rgb(223.8469827586, 103.6853448276, 79.6530172414);
  }
  @media not print {
    .cc-glyph--calendarse {
      background-image: linear-gradient(45deg, rgba(220, 85, 58, 0.1), rgba(220, 85, 58, 0.03));
    }
  }
  @media print {
    .cc-glyph--calendarse {
      background-color: rgba(220, 85, 58, 0.07);
    }
  }
  .cc-glyph--cart {
    color: rgb(142.7896995708, 90.2467811159, 212.2532188841);
  }
  @media not print {
    .cc-glyph--cart {
      background-image: linear-gradient(45deg, rgba(129, 70, 207, 0.1), rgba(129, 70, 207, 0.03));
    }
  }
  @media print {
    .cc-glyph--cart {
      background-color: rgba(129, 70, 207, 0.07);
    }
  }
  .cc-glyph--cknowledge-cash-payments {
    color: rgb(97.7788844622, 187.6195219124, 96.8804780876);
  }
  @media not print {
    .cc-glyph--cknowledge-cash-payments {
      background-image: linear-gradient(45deg, rgba(80, 180, 79, 0.1), rgba(80, 180, 79, 0.03));
    }
  }
  @media print {
    .cc-glyph--cknowledge-cash-payments {
      background-color: rgba(80, 180, 79, 0.07);
    }
  }
  .cc-glyph--collections {
    color: rgb(90.2467811159, 212.2532188841, 206.0193133047);
  }
  @media not print {
    .cc-glyph--collections {
      background-image: linear-gradient(45deg, rgba(70, 207, 200, 0.1), rgba(70, 207, 200, 0.03));
    }
  }
  @media print {
    .cc-glyph--collections {
      background-color: rgba(70, 207, 200, 0.07);
    }
  }
  .cc-glyph--contacts {
    color: rgb(212.2532188841, 90.2467811159, 122.3068669528);
  }
  @media not print {
    .cc-glyph--contacts {
      background-image: linear-gradient(45deg, rgba(207, 70, 106, 0.1), rgba(207, 70, 106, 0.03));
    }
  }
  @media print {
    .cc-glyph--contacts {
      background-color: rgba(207, 70, 106, 0.07);
    }
  }
  .cc-glyph--contracts {
    color: rgb(7.8623188406, 213.4057971014, 224.6376811594);
  }
  @media not print {
    .cc-glyph--contracts {
      background-image: linear-gradient(45deg, rgba(7, 190, 200, 0.1), rgba(7, 190, 200, 0.03));
    }
  }
  @media print {
    .cc-glyph--contracts {
      background-color: rgba(7, 190, 200, 0.07);
    }
  }
  .cc-glyph--credits {
    color: rgb(255, 200.1135458167, 21.5);
  }
  @media not print {
    .cc-glyph--credits {
      background-image: linear-gradient(45deg, rgba(251, 192, 0, 0.1), rgba(251, 192, 0, 0.03));
    }
  }
  @media print {
    .cc-glyph--credits {
      background-color: rgba(251, 192, 0, 0.07);
    }
  }
  .cc-glyph--crm {
    color: rgb(212.2532188841, 90.2467811159, 122.3068669528);
  }
  @media not print {
    .cc-glyph--crm {
      background-image: linear-gradient(45deg, rgba(207, 70, 106, 0.1), rgba(207, 70, 106, 0.03));
    }
  }
  @media print {
    .cc-glyph--crm {
      background-color: rgba(207, 70, 106, 0.07);
    }
  }
  .cc-glyph--custom-orders {
    color: rgb(97.7788844622, 187.6195219124, 96.8804780876);
  }
  @media not print {
    .cc-glyph--custom-orders {
      background-image: linear-gradient(45deg, rgba(80, 180, 79, 0.1), rgba(80, 180, 79, 0.03));
    }
  }
  @media print {
    .cc-glyph--custom-orders {
      background-color: rgba(80, 180, 79, 0.07);
    }
  }
  .cc-glyph--cyza-credits {
    color: rgb(255, 200.1135458167, 21.5);
  }
  @media not print {
    .cc-glyph--cyza-credits {
      background-image: linear-gradient(45deg, rgba(251, 192, 0, 0.1), rgba(251, 192, 0, 0.03));
    }
  }
  @media print {
    .cc-glyph--cyza-credits {
      background-color: rgba(251, 192, 0, 0.07);
    }
  }
  .cc-glyph--dashboard-apps {
    color: rgb(7.8623188406, 213.4057971014, 224.6376811594);
  }
  @media not print {
    .cc-glyph--dashboard-apps {
      background-image: linear-gradient(45deg, rgba(7, 190, 200, 0.1), rgba(7, 190, 200, 0.03));
    }
  }
  @media print {
    .cc-glyph--dashboard-apps {
      background-color: rgba(7, 190, 200, 0.07);
    }
  }
  .cc-glyph--deactivate {
    color: rgb(212.2532188841, 94.6995708155, 90.2467811159);
  }
  @media not print {
    .cc-glyph--deactivate {
      background-image: linear-gradient(45deg, rgba(207, 75, 70, 0.1), rgba(207, 75, 70, 0.03));
    }
  }
  @media print {
    .cc-glyph--deactivate {
      background-color: rgba(207, 75, 70, 0.07);
    }
  }
  .cc-glyph--delete {
    color: rgb(212.2532188841, 90.2467811159, 90.2467811159);
  }
  @media not print {
    .cc-glyph--delete {
      background-image: linear-gradient(45deg, rgba(207, 70, 70, 0.1), rgba(207, 70, 70, 0.03));
    }
  }
  @media print {
    .cc-glyph--delete {
      background-color: rgba(207, 70, 70, 0.07);
    }
  }
  .cc-glyph--developer {
    color: rgb(213.4821428571, 64.0178571429, 64.0178571429);
  }
  @media not print {
    .cc-glyph--developer {
      background-image: linear-gradient(45deg, rgba(207, 45, 45, 0.1), rgba(207, 45, 45, 0.03));
    }
  }
  @media print {
    .cc-glyph--developer {
      background-color: rgba(207, 45, 45, 0.07);
    }
  }
  .cc-glyph--developers {
    color: rgb(213.4821428571, 64.0178571429, 64.0178571429);
  }
  @media not print {
    .cc-glyph--developers {
      background-image: linear-gradient(45deg, rgba(207, 45, 45, 0.1), rgba(207, 45, 45, 0.03));
    }
  }
  @media print {
    .cc-glyph--developers {
      background-color: rgba(207, 45, 45, 0.07);
    }
  }
  .cc-glyph--donts {
    color: rgb(243.5563380282, 78.9436619718, 98.3098591549);
  }
  @media not print {
    .cc-glyph--donts {
      background-image: linear-gradient(45deg, rgba(242, 55, 77, 0.1), rgba(242, 55, 77, 0.03));
    }
  }
  @media print {
    .cc-glyph--donts {
      background-color: rgba(242, 55, 77, 0.07);
    }
  }
  .cc-glyph--dos {
    color: rgb(71.735059761, 204.764940239, 128.4820717131);
  }
  @media not print {
    .cc-glyph--dos {
      background-image: linear-gradient(45deg, rgba(54, 197, 115, 0.1), rgba(54, 197, 115, 0.03));
    }
  }
  @media print {
    .cc-glyph--dos {
      background-color: rgba(54, 197, 115, 0.07);
    }
  }
  .cc-glyph--editing-profile {
    color: rgb(90.2467811159, 108.9484978541, 212.2532188841);
  }
  @media not print {
    .cc-glyph--editing-profile {
      background-image: linear-gradient(45deg, rgba(70, 91, 207, 0.1), rgba(70, 91, 207, 0.03));
    }
  }
  @media print {
    .cc-glyph--editing-profile {
      background-color: rgba(70, 91, 207, 0.07);
    }
  }
  .cc-glyph--email-messaging {
    color: rgb(158.5769230769, 219.6153846154, 94.8846153846);
  }
  @media not print {
    .cc-glyph--email-messaging {
      background-image: linear-gradient(45deg, rgba(146, 215, 74, 0.1), rgba(146, 215, 74, 0.03));
    }
  }
  @media print {
    .cc-glyph--email-messaging {
      background-color: rgba(146, 215, 74, 0.07);
    }
  }
  .cc-glyph--eventlp {
    color: rgb(223.8469827586, 103.6853448276, 79.6530172414);
  }
  @media not print {
    .cc-glyph--eventlp {
      background-image: linear-gradient(45deg, rgba(220, 85, 58, 0.1), rgba(220, 85, 58, 0.03));
    }
  }
  @media print {
    .cc-glyph--eventlp {
      background-color: rgba(220, 85, 58, 0.07);
    }
  }
  .cc-glyph--eventls {
    color: rgb(223.8469827586, 103.6853448276, 79.6530172414);
  }
  @media not print {
    .cc-glyph--eventls {
      background-image: linear-gradient(45deg, rgba(220, 85, 58, 0.1), rgba(220, 85, 58, 0.03));
    }
  }
  @media print {
    .cc-glyph--eventls {
      background-color: rgba(220, 85, 58, 0.07);
    }
  }
  .cc-glyph--events {
    color: rgb(223.8469827586, 103.6853448276, 79.6530172414);
  }
  @media not print {
    .cc-glyph--events {
      background-image: linear-gradient(45deg, rgba(220, 85, 58, 0.1), rgba(220, 85, 58, 0.03));
    }
  }
  @media print {
    .cc-glyph--events {
      background-color: rgba(220, 85, 58, 0.07);
    }
  }
  .cc-glyph--facebook {
    color: rgb(66.1303317536, 99.7559241706, 170.3696682464);
  }
  @media not print {
    .cc-glyph--facebook {
      background-image: linear-gradient(45deg, rgba(59, 89, 152, 0.1), rgba(59, 89, 152, 0.03));
    }
  }
  @media print {
    .cc-glyph--facebook {
      background-color: rgba(59, 89, 152, 0.07);
    }
  }
  .cc-glyph--feed-and-search-settings {
    color: rgb(94.8846153846, 190.4230769231, 219.6153846154);
  }
  @media not print {
    .cc-glyph--feed-and-search-settings {
      background-image: linear-gradient(45deg, rgba(74, 182, 215, 0.1), rgba(74, 182, 215, 0.03));
    }
  }
  @media print {
    .cc-glyph--feed-and-search-settings {
      background-color: rgba(74, 182, 215, 0.07);
    }
  }
  .cc-glyph--feed-search {
    color: rgb(94.8846153846, 190.4230769231, 219.6153846154);
  }
  @media not print {
    .cc-glyph--feed-search {
      background-image: linear-gradient(45deg, rgba(74, 182, 215, 0.1), rgba(74, 182, 215, 0.03));
    }
  }
  @media print {
    .cc-glyph--feed-search {
      background-color: rgba(74, 182, 215, 0.07);
    }
  }
  .cc-glyph--file {
    color: rgb(1.1301020408, 154.8239795918, 220.3698979592);
  }
  @media not print {
    .cc-glyph--file {
      background-image: linear-gradient(45deg, rgba(1, 137, 195, 0.1), rgba(1, 137, 195, 0.03));
    }
  }
  @media print {
    .cc-glyph--file {
      background-color: rgba(1, 137, 195, 0.07);
    }
  }
  .cc-glyph--followed {
    color: rgb(157.0386266094, 90.2467811159, 212.2532188841);
  }
  @media not print {
    .cc-glyph--followed {
      background-image: linear-gradient(45deg, rgba(145, 70, 207, 0.1), rgba(145, 70, 207, 0.03));
    }
  }
  @media print {
    .cc-glyph--followed {
      background-color: rgba(145, 70, 207, 0.07);
    }
  }
  .cc-glyph--following-and-unfollowing-profiles {
    color: rgb(157.0386266094, 90.2467811159, 212.2532188841);
  }
  @media not print {
    .cc-glyph--following-and-unfollowing-profiles {
      background-image: linear-gradient(45deg, rgba(145, 70, 207, 0.1), rgba(145, 70, 207, 0.03));
    }
  }
  @media print {
    .cc-glyph--following-and-unfollowing-profiles {
      background-color: rgba(145, 70, 207, 0.07);
    }
  }
  .cc-glyph--freelance {
    color: rgb(17.65625, 89.4583333333, 151.84375);
  }
  @media not print {
    .cc-glyph--freelance {
      background-image: linear-gradient(45deg, rgba(15, 76, 129, 0.1), rgba(15, 76, 129, 0.03));
    }
  }
  @media print {
    .cc-glyph--freelance {
      background-color: rgba(15, 76, 129, 0.07);
    }
  }
  .cc-glyph--bank {
    color: rgb(17.65625, 89.4583333333, 151.84375);
  }
  @media not print {
    .cc-glyph--bank {
      background-image: linear-gradient(45deg, rgba(15, 76, 129, 0.1), rgba(15, 76, 129, 0.03));
    }
  }
  @media print {
    .cc-glyph--bank {
      background-color: rgba(15, 76, 129, 0.07);
    }
  }
  .cc-glyph--globe {
    color: rgb(94.8846153846, 190.4230769231, 219.6153846154);
  }
  @media not print {
    .cc-glyph--globe {
      background-image: linear-gradient(45deg, rgba(74, 182, 215, 0.1), rgba(74, 182, 215, 0.03));
    }
  }
  @media print {
    .cc-glyph--globe {
      background-color: rgba(74, 182, 215, 0.07);
    }
  }
  .cc-glyph--help {
    color: rgb(116.0782122905, 206.1201117318, 240.4217877095);
  }
  @media not print {
    .cc-glyph--help {
      background-image: linear-gradient(45deg, rgba(93, 198, 238, 0.1), rgba(93, 198, 238, 0.03));
    }
  }
  @media print {
    .cc-glyph--help {
      background-color: rgba(93, 198, 238, 0.07);
    }
  }
  .cc-glyph--homefeed-config {
    color: rgb(94.8846153846, 190.4230769231, 219.6153846154);
  }
  @media not print {
    .cc-glyph--homefeed-config {
      background-image: linear-gradient(45deg, rgba(74, 182, 215, 0.1), rgba(74, 182, 215, 0.03));
    }
  }
  @media print {
    .cc-glyph--homefeed-config {
      background-color: rgba(74, 182, 215, 0.07);
    }
  }
  .cc-glyph--id {
    color: rgb(90.2467811159, 108.9484978541, 212.2532188841);
  }
  @media not print {
    .cc-glyph--id {
      background-image: linear-gradient(45deg, rgba(70, 91, 207, 0.1), rgba(70, 91, 207, 0.03));
    }
  }
  @media print {
    .cc-glyph--id {
      background-color: rgba(70, 91, 207, 0.07);
    }
  }
  .cc-glyph--inquiry {
    color: rgb(90.2467811159, 142.7896995708, 212.2532188841);
  }
  @media not print {
    .cc-glyph--inquiry {
      background-image: linear-gradient(45deg, rgba(70, 129, 207, 0.1), rgba(70, 129, 207, 0.03));
    }
  }
  @media print {
    .cc-glyph--inquiry {
      background-color: rgba(70, 129, 207, 0.07);
    }
  }
  .cc-glyph--inviting-others {
    color: rgb(90.2467811159, 123.1974248927, 212.2532188841);
  }
  @media not print {
    .cc-glyph--inviting-others {
      background-image: linear-gradient(45deg, rgba(70, 107, 207, 0.1), rgba(70, 107, 207, 0.03));
    }
  }
  @media print {
    .cc-glyph--inviting-others {
      background-color: rgba(70, 107, 207, 0.07);
    }
  }
  .cc-glyph--label {
    color: rgb(149.3837209302, 166.4186046512, 214.1162790698);
  }
  @media not print {
    .cc-glyph--label {
      background-image: linear-gradient(45deg, rgba(131, 151, 207, 0.1), rgba(131, 151, 207, 0.03));
    }
  }
  @media print {
    .cc-glyph--label {
      background-color: rgba(131, 151, 207, 0.07);
    }
  }
  .cc-glyph--linkedin {
    color: rgb(0, 135.7651933702, 206.5);
  }
  @media not print {
    .cc-glyph--linkedin {
      background-image: linear-gradient(45deg, rgba(0, 119, 181, 0.1), rgba(0, 119, 181, 0.03));
    }
  }
  @media print {
    .cc-glyph--linkedin {
      background-color: rgba(0, 119, 181, 0.07);
    }
  }
  .cc-glyph--listing {
    color: rgb(149.3837209302, 166.4186046512, 214.1162790698);
  }
  @media not print {
    .cc-glyph--listing {
      background-image: linear-gradient(45deg, rgba(131, 151, 207, 0.1), rgba(131, 151, 207, 0.03));
    }
  }
  @media print {
    .cc-glyph--listing {
      background-color: rgba(131, 151, 207, 0.07);
    }
  }
  .cc-glyph--lock {
    color: rgb(212.2532188841, 204.2381974249, 90.2467811159);
  }
  @media not print {
    .cc-glyph--lock {
      background-image: linear-gradient(45deg, rgba(207, 198, 70, 0.1), rgba(207, 198, 70, 0.03));
    }
  }
  @media print {
    .cc-glyph--lock {
      background-color: rgba(207, 198, 70, 0.07);
    }
  }
  .cc-glyph--locking-resources {
    color: rgb(212.2532188841, 204.2381974249, 90.2467811159);
  }
  @media not print {
    .cc-glyph--locking-resources {
      background-image: linear-gradient(45deg, rgba(207, 198, 70, 0.1), rgba(207, 198, 70, 0.03));
    }
  }
  @media print {
    .cc-glyph--locking-resources {
      background-color: rgba(207, 198, 70, 0.07);
    }
  }
  .cc-glyph--memberships {
    color: rgb(94.8846153846, 153.2692307692, 219.6153846154);
  }
  @media not print {
    .cc-glyph--memberships {
      background-image: linear-gradient(45deg, rgba(74, 140, 215, 0.1), rgba(74, 140, 215, 0.03));
    }
  }
  @media print {
    .cc-glyph--memberships {
      background-color: rgba(74, 140, 215, 0.07);
    }
  }
  .cc-glyph--messages {
    color: rgb(158.5769230769, 219.6153846154, 94.8846153846);
  }
  @media not print {
    .cc-glyph--messages {
      background-image: linear-gradient(45deg, rgba(146, 215, 74, 0.1), rgba(146, 215, 74, 0.03));
    }
  }
  @media print {
    .cc-glyph--messages {
      background-color: rgba(146, 215, 74, 0.07);
    }
  }
  .cc-glyph--notifications {
    color: rgb(240.4913793103, 121.0086206897, 121.8620689655);
  }
  @media not print {
    .cc-glyph--notifications {
      background-image: linear-gradient(45deg, rgba(238, 98, 99, 0.1), rgba(238, 98, 99, 0.03));
    }
  }
  @media print {
    .cc-glyph--notifications {
      background-color: rgba(238, 98, 99, 0.07);
    }
  }
  .cc-glyph--offers {
    color: rgb(97.7788844622, 187.6195219124, 96.8804780876);
  }
  @media not print {
    .cc-glyph--offers {
      background-image: linear-gradient(45deg, rgba(80, 180, 79, 0.1), rgba(80, 180, 79, 0.03));
    }
  }
  @media print {
    .cc-glyph--offers {
      background-color: rgba(80, 180, 79, 0.07);
    }
  }
  .cc-glyph--orders-invoices {
    color: rgb(172.7795454545, 111.7772727273, 203.7227272727);
  }
  @media not print {
    .cc-glyph--orders-invoices {
      background-image: linear-gradient(45deg, rgba(162, 93, 197, 0.1), rgba(162, 93, 197, 0.03));
    }
  }
  @media print {
    .cc-glyph--orders-invoices {
      background-color: rgba(162, 93, 197, 0.07);
    }
  }
  .cc-glyph--orders {
    color: rgb(172.7795454545, 111.7772727273, 203.7227272727);
  }
  @media not print {
    .cc-glyph--orders {
      background-image: linear-gradient(45deg, rgba(162, 93, 197, 0.1), rgba(162, 93, 197, 0.03));
    }
  }
  @media print {
    .cc-glyph--orders {
      background-color: rgba(162, 93, 197, 0.07);
    }
  }
  .cc-glyph--payment-process {
    color: rgb(255, 167.5537848606, 21.5);
  }
  @media not print {
    .cc-glyph--payment-process {
      background-image: linear-gradient(45deg, rgba(251, 157, 0, 0.1), rgba(251, 157, 0, 0.03));
    }
  }
  @media print {
    .cc-glyph--payment-process {
      background-color: rgba(251, 157, 0, 0.07);
    }
  }
  .cc-glyph--payment-processing {
    color: rgb(255, 167.5537848606, 21.5);
  }
  @media not print {
    .cc-glyph--payment-processing {
      background-image: linear-gradient(45deg, rgba(251, 157, 0, 0.1), rgba(251, 157, 0, 0.03));
    }
  }
  @media print {
    .cc-glyph--payment-processing {
      background-color: rgba(251, 157, 0, 0.07);
    }
  }
  .cc-glyph--payments {
    color: rgb(255, 167.5537848606, 21.5);
  }
  @media not print {
    .cc-glyph--payments {
      background-image: linear-gradient(45deg, rgba(251, 157, 0, 0.1), rgba(251, 157, 0, 0.03));
    }
  }
  @media print {
    .cc-glyph--payments {
      background-color: rgba(251, 157, 0, 0.07);
    }
  }
  .cc-glyph--permission {
    color: rgb(149.3837209302, 166.4186046512, 214.1162790698);
  }
  @media not print {
    .cc-glyph--permission {
      background-image: linear-gradient(45deg, rgba(131, 151, 207, 0.1), rgba(131, 151, 207, 0.03));
    }
  }
  @media print {
    .cc-glyph--permission {
      background-color: rgba(131, 151, 207, 0.07);
    }
  }
  .cc-glyph--permissions {
    color: rgb(149.3837209302, 166.4186046512, 214.1162790698);
  }
  @media not print {
    .cc-glyph--permissions {
      background-image: linear-gradient(45deg, rgba(131, 151, 207, 0.1), rgba(131, 151, 207, 0.03));
    }
  }
  @media print {
    .cc-glyph--permissions {
      background-color: rgba(131, 151, 207, 0.07);
    }
  }
  .cc-glyph--portfolio {
    color: rgb(90.2467811159, 142.7896995708, 212.2532188841);
  }
  @media not print {
    .cc-glyph--portfolio {
      background-image: linear-gradient(45deg, rgba(70, 129, 207, 0.1), rgba(70, 129, 207, 0.03));
    }
  }
  @media print {
    .cc-glyph--portfolio {
      background-color: rgba(70, 129, 207, 0.07);
    }
  }
  .cc-glyph--process {
    color: rgb(90.2467811159, 212.2532188841, 151.69527897);
  }
  @media not print {
    .cc-glyph--process {
      background-image: linear-gradient(45deg, rgba(70, 207, 139, 0.1), rgba(70, 207, 139, 0.03));
    }
  }
  @media print {
    .cc-glyph--process {
      background-color: rgba(70, 207, 139, 0.07);
    }
  }
  .cc-glyph--processor {
    color: rgb(240.4913793103, 121.0086206897, 121.8620689655);
  }
  @media not print {
    .cc-glyph--processor {
      background-image: linear-gradient(45deg, rgba(238, 98, 99, 0.1), rgba(238, 98, 99, 0.03));
    }
  }
  @media print {
    .cc-glyph--processor {
      background-color: rgba(238, 98, 99, 0.07);
    }
  }
  .cc-glyph--profile-information-contacts {
    color: rgb(90.2467811159, 108.9484978541, 212.2532188841);
  }
  @media not print {
    .cc-glyph--profile-information-contacts {
      background-image: linear-gradient(45deg, rgba(70, 91, 207, 0.1), rgba(70, 91, 207, 0.03));
    }
  }
  @media print {
    .cc-glyph--profile-information-contacts {
      background-color: rgba(70, 91, 207, 0.07);
    }
  }
  .cc-glyph--profile {
    color: rgb(90.2467811159, 108.9484978541, 212.2532188841);
  }
  @media not print {
    .cc-glyph--profile {
      background-image: linear-gradient(45deg, rgba(70, 91, 207, 0.1), rgba(70, 91, 207, 0.03));
    }
  }
  @media print {
    .cc-glyph--profile {
      background-color: rgba(70, 91, 207, 0.07);
    }
  }
  .cc-glyph--promotion {
    color: rgb(240.4217877095, 116.0782122905, 174.3910614525);
  }
  @media not print {
    .cc-glyph--promotion {
      background-image: linear-gradient(45deg, rgba(238, 93, 161, 0.1), rgba(238, 93, 161, 0.03));
    }
  }
  @media print {
    .cc-glyph--promotion {
      background-color: rgba(238, 93, 161, 0.07);
    }
  }
  .cc-glyph--promotions {
    color: rgb(240.4217877095, 116.0782122905, 174.3910614525);
  }
  @media not print {
    .cc-glyph--promotions {
      background-image: linear-gradient(45deg, rgba(238, 93, 161, 0.1), rgba(238, 93, 161, 0.03));
    }
  }
  @media print {
    .cc-glyph--promotions {
      background-color: rgba(238, 93, 161, 0.07);
    }
  }
  .cc-glyph--purchasing-payments-cancellation {
    color: rgb(255, 167.5537848606, 21.5);
  }
  @media not print {
    .cc-glyph--purchasing-payments-cancellation {
      background-image: linear-gradient(45deg, rgba(251, 157, 0, 0.1), rgba(251, 157, 0, 0.03));
    }
  }
  @media print {
    .cc-glyph--purchasing-payments-cancellation {
      background-color: rgba(251, 157, 0, 0.07);
    }
  }
  .cc-glyph--purchasing-payments-order {
    color: rgb(255, 167.5537848606, 21.5);
  }
  @media not print {
    .cc-glyph--purchasing-payments-order {
      background-image: linear-gradient(45deg, rgba(251, 157, 0, 0.1), rgba(251, 157, 0, 0.03));
    }
  }
  @media print {
    .cc-glyph--purchasing-payments-order {
      background-color: rgba(251, 157, 0, 0.07);
    }
  }
  .cc-glyph--report-listings-profiles-or-reviews {
    color: rgb(249.6510638298, 191.7042553191, 50.8489361702);
  }
  @media not print {
    .cc-glyph--report-listings-profiles-or-reviews {
      background-image: linear-gradient(45deg, rgba(249, 184, 26, 0.1), rgba(249, 184, 26, 0.03));
    }
  }
  @media print {
    .cc-glyph--report-listings-profiles-or-reviews {
      background-color: rgba(249, 184, 26, 0.07);
    }
  }
  .cc-glyph--reviews {
    color: rgb(90.2467811159, 193.5515021459, 212.2532188841);
  }
  @media not print {
    .cc-glyph--reviews {
      background-image: linear-gradient(45deg, rgba(70, 186, 207, 0.1), rgba(70, 186, 207, 0.03));
    }
  }
  @media print {
    .cc-glyph--reviews {
      background-color: rgba(70, 186, 207, 0.07);
    }
  }
  .cc-glyph--rfca {
    color: rgb(90.2467811159, 212.2532188841, 110.7296137339);
  }
  @media not print {
    .cc-glyph--rfca {
      background-image: linear-gradient(45deg, rgba(70, 207, 93, 0.1), rgba(70, 207, 93, 0.03));
    }
  }
  @media print {
    .cc-glyph--rfca {
      background-color: rgba(70, 207, 93, 0.07);
    }
  }
  .cc-glyph--settings {
    color: rgb(1.1301020408, 154.8239795918, 220.3698979592);
  }
  @media not print {
    .cc-glyph--settings {
      background-image: linear-gradient(45deg, rgba(1, 137, 195, 0.1), rgba(1, 137, 195, 0.03));
    }
  }
  @media print {
    .cc-glyph--settings {
      background-color: rgba(1, 137, 195, 0.07);
    }
  }
  .cc-glyph--sharing {
    color: rgb(212.2532188841, 90.2467811159, 165.9442060086);
  }
  @media not print {
    .cc-glyph--sharing {
      background-image: linear-gradient(45deg, rgba(207, 70, 155, 0.1), rgba(207, 70, 155, 0.03));
    }
  }
  @media print {
    .cc-glyph--sharing {
      background-color: rgba(207, 70, 155, 0.07);
    }
  }
  .cc-glyph--shopping-cart {
    color: rgb(142.7896995708, 90.2467811159, 212.2532188841);
  }
  @media not print {
    .cc-glyph--shopping-cart {
      background-image: linear-gradient(45deg, rgba(129, 70, 207, 0.1), rgba(129, 70, 207, 0.03));
    }
  }
  @media print {
    .cc-glyph--shopping-cart {
      background-color: rgba(129, 70, 207, 0.07);
    }
  }
  .cc-glyph--shopping {
    color: rgb(255, 167.5537848606, 21.5);
  }
  @media not print {
    .cc-glyph--shopping {
      background-image: linear-gradient(45deg, rgba(251, 157, 0, 0.1), rgba(251, 157, 0, 0.03));
    }
  }
  @media print {
    .cc-glyph--shopping {
      background-color: rgba(251, 157, 0, 0.07);
    }
  }
  .cc-glyph--stats {
    color: rgb(96.8804780876, 187.6195219124, 160.6673306773);
  }
  @media not print {
    .cc-glyph--stats {
      background-image: linear-gradient(45deg, rgba(79, 180, 150, 0.1), rgba(79, 180, 150, 0.03));
    }
  }
  @media print {
    .cc-glyph--stats {
      background-color: rgba(79, 180, 150, 0.07);
    }
  }
  .cc-glyph--subscriptions {
    color: rgb(132.0384615385, 94.8846153846, 219.6153846154);
  }
  @media not print {
    .cc-glyph--subscriptions {
      background-image: linear-gradient(45deg, rgba(116, 74, 215, 0.1), rgba(116, 74, 215, 0.03));
    }
  }
  @media print {
    .cc-glyph--subscriptions {
      background-color: rgba(116, 74, 215, 0.07);
    }
  }
  .cc-glyph--success {
    color: rgb(71.735059761, 204.764940239, 128.4820717131);
  }
  @media not print {
    .cc-glyph--success {
      background-image: linear-gradient(45deg, rgba(54, 197, 115, 0.1), rgba(54, 197, 115, 0.03));
    }
  }
  @media print {
    .cc-glyph--success {
      background-color: rgba(54, 197, 115, 0.07);
    }
  }
  .cc-glyph--support-center {
    color: rgb(116.0782122905, 206.1201117318, 240.4217877095);
  }
  @media not print {
    .cc-glyph--support-center {
      background-image: linear-gradient(45deg, rgba(93, 198, 238, 0.1), rgba(93, 198, 238, 0.03));
    }
  }
  @media print {
    .cc-glyph--support-center {
      background-color: rgba(93, 198, 238, 0.07);
    }
  }
  .cc-glyph--support-tickets {
    color: rgb(116.0782122905, 206.1201117318, 240.4217877095);
  }
  @media not print {
    .cc-glyph--support-tickets {
      background-image: linear-gradient(45deg, rgba(93, 198, 238, 0.1), rgba(93, 198, 238, 0.03));
    }
  }
  @media print {
    .cc-glyph--support-tickets {
      background-color: rgba(93, 198, 238, 0.07);
    }
  }
  .cc-glyph--time-travel {
    color: rgb(158.5769230769, 219.6153846154, 94.8846153846);
  }
  @media not print {
    .cc-glyph--time-travel {
      background-image: linear-gradient(45deg, rgba(146, 215, 74, 0.1), rgba(146, 215, 74, 0.03));
    }
  }
  @media print {
    .cc-glyph--time-travel {
      background-color: rgba(146, 215, 74, 0.07);
    }
  }
  .cc-glyph--timetravel {
    color: rgb(158.5769230769, 219.6153846154, 94.8846153846);
  }
  @media not print {
    .cc-glyph--timetravel {
      background-image: linear-gradient(45deg, rgba(146, 215, 74, 0.1), rgba(146, 215, 74, 0.03));
    }
  }
  @media print {
    .cc-glyph--timetravel {
      background-color: rgba(146, 215, 74, 0.07);
    }
  }
  .cc-glyph--transactions {
    color: rgb(172.7795454545, 111.7772727273, 203.7227272727);
  }
  @media not print {
    .cc-glyph--transactions {
      background-image: linear-gradient(45deg, rgba(162, 93, 197, 0.1), rgba(162, 93, 197, 0.03));
    }
  }
  @media print {
    .cc-glyph--transactions {
      background-color: rgba(162, 93, 197, 0.07);
    }
  }
  .cc-glyph--user-growth {
    color: rgb(212.2532188841, 90.2467811159, 122.3068669528);
  }
  @media not print {
    .cc-glyph--user-growth {
      background-image: linear-gradient(45deg, rgba(207, 70, 106, 0.1), rgba(207, 70, 106, 0.03));
    }
  }
  @media print {
    .cc-glyph--user-growth {
      background-color: rgba(207, 70, 106, 0.07);
    }
  }
  .cc-glyph--user-management {
    color: rgb(212.2532188841, 90.2467811159, 122.3068669528);
  }
  @media not print {
    .cc-glyph--user-management {
      background-image: linear-gradient(45deg, rgba(207, 70, 106, 0.1), rgba(207, 70, 106, 0.03));
    }
  }
  @media print {
    .cc-glyph--user-management {
      background-color: rgba(207, 70, 106, 0.07);
    }
  }
  .cc-glyph--underwritting {
    color: rgb(255, 167.5537848606, 21.5);
  }
  @media not print {
    .cc-glyph--underwritting {
      background-image: linear-gradient(45deg, rgba(251, 157, 0, 0.1), rgba(251, 157, 0, 0.03));
    }
  }
  @media print {
    .cc-glyph--underwritting {
      background-color: rgba(251, 157, 0, 0.07);
    }
  }
  .cc-glyph--visibility {
    color: rgb(90.2467811159, 212.2532188841, 175.7403433476);
  }
  @media not print {
    .cc-glyph--visibility {
      background-image: linear-gradient(45deg, rgba(70, 207, 166, 0.1), rgba(70, 207, 166, 0.03));
    }
  }
  @media print {
    .cc-glyph--visibility {
      background-color: rgba(70, 207, 166, 0.07);
    }
  }
  .cc-glyph--warning {
    color: rgb(249.6510638298, 191.7042553191, 50.8489361702);
  }
  @media not print {
    .cc-glyph--warning {
      background-image: linear-gradient(45deg, rgba(249, 184, 26, 0.1), rgba(249, 184, 26, 0.03));
    }
  }
  @media print {
    .cc-glyph--warning {
      background-color: rgba(249, 184, 26, 0.07);
    }
  }
  .cc-glyph--x {
    color: rgb(13.75, 13.75, 13.75);
  }
  @media not print {
    .cc-glyph--x {
      background-image: linear-gradient(45deg, rgba(1, 1, 1, 0.1), rgba(1, 1, 1, 0.03));
    }
  }
  @media print {
    .cc-glyph--x {
      background-color: rgba(1, 1, 1, 0.07);
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-glyph--dashboard {
        --cc-glyph-size-container: 8rem;
      }
    }
  }
  .cc-glyph--box {
    --cc-glyph-size-container: 3.6rem;
    --size: var(--cc-glyph-size-container);
    font-size: calc(var(--size) * 0.5);
  }
  .cc-glyph--s {
    --cc-glyph-size-container: 3.2rem;
    --size: var(--cc-glyph-size-container);
    font-size: calc(var(--size) * 0.5);
  }
  .cc-glyph--m {
    --cc-glyph-size-container: 4.8rem;
    --size: var(--cc-glyph-size-container);
    font-size: calc(var(--size) * 0.5);
  }
  .cc-glyph--l {
    --cc-glyph-size-container: 7rem;
  }
  .cc-glyph--secondary {
    color: var(--cc-glyph-color-icon-secondary);
    background: var(--cc-glyph-color-background-secondary);
  }
  .cc-glyph--default {
    filter: var(--dark, brightness(100%));
    color: var(--cc-glyph-color-icon-default);
    background-image: var(--cc-glyph-color-background);
  }
  .cc-glyph--success {
    color: var(--cc-glyph-color-icon-success);
  }
  .cc-glyph--pending {
    background: var(--cc-glyph-color-background-warning);
    color: var(--cc-glyph-color-icon-warning);
  }
  .cc-glyph--facebook::before, .cc-glyph--x::before, .cc-glyph--linkedin::before {
    content: "";
    display: flex;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 3.6rem;
  }
  .cc-glyph--facebook:before {
    background-image: url(../img/icon/facebook.svg);
  }
  .cc-glyph--x:before {
    background-size: auto 18px;
    background-image: var(--light, url(../img/icon/x-logo.svg)) var(--dark, url(../img/icon/x-logo-white.svg));
  }
  .cc-glyph--linkedin:before {
    background-image: url(../img/icon/linkedin.svg);
  }
  .cc-glyph--future::before {
    transform: scaleX(-1);
  }
  .cc-glyph--card:not(.cc-glyph--bank):before {
    content: "";
    display: block;
    background-size: 3.6rem;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }
  .cc-glyph--card.cc-glyph--confirm:before {
    background-size: 4.8rem;
  }
  .cc-glyph--visa {
    color: rgb(30.2254098361, 38.6885245902, 117.2745901639);
  }
  @media not print {
    .cc-glyph--visa {
      background-image: linear-gradient(45deg, rgba(25, 32, 97, 0.1), rgba(25, 32, 97, 0.03));
    }
  }
  @media print {
    .cc-glyph--visa {
      background-color: rgba(25, 32, 97, 0.07);
    }
  }
  .cc-glyph--visa:before {
    background-image: url(../img/cards/visa.svg);
  }
  .cc-glyph--amex {
    color: rgb(42.3452914798, 125.9215246637, 206.1547085202);
  }
  @media not print {
    .cc-glyph--amex {
      background-image: linear-gradient(45deg, rgba(38, 113, 185, 0.1), rgba(38, 113, 185, 0.03));
    }
  }
  @media print {
    .cc-glyph--amex {
      background-color: rgba(38, 113, 185, 0.07);
    }
  }
  .cc-glyph--amex:before {
    background-image: url(../img/cards/amex.svg);
  }
  .cc-glyph--mastercard {
    color: rgb(255, 111, 25.5);
  }
  @media not print {
    .cc-glyph--mastercard {
      background-image: linear-gradient(45deg, rgba(255, 95, 0, 0.1), rgba(255, 95, 0, 0.03));
    }
  }
  @media print {
    .cc-glyph--mastercard {
      background-color: rgba(255, 95, 0, 0.07);
    }
  }
  .cc-glyph--mastercard:before {
    background-image: url(../img/cards/mastercard.svg);
  }
  .cc-glyph--discover {
    color: rgb(231.6626506024, 108.6927710843, 54.8373493976);
  }
  @media not print {
    .cc-glyph--discover {
      background-image: linear-gradient(45deg, rgba(229, 92, 32, 0.1), rgba(229, 92, 32, 0.03));
    }
  }
  @media print {
    .cc-glyph--discover {
      background-color: rgba(229, 92, 32, 0.07);
    }
  }
  .cc-glyph--discover:before {
    background-image: url(../img/cards/discover.svg);
  }
  .cc-glyph--toolbar {
    --cc-glyph-size-container: 2.6rem;
    line-height: var(--cc-glyph-font-line-height);
    pointer-events: none;
    background: none;
    transition: color ease-out 0.2s;
    --size: var(--cc-glyph-size-container);
    font-size: calc(var(--size) * 1);
  }
  .cc-glyph--badge {
    --cc-glyph-size-container: 2.4rem;
    position: absolute;
    bottom: -0.4rem;
    right: -0.4rem;
    background-color: var(--cc-glyph-color-background-accent);
    color: white;
    z-index: 100;
    --size: var(--cc-glyph-size-container);
    font-size: calc(var(--size) * 0.45);
  }
  .cc-glyph--confirm {
    --cc-glyph-size-container: 8rem;
    --size: var(--cc-glyph-size-container);
    font-size: calc(var(--size) * 0.45);
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-glyph--confirm {
        --cc-glyph-size-container: 11rem;
      }
    }
  }
  .cc-glyph--confirm.cc-glyph--success {
    color: var(--cc-glyph-color-icon-success);
  }
  .cc-glyph--confirm.cc-glyph--success:before {
    content: "W";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--confirm.cc-glyph--success {
    color: rgb(71.735059761, 204.764940239, 128.4820717131);
  }
  @media not print {
    .cc-glyph--confirm.cc-glyph--success {
      background-image: linear-gradient(45deg, rgba(54, 197, 115, 0.2), rgba(54, 197, 115, 0.08));
    }
  }
  @media print {
    .cc-glyph--confirm.cc-glyph--success {
      background-color: rgba(54, 197, 115, 0.07);
    }
  }
  .cc-glyph--confirm.cc-glyph--warning {
    color: var(--cc-glyph-color-icon-warning);
  }
  .cc-glyph--confirm.cc-glyph--warning:before {
    content: "W";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--confirm.cc-glyph--warning {
    color: rgb(249.6510638298, 191.7042553191, 50.8489361702);
  }
  @media not print {
    .cc-glyph--confirm.cc-glyph--warning {
      background-image: linear-gradient(45deg, rgba(249, 184, 26, 0.2), rgba(249, 184, 26, 0.08));
    }
  }
  @media print {
    .cc-glyph--confirm.cc-glyph--warning {
      background-color: rgba(249, 184, 26, 0.07);
    }
  }
  .cc-glyph--confirm.cc-glyph--delete {
    color: var(--cc-glyph-color-icon-alert);
  }
  .cc-glyph--confirm.cc-glyph--delete:before {
    content: "W";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--confirm.cc-glyph--delete {
    color: rgb(243.5563380282, 78.9436619718, 98.3098591549);
  }
  @media not print {
    .cc-glyph--confirm.cc-glyph--delete {
      background-image: linear-gradient(45deg, rgba(242, 55, 77, 0.2), rgba(242, 55, 77, 0.08));
    }
  }
  @media print {
    .cc-glyph--confirm.cc-glyph--delete {
      background-color: rgba(242, 55, 77, 0.07);
    }
  }
  .cc-glyph--confirm.cc-glyph--alert {
    color: var(--cc-glyph-color-icon-alert);
  }
  .cc-glyph--confirm.cc-glyph--alert:before {
    content: "W";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--confirm.cc-glyph--alert {
    color: rgb(243.5563380282, 78.9436619718, 98.3098591549);
  }
  @media not print {
    .cc-glyph--confirm.cc-glyph--alert {
      background-image: linear-gradient(45deg, rgba(242, 55, 77, 0.2), rgba(242, 55, 77, 0.08));
    }
  }
  @media print {
    .cc-glyph--confirm.cc-glyph--alert {
      background-color: rgba(242, 55, 77, 0.07);
    }
  }
  .cc-glyph--confirm.cc-glyph--warning:before, .cc-glyph--confirm.cc-glyph--alert:before, .cc-glyph--confirm.cc-glyph--report:before, .cc-glyph--confirm.cc-glyph--error:before {
    content: "\e1f8";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--confirm.cc-glyph--note:before {
    content: "\e230";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--confirm.cc-glyph--email:before {
    content: "\e360";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--confirm.cc-glyph--delete:before {
    content: "\e19e";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--confirm.cc-glyph--favorite:before {
    content: "\e45b";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--confirm.cc-glyph--export-contacts:before {
    content: "\e07e";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--confirm.cc-glyph--block:before {
    content: "|";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--confirm.cc-glyph--money {
    font-size: 3.6rem;
  }
  .cc-glyph--confirm.cc-glyph--money:before {
    content: "\e21e";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--confirm.cc-glyph--payment-processing:before {
    content: "\e407";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--extension {
    --cc-glyph-size-container: 2.8rem;
    color: var(--cc-glyph-color-icon-extension);
    --size: var(--cc-glyph-size-container);
    font-size: calc(var(--size) * 1);
  }
  .cc-glyph--extension.cc-glyph--image:before {
    content: "s";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--extension.cc-glyph--video:before {
    content: "A";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--extension.cc-glyph--csv:before {
    content: "l";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--extension.cc-glyph--audio:before {
    content: "i";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--extension.cc-glyph--exe:before {
    content: "q";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--extension.cc-glyph--pdf:before {
    content: "w";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--extension.cc-glyph--ppt:before {
    content: "x";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--extension.cc-glyph--txt:before {
    content: "z";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--extension.cc-glyph--xls:before {
    content: "B";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--extension.cc-glyph--zip:before {
    content: "H";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--extension.cc-glyph--dox:before {
    content: "n";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--extension.cc-glyph--other-format:before {
    content: "\e35b";
    font-family: "cyza-font" !important;
  }
  .cc-glyph--extension.cc-glyph--other-format:after {
    content: attr(data-after-content);
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--cc-glyph-color-icon-accent);
    padding: 0.3rem 0.4rem;
    line-height: 1;
    font-size: 0.9rem;
    font-weight: 500;
    min-width: 2.8rem;
    border-radius: 2px;
    color: var(--cc-glyph-color-text-extension);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
  }
}
@layer components {
  .cc-image-wrapper {
    --cc-image-color-background: var(--cs-color-tertiary-container);
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cc-image-wrapper picture {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cc-image-wrapper img {
    display: block;
  }
  .cc-image-wrapper--contain .cc-image, .cc-image-wrapper--cover .cc-image {
    position: absolute;
    top: 0;
    left: 0;
    filter: var(--light, none) var(--dark, brightness(80%));
  }
  @supports (not (object-fit: cover)) and (not (object-fit: contain)) {
    .cc-image-wrapper--contain .cc-image, .cc-image-wrapper--cover .cc-image {
      left: -10000%;
      right: -10000%;
      top: -10000%;
      bottom: -10000%;
      margin: auto auto;
    }
  }
  .cc-image-wrapper--contain .cc-image {
    object-fit: contain;
    position: relative;
  }
  @supports not (object-fit: contain) {
    .cc-image-wrapper--contain .cc-image {
      max-width: 10%;
      max-height: 10%;
      transform: scale(10);
    }
  }
  .cc-image-wrapper--cover .cc-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  @supports not (object-fit: cover) {
    .cc-image-wrapper--cover .cc-image {
      min-width: 1000%;
      min-height: 1000%;
      transform: scale(0.1);
    }
  }
  .cc-image-wrapper--absolute {
    position: absolute;
  }
  @media print {
    .cc-image-wrapper--cover .cc-image,
    .cc-image-wrapper--contain .cc-image {
      position: absolute;
      width: 100%;
      height: 100%;
      left: initial;
      right: initial;
      top: initial;
      bottom: initial;
      min-width: 100%;
      min-height: 100%;
      transform: none;
      overflow: hidden;
    }
  }
}
@layer components {
  .cc-menu-wrapper {
    --cc-menu-color-background: var(--cs-color-surface-container-highest);
    --cc-menu-color-background-option-hover: var(--cs-color-surface-bright);
    --cc-menu-color-button-default: var(--cs-color-on-surface-variant);
    --cc-menu-color-button-footer: var(--cs-color-surface-container-highest);
    --cc-menu-color-button-primary: var(--cs-color-primary);
    --cc-menu-color-button-hover: color-mix(in srgb, var(--cs-color-primary), white 8%);
    --cc-menu-color-text-primary: var(--cs-color-on-surface);
    --cc-menu-color-text-secondary: var(--cs-color-on-surface-variant);
    --cc-menu-color-text-active: color-mix(in srgb, var(--cs-color-primary), white 8%);
    --cc-menu-elevation-shadow-container: var(--cs-elevation-shadow-7);
    --cc-menu-elevation-shadow-fab: var(--cs-elevation-shadow-9);
    --cc-menu-elevation-z-backdrop: -1;
    --cc-menu-elevation-z-container: 302;
    --cc-menu-font-size-text-s: 1rem;
    --cc-menu-font-size-icon-xs: 1rem;
    --cc-menu-font-size-icon-s: 1.6rem;
    --cc-menu-font-size-icon-m: 1.8rem;
    --cc-menu-font-size-icon-l: 2rem;
    --cc-menu-font-size-icon-xl: 2.4rem;
    --cc-menu-font-weight-selected: var(--cs-font-weight-display);
    --cc-menu-shape-container: var(--cs-shape-50);
    --cc-menu-shape-button-circle: var(--cs-shape-circle);
    --cc-menu-space-padding-landscape-right: calc(25px + var(--sar));
  }
  @media print {
    .cc-menu-wrapper {
      display: flex;
      align-items: center;
    }
  }
  .cc-menu-wrapper--contain {
    contain: layout;
  }
  #cc-menu {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    background: var(--cc-menu-color-background);
    border-radius: var(--cc-menu-shape-container);
  }
  #cc-menu:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-radius: var(--cc-menu-shape-container);
  }
  #cc-menu.active {
    visibility: visible;
    opacity: 1;
  }
  #cc-menu > div {
    padding: 12px 0;
  }
  #cc-menu[data-menu-no-arrow*=true]:after {
    display: none;
  }
  .cc-menu-wrapper {
    position: relative;
  }
  .cc-menu-wrapper--inline {
    display: inline-flex;
  }
  .cc-button--menu.cc-button--text ~ .cc-menu {
    right: 0;
    right: anchor(right);
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px), print {
      .cc-button--menu.cc-button--text ~ .cc-menu {
        top: calc(anchor(bottom) + 1.6rem);
      }
    }
  }
  .cc-button--menu.cc-button--text ~ .cc-menu--ltr {
    right: initial;
    left: 0;
    left: anchor(left);
  }
  .cc-menu {
    display: none;
    position: absolute;
    position-visibility: always;
  }
  @media not print {
    .cc-menu {
      flex-direction: column;
      top: 100%;
      right: 25px;
      background: var(--cc-menu-color-background);
      border-radius: var(--cc-menu-shape-container);
      z-index: 302;
      padding: 8px 0;
      min-width: 130px;
      max-height: 360px;
      position-anchor: --cc-menu-anchor;
      left: initial;
      right: anchor(center);
      top: anchor(bottom);
    }
    .cc-menu--ltr {
      right: initial;
      left: anchor(center);
    }
    .cc-menu--flip-block {
      transform: translateY(-100%);
    }
    .cc-menu.active {
      display: flex;
      visibility: visible;
      opacity: 1;
    }
    .cc-menu.active:after {
      content: "";
      position: absolute;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      bottom: 0;
      box-shadow: var(--cc-menu-elevation-shadow-container);
      z-index: -1;
      border-radius: var(--cc-menu-shape-container);
    }
    .cc-menu.active.cc-menu--scrollable {
      max-height: 80vh;
    }
    .cc-menu.active.cc-menu--scrollable .cc-scroll {
      height: 100%;
      max-height: calc(80vh - 16px);
    }
  }
  .cc-menu--left.active {
    left: 5px;
    right: initial;
  }
  .cc-menu--offers {
    min-width: 310px;
    top: 48px;
  }
  .cc-menu--with-icons .cc-menu__button {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .cc-menu__button {
    display: flex;
    align-items: center;
    padding: 0.8rem 2rem;
    font-size: 1.4rem;
    color: var(--cc-menu-color-text-primary);
    text-decoration: none;
    text-align: left;
    white-space: nowrap;
    width: 100%;
    position: relative;
  }
  @media screen and (hover: hover) and (pointer: fine) {
    .cc-menu__button:not(.cc-menu__button--hover-none):hover {
      cursor: pointer;
      color: var(--cc-menu-color-text-primary);
      background-color: var(--cc-menu-color-background-option-hover);
    }
    .cc-menu__button.selected:hover .cc-menu__icon, .cc-menu__button.selected:hover .cc-menu__label, .cc-menu__button.selected:hover .cc-menu__suffix {
      color: var(--cc-menu-color-button-hover);
    }
  }
  .cc-menu__button.is-active .cc-menu__icon, .cc-menu__button.is-active .cc-menu__label, .cc-menu__button.is-active .cc-menu__suffix, .cc-menu__button.selected .cc-menu__icon, .cc-menu__button.selected .cc-menu__label, .cc-menu__button.selected .cc-menu__suffix {
    color: var(--cc-menu-color-button-primary);
  }
  .cc-menu__button.is-active .cc-menu__suffix, .cc-menu__button.selected .cc-menu__suffix {
    visibility: visible;
    opacity: 1;
    display: block;
  }
  .cc-menu__icon {
    display: inline-flex;
    width: 1.8rem;
    margin-right: 1.2rem;
    align-items: center;
    font-size: 1.8rem;
    line-height: 1;
    text-align: center;
    color: var(--cc-menu-color-text-secondary);
  }
  .cc-menu__icon--import:before {
    content: "\e07d";
    font-family: "cyza-font" !important;
  }
  .cc-menu__icon--grid-view:before {
    content: "\e112";
    font-family: "cyza-font" !important;
  }
  .cc-menu__icon--grid-view2:before {
    content: "\e112";
    font-family: "cyza-font" !important;
  }
  .cc-menu__icon--folder-view:before {
    content: "\e3d4";
    font-family: "cyza-font" !important;
  }
  .cc-menu__icon--upcoming:before {
    content: "\e1b2";
    font-family: "cyza-font" !important;
  }
  .cc-menu__icon--past:before {
    content: "\e1b2";
    font-family: "cyza-font" !important;
  }
  .cc-menu__icon--hosting:before {
    content: "\e1e4";
    font-family: "cyza-font" !important;
  }
  .cc-menu__icon--search:before {
    content: "\e1e2";
    font-family: "cyza-font" !important;
  }
  .cc-menu__icon--mapview:before {
    content: "\e1d8";
    font-family: "cyza-font" !important;
  }
  .cc-menu__icon--gridview:before {
    content: "\e112";
    font-family: "cyza-font" !important;
  }
  .cc-menu__icon--filter:before {
    content: "\e1c2";
    font-family: "cyza-font" !important;
  }
  .cc-menu__icon--filter-filled:before {
    content: "\e1c1";
    font-family: "cyza-font" !important;
  }
  .cc-menu__icon--sort:before {
    content: "\e459";
    font-family: "cyza-font" !important;
  }
  .cc-menu__icon--draft:before {
    content: "\e1f9";
    font-family: "cyza-font" !important;
  }
  .cc-menu__icon--pending:before {
    content: "\e1ad";
    font-family: "cyza-font" !important;
  }
  .cc-menu__icon--attending:before {
    content: "\e1e4";
    font-family: "cyza-font" !important;
  }
  .cc-menu__icon.ci-clock-v2-3p {
    font-size: 1.8rem;
  }
  .cc-menu__label {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: initial;
  }
  .cc-menu__label .text-dots {
    vertical-align: middle;
  }
  .cc-menu__label + .cc-menu__suffix {
    margin-left: 4px;
    line-height: initial;
  }
  .cc-menu__tag {
    font-size: 1rem;
    flex: 0 0 auto;
    max-width: 40%;
    margin-left: auto;
  }
  .cc-menu--fixed {
    position: fixed;
  }
  .cc-menu-wrapper:has(.cc-button--sort) {
    margin-right: -1.2rem;
  }
  .cc-menu-wrapper.margin-none {
    margin-right: initial;
  }
  .cc-menu-wrapper:has(.cc-button--menu.cc-button--touch) {
    margin-right: initial;
  }
  .cc-menu-wrapper .cc-button--menu {
    anchor-name: --cc-menu-anchor;
  }
  .cc-menu-wrapper .cc-button--menu.active .cc-button__icon--down:before {
    transform: rotate(180deg);
  }
  .cc-menu-wrapper .cc-button--sort.cc-button--text {
    --cc-button-space-padding-inline: 1.2rem;
    min-height: 4rem;
  }
  .cc-menu-wrapper .cc-button--sort.cc-button--text.active {
    background-color: var(--cc-menu-color-background);
  }
  .cc-menu-wrapper .cc-button--sort.cc-button--text md-ripple {
    --md-ripple-padding-inline: calc(-1.6rem * 0.2);
    --md-ripple-padding-block: calc(-1.2rem * 0.2);
  }
  .cc-menu-wrapper .cc-button--sort.active {
    --cc-button-color-background: var(--cc-menu-color-background);
    --cc-button-shape-container: var(--cc-menu-shape-container);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .cc-menu-wrapper .cc-button--sort.active:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    box-shadow: var(--cc-menu-elevation-shadow-container);
    z-index: -1;
    border-radius: var(--cc-menu-shape-container);
  }
  .cc-menu-wrapper .cc-button--sort ~ .cc-menu {
    right: 0;
    right: anchor(right);
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px), print {
      .cc-menu-wrapper .cc-button--sort ~ .cc-menu {
        top: 4rem;
        top: calc(anchor(bottom) - 0.5rem);
      }
    }
  }
  .cc-menu-wrapper .cc-button--sort ~ .cc-menu.active {
    z-index: auto;
  }
  .cc-menu--sort {
    background: var(--cc-menu-color-background);
    border-radius: 4px 0px 4px 4px;
  }
  @media print {
    .cc-menu--sort {
      display: block;
      margin: 0;
      position: relative;
    }
    .cc-menu--sort .cc-menu__button:not(.selected) {
      display: none;
    }
    .cc-menu--sort .cc-menu__button.selected {
      color: var(--cc-menu-color-button-default);
      padding: 0;
    }
  }
  .cc-menu--sort .cc-scroll {
    height: 100%;
  }
  .cc-menu--sort .cc-menu__button {
    background: transparent;
    color: var(--cc-menu-color-button-default);
    padding: 1rem 2rem;
  }
  .cc-menu--sort .cc-menu__button.selected {
    font-weight: 500;
    color: color-mix(in srgb, var(--cs-color-primary), white 8%);
  }
  .cc-menu-wrapper--footer {
    display: flex;
    justify-content: flex-end;
    height: 5rem;
    pointer-events: all;
  }
  .cc-menu-wrapper--footer .cc-button--menu {
    --cc-button-color-icon: var(--cc-menu-color-text-primary);
    --cc-button-font-size-icon: 2rem;
    box-shadow: var(--cc-menu-elevation-shadow-container);
  }
  .cc-menu-wrapper--footer .cc-button--menu ~ .cc-menu {
    right: 0.8rem;
    right: calc(anchor(right) + 0.8rem);
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px), print {
      .cc-menu-wrapper--footer .cc-button--menu ~ .cc-menu {
        top: -0.8rem;
      }
    }
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cz-container--footer {
        display: none;
      }
      .cc-menu.cc-menu--md-fixed {
        position: fixed;
        top: 0 !important;
        left: 0 !important;
        transition: none;
        width: 100%;
        height: 100%;
      }
      .cc-menu.active {
        max-width: 87vw;
      }
      .cc-menu--header {
        max-width: calc(100vw - 45px);
      }
      .cc-menu__suffix {
        display: none;
      }
    }
  }
  @media screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    .cc-button--public-info {
      right: var(--sar);
    }
    .cc-menu.cc-menu--header.active {
      right: var(--cc-menu-space-padding-landscape-right);
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-menu.active {
        max-height: 65dvh;
      }
      .cc-menu__suffix {
        visibility: hidden;
        opacity: 0;
      }
      .cc-menu__button.selected .sort-menu__suffix {
        visibility: visible;
        opacity: 1;
      }
      .cc-menu__button.selected .sort-menu__label {
        padding-right: 4px;
      }
      .cz-container--footer {
        position: fixed;
        bottom: 2.4rem;
        margin: 0 auto;
        z-index: 900;
        transform: translateX(-50%);
        left: 50%;
        height: 5rem;
        pointer-events: none;
      }
      .cz-container--footer .cc-menu__button:after {
        content: "\e000";
        font-family: "cyza-font" !important;
      }
      .cz-container--footer .cc-menu__button:after {
        margin-left: auto;
        padding-left: 20px;
        visibility: hidden;
      }
    }
    @media screen and (min-width: 744px) and (hover: hover) and (pointer: fine) {
      .cz-container--footer .cc-menu__button:hover:after {
        visibility: visible;
      }
    }
  }
  .cc-menu--attendees.active {
    min-width: 200px;
    max-width: 320px;
    max-height: 340px;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-menu--attendees.active {
        min-width: 260px;
      }
    }
  }
  .cc-menu--attendees .cc-menu__button {
    column-gap: 1.2rem;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }
}
@layer components {
  .cc-nav {
    --cc-nav-color-background-menu: var(--cs-color-surface-container-high);
    --cc-nav-color-border-container: var(--cs-color-outline);
    --cc-nav-color-border-item-default: transparent;
    --cc-nav-color-border-item-active: var(--cs-color-primary);
    --cc-nav-color-text-default: var(--cs-color-on-surface-variant);
    --cc-nav-color-text-active: var(--cs-color-primary);
    --cc-nav-color-text-hover: color-mix(in srgb, var(--cs-color-primary), white 8%);
    --cc-nav-elevation-shadow-menu: var(--cs-elevation-shadow-7);
    --cc-nav-elevation-z-item: 5;
    --cc-nav-font-size-text: 1.3rem;
    --cc-nav-font-size-icon-s: 1.6rem;
    --cc-nav-font-size-icon-m: 1.8rem;
    --cc-nav-font-weight-label: var(--cs-font-weight-display);
    --cc-nav-shape-menu: var(--cs-shape-50);
    position: relative;
    border-bottom: 1px solid var(--cc-nav-color-border-container);
    font-size: 1.4rem;
    justify-content: center;
    box-sizing: border-box;
    display: flex;
    gap: 2.4rem;
  }
  .cc-nav--gap-none {
    gap: initial;
  }
  .cc-nav[data-has-more=true] {
    visibility: hidden;
    opacity: 0;
  }
  .cc-nav[data-has-more=true].generated {
    visibility: visible;
    opacity: 1;
  }
  @media screen and (max-width: 1279px) {
    .cc-nav--justify-end {
      justify-content: flex-end;
    }
  }
  @media print {
    .cc-nav {
      padding-right: var(--cs-space-padding-layout-print);
    }
  }
  .cc-nav__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.4rem;
    font-size: 1.8rem;
    line-height: 1;
    position: relative;
  }
  .cc-nav__item {
    position: relative;
    height: 52px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
    color: var(--cc-nav-color-text-default);
    font-size: 1.3rem;
    top: 2px;
    transition: color 0.15s ease-out;
    z-index: 5;
    cursor: pointer;
    font-weight: var(--cc-nav-font-weight-label);
  }
  @media screen and (hover: hover) and (pointer: fine) {
    .cc-nav__item:hover {
      color: color-mix(in srgb, var(--cs-color-primary), white 8%);
    }
  }
  @media print {
    .cc-nav__item {
      border-bottom: none;
    }
    .cc-nav__item:not(.is-active) {
      display: none;
    }
  }
  .cc-nav__item.is-active {
    color: var(--cc-nav-color-text-active);
  }
  .cc-nav__item--h-59 {
    height: 59px;
  }
  .cc-nav__item.hidden {
    display: none;
  }
  .cc-nav__item md-ripple {
    inset: 0.6rem -1.2rem;
    border-radius: 999px;
  }
  .cc-nav__label {
    line-height: 1;
  }
  .cc-nav--border-none {
    border: none;
  }
  .cc-nav--justify-left {
    justify-content: flex-start;
  }
  .cc-nav__button-more {
    color: var(--cc-nav-color-text-default);
    display: none;
    position: relative;
    padding-top: 3px;
    width: 20px;
    flex-shrink: 0;
    overflow: visible;
    cursor: pointer;
  }
  .cc-nav__button-more:before {
    content: "\e44a";
    font-family: "cyza-font" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.6rem;
    line-height: 1;
  }
  @media print {
    .cc-nav__button-more {
      display: none !important;
    }
  }
  @media screen and (hover: hover) and (pointer: fine) {
    .cc-nav__button-more:hover {
      color: color-mix(in srgb, var(--cs-color-primary), white 8%);
    }
  }
  .cc-nav__button-more.is-active {
    color: var(--cc-nav-color-text-active);
  }
  .cc-nav__dropdown {
    display: none;
    opacity: 0;
    position: absolute;
    min-width: auto;
    min-height: 42px;
    padding: 12px 0;
    right: 0;
    background: var(--cc-nav-color-background-menu);
    border-radius: var(--cc-nav-shape-menu);
    box-shadow: var(--cc-nav-elevation-shadow-menu);
    border: none;
    top: calc(100% + 4px);
    transition: all 0.2s ease-out;
  }
  @media print {
    .cc-nav__dropdown {
      visibility: hidden !important;
    }
  }
  .cc-nav__dropdown.visible {
    opacity: 1;
    display: block;
  }
  .cc-nav__dropdown .cc-nav__item {
    height: auto;
    margin: 1px 0;
    padding: 5px 20px;
  }
  .cc-nav__dropdown md-ripple {
    inset: 0;
    border-radius: 0;
  }
  .cc-nav.has-more .cc-nav__button-more {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  @media screen and (max-width: 1024px) {
    .cc-nav--children-count {
      justify-content: unset;
      width: 100%;
      gap: 40px;
    }
    .cc-nav--children-count:has(> :last-child:nth-child(4)) {
      justify-content: space-between;
    }
  }
  .cc-nav--tabs {
    gap: initial;
    border: none;
    z-index: 100;
    box-shadow: var(--cs-elevation-shadow-8);
  }
  .cc-nav--tabs .cc-divider {
    margin: initial;
  }
  .cc-nav--tabs .cc-nav__item {
    width: 100%;
    justify-content: center;
  }
  .cc-nav--tabs .cc-nav__item.is-active {
    border-color: var(--cc-nav-color-border-item-active);
  }
  .cc-nav--splash .cc-nav__item.is-active {
    color: var(--cc-nav-color-text-active);
  }
  .cc-nav--splash .cc-nav__item--details > .cc-nav__icon:before {
    content: "\e068";
    font-family: "cyza-font" !important;
  }
  .cc-nav--splash .cc-nav__item--description .cc-nav__icon:before {
    content: "\e065";
    font-family: "cyza-font" !important;
  }
  .cc-nav--splash .cc-nav__item--seller .cc-nav__icon:before {
    content: "\e1ed";
    font-family: "cyza-font" !important;
  }
  .cc-nav--splash .cc-nav__item--reviews .cc-nav__icon:before {
    content: "\e193";
    font-family: "cyza-font" !important;
  }
  .cc-nav--splash .cc-nav__item--reviews.is-active .cc-nav__icon:before {
    content: "\e193";
    font-family: "cyza-font" !important;
  }
  .cc-nav--splash .cc-nav__icon.is-active {
    color: var(--cc-nav-color-text-active);
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-nav--splash {
        display: flex;
        width: 100%;
        border-bottom: 0;
      }
      .cc-nav--splash md-ripple {
        inset: -1.2rem -1.6rem;
        border-radius: 9999px;
      }
      .cc-nav--splash .cc-nav__icon {
        font-size: 2.4rem;
      }
      .cc-nav--splash .cc-nav__label {
        display: block;
        font-weight: var(--cc-nav-font-weight-label);
        font-size: 1.2rem;
        text-transform: uppercase;
      }
      .cc-nav--splash .cc-nav__item {
        flex-direction: column;
        position: relative;
        min-width: 0;
        gap: 1rem;
      }
      .cc-nav--splash .cc-nav__item--reviews .cc-nav__icon {
        top: 1px;
      }
      .cc-nav--children-count {
        justify-content: space-between;
      }
      .cc-nav--children-count .cc-nav__item:first-child:nth-last-child(3), .cc-nav--children-count .cc-nav__item:first-child:nth-last-child(3) ~ .cc-nav__item {
        min-width: 80px;
      }
      .cc-nav--children-count .cc-nav__item:first-child:nth-last-child(3):not(:last-child), .cc-nav--children-count .cc-nav__item:first-child:nth-last-child(3) ~ .cc-nav__item:not(:last-child) {
        margin-right: auto;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px), print {
      .cc-nav__item.is-active {
        border-color: var(--cc-nav-color-border-item-active);
      }
      .cc-nav__dropdown .cc-nav__item.is-active {
        border-bottom: none !important;
        border-left: 2px solid var(--cc-nav-color-border-item-active);
        padding-left: 18px;
      }
      .cc-nav--splash .cc-nav__icon {
        width: initial;
      }
    }
  }
  .cc-nav--profile {
    margin-right: 270px;
    margin-left: 212px;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) and (max-width: 1024px) {
      .cc-nav--profile {
        margin-right: 20px;
      }
    }
  }
  @media print {
    .cc-nav--profile .cc-nav__item {
      height: 45px;
      padding-top: 13px;
    }
  }
  @media print {
    .cc-nav-wrapper {
      width: 100%;
    }
  }
}
@layer components {
  .cc-bottom-nav,
  .cc-bottom-nav-popup {
    --cc-bottom-nav-color-background-backdrop: color-mix(in srgb, var(--cs-color-scrim-black) 60%, transparent);
    --cc-bottom-nav-color-background-drawer: var(--cs-color-surface-container);
    --cc-bottom-nav-color-background: var(--cs-color-surface-container-high);
    --cc-bottom-nav-color-text-active: var(--cs-color-primary);
    --cc-bottom-nav-color-text-primary: var(--cs-color-on-surface);
    --cc-bottom-nav-color-text-secondary: var(--cs-color-on-surface-variant);
    --cc-bottom-nav-elevation-shadow: 0 -8px 32px -8px rgba(0, 0, 0, 0.075);
    --cc-bottom-nav-elevation-z: 302;
    --cc-bottom-nav-font-size-icon: 2.2rem;
    --cc-bottom-nav-font-size-text-drawer: 1.2rem;
    --cc-bottom-nav-font-size-label: 0.9rem;
    --cc-bottom-nav-font-weight: var(--cs-font-weight-display);
  }
  .cc-bottom-nav {
    grid-area: footer;
    display: none;
    position: sticky;
    width: 100%;
    padding: 0;
    background-color: var(--cc-bottom-nav-color-background);
    box-shadow: var(--cc-bottom-nav-elevation-shadow);
    box-sizing: border-box;
    z-index: var(--cc-bottom-nav-elevation-z);
    flex-shrink: 0;
    transform: translate3d(0, 0, 0);
    bottom: 0;
    height: calc(var(--sab) + 5rem);
    padding-bottom: var(--sab);
  }
  .cc-bottom-nav__icon {
    display: flex;
    align-items: center;
    line-height: 1;
    font-size: var(--cc-bottom-nav-font-size-icon);
    position: relative;
  }
  .cc-bottom-nav__icon--1:before {
    content: "\e1c7";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--2:before {
    content: "\e1db";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--about:before {
    content: "\e1db";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--active:before {
    content: "\e1ad";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--activity-logs__tab--my-activity-logs:before {
    content: "M";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--activity-logs__tab--users-activity-logs:before {
    content: "\e04f";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--activity:before {
    content: "\e04f";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--alerts:before {
    content: "\e1f7";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--all:before {
    content: "\e1ab";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--appointments:before {
    content: "\e1a7";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--attachments:before {
    content: "\e1af";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--buyers:before {
    content: "\e1f6";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--calendar:before {
    content: "\e0ac";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--collections:before {
    content: "\e195";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--contracts_active:before {
    content: "\e1ad";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--contracts_archived:before {
    content: "\e19d";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--contracts_draft:before {
    content: "\e1c0";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--deposits:before {
    content: "\e1b4";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--discover:before {
    content: "k";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--draft:before {
    content: "\e1c0";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--events:before {
    content: "\e1a8";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--expired:before {
    content: "\e1b2";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--explore-around:before {
    content: "\e1bc";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--flag:before {
    content: "\e3d7";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--followers:before {
    content: "}";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--following:before {
    content: "\e313";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--future:before {
    content: "\e1b2";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--give-permissions:before {
    content: "\e1ec";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--give:before {
    content: "\e1ec";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--memberships:before {
    content: "v";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--messages:before {
    content: "\e193";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--more:before {
    content: "\e4a0";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--my-permissions:before {
    content: "\e1c4";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--my:before {
    content: "\e1c4";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--notes:before {
    content: "\e3c1";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--orders:before {
    content: "\e1b4";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--overview:before {
    content: "\e1ba";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--paid:before {
    content: "\e1b9";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--past:before {
    content: "\e1b2";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--payables:before {
    content: "\e1ad";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--pending-1p:before {
    content: "\e1f1";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--pending:before {
    content: "\e1f1";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--portfolio:before {
    content: "\e19f";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--portfolios:before {
    content: "\e19f";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--processing:before {
    content: "\e1ba";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--profiles:before {
    content: "\e1f5";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--pulse:before {
    content: "\e376";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--receivables:before {
    content: "\e1b4";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--sappointments:before {
    content: "\e1a7";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--sellers:before {
    content: "\e1ed";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--settings_addresses:before {
    content: "\e1d8";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--settings_general:before {
    content: "\e1e6";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--settings_notifications:before {
    content: "\e19b";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--settings_payment_accounts:before {
    content: "\e1bb";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--settings_permissions--dashboard:before {
    content: "\e1c4";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--settings_permissions--profile:before {
    content: "\e1ec";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--settings_schedule:before {
    content: "\e1b3";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--sevent:before {
    content: "\e1a8";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--shop:before {
    content: "\e1a7";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--smemberships:before {
    content: "v";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--sportfolio:before {
    content: "\e19f";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--sprofiles:before {
    content: "\e1f5";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--sshop:before {
    content: "\e1a7";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--ssubscriptions:before {
    content: "t";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--status:before {
    content: "L";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--subscriptions:before {
    content: "t";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--transactions:before {
    content: "\e1b4";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--unresolved:before {
    content: "\e1f7";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--upcoming:before {
    content: "\e1b2";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--developers_api_keys:before {
    content: "/";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--developers_listing_tags:before {
    content: "\e3b5";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--developers_embed_listings:before {
    content: "r";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__icon--future {
    transform: scaleX(-1);
    display: inline-block;
  }
  .cc-bottom-nav__item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 0.4rem;
    padding: 5px 7px 0;
    color: var(--cc-bottom-nav-color-text-secondary);
    cursor: pointer;
    text-align: center;
    flex: 1 1 0;
    height: 100%;
    position: relative;
    min-width: 50px;
    visibility: hidden;
  }
  .cc-bottom-nav__item:hover {
    color: var(--cc-bottom-nav-color-text-secondary);
  }
  .cc-bottom-nav__item--more {
    min-width: 50px;
  }
  .cc-bottom-nav__item.is-active, .cc-bottom-nav__item.active {
    color: var(--cc-bottom-nav-color-text-active);
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--1:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--1:before {
    content: "\e1c5";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--2:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--2:before {
    content: "\e1d9";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--about:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--about:before {
    content: "\e1d9";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--active:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--active:before {
    content: "\e1ac";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--activity-logs__tab--my-activity-logs:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--activity-logs__tab--my-activity-logs:before {
    content: "M";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--activity-logs__tab--users-activity-logs:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--activity-logs__tab--users-activity-logs:before {
    content: "\e43e";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--activity:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--activity:before {
    content: "\e43e";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--alerts:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--alerts:before {
    content: "\e1f8";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--all:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--all:before {
    content: "\e1aa";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--appointments:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--appointments:before {
    content: "\e42e";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--attachments:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--attachments:before {
    content: "\e1ae";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--buyers:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--buyers:before {
    content: "\e1f4";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--collections:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--collections:before {
    content: "\e196";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--contracts_active:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--contracts_active:before {
    content: "\e1ac";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--contracts_archived:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--contracts_archived:before {
    content: "\e19e";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--contracts_draft:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--contracts_draft:before {
    content: "\e1bf";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--deposits:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--deposits:before {
    content: "\e48c";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--discover:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--discover:before {
    content: "J";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--draft:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--draft:before {
    content: "\e1bf";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--events:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--events:before {
    content: "\e1a3";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--explore-around:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--explore-around:before {
    content: "\e457";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--future:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--future:before {
    content: "\e435";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--give-permissions:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--give-permissions:before {
    content: "\e1eb";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--give:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--give:before {
    content: "\e1eb";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--memberships:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--memberships:before {
    content: "I";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--more:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--more:before {
    content: "\e444";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--my-permissions:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--my-permissions:before {
    content: "\e1c3";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--my:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--my:before {
    content: "\e1c3";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--notes:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--notes:before {
    content: ".";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--overview:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--overview:before {
    content: "\e1b7";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--paid:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--paid:before {
    content: "\e1b6";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--past:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--past:before {
    content: "\e1b0";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--payables:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--payables:before {
    content: "\e1ac";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--pending-1p:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--pending-1p:before {
    content: "\e1f0";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--pending:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--pending:before {
    content: "\e1f0";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--portfolio:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--portfolio:before {
    content: "\e1a1";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--portfolios:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--portfolios:before {
    content: "\e1a1";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--processing:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--processing:before {
    content: "\e1b7";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--profiles:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--profiles:before {
    content: "\e1f2";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--pulse:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--pulse:before {
    content: "\e42d";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--receivables:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--receivables:before {
    content: "\e1b5";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--sappointments:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--sappointments:before {
    content: "\e42e";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--sellers:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--sellers:before {
    content: "\e1ee";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--settings_addresses:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--settings_addresses:before {
    content: "\e1d6";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--settings_general:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--settings_general:before {
    content: "\e1e8";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--settings_notifications:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--settings_notifications:before {
    content: "\e198";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--settings_payment_accounts:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--settings_payment_accounts:before {
    content: "\e1b8";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--settings_permissions--dashboard:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--settings_permissions--dashboard:before {
    content: "\e1c3";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--settings_permissions--profile:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--settings_permissions--profile:before {
    content: "\e1eb";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--settings_schedule:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--settings_schedule:before {
    content: "\e1b1";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--sevent:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--sevent:before {
    content: "\e1a3";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--shop:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--shop:before {
    content: "\e42e";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--sportfolio:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--sportfolio:before {
    content: "\e1a1";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--sprofiles:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--sprofiles:before {
    content: "\e1f2";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--sshop:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--sshop:before {
    content: "\e42e";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--status:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--status:before {
    content: "L";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--subscriptions:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--subscriptions:before {
    content: "U";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--transactions:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--transactions:before {
    content: "\e48c";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--unresolved:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--unresolved:before {
    content: "\e1f8";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--upcoming:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--upcoming:before {
    content: "\e435";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--developers_api_keys:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--developers_api_keys:before {
    content: "/";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--developers_listing_tags:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--developers_listing_tags:before {
    content: "%";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__item.is-active .cc-bottom-nav__icon--developers_embed_listings:before, .cc-bottom-nav__item.active .cc-bottom-nav__icon--developers_embed_listings:before {
    content: "r";
    font-family: "cyza-font" !important;
  }
  .cc-bottom-nav__label {
    font-size: var(--cc-bottom-nav-font-size-label);
    text-transform: uppercase;
    font-weight: var(--cc-bottom-nav-font-weight);
    width: 100%;
    max-width: 100%;
    word-break: break-all;
  }
  .cc-bottom-nav.has-popup .cc-bottom-nav__item--more {
    display: flex;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-bottom-nav {
        display: flex;
        justify-content: flex-start;
        align-items: center;
      }
    }
  }
  @media screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    .cc-bottom-nav {
      padding-left: var(--sal);
      padding-right: var(--sar);
    }
    #pageWrap.is-homepage .cc-bottom-nav {
      z-index: 610;
    }
  }
  .cc-bottom-nav-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--cc-bottom-nav-color-background-backdrop);
    z-index: var(--cs-elevation-z-negative-1);
    opacity: 0;
    -webkit-backdrop-filter: blur(1px);
            backdrop-filter: blur(1px);
  }
  .cc-bottom-nav-backdrop.visible {
    opacity: 1;
  }
  .cc-bottom-nav-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    visibility: hidden;
    pointer-events: none;
    padding-bottom: calc(var(--sab) + 5rem);
  }
  .cc-bottom-nav-popup.visible {
    visibility: visible;
    pointer-events: all;
    width: 100%;
    height: 100%;
    z-index: calc(var(--cc-bottom-nav-elevation-z) - 1);
  }
  .cc-bottom-nav-popup__panel {
    flex: 1 0;
    background-color: var(--cc-bottom-nav-color-background-drawer);
    padding-block: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    opacity: 0;
    transition: all 0.2s ease-out;
    transform: translateY(100%);
  }
  .cc-bottom-nav-popup__panel.visible {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.2s ease-out;
  }
  .cc-bottom-nav-popup .cc-bottom-nav__item {
    padding: 10px 25px;
    flex-direction: row;
    width: 100%;
    flex: 1 0 auto;
    visibility: visible;
    gap: 1.6rem;
  }
  .cc-bottom-nav-popup .cc-bottom-nav__item.is-active {
    color: var(--cc-bottom-nav-color-text-active);
  }
  .cc-bottom-nav-popup .cc-bottom-nav__item:first-child, .cc-bottom-nav-popup .cc-bottom-nav__item:last-child {
    margin-left: 0;
    margin-right: 0;
  }
  .cc-bottom-nav-popup .cc-bottom-nav__icon {
    top: -1px;
  }
  .cc-bottom-nav-popup .cc-bottom-nav__label {
    color: var(--cc-bottom-nav-color-text-primary);
    font-weight: 400;
    font-size: var(--cc-bottom-nav-font-size-text-drawer);
    text-align: left;
    line-height: 1;
    height: auto;
  }
  @media screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    .cc-bottom-nav-popup .cc-bottom-nav__item {
      padding-left: var(--cs-space-padding-layout-landscape-left);
      padding-right: var(--cs-space-padding-layout-landscape-right);
    }
  }
}
@layer components {
  .cz-notice-wrap {
    --cc-notice-color-background-accent: var(--cs-color-primary-fixed);
    --cc-notice-color-background-success: var(--cs-color-success);
    --cc-notice-color-background-warning: var(--cs-color-warning);
    --cc-notice-color-background-error: var(--cs-color-error);
    --cc-notice-color-background-mask: var(--cs-color-surface);
    --cc-notice-color-icon-warning: var(--cs-color-warning);
    --cc-notice-color-text-default: var(--cs-color-on-error);
    --cc-notice-color-text-secondary: var(--cs-color-on-surface-variant);
    --cc-notice-elevation-z-container: 300;
    --cc-notice-font-size-text: 1.4rem;
    --cc-notice-font-size-icon-default: 1.6rem;
    --cc-notice-font-size-icon-close: 1.8rem;
    --cc-notice-shape-container: var(--cs-shape-50);
    --cc-notice-size-height-container: 40px;
    --cc-notice-size-height-mask: 4px;
    --cc-notice-space-gap-icon-default: 0.8rem;
    --cc-notice-space-gap-icon-close: 1.2rem;
    --cc-notice-space-padding-inline: 1.6rem;
    --cc-notice-space-padding-block: 1rem;
    --cc-notice-space-position-container-top: 0;
    transition: 0.25s ease-out;
    transition-property: top;
    top: var(--cc-notice-space-position-container-top);
  }
  .cz-notice {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    min-height: 40px;
    width: 100%;
    padding: 10px 15px;
    color: var(--cc-notice-color-text-default);
    font-size: var(--cc-notice-font-size-text);
    z-index: 299;
    position: relative;
    text-align: left;
  }
  .cz-notice .cc-button--close-notice {
    --cc-button-font-size-icon: var(--cc-notice-font-size-icon-close);
    --cc-button-space-padding-inline: 0;
    --cc-button-space-padding-block: 0;
    margin-right: 1.2rem;
  }
  .cz-notice__link {
    text-decoration: underline;
  }
  .cz-notice .cc-button {
    text-decoration: none;
  }
  .cz-notice__message {
    display: flex;
    flex: 1 1 100%;
    flex-direction: column;
  }
  .cz-notice__message--h {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .cz-notice__message button,
  .cz-notice__message .cc-button--read-more .cc-button__icon,
  .cz-notice__message .cc-button--read-more .cc-button__label {
    color: var(--cc-notice-color-text-default);
  }
  .cz-notice__message.read-more--lines {
    display: block;
  }
  .cz-notice--default {
    background-color: var(--cc-notice-color-background-accent);
    flex: 0 0 auto;
  }
  .cz-notice--error {
    background-color: var(--cc-notice-color-background-error);
  }
  .cz-notice--success {
    background-color: var(--cc-notice-color-background-success);
  }
  .cz-notice--warning {
    background-color: var(--cc-notice-color-background-warning);
  }
  .cz-notice--margin-0 {
    margin: 0;
  }
  .cz-notice--indent-35 {
    padding-left: 35px;
  }
  .cz-notice__icon {
    font-size: var(--cc-notice-font-size-icon-default);
    display: flex;
    margin-top: 2px;
  }
  .cz-notice a {
    position: relative;
    color: var(--cc-notice-color-text-default);
    text-decoration: underline;
  }
  .cz-notice-wrap {
    /* Default value */
    display: flex;
    flex-direction: column;
  }
  .cz-notice-wrap--on-modal .cz-notice {
    margin: 0 !important;
  }
  .cz-notice-wrap--absolute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cz-notice-wrap {
        position: sticky;
        left: 0;
        margin-top: initial !important;
        width: 100%;
        z-index: var(--cc-notice-elevation-z-container);
      }
      .cz-notice-wrap--relative {
        position: relative;
        top: 0;
      }
      .cz-notice-wrap--report {
        top: 20%;
      }
      .cz-notice-wrap--top-offset {
        --cc-notice-space-position-container-top: calc(var(--sat) + 5rem);
      }
    }
  }
  @media screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    .cz-notice {
      padding-left: calc(15px + var(--sal));
      padding-right: calc(15px + var(--sar));
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cz-page--contracts .cz-notice,
      .cz-notice-wrap--splash .cz-notice {
        margin-bottom: 0;
      }
      .cz-notice-wrap--on-modal {
        position: absolute;
        margin: 0;
        width: 100%;
        left: 0;
        right: 0;
        top: initial;
        transform: translateY(-100%);
      }
      .cz-notice-wrap--on-modal .cz-notice:after {
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        bottom: -4px;
        height: 5px;
        background: var(--cc-notice-color-background-mask);
        left: 0;
      }
    }
    @media screen and (min-width: 744px) and (max-height: 800px) {
      .cz-notice-wrap--on-modal {
        margin-top: 0 !important;
      }
    }
    @media screen and (min-width: 744px) {
      .cz-notice-wrap--on-modal .cz-notice {
        border-radius: 4px 4px 0 0;
      }
      .cc-slide .cz-notice-wrap--sticky {
        --cc-notice-space-position-container-top: 0;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) and (max-width: 1279px) {
      #appointment-chooser-notice .cz-notice-wrap {
        margin-top: initial !important;
      }
    }
  }
  .cz-notice-wrap--sticky {
    position: sticky;
    top: var(--cc-notice-space-position-container-top);
    z-index: 200;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cz-notice-wrap--sticky {
        --cc-notice-space-position-container-top: 6.8rem;
      }
    }
  }
  .cz-notice-wrap--stepper {
    z-index: 200;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cz-notice-wrap--stepper {
        --cc-notice-space-position-container-top: 110px;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cz-notice-wrap--m-top {
        --cc-notice-space-position-container-top: 0;
      }
    }
  }
  #contract-notice {
    position: sticky;
    z-index: 3;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      #contract-notice {
        top: calc(var(--sat) + 5rem);
      }
    }
  }
  #contract-notice .cz-notice-wrap {
    position: initial;
  }
}
@layer components {
  .cc-pointer {
    --cc-pointer-color-icon: color-mix(in srgb, var(--cs-color-on-secondary-container) 60%, var(--cs-color-scrim-adaptive-inverse));
    --cc-pointer-color-text: var(--cs-color-on-secondary-container);
    --cc-pointer-elevation-z-container: 100;
    --cc-pointer-font-size-icon: 7rem;
    --cc-pointer-font-size-text: 1.4rem;
    --cc-pointer-space-position-arrow-top: 35px;
    --cc-pointer-space-position-arrow-bottom: initial;
    --cc-pointer-space-position-arrow-left: 35px;
    --cc-pointer-space-position-arrow-right: 40px;
    position: absolute;
    display: flex;
    align-items: center;
  }
  @media print {
    .cc-pointer {
      display: none;
    }
  }
  .cc-pointer__arrow {
    color: var(--cc-pointer-color-icon);
    display: inline-block;
    flex: 0 0 auto;
    align-self: flex-start;
    font-size: var(--cc-pointer-font-size-icon);
    line-height: 1;
  }
  .cc-pointer__arrow--small {
    --cc-pointer-font-size-icon: 6rem;
  }
  .cc-pointer__arrow--xs {
    --cc-pointer-font-size-icon: 4.5rem;
  }
  .cc-pointer__arrow--left:before {
    content: "\e4d9";
    font-family: "cyza-font" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .cc-pointer__arrow--left-up {
    margin-bottom: 10px;
  }
  .cc-pointer__arrow--left-up:before {
    content: "\e4d3";
    font-family: "cyza-font" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .cc-pointer__arrow--left-up-2 {
    margin-bottom: 10px;
  }
  .cc-pointer__arrow--left-up-2:before {
    content: "\e4d9";
    font-family: "cyza-font" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .cc-pointer__arrow--left-down {
    margin-top: 10px;
  }
  .cc-pointer__arrow--left-down:before {
    content: "\e4db";
    font-family: "cyza-font" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .cc-pointer__arrow--left-footer {
    line-height: 1;
    transform: scaleY(-1);
    margin-right: 10px;
  }
  .cc-pointer__arrow--left-footer:before {
    content: "\e4d3";
    font-family: "cyza-font" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .cc-pointer__arrow--left-straight {
    transform: scaleX(-1);
  }
  .cc-pointer__arrow--left-straight:before {
    content: "\e4d5";
    font-family: "cyza-font" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .cc-pointer__arrow--right-up {
    margin-bottom: 10px;
  }
  .cc-pointer__arrow--right-up:before {
    content: "\e4c6";
    font-family: "cyza-font" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .cc-pointer__arrow--right-straight:before {
    content: "\e4d5";
    font-family: "cyza-font" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .cc-pointer__arrow--center-up-left {
    margin: auto;
    margin-top: 10px;
    transform: scaleX(-1);
  }
  .cc-pointer__arrow--center-up-left:before {
    content: "\e4c7";
    font-family: "cyza-font" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .cc-pointer__arrow--center-up-right {
    margin-top: 10px;
  }
  .cc-pointer__arrow--center-up-right:before {
    content: "\e4c7";
    font-family: "cyza-font" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .cc-pointer__arrow--no-margin {
    margin: 0;
  }
  .cc-pointer__arrow--rotate-10 {
    transform: rotate(10deg);
  }
  .cc-pointer__text {
    color: var(--cc-pointer-color-text);
    display: inline-block;
    font-size: var(--cc-pointer-font-size-text);
    font-style: italic;
    align-self: flex-end;
    margin-left: 10px;
    margin-right: 10px;
    flex: 1 1 auto;
    max-width: 150px;
    text-align: center;
  }
  .cc-pointer__text--one-line {
    max-width: 100%;
  }
  .cc-pointer__text--100 {
    max-width: 100px;
  }
  .cc-pointer__text--160 {
    max-width: 160px;
  }
  .cc-pointer__text--180 {
    max-width: 180px;
  }
  .cc-pointer__text--200 {
    max-width: 200px;
  }
  .cc-pointer__text--start {
    align-self: flex-start;
  }
  .cc-pointer__text--end {
    align-self: flex-end;
  }
  .cc-pointer__text--right {
    text-align: right;
  }
  .cc-pointer__text--left {
    text-align: left;
    margin-right: 0;
  }
  .cc-pointer__text--m-r-25 {
    margin-right: 25px;
  }
  .cc-pointer__text--m-l-0 {
    margin-left: 0;
  }
  .cc-pointer .n-top-10 {
    margin-top: -10px;
  }
  .cc-pointer--column {
    flex-direction: column;
  }
  .cc-pointer--middle {
    position: relative;
    align-self: center;
  }
  .cc-pointer--center {
    left: 0;
    right: 0;
    justify-content: center;
    padding: 0 15px;
  }
  .cc-pointer--center-from-right {
    right: 0;
    width: 54%;
    max-width: 54%;
    justify-content: flex-start;
  }
  .cc-pointer--center-from-right .cc-pointer__text {
    margin-left: 5px;
    margin-right: 25px;
    margin-top: 20px;
  }
  .cc-pointer:not(.cc-pointer--relative).cc-pointer--top {
    top: 35px;
  }
  .cc-pointer:not(.cc-pointer--relative).cc-pointer--top-negative {
    top: -20px;
    z-index: 100;
  }
  .cc-pointer:not(.cc-pointer--relative).cc-pointer--top-zero {
    top: 0;
  }
  .cc-pointer:not(.cc-pointer--relative).cc-pointer--top-15 {
    top: 15px;
  }
  .cc-pointer:not(.cc-pointer--relative).cc-pointer--top-90 {
    top: 90px;
  }
  .cc-pointer:not(.cc-pointer--relative).cc-pointer--left {
    left: 35px;
  }
  .cc-pointer:not(.cc-pointer--relative).cc-pointer--left-zero {
    left: 0;
  }
  .cc-pointer:not(.cc-pointer--relative).cc-pointer--left-negative {
    left: -15px;
  }
  .cc-pointer:not(.cc-pointer--relative).cc-pointer--left-60 {
    left: 60px;
  }
  .cc-pointer:not(.cc-pointer--relative).cc-pointer--left-20 {
    left: 20px;
  }
  .cc-pointer:not(.cc-pointer--relative).cc-pointer--left-40 {
    left: 40px;
  }
  .cc-pointer:not(.cc-pointer--relative).cc-pointer--crm {
    left: 230px;
  }
  .cc-pointer:not(.cc-pointer--relative).cc-pointer--right {
    right: 40px;
  }
  .cc-pointer:not(.cc-pointer--relative).cc-pointer--right-negative {
    right: -15px;
  }
  .cc-pointer:not(.cc-pointer--relative).cc-pointer--right-zero {
    right: 0;
  }
  .cc-pointer:not(.cc-pointer--relative).cc-pointer--right-50 {
    right: 50px;
  }
  .cc-pointer:not(.cc-pointer--relative).cc-pointer--right-90 {
    right: 90px;
  }
  .cc-pointer:not(.cc-pointer--relative).cc-pointer--right-70 {
    right: 70px;
  }
  .cc-pointer:not(.cc-pointer--relative).cc-pointer--right-20 {
    right: 20px;
  }
  .cc-pointer:not(.cc-pointer--relative).cc-pointer--right-30 {
    right: 30px;
  }
  .cc-pointer--relative {
    position: relative;
  }
  .cc-pointer--relative.cc-pointer--top {
    margin-top: 35px;
  }
  .cc-pointer--relative.cc-pointer--top-negative {
    margin-top: -20px;
    z-index: 100;
  }
  .cc-pointer--relative.cc-pointer--top-zero {
    margin-top: 0;
  }
  .cc-pointer--relative.cc-pointer--left {
    margin-left: 35px;
  }
  .cc-pointer--relative.cc-pointer--left-zero {
    margin-left: 0;
  }
  .cc-pointer--relative.cc-pointer--left-negative {
    margin-left: -15px;
  }
  .cc-pointer--relative.cc-pointer--right {
    margin-right: 40px;
  }
  .cc-pointer--relative.cc-pointer--right-negative {
    margin-right: -15px;
  }
  .cc-pointer--relative.cc-pointer--right-zero {
    margin-right: 0;
  }
  .cc-pointer--relative.cc-pointer--right-90 {
    margin-right: 90px;
  }
  .cc-pointer--relative.cc-pointer--right-70 {
    margin-right: 70px;
  }
  .cc-pointer--sidepanel {
    top: 15px;
    left: 55px;
  }
  .cc-pointer--cyza {
    top: 0;
    left: 35px;
    flex-direction: column;
  }
  .cc-pointer--cyza .cc-pointer__arrow {
    --cc-pointer-font-size-icon: 6rem;
  }
  .cc-pointer--cyza .cc-pointer__arrow:before {
    content: "\e4cd";
    font-family: "cyza-font" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .cc-pointer--cyza .cc-pointer__text {
    max-width: 230px;
    text-align: center;
  }
  .cc-pointer--search .cc-pointer__text {
    max-width: 170px;
    margin-top: 42px;
    text-align: left;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) and (max-width: 1279px) {
      .cc-pointer--search {
        display: none;
      }
    }
  }
  .cc-pointer--op-hours {
    left: 55px;
    top: 15px;
  }
  .cc-pointer--op-hours .cc-pointer__arrow {
    transform: rotate(10deg);
  }
  .cc-pointer--op-hours .cc-pointer__text {
    margin: 20px 40px 0px 0px;
  }
  .cc-pointer--messages {
    left: 55px;
    top: 15px;
  }
  .cc-pointer--messages .cc-pointer__arrow {
    transform: rotate(10deg);
  }
  .cc-pointer--messages .cc-pointer__text {
    margin: 20px 20px 0 0;
  }
  .cc-pointer--footer {
    bottom: calc(5px + var(--sab));
  }
  .cc-pointer--footer .cc-pointer__text {
    max-width: 210px;
    margin-left: 0;
    align-self: flex-start;
    text-align: left;
  }
  .cc-pointer--log {
    left: 130px;
  }
  .cc-pointer--note, .cc-pointer--file {
    left: 190px;
  }
  .cc-pointer--note .cc-pointer__text, .cc-pointer--file .cc-pointer__text {
    max-width: 430px;
    margin-bottom: 15px;
    text-align: left;
  }
  .cc-tip--404 {
    height: 100%;
  }
  .cc-tip--404 .cc-pointer--cyza {
    top: 15px;
    left: 50px;
  }
  .cc-tip--404 .cc-pointer--search .cc-pointer__text {
    margin-bottom: -3px;
  }
  .cc-tip--404 .cc-pointer--profile {
    flex-direction: column;
  }
  .cc-tip--404 .cc-pointer--profile:not(.cc-pointer--relative) {
    right: 60px;
  }
  .cc-tip--404 .cc-pointer--join {
    right: 110px;
  }
  .cc-tip--404 .cc-pointer__arrow--profile {
    --cc-pointer-font-size-icon: 6.5rem;
    align-self: flex-end;
  }
  .cc-tip--404 .cc-pointer__arrow--profile:before {
    content: "\e4cf";
    font-family: "cyza-font" !important;
  }
  .cc-pointer--routing-no {
    min-width: 35%;
  }
  @media screen and (max-width: 575px) {
    .cc-tip--404 .cc-pointer--cyza .cc-pointer__text {
      margin-left: -55px;
    }
    .cc-tip--404 .cc-pointer--logged-out .cc-pointer__text {
      margin-left: -20px;
    }
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-pointer__arrow {
        --cc-pointer-font-size-icon: 6.5rem;
      }
      .cc-pointer__arrow--small {
        --cc-pointer-font-size-icon: 5.5rem;
      }
      .cc-pointer--cyza .cc-pointer__text {
        max-width: 170px;
      }
      .cc-pointer--search {
        right: 68px;
        top: 20px;
        flex-direction: column;
      }
    }
    @media screen and (max-width: 743px) and (orientation: landscape), (min-aspect-ratio: 16/9) and (max-width: 928px) and (orientation: landscape) {
      .cc-pointer--search {
        right: 17px;
      }
    }
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-pointer--search .cc-pointer__arrow {
        --cc-pointer-font-size-icon: 4.5rem;
      }
      .cc-pointer--search .cc-pointer__arrow:before {
        content: "\e4cf";
        font-family: "cyza-font" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: grayscale;
      }
    }
    @media screen and (max-width: 743px) and (orientation: landscape), (min-aspect-ratio: 16/9) and (max-width: 928px) and (orientation: landscape) {
      .cc-pointer--search .cc-pointer__arrow {
        transform: scaleX(-1);
      }
    }
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-pointer--search .cc-pointer__text {
        max-width: 170px;
        position: relative;
        left: -100px;
        margin-top: 5px;
        text-align: center;
      }
    }
    @media screen and (max-width: 743px) and (orientation: landscape), (min-aspect-ratio: 16/9) and (max-width: 928px) and (orientation: landscape) {
      .cc-pointer--search .cc-pointer__text {
        left: -10px;
      }
    }
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-tip--404 .cc-pointer--cyza:not(.cc-pointer--logged-out) {
        left: 80px;
      }
      .cc-tip--404 .cc-pointer--cyza .cc-pointer__text {
        margin-top: 10px;
      }
      .cc-tip--404 .cc-pointer--profile:not(.cc-pointer--relative) {
        right: 30px;
      }
      .cc-tip--404 .cc-pointer--profile:not(.cc-pointer--relative) .cc-pointer__text {
        margin-top: 5px;
        margin-right: -5px;
        max-width: 120px;
      }
      .cc-tip--404 .cc-pointer__arrow {
        --cc-pointer-font-size-icon: 4.5rem;
      }
    }
  }
  @media screen and (max-width: 359px) {
    .cc-tip--404 .cc-pointer--cyza:not(.cc-pointer--logged-out) {
      left: 65px;
    }
    .cc-tip--404 .cc-pointer--cyza:not(.cc-pointer--logged-out) .cc-pointer__text {
      max-width: 145px;
    }
    .cc-tip--404 .cc-pointer--profile:not(.cc-pointer--relative) .cc-pointer__text {
      margin-right: -20px;
    }
    .cc-pointer--search {
      right: initial;
      left: 25px;
    }
    .cc-pointer--search .cc-pointer__arrow {
      transform: scaleX(-1);
      margin-left: 40px;
    }
    .cc-pointer--search .cc-pointer__text {
      left: initial;
    }
    .cc-pointer--invite:not(.cc-pointer--relative) {
      right: initial;
      left: 40px;
    }
  }
  @media screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    .cc-pointer:not(.cc-pointer--relative).cc-pointer--left {
      left: calc(35px + var(--sal));
    }
    .cc-pointer:not(.cc-pointer--relative).cc-pointer--left-zero {
      left: calc(0px + var(--sal));
    }
    .cc-pointer:not(.cc-pointer--relative).cc-pointer--left-negative {
      left: calc(-15px + var(--sal));
    }
    .cc-pointer:not(.cc-pointer--relative).cc-pointer--left-60 {
      left: calc(60px + var(--sal));
    }
    .cc-pointer:not(.cc-pointer--relative).cc-pointer--left-40 {
      left: calc(40px + var(--sal));
    }
    .cc-pointer:not(.cc-pointer--relative).cc-pointer--left-20 {
      left: calc(20px + var(--sal));
    }
    .cc-pointer:not(.cc-pointer--relative).cc-pointer--right {
      right: calc(40px + var(--sar));
    }
    .cc-pointer:not(.cc-pointer--relative).cc-pointer--right-30 {
      right: calc(30px + var(--sar));
    }
    .cc-pointer:not(.cc-pointer--relative).cc-pointer--right-50 {
      right: calc(50px + var(--sar));
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-pointer--routing-no {
        --cc-pointer-font-size-icon: 5rem;
        top: -10px;
      }
      .cc-pointer--account-no {
        top: 10px;
        width: 115px;
      }
      .cc-pointer--account-no .cc-pointer__arrow {
        margin-left: initial;
        margin-top: 0px;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) and (max-width: 1024px) {
      .cc-pointer--sidepanel {
        left: 40px;
      }
      .cc-pointer--cyza .cc-pointer__text {
        margin-top: -13px;
        margin-left: 75px;
        text-align: left;
      }
    }
  }
  @media screen and (min-width: 1025px) {
    .cc-pointer--cyza .cc-pointer__arrow {
      margin-bottom: 10px;
    }
    .cc-pointer--search {
      left: 210px;
      top: -10px;
    }
    .cc-pointer--search .cc-pointer__arrow:before {
      content: "\e4d3";
      font-family: "cyza-font" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: subpixel-antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .cc-tip--404 .cc-pointer--search {
      top: initial;
    }
  }
  @media screen and (min-width: 1025px) and (max-width: 1279px) {
    .cc-pointer--sidepanel {
      left: 40px;
    }
    .cc-pointer--cyza {
      left: 100px;
    }
    .cc-pointer--cyza .cc-pointer__text {
      margin-left: 70px;
      margin-top: -21px;
      max-width: 230px;
    }
    .cc-pointer--op-hours {
      left: 40px;
    }
  }
  @media screen and (min-width: 1280px) {
    .cc-pointer--appointment {
      left: 2rem;
      top: 90px;
      align-items: flex-end;
    }
    .cc-pointer--cyza {
      left: 50px;
    }
    .cc-pointer--cyza .cc-pointer__text {
      margin-left: -40px;
    }
    .cc-pointer--op-hours {
      left: 47px;
    }
    .cc-pointer--op-hours .cc-pointer__text {
      margin-right: 25px;
    }
  }
}
@layer components {
  .cc-price-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-price-wrapper {
        margin-left: auto;
      }
    }
  }
  .cc-price-wrapper .cc-price:not(:last-child) {
    margin-right: 4px;
  }
  .cc-price {
    --cc-price-color-text-primary: var(--cs-color-on-surface);
    --cc-price-color-text-secondary: var(--cs-color-on-surface-variant);
    --cc-price-color-text-accent: var(--cs-color-primary);
    --cc-price-color-icon-default: var(--cs-color-on-surface-variant);
    --cc-price-color-icon-accent: var(--cs-color-primary);
    --cc-price-font-line-height-default: 2.1rem;
    --cc-price-font-line-height-fractions: 1.8rem;
    --cc-price-font-line-height-icon: 1;
    --cc-price-font-size-icon: 1.4rem;
    --cc-price-font-size-text-current: 1.3rem;
    --cc-price-font-size-text-prefix: 1.1rem;
    --cc-price-font-size-text-fractions: 0.9rem;
    --cc-price-font-size-text-old: 1.1rem;
    --cc-price-font-size-text-currency: 1.3rem;
    --cc-price-font-weight-normal: 400;
    --cc-price-font-weight-medium: var(--cs-font-weight-display);
    --cc-price-space-gap-icon-x: 0.8rem;
    --cc-price-space-gap-text-x-xs: 0.1rem;
    --cc-price-space-gap-text-x-s: 0.2rem;
    --cc-price-space-gap-text-x-m: 0.4rem;
    display: flex;
    align-items: baseline;
    line-height: var(--cc-price-font-line-height-default);
    flex: 0 0 auto;
  }
  .cc-price__prefix {
    color: var(--cc-price-color-text-primary);
    margin-right: 4px;
    font-size: var(--cc-price-font-size-text-prefix);
    text-transform: none;
    font-weight: var(--cc-price-font-weight-normal);
  }
  .cc-price__prefix--due {
    font-weight: var(--cc-price-font-weight-medium);
    color: var(--cc-price-color-text-secondary);
  }
  .cc-price__amount {
    color: var(--cc-price-color-text-accent);
  }
  .cc-price__amount--current {
    display: flex;
    font-size: var(--cc-price-font-size-text-current);
    font-weight: var(--cc-price-font-weight-medium);
  }
  .cc-price__amount--fractions {
    align-self: flex-start;
    margin-left: 2px;
    font-size: var(--cc-price-font-size-text-fractions);
    font-weight: var(--cc-price-font-weight-medium);
    line-height: var(--cc-price-font-line-height-fractions);
  }
  .cc-price__amount--old {
    font-size: var(--cc-price-font-size-text-old);
    text-decoration: line-through;
    margin-right: 4px;
  }
  .cc-price__currency {
    color: var(--cc-price-color-text-accent);
    font-size: var(--cc-price-font-size-text-currency);
  }
  .cc-price__icon {
    display: flex;
    line-height: var(--cc-price-font-line-height-icon);
    font-size: var(--cc-price-font-size-icon);
    margin-right: 4px;
    position: relative;
    color: var(--cc-price-color-icon-default);
  }
  .cc-price--inline {
    display: inline-flex;
  }
  .cc-price--light .cc-price__amount, .cc-price--light .cc-price__currency {
    color: var(--cc-price-color-text-secondary);
  }
  .cc-price--light-discount .cc-price__amount--old {
    color: var(--cc-price-color-text-secondary);
  }
  .cc-price--sm {
    --cc-price-font-size-text-currency: 1.2rem;
    --cc-price-font-size-text-current: 1.2rem;
    --cc-price-font-size-text-fractions: 0.9rem;
    --cc-price-font-size-text-old: 0.9rem;
    --cc-price-font-line-height-fractions: 1.9rem;
  }
  .cc-price--sm .cc-price__amount {
    white-space: nowrap;
  }
  .cc-price--sm .cc-price__amount--current {
    justify-content: center;
  }
  .cc-price--sm .cc-price__amount--fractions {
    margin-left: 1px;
  }
  .cc-price--sm .cc-price__amount--old {
    margin-right: 4px;
  }
  .cc-price--md {
    --cc-price-font-size-text-current: 1.4rem;
    --cc-price-font-size-text-currency: 1.4rem;
  }
  .cc-price--lg {
    --cc-price-font-size-text-prefix: 1.4rem;
    --cc-price-font-size-text-currency: 1.8rem;
    --cc-price-font-size-text-current: 1.8rem;
    --cc-price-font-size-text-fractions: 1.1rem;
    --cc-price-font-size-text-old: 1.4rem;
    --cc-price-font-line-height-default: 2.6rem;
    --cc-price-font-line-height-fractions: 2.2rem;
    flex-wrap: wrap;
  }
  .cc-price--lg .cc-price__amount--old {
    margin-right: 4px;
  }
  .cc-price--inquire {
    --cc-price-font-size-icon: 1.6rem;
    --cc-price-font-line-height-default: initial;
    align-items: center;
  }
  .cc-price--inquire .cc-price__icon {
    color: var(--cc-price-color-icon-accent);
    margin-right: 8px;
  }
  .cc-price--inquire .cc-price__text--inquire {
    color: var(--cc-price-color-text-accent);
    font-size: 1.4rem;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-price--lg {
        --cc-price-font-size-text-currency: 1.8rem;
        --cc-price-font-size-text-current: 1.8rem;
      }
    }
  }
}
@layer components {
  .cc-progress {
    --cc-progress-color-background-backdrop: var(--cs-color-surface);
    --cc-progress-color-background-primary: var(--cs-color-primary-fixed);
    --cc-progress-color-background-secondary: var(--cs-color-scrim-white);
    --cc-progress-color-background-tertiary: var(--cs-color-secondary);
    --cc-progress-color-background-success: var(--cs-color-success-fixed);
    --cc-progress-color-background-placeholder-secondary: color-mix(in srgb, var(--cs-color-scrim-white) 20%, transparent);
    --cc-progress-color-background-placeholder-linear: color-mix(in srgb, var(--cs-color-primary) 40%, transparent);
    --cc-progress-color-background-placeholder-success: color-mix(in srgb, var(--cs-color-success-fixed) 40%, transparent);
    --cc-progress-color-border-default: var(--cs-color-secondary);
    --cc-progress-color-border-loading-primary: color-mix(in srgb, var(--cs-color-primary) 90%, transparent);
    --cc-progress-color-border-loading-secondary: color-mix(in srgb, var(--cs-color-primary) 70%, transparent);
    --cc-progress-color-text: var(--cs-color-on-surface-variant);
    --cc-progress-font-size-s: 1.2rem;
    --cc-progress-font-size-m: 1.4rem;
    --cc-progress-font-weight-medium: var(--cs-font-weight-display);
    --cc-progress-shape-container-bar: var(--cs-shape-50);
    --cc-progress-shape-container-dot: var(--cs-shape-circle);
    --cc-progress-size-border: 0.4rem;
    --cc-progress-size-height-bar: 20px;
    --cc-progress-size-dot-s: 0.5rem;
    --cc-progress-size-dot-m: 5rem;
    --cc-progress-size-image: 4rem;
    --cc-progress-space-gap-button: 1rem;
    --cc-progress-space-padding-fill-x: 0.4rem;
    --cc-progress-space-padding-bar-x: 1.6rem;
    --cc-progress-space-position-dot-x: 0.8rem;
  }
  .cc-progress--upload {
    position: absolute;
    margin: auto;
    top: 50%;
    left: 20%;
    right: 20%;
    max-width: 60%;
    width: auto;
    height: 1rem;
    transform: translateY(-50%);
    border: none;
    border-radius: var(--cc-progress-shape-container-bar);
    color: var(--cc-progress-color-background-success);
    z-index: 8;
    -webkit-appearance: none;
  }
  .cc-progress--upload::-moz-progress-bar {
    background: var(--cc-progress-color-background-placeholder-success);
    border-radius: var(--cc-progress-shape-container-bar);
  }
  .cc-progress--upload::-webkit-progress-value {
    background: var(--cc-progress-color-background-success);
    border-radius: var(--cc-progress-shape-container-bar);
  }
  .cc-progress--upload::-webkit-progress-bar {
    background: var(--cc-progress-color-background-placeholder-success);
    border-radius: var(--cc-progress-shape-container-bar);
  }
  .cc-progress--percent {
    width: 100%;
    height: 20px;
    border: 1px solid var(--cc-progress-color-border-default);
    border-radius: var(--cc-progress-shape-container-bar);
    background: transparent;
    overflow: hidden;
    position: relative;
  }
  .cc-progress--percent .cc-progress__value {
    background: var(--cc-progress-color-background-tertiary);
    padding-left: 3px;
    height: 100%;
  }
  .cc-progress--percent .cc-progress__number {
    position: absolute;
    font-size: 1.2rem;
    font-weight: var(--cc-progress-font-weight-medium);
    color: var(--cc-progress-color-text);
    left: 7px;
  }
  .cc-progress--percent .cc-progress__number--total {
    left: auto;
    right: 15px;
  }
  .cc-progress--percent .cc-progress__number--current {
    left: 15px;
  }
  .cc-progress--circular {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    min-height: 120px;
    box-sizing: border-box;
    transition: opacity 0.15s ease-out 0.2s;
    background-color: var(--cc-progress-color-background-backdrop);
    opacity: 0;
    overflow: hidden;
    z-index: 302;
  }
  .cc-progress--circular.visible {
    transition: opacity 0.15s ease-out 0s;
    opacity: 1;
  }
  @media screen and (min-width: 1025px) and (pointer: fine) {
    .cc-progress--circular {
      display: none;
    }
    .cc-progress--circular.cc-progress--all-screens {
      display: flex;
    }
  }
  @media print {
    .cc-progress--circular {
      display: none;
    }
  }
  .cc-progress--circular .cc-progress__circle {
    position: relative;
    animation-delay: 0.2s;
    background-color: var(--cc-progress-color-background-primary);
    background-image: url(../img/favicon.svg);
    background-size: 40px;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
  }
  .cc-progress--circular .cc-progress__circle::after {
    content: "";
    box-sizing: border-box !important;
    width: 58px;
    height: 58px;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    border-radius: 50%;
    border-top: 4px solid var(--cc-progress-color-border-loading-primary);
    border-left: 4px solid var(--cc-progress-color-border-loading-primary);
    border-bottom: 4px solid var(--cc-progress-color-border-loading-primary);
    border-right: 4px solid var(--cc-progress-color-border-loading-secondary);
    animation: spinner 1s linear infinite;
  }
  .cc-progress--targeted {
    position: absolute;
    justify-content: center;
  }
  .cc-progress--targeted .cc-progress__circle {
    position: relative;
  }
  .cc-progress--linear {
    position: relative;
    height: initial;
    min-height: initial;
    background-color: transparent;
    opacity: 1;
    width: 100%;
  }
  .cc-progress--linear .cc-progress__line {
    height: 8px;
    width: 100%;
    background: var(--cc-progress-color-background-placeholder-lienar);
    border-radius: 4px;
    position: relative;
    overflow: hidden;
  }
  .cc-progress--linear .cc-progress__line:after {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--cc-progress-color-background-primary);
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    animation: progress-linear 2s linear infinite;
  }
  .cc-progress--success {
    max-width: 75%;
    margin: 2rem auto;
  }
  .cc-progress--success .cc-progress__line {
    background: var(--cc-progress-color-background-placeholder-success);
  }
  .cc-progress--success .cc-progress__line:after {
    background: var(--cc-progress-color-background-success);
  }
  .cc-progress--w-m {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
  .li-disabled {
    pointer-events: none !important;
    opacity: 0.65;
  }
  .cc-button .cc-progress--circular .cc-progress__circle, .cc-button .cc-progress--circular .cc-progress__circle:before, .cc-button .cc-progress--circular .cc-progress__circle:after {
    background-color: var(--cc-progress-color-background-secondary);
    color: var(--cc-progress-color-background-secondary);
    animation: progress-button 1s infinite alternate;
  }
  .cc-drawer__button .cc-progress--circular .cc-progress__circle, .cc-drawer__button .cc-progress--circular .cc-progress__circle:before, .cc-drawer__button .cc-progress--circular .cc-progress__circle:after,
  .cc-card--create .cc-progress--circular .cc-progress__circle,
  .cc-card--create .cc-progress--circular .cc-progress__circle:before,
  .cc-card--create .cc-progress--circular .cc-progress__circle:after,
  .cc-button--add .cc-progress--circular .cc-progress__circle,
  .cc-button--add .cc-progress--circular .cc-progress__circle:before,
  .cc-button--add .cc-progress--circular .cc-progress__circle:after,
  .cc-button--create .cc-progress--circular .cc-progress__circle,
  .cc-button--create .cc-progress--circular .cc-progress__circle:before,
  .cc-button--create .cc-progress--circular .cc-progress__circle:after {
    background-color: var(--cc-progress-color-background-primary);
    color: var(--cc-progress-color-background-primary);
    animation: progress-circular 1s infinite alternate;
  }
  .cc-button .cc-progress--circular,
  .cc-drawer__button .cc-progress--circular,
  .cc-card--create .cc-progress--circular {
    position: relative;
    background: transparent;
    width: 21px;
    min-width: 21px;
    min-height: 6px;
    margin-right: calc(-1 * (21px + 0.8rem));
    transition: all 0.2s ease-out;
    transition-delay: 0s;
  }
  @media screen and (min-width: 1025px) and (pointer: file) {
    .cc-button .cc-progress--circular,
    .cc-drawer__button .cc-progress--circular,
    .cc-card--create .cc-progress--circular {
      display: flex;
    }
  }
  .cc-button .cc-progress--circular .cc-progress__circle, .cc-button .cc-progress--circular .cc-progress__circle:before, .cc-button .cc-progress--circular .cc-progress__circle:after,
  .cc-drawer__button .cc-progress--circular .cc-progress__circle,
  .cc-drawer__button .cc-progress--circular .cc-progress__circle:before,
  .cc-drawer__button .cc-progress--circular .cc-progress__circle:after,
  .cc-card--create .cc-progress--circular .cc-progress__circle,
  .cc-card--create .cc-progress--circular .cc-progress__circle:before,
  .cc-card--create .cc-progress--circular .cc-progress__circle:after {
    width: 5px;
    height: 5px;
  }
  .cc-button .cc-progress--circular .cc-progress__circle,
  .cc-drawer__button .cc-progress--circular .cc-progress__circle,
  .cc-card--create .cc-progress--circular .cc-progress__circle {
    box-shadow: none;
    background-image: none;
    animation-delay: 0.3s;
  }
  .cc-button .cc-progress--circular .cc-progress__circle:before, .cc-button .cc-progress--circular .cc-progress__circle:after,
  .cc-drawer__button .cc-progress--circular .cc-progress__circle:before,
  .cc-drawer__button .cc-progress--circular .cc-progress__circle:after,
  .cc-card--create .cc-progress--circular .cc-progress__circle:before,
  .cc-card--create .cc-progress--circular .cc-progress__circle:after {
    content: "";
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: none;
    top: initial;
    left: initial;
  }
  .cc-button .cc-progress--circular .cc-progress__circle:before,
  .cc-drawer__button .cc-progress--circular .cc-progress__circle:before,
  .cc-card--create .cc-progress--circular .cc-progress__circle:before {
    left: -8px;
    animation-delay: 0s;
  }
  .cc-button .cc-progress--circular .cc-progress__circle:after,
  .cc-drawer__button .cc-progress--circular .cc-progress__circle:after,
  .cc-card--create .cc-progress--circular .cc-progress__circle:after {
    left: 8px;
    animation-delay: 0.6s;
  }
  .cc-bubble .cc-progress--circular {
    display: flex;
    position: relative;
    height: auto;
    opacity: 1;
    min-height: initial;
    border-radius: 50%;
    background-color: transparent;
  }
  .cc-bubble .cc-progress--circular .cc-progress__circle {
    width: 3.8rem;
    height: 3.8rem;
    background-size: 2.4rem;
  }
  .cc-bubble .cc-progress--circular .cc-progress__circle::after {
    width: 4rem;
    height: 4rem;
  }
  @media screen and (min-width: 576px) {
    .cc-card--create .cc-progress--circular {
      position: absolute;
      margin: 0;
      top: 65px;
      left: 50%;
      transform: translate(-50%);
    }
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-drawer__button .cc-progress--circular,
      .cc-card--create .cc-progress--circular,
      .cc-button--add .cc-progress--circular,
      .cc-button--create .cc-progress--circular {
        overflow: visible;
      }
    }
  }
  @keyframes spinner {
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes progress-button {
    0% {
      background-color: var(--cc-progress-color-background-secondary);
    }
    50%, 100% {
      background-color: var(--cc-progress-color-background-placeholder-secondary);
    }
  }
  @keyframes progress-circular {
    0% {
      background-color: var(--cc-progress-color-background-primary);
    }
    50%, 100% {
      background-color: var(--cc-progress-color-background-inactive);
    }
  }
  @keyframes progress-linear {
    0% {
      left: 0;
      transform: translateX(-100%);
    }
    100% {
      left: 100%;
      transform: translateX(0%);
    }
  }
}
@layer components {
  .input--rating,
  .cc-rating {
    --cc-rating-color-icon-default: var(--cs-color-primary);
    --cc-rating-color-icon-hover: color-mix(in srgb, var(--cs-color-primary), white 8%);
    --cc-rating-color-icon-focus: color-mix(in srgb, var(--cs-color-primary), white 8%);
    --cc-rating-color-icon-disabled: color-mix(in srgb, var(--cs-color-primary) 65%, transparent);
    --cc-rating-color-icon-alert: var(--cs-color-error-fixed);
    --cc-rating-font-line-height-icon: 1;
    --cc-rating-font-size-label: 1.3rem;
    --cc-rating-font-size-icon: 1.6rem;
    --cc-rating-space-gap-label: 1rem;
    --cc-rating-space-gap-icon: 2px;
  }
  .cc-rating--inline {
    display: inline-flex;
    align-items: center;
    gap: var(--cc-rating-space-gap-icon);
  }
  .cc-rating--inline .cc-rating__star {
    display: inline-flex;
    color: var(--cc-rating-color-icon-default);
    font-size: var(--cc-rating-font-size-icon);
    line-height: 1;
  }
  .cc-rating--inline .cc-rating__star:before {
    content: "\e45c";
    font-family: "cyza-font" !important;
  }
  .cc-rating--inline .cc-rating__star.is-checked:before {
    content: "\e45e";
    font-family: "cyza-font" !important;
  }
  .cc-rating--inline .cc-rating__star.is-half-checked:before {
    content: "\e45f";
    font-family: "cyza-font" !important;
  }
  .cc-rating--inline .cc-rating__title {
    display: inline-flex;
    align-items: center;
    font-size: var(--cc-rating-font-size-label);
    margin-left: 10px;
  }
  .cc-rating--gap-none {
    --cc-rating-space-gap-icon: 0;
  }
  .cc-rating--lg {
    --cc-rating-font-size-icon: 2.2rem;
  }
  .cc-rating--xs {
    --cc-rating-font-size-icon: 1.2rem;
  }
  .cc-rating--sm {
    --cc-rating-font-size-icon: 1.4rem;
    --cc-rating-font-size-label: 1.2rem;
  }
  .cc-rating--has-hover .cc-rating__star {
    cursor: pointer;
  }
  @media screen and (hover: hover) and (pointer: fine) {
    .cc-rating--has-hover:has(.cc-rating__star:nth-child(1):hover) .cc-rating__star:nth-child(-n+1) {
      color: var(--cc-rating-color-icon-hover);
    }
    .cc-rating--has-hover:has(.cc-rating__star:nth-child(1):hover) .cc-rating__star:nth-child(-n+1):before {
      content: "\e45e";
      font-family: "cyza-font" !important;
    }
    .cc-rating--has-hover:has(.cc-rating__star:nth-child(2):hover) .cc-rating__star:nth-child(-n+2) {
      color: var(--cc-rating-color-icon-hover);
    }
    .cc-rating--has-hover:has(.cc-rating__star:nth-child(2):hover) .cc-rating__star:nth-child(-n+2):before {
      content: "\e45e";
      font-family: "cyza-font" !important;
    }
    .cc-rating--has-hover:has(.cc-rating__star:nth-child(3):hover) .cc-rating__star:nth-child(-n+3) {
      color: var(--cc-rating-color-icon-hover);
    }
    .cc-rating--has-hover:has(.cc-rating__star:nth-child(3):hover) .cc-rating__star:nth-child(-n+3):before {
      content: "\e45e";
      font-family: "cyza-font" !important;
    }
    .cc-rating--has-hover:has(.cc-rating__star:nth-child(4):hover) .cc-rating__star:nth-child(-n+4) {
      color: var(--cc-rating-color-icon-hover);
    }
    .cc-rating--has-hover:has(.cc-rating__star:nth-child(4):hover) .cc-rating__star:nth-child(-n+4):before {
      content: "\e45e";
      font-family: "cyza-font" !important;
    }
    .cc-rating--has-hover:has(.cc-rating__star:nth-child(5):hover) .cc-rating__star:nth-child(-n+5) {
      color: var(--cc-rating-color-icon-hover);
    }
    .cc-rating--has-hover:has(.cc-rating__star:nth-child(5):hover) .cc-rating__star:nth-child(-n+5):before {
      content: "\e45e";
      font-family: "cyza-font" !important;
    }
  }
  .cc-rating--form {
    --cc-rating-space-gap-icon: 0.8rem;
    --cc-rating-font-size-icon: 3.2rem;
  }
  .cc-field--rating.is-invalid .cc-rating {
    --cc-rating-color-icon-default: var(--cc-rating-color-icon-alert);
  }
  .input--rating {
    display: flex;
    gap: 0.4rem;
  }
  .input--rating .input__star {
    position: relative;
    color: var(--cc-rating-color-icon-disabled);
    border: 0;
    background: transparent;
    font-size: var(--cc-rating-font-size-icon);
  }
  .input--rating .input__star:before {
    content: "\e2df";
    font-family: "cyza-font" !important;
  }
  .input--rating .input__star.is-hovering:before, .input--rating .input__star.is-active:before {
    content: "\e45e";
    font-family: "cyza-font" !important;
  }
  .input--rating .input__star.is-active {
    color: var(--cc-rating-color-icon-default);
  }
  .input--rating .input__star.is-active.is-hovering {
    color: var(--cc-rating-color-icon-focus);
  }
  .input--rating.is-disabled {
    opacity: 0.4;
    cursor: not-allowed;
  }
  .input--rating.is-disabled .input__star {
    color: var(--cc-rating-color-icon-disabled);
    pointer-events: none;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px), print {
      .cc-rating--form {
        --cc-rating-font-size-icon: 2.8rem;
      }
    }
  }
}
@layer components {
  .cc-select-wrapper {
    --cc-select-color-background-dropdown: var(--cs-color-surface-container-high);
    --cc-select-color-background-option-hover: var(--cs-color-surface-bright);
    --cc-select-color-background-option-disabled: var(--cs-color-outline-variant);
    --cc-select-color-text-primary: var(--cs-color-on-surface);
    --cc-select-color-text-secondary: var(--cs-color-on-surface-variant);
    --cc-select-color-text-tertiary: var(--cs-color-secondary-fixed);
    --cc-select-color-text-invalid: var(--cs-color-error-fixed);
    --cc-select-color-icon-default: var(--cs-color-on-surface-variant);
    --cc-select-color-icon-hover: color-mix(in srgb, var(--cs-color-primary), white 8%);
    --cc-select-color-icon-active: var(--cs-color-primary);
    --cc-select-color-border-icon: var(--cs-color-on-surface-variant);
    --cc-select-elevation-shadow-dropdown: var(--cs-elevation-shadow-7);
    --cc-select-elevation-z-native: 100;
    --cc-select-elevation-z-dropdown: 801;
    --cc-select-font-line-height-icon: 1;
    --cc-select-font-line-height-option: 2.4rem;
    --cc-select-font-size-text-xs: 1rem;
    --cc-select-font-size-text-s: 1.2rem;
    --cc-select-font-size-text-m: 1.4rem;
    --cc-select-font-size-icon-s: 1.6rem;
    --cc-select-font-size-icon-m: 1.8rem;
    --cc-select-font-size-icon-caret: 1rem;
    --cc-select-font-weight-medium: var(--cs-font-weight-display);
    --cc-select-shape-dropdown: var(--cs-shape-50);
    --cc-select-shape-icon: var(--cs-shape-circle);
    --cc-select-space-position-btt: calc(100% + 10px);
    position: relative;
  }
  .cc-select-wrapper--with-placeholder, .cc-select-wrapper:not(:has(optgroup)) {
    --cc-select-space-position-btt: calc(100% - 10px);
  }
  .cc-select-wrapper .cc-chip-set {
    margin-top: 12px;
  }
  .cc-select-wrapper--with-placeholder .mdc-floating-label--float-above, .cc-select-wrapper--hide-on-float .mdc-floating-label--float-above {
    display: none;
  }
  .cc-select-wrapper--inline {
    display: inline-block;
    vertical-align: top;
  }
  .cc-select-wrapper--inline .mdc-floating-label--float-above {
    display: none;
  }
  .cc-select-wrapper--inline .cc-widget-select.is-native {
    height: 30px;
    top: -8px;
  }
  .cc-select-wrapper--inline .cc-widget-select__dropdown.visible {
    top: 100%;
  }
  .cc-select-wrapper--inline .cc-widget-select__input-button-arrow {
    padding: 0;
    padding-bottom: 6px;
  }
  .cc-select-wrapper--lang {
    width: 100%;
    min-height: 72px;
  }
  .cc-select-wrapper--lang .option-icon {
    align-self: center;
  }
  .cc-select-wrapper--lang .mdc-text-field--with-leading-icon .mdc-floating-label {
    left: initial;
  }
  .cc-select-wrapper--span {
    flex: 1 1 0;
    width: 100%;
  }
  .cc-select {
    display: none;
  }
  .cc-select.is-native {
    display: block;
    position: absolute;
    width: 100%;
    height: 55px;
    padding: 0;
    border: none;
    opacity: 0;
    z-index: 100;
    left: auto;
    right: auto;
  }
  .cc-select #input-num {
    padding-top: 11px;
    padding-left: 12px;
  }
  .cc-select__count {
    color: var(--cc-select-color-text-tertiary);
    position: absolute;
    right: 0;
    top: 60px;
    font-size: 1.2rem;
  }
  .cc-widget-select {
    position: relative;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 1.4rem;
  }
  @media screen and (hover: hover) and (pointer: fine) {
    .cc-widget-select--disabled {
      cursor: not-allowed;
    }
  }
  .cc-widget-select .mdc-text-field--with-leading-icon .mdc-text-field__icon {
    left: 0;
  }
  .cc-widget-select .mdc-text-field--with-leading-icon .mdc-text-field__icon, .cc-widget-select .mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    top: initial;
    bottom: initial;
    padding-top: 20px;
    padding-bottom: 8px;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .cc-widget-select .mdc-floating-label:not(.mdc-floating-label--float-above) {
    padding-right: 15px;
  }
  .cc-widget-select__input {
    padding-right: 18px !important;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    word-break: normal;
  }
  .cc-widget-select__input:disabled ~ .cc-widget-select__input-button-arrow {
    color: var(--cc-select-color-text-tertiary);
    pointer-events: none;
  }
  .cc-widget-select__input-button-arrow {
    position: absolute;
    height: 100%;
    right: 0;
    bottom: 0;
    padding: 4px 0 0 8px;
    font-size: 1rem;
    color: var(--cc-select-color-icon-default);
    pointer-events: none;
    cursor: pointer;
    display: flex;
    align-items: center;
  }
  .cc-widget-select__input-button-arrow:before {
    content: "\e41f";
    font-family: "cyza-font" !important;
  }
  .cc-widget-select__input-button-arrow:before {
    display: inline-block;
    height: 10px;
    line-height: 1;
    transition: all 0.3s ease-out;
    transform: rotate(180deg);
  }
  @media screen and (hover: hover) and (pointer: fine) {
    .cc-widget-select__input-button-arrow:hover {
      color: color-mix(in srgb, var(--cs-color-primary), white 8%);
    }
  }
  @media print {
    .cc-widget-select__input-button-arrow {
      display: none;
    }
  }
  .cc-widget-select__dropdown {
    display: none;
    opacity: 0;
    position: absolute;
    left: 0;
    top: -100px;
    width: 100%;
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--cc-select-color-background-dropdown);
    transition: 0.2s ease-out;
    box-shadow: var(--cc-select-elevation-shadow-dropdown);
    border-radius: var(--cc-select-shape-dropdown);
    z-index: 801;
  }
  .cc-widget-select__dropdown.slide-up {
    bottom: -100px;
  }
  .cc-widget-select__dropdown.visible {
    display: block;
    opacity: 1;
    top: 55px;
  }
  .cc-widget-select__dropdown.visible.up {
    top: auto;
    bottom: var(--cc-select-space-position-btt);
  }
  .cc-widget-select__dropdown-option {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    padding: 6px 15px;
    line-height: 2.4rem;
    cursor: pointer;
  }
  @media screen and (hover: hover) and (pointer: fine) {
    .cc-widget-select__dropdown-option:hover {
      background-color: var(--cc-select-color-background-option-hover);
    }
  }
  .cc-widget-select__dropdown-option.is-disabled {
    cursor: not-allowed;
    background-color: var(--cc-select-color-background-option-disabled);
  }
  .cc-widget-select__dropdown-option.space-between {
    justify-content: space-between;
  }
  .cc-widget-select__dropdown-option .default-address {
    font-size: 1.2rem;
    font-weight: var(--cc-select-font-weight-medium);
    margin-left: 5px;
    min-width: 55px;
  }
  .cc-widget-select__dropdown-option .option-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    margin-right: 10px;
  }
  .cc-widget-select__dropdown-option .option-text {
    display: inline-block;
    align-items: center;
    flex: 1 0 0;
    margin-top: auto;
    margin-bottom: auto;
  }
  .cc-widget-select__dropdown-option .option-text--limited {
    max-width: 80%;
  }
  .cc-widget-select__dropdown-option.full-text .option-text {
    overflow: visible;
    max-width: none;
    white-space: normal;
  }
  .cc-widget-select__dropdown-option .badge-left {
    flex: 0 0 auto;
    float: left;
    font-size: 1rem;
    color: var(--cc-select-color-text-tertiary);
    margin-right: 5px;
    text-transform: uppercase;
    width: 90px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .cc-widget-select__dropdown-option .badge-right:not(.badge-right--default) {
    flex: 0 0 auto;
    float: right;
    font-size: 1rem;
    color: var(--cc-select-color-text-tertiary);
    margin-left: 5px;
    text-transform: uppercase;
  }
  .cc-widget-select .mdc-text-field__input {
    cursor: pointer;
  }
  .cc-widget-select .mdc-text-field.is-disabled .cc-widget-select__input-button-arrow {
    color: var(--cc-select-color-text-tertiary);
    pointer-events: none;
  }
  .cc-widget-select .mdc-text-field.is-invalid .cc-widget-select__input-button-arrow {
    color: var(--cc-select-color-text-invalid);
  }
  .cc-widget-select.opened .cc-widget-select__input-button-arrow::before {
    transform: rotate(0deg);
    color: var(--cc-select-color-icon-active);
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-select__item--service {
        min-height: 55px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
        color: var(--cc-select-color-text-primary);
        font-size: 1.4rem;
        margin-bottom: 1px;
      }
      .cc-select__item--service:before {
        content: "\e43f";
        font-family: "cyza-font" !important;
      }
      .cc-select__item--service::before {
        vertical-align: middle;
        position: absolute;
        color: var(--cc-select-color-icon-default);
        font-size: 1.6rem;
        padding: 0;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 38px;
        height: 38px;
        border: 1px solid var(--cc-select-color-border-icon);
        border-radius: var(--cc-select-shape-icon);
        top: 50%;
        transform: translateY(-50%);
        left: 15px;
      }
      .cc-select__item--service .option-text {
        flex: 0 0 auto;
      }
      .cc-widget-select__dropdown {
        min-width: 180px;
      }
      .cc-widget-select__dropdown-option.cc-select__item--service {
        padding-left: 63px;
      }
    }
  }
}
@layer components {
  .cc-summary {
    --cc-summary-color-background-details-tile: var(--cs-color-surface-container-high);
    --cc-summary-color-divider-tile: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cs-color-outline) 10%, rgba(255, 255, 255, 0));
    --cc-summary-size-height-summary: max-content;
    --cc-summary-space-padding-block: 0;
    --cc-summary-space-padding-inline: 0;
    --cc-summary-state: 0fr;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: var(--cc-summary-size-height-summary) var(--cc-summary-state);
    width: 100%;
    transition: grid-template-rows 0.2s ease-out;
    align-items: start;
  }
  .cc-summary:not(.is-disabled) [data-cc-summary] {
    cursor: pointer;
  }
  .cc-summary .cc-scroll--span-x {
    width: auto;
    margin-left: calc(-1 * var(--cc-summary-space-padding-inline));
    margin-right: calc(-1 * var(--cc-summary-space-padding-inline));
    padding-left: var(--cc-summary-space-padding-inline);
    padding-right: var(--cc-summary-space-padding-inline);
  }
  .cc-summary .cz-notice-wrap:not(:empty) {
    width: auto;
    margin-inline: calc(-1 * var(--cc-summary-space-padding-inline));
  }
  @media screen and (min-width: 1280px) {
    .cc-summary .cz-notice-wrap:not(:empty) {
      margin-top: calc(-1 * var(--cc-summary-space-padding-block));
      margin-bottom: var(--cc-summary-space-padding-block);
    }
  }
  .cc-summary.cc-hint {
    --cc-hint-space-margin-block-start-header: calc(-1 * var(--cc-summary-space-padding-block));
    --cc-hint-space-margin-inline-header: calc(-1 * var(--cc-summary-space-padding-inline));
    --cc-hint-space-padding-inline-header: var(--cc-summary-space-padding-inline);
  }
  .cc-summary [data-cc-summary] {
    position: relative;
    align-self: start;
    padding-top: var(--cc-summary-space-padding-block);
  }
  .cc-summary [data-cc-summary],
  .cc-summary [data-cc-details] {
    width: 100%;
    min-width: 0;
    padding-top: var(--cc-summary-space-padding-block);
    padding-bottom: var(--cc-summary-space-padding-block);
    padding-left: var(--cc-summary-space-padding-inline);
    padding-right: var(--cc-summary-space-padding-inline);
  }
  .cc-summary [data-cc-summary].p-x-0,
  .cc-summary [data-cc-details].p-x-0 {
    --cc-summary-space-padding-inline: 0;
  }
  .cc-summary [data-cc-details] {
    position: relative;
    height: 100%;
    min-height: 0;
    transition: 0.2s ease-out;
    transition-property: height, transform, visibility, padding-top, padding-bottom;
  }
  .cc-summary.is-collapsed:not(.is-active) [data-cc-details] {
    --cc-summary-space-padding-block: 0;
  }
  .cc-summary.is-collapsed:not(.is-active):not(.cc-summary--mobile) {
    --cc-summary-state: 0fr;
  }
  .cc-summary.is-collapsed:not(.is-active):not(.cc-summary--mobile) [data-cc-details] {
    visibility: hidden;
    overflow: hidden;
  }
  @media print {
    .cc-summary.is-collapsed:not(.is-active):not(.cc-summary--mobile) [data-cc-details] {
      display: flex;
    }
  }
  .cc-summary:not(.is-collapsed) {
    --cc-summary-state: 1fr;
  }
  .cc-summary:not(.is-collapsed) [data-cc-details] {
    visibility: visible;
  }
  .cc-summary:not(.is-collapsed) [data-cc-summary] .ci-arrow3p::before {
    scale: -1;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-summary.is-collapsed.cc-summary--mobile:not(.is-active) {
        --cc-summary-state: 0fr;
      }
      .cc-summary.is-collapsed.cc-summary--mobile:not(.is-active) [data-cc-details] {
        visibility: hidden;
        overflow: hidden;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-summary--mobile:not(.is-active) {
        --cc-summary-state: 0fr;
      }
      .cc-summary--mobile:not(.is-active) [data-cc-details] {
        --cc-summary-space-padding-block: 0;
      }
    }
  }
}
@layer components {
  .cc-tip {
    --cc-tip-color-text-heading: var(--cs-color-on-secondary-container);
    --cc-tip-color-text-body: var(--cs-color-on-secondary-container);
    --cc-tip-color-text-url: var(--cs-color-primary);
    --cc-tip-font-size-heading: 1.8rem;
    --cc-tip-font-size-body: 1.4rem;
    --cc-tip-font-size-url: 1.3rem;
    --cc-tip-font-weight-heading: var(--cs-font-weight-display);
  }
  .cc-tip::after {
    content: "";
    display: block;
    height: 25px;
    width: 100%;
  }
  .cc-tip {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-height: 250px;
  }
  .cc-tip__icon {
    margin-top: 15px;
    max-width: 10.5rem;
    filter: var(--light, none) var(--dark, grayscale(1) invert(80%) contrast(105%));
  }
  .cc-tip__icon--full-width {
    max-width: unset;
  }
  .cc-tip__icon--small {
    max-width: 85px;
  }
  .cc-tip picture {
    min-height: 84px;
    max-height: 84px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }
  .cc-tip__body {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex: 1 0 auto;
    min-height: 200px;
  }
  .cc-tip__title {
    color: var(--cc-tip-color-text-heading);
    font-size: var(--cc-tip-font-size-heading);
    font-weight: var(--cc-tip-font-weight-heading);
    margin-top: 15px;
    margin-bottom: 10px;
    text-wrap: pretty;
  }
  .cc-tip__title--small {
    --cc-tip-font-size-heading: 1.4rem;
  }
  .cc-tip__info {
    color: var(--cc-tip-color-text-body);
    margin-bottom: 15px;
    text-wrap: balance;
    font-size: var(--cc-tip-font-size-body);
  }
  .cc-tip__info--small {
    --cc-tip-font-size-body: 1.2rem;
    margin-bottom: 15px;
  }
  .cc-tip__link {
    color: var(--cc-tip-color-text-url);
    font-size: var(--cc-tip-font-size-url);
    position: relative;
  }
  .cc-tip .cc-footer__content {
    justify-content: center;
  }
  .cc-tip__content {
    text-align: center;
    width: 100%;
    max-width: 580px;
    padding: 0 25px;
  }
  .cc-tip__content--wide {
    max-width: 630px;
  }
  .cc-tip--pointer-bot .cc-tip__content {
    margin-bottom: 70px;
  }
  .cc-tip--height-auto {
    min-height: initial;
  }
  .cc-tip--height-auto::after {
    content: none;
  }
  .cc-tip--height-auto .cc-tip__body {
    min-height: initial;
  }
  .cc-tip--chooser {
    justify-content: flex-end;
    height: auto;
    min-height: auto;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-tip__content {
        padding: 0 35px;
      }
      .cc-pointer--search-calendar {
        top: 15px;
        left: 60px;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) and (min-height: 650px) {
      .cc-tip__content--offcenter,
      .cc-tile-wrapper.is-empty .cc-tip__content,
      .cz-page--search .cc-tip__content {
        position: relative;
        bottom: 10%;
      }
    }
    @media screen and (min-width: 744px) {
      .cc-tip--dashboard .cc-tip__body {
        align-items: flex-start;
      }
      .cc-tip--dashboard .cc-tip__content {
        height: 60%;
        margin-top: auto;
        margin-bottom: 100px;
      }
      .cc-tip--payment-accounts .cc-tip__content {
        margin-top: 70px;
        margin-bottom: 100px;
      }
      .cc-pointer--search-calendar {
        left: 40px;
        top: -20px;
        z-index: 100;
      }
    }
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-tip {
        --cc-tip-font-size-heading: 1.6rem;
      }
      .cc-tip__body {
        flex: 1 0 100%;
      }
      .cc-tip__title {
        margin-bottom: 11px;
      }
      .cc-tip__info {
        font-size: 1.3rem;
      }
      .cc-tip--dashboard .cc-pointer--top-zero .cc-pointer__text {
        padding-top: 20px;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px), print {
      .cc-tip--chooser .cc-pointer {
        top: -10px;
      }
    }
  }
}
@layer components {
  .cc-placeholder-wrapper--box-header {
    position: relative;
  }
  .cc-placeholder-wrapper--box-header::before {
    content: "";
    position: absolute;
    width: 100%;
    top: 42px;
    border-bottom: 1px solid var(--cc-placeholder-color-background-block);
  }
  .cc-placeholder-wrapper--box-header .cc-placeholder {
    height: var(--cc-placeholder-size-height-text);
    border-radius: var(--cc-placeholder-shape-text);
    background-color: var(--cc-placeholder-color-background-block);
  }
  .cc-placeholder-wrapper--box-header .cc-placeholder:nth-child(1) {
    height: 22px;
    width: 135px;
    margin-bottom: 51px;
  }
  .cc-placeholder-wrapper--box-header .cc-placeholder:nth-child(2) {
    height: 30px;
    width: 200px;
    margin-bottom: 38px;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-placeholder-wrapper--box-header {
        display: none;
      }
    }
  }
}
@layer components {
  .cc-placeholder-wrapper--box-header {
    position: relative;
  }
  .cc-placeholder-wrapper--box-header::before {
    content: "";
    position: absolute;
    width: 100%;
    top: 42px;
    border-bottom: 1px solid var(--cc-placeholder-color-background-block);
  }
  .cc-placeholder-wrapper--box-header .cc-placeholder {
    height: var(--cc-placeholder-size-height-text);
    border-radius: var(--cc-placeholder-shape-text);
    background-color: var(--cc-placeholder-color-background-block);
  }
  .cc-placeholder-wrapper--box-header .cc-placeholder:nth-child(1) {
    height: 22px;
    width: 135px;
    margin-bottom: 51px;
  }
  .cc-placeholder-wrapper--box-header .cc-placeholder:nth-child(2) {
    height: 30px;
    width: 200px;
    margin-bottom: 38px;
  }
  @media not print {
    @media screen and (max-width: 743px), (min-aspect-ratio: 16/9) and (max-width: 928px) {
      .cc-placeholder-wrapper--box-header {
        display: none;
      }
    }
  }
  .cc-toolbar {
    --cc-toolbar-color-background: var(--cs-color-surface);
    --cc-toolbar-color-icon: var(--cs-color-on-surface-variant);
    --cc-toolbar-color-text-secondary: var(--cs-color-on-surface-variant);
    --cc-toolbar-elevation-shadow-container: 0 0 16px 0px rgba(0, 0, 0, 0.05);
    --cc-toolbar-elevation-z-container: 301;
    --cc-toolbar-elevation-z-section: 101;
    --cc-toolbar-font-size-heading: 1.4rem;
    --cc-toolbar-font-size-results: 1.6rem;
    --cc-toolbar-font-weight-heading: var(--cs-font-weight-display);
    --cc-toolbar-shape-container: var(--cs-shape-50);
    --cc-toolbar-space-margin-block-end: 2.8rem;
    --cc-toolbar-space-position-sticky: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 45px;
    margin-bottom: var(--cc-toolbar-space-margin-block-end);
    width: 100%;
    position: relative;
  }
  @media print {
    .cc-toolbar {
      min-height: unset;
    }
  }
  .cc-toolbar--no-margin {
    --cc-toolbar-space-margin-block-end: 0px;
  }
  .cc-toolbar--slide .cc-select-wrapper .mdc-text-field {
    margin-bottom: 0;
  }
  .cc-toolbar:has(.cc-menu--sort.active) {
    z-index: auto;
  }
  .cc-toolbar:has(.cc-menu--sort.active) .cc-menu-wrapper {
    z-index: 102;
  }
  .cc-toolbar--dynamic-container {
    container-type: inline-size;
    container-name: toolbar;
    z-index: 101;
  }
  .cc-toolbar .cc-filter {
    min-height: initial;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
  .cc-toolbar .cc-filter__form {
    padding-left: 0;
    padding-right: 0;
  }
  .cc-toolbar__section {
    flex: 1 1 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 0;
  }
  .cc-toolbar__section:first-of-type {
    justify-content: flex-start;
    margin-right: 20px;
  }
  .cc-toolbar__section:last-of-type:not(:only-child) {
    justify-content: flex-end;
  }
  .cc-toolbar__section.invisible .cc-chip-set {
    display: none;
  }
  .cc-toolbar__section--flex-none {
    flex: 0 0 auto;
  }
  .cc-toolbar__section--justify-end {
    justify-content: flex-end;
  }
  .cc-toolbar__section .mdc-text-field {
    margin-top: -10px;
  }
  .cc-toolbar__section .cc-expand .mdc-text-field {
    margin-top: 0px;
  }
  .cc-toolbar__section .cc-expand .mdc-text-field__icon--clear {
    top: 15px;
  }
  .cc-toolbar__section--display .cc-divider--v {
    height: 2.2rem;
    margin-left: 0.6rem;
    margin-right: 0.6rem;
  }
  .cc-toolbar__section--display .cc-divider--v:last-child {
    display: none;
  }
  .cc-toolbar__label {
    margin-left: 12px;
    font-size: 1.4rem;
    font-weight: var(--cc-toolbar-font-weight-heading);
    color: var(--cc-toolbar-color-text-secondary);
    max-width: 220px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) and (max-width: 1024px) {
      .cc-toolbar__label {
        max-width: 175px;
      }
    }
  }
  .cc-toolbar__icon {
    font-size: 2.2rem;
    height: 45px;
    display: flex;
    align-items: center;
    color: var(--cc-toolbar-color-icon);
    margin-left: 0.8rem;
    line-height: 1;
    position: relative;
  }
  .cc-toolbar__icon--folder:before {
    content: "\e3d4";
    font-family: "cyza-font" !important;
  }
  .cc-toolbar__icon--sm {
    font-size: 1.8rem;
    margin-right: 15px;
  }
  @media print {
    .cc-toolbar {
      flex-direction: row;
      flex-wrap: wrap;
      width: auto;
    }
    .cc-toolbar__label {
      max-width: none;
    }
    .cc-toolbar__section:not(.cc-toolbar__section--flex-none):not(.cc-toolbar__section--display) {
      flex: 1 1 0;
    }
    .cc-toolbar__section:first-child {
      min-width: 0;
    }
    .cc-toolbar__section .cc-menu__button {
      padding-right: 0;
    }
    .cc-toolbar__section--display {
      flex: 0 0 auto;
    }
    .cc-toolbar__section--display:nth-child(2):not(:last-child) {
      margin-right: 25px;
      margin-bottom: 6px;
    }
    .cc-toolbar__section--display.cc-menu-wrapper {
      width: 50%;
    }
    .cc-toolbar__section--display.cc-menu-wrapper .cc-button--grid2 {
      top: -2px;
    }
    .cc-toolbar__section--display.cc-menu-wrapper .cc-button--folder {
      top: -3px;
    }
    .cc-toolbar__section--display.cc-menu-wrapper:nth-child(2) .cc-button--folder {
      margin-right: auto;
    }
    .cc-toolbar__section--display.cc-menu-wrapper:nth-child(2):last-child {
      flex: 0 0 56%;
    }
    .cc-toolbar__section--display.cc-menu-wrapper .cc-button--menu {
      margin-left: auto;
    }
    .cc-toolbar__section--search {
      margin-bottom: 4px;
    }
    .cc-toolbar__section--search:not(.has-keyword) {
      display: none;
    }
    .cc-toolbar__section--search:not(.has-keyword) ~ .cc-toolbar__section--display {
      justify-content: flex-start;
    }
    .cc-toolbar__section--search:not(.has-keyword) ~ .cc-toolbar__section--display.cc-menu-wrapper {
      flex: 1 1 auto;
    }
    .cc-toolbar__folder {
      flex-direction: row;
      position: relative;
    }
    .cc-toolbar__folder > *:first-child {
      flex: 1 0 100%;
      margin-bottom: 10px;
    }
    .cc-toolbar__folder .cc-toolbar__section--search {
      position: absolute;
      width: 100%;
      top: 45px;
    }
    .cc-toolbar__folder .cc-toolbar__section--search#support_search_form {
      top: 70px;
    }
    .cc-toolbar__folder .cc-menu-wrapper {
      justify-content: flex-end !important;
      flex: 1 1 auto;
    }
    .cc-toolbar__folder .cc-button--menu {
      margin-top: 0;
    }
    .cc-toolbar__folder .cc-menu--sort {
      width: auto;
      min-width: 95px;
    }
    .cc-toolbar__folder .cc-menu--sort .cc-menu__button.selected {
      padding: 0;
    }
    .cc-toolbar__icon--folder {
      margin-left: 0;
      font-size: 2rem;
      color: var(--cc-toolbar-color-icon);
    }
    .cc-toolbar[data-filter-id=tickets-filter] {
      margin-bottom: 80px;
    }
    .cc-toolbar[data-filter-id=tickets-filter] .cc-toolbar__section {
      flex: 1 1 auto;
    }
    .cc-toolbar[data-filter-id=tickets-filter] .cc-toolbar__section--search {
      position: absolute;
      top: 60px;
      width: 100%;
    }
  }
  .cc-toolbar--absolute {
    position: absolute;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-toolbar--with-background {
        background: var(--cc-toolbar-color-background);
        padding: 20px 35px;
        min-height: 70px;
        border-bottom-left-radius: var(--cc-toolbar-shape-container);
        border-bottom-right-radius: var(--cc-toolbar-shape-container);
        box-shadow: var(--cc-toolbar-elevation-shadow-container);
        z-index: 301;
      }
    }
  }
  @media screen and (max-width: 1024px) {
    .cc-toolbar__section--invite {
      flex: 0 0 auto;
    }
  }
}
@layer components {
  .cz-tooltip {
    --cc-tooltip-color-background: var(--cs-color-surface-container-highest);
    --cc-tooltip-color-text: var(--cs-color-on-surface-variant);
    --cc-tooltip-elevation-shadow: var(--cs-elevation-shadow-7);
    --cc-tooltip-elevation-z: var(--cs-elevation-z-100);
    --cc-tooltip-font-size: 1.4rem;
    --cc-tooltip-shape: var(--cs-shape-50);
    --cc-tooltip-space-padding-block: var(--cr-space-100);
    --cc-tooltip-space-padding-inline: var(--cr-space-175);
    background: var(--cc-tooltip-color-background);
    display: block;
    position: fixed;
    visibility: hidden;
    opacity: 0;
    border-radius: var(--cc-tooltip-shape);
    box-shadow: var(--cc-tooltip-elevation-shadow);
    color: var(--cc-tooltip-color-text);
    font-size: var(--cc-tooltip-font-size);
    padding-block: var(--cc-tooltip-space-padding-block);
    padding-inline: var(--cc-tooltip-space-padding-inline);
    top: 0px;
    left: 0px;
    z-index: var(--cc-tooltip-elevation-z);
    max-width: 80vw;
  }
  .cz-tooltip.is-custom {
    transition: visibility 0.2s linear, opacity 0.2s linear;
  }
  .cz-tooltip.is-visible {
    visibility: visible;
    opacity: 1;
  }
  *[data-view=Tooltip] {
    cursor: pointer;
  }
}

/*# sourceMappingURL=components.e0c173965eefae2a.css.map*/