/*
  Seed Color: #0F4C81
*/
/*
  Seed Color: #0F4C81
*/
@keyframes wave {
  from {
    transform: translate(-100%);
  }
  to {
    transform: translate(100%);
  }
}
@layer components {
  .cc-placeholder-wrapper {
    --cc-placeholder-color-background-block: var(--cs-color-outline-variant);
    --cc-placeholder-color-background: var(--cs-color-surface);
    --cc-placeholder-color-background-tile: var(--cs-color-surface-container-high);
    --cc-placeholder-color-background-card: var(--cs-color-surface-container-high);
    --cc-placeholder-color-background-overlay: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.04) 70%, rgba(255, 255, 255, 0) 100%);
    --cc-placeholder-color-border: var(--cs-color-outline-variant);
    --cc-placeholder-elevation-shadow-container: 0 0 16px 0px rgba(0, 0, 0, 0.05);
    --cc-placeholder-elevation-shadow-card: var(--cs-elevation-shadow-1);
    --cc-placeholder-elevation-shadow-tile: var(--cs-elevation-shadow-2);
    --cc-placeholder-shape-text: var(--cs-shape-25);
    --cc-placeholder-shape-container: var(--cs-shape-50);
    --cc-placeholder-size-height-text: 1.4rem;
    --cc-placeholder-space-padding-tile-landscape-left: var(--cs-space-padding-layout-landscape-left);
    --cc-placeholder-space-padding-tile-landscape-right: var(--cs-space-padding-layout-landscape-right);
  }
  .cc-placeholder {
    overflow: hidden;
    position: relative;
    contain: layout style;
  }
  .cc-placeholder:before {
    z-index: 0;
  }
  .cc-placeholder:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
    background: var(--cc-placeholder-color-background-overlay);
    animation: wave 2s linear infinite;
    will-change: transform;
  }
  .cc-placeholder .cc-placeholder__block {
    background-color: var(--cc-placeholder-color-background-block);
    z-index: 1;
    position: relative;
  }
}

/*# sourceMappingURL=placeholder.712ff8d0c8c6ca22.css.map*/