:host {
  --digi--loader-skeleton--background: var(--digi--color--misc--skeleton);
  --digi--loader-skeleton--margin-bottom: var(--digi--typography--paragraph--margin--small);
  --digi--loader-skeleton--header-height: 2rem;
  --digi--loader-skeleton--line-height: var(--digi--typography--body--font-size--desktop);
  --digi--loader-skeleton--text-height: var(--digi--typography--body--font-size--desktop);
  --digi--loader-skeleton--circle-height: 2rem;
  --digi--loader-skeleton--circle-width: 2rem;
  --digi--loader-skeleton--circle-border-radius: 50%;
  --digi--loader-skeleton--text-margin: var(--digi--margin--h4-h6-large);
  --digi--loader-skeleton--header-margin: var(--digi--typography--h3--margin--small);
  --digi--loader-skeleton--line-margin-bottom: var(--digi--typography--paragraph--margin--small);
  --digi--loader-skeleton--rounded-border-radius: var(--digi--border-radius--complementary-2);
}
:host .digi-loader-skeleton__item {
  --HEIGHT: 1rem;
  --WIDTH: 100%;
  --BACKGROUND-COLOR: var(--digi--loader-skeleton--background);
  --BORDER-RADIUS: var(--digi--border-radius--primary);
  --ANIMATION: var(--digi--loader-skeleton--animation, pulse 1.5s infinite);
  --MARGIN-BOTTOM: var(--digi--loader-skeleton--margin-bottom);
  background-color: var(--BACKGROUND-COLOR);
  width: var(--WIDTH);
  height: var(--HEIGHT);
  animation: var(--ANIMATION);
  border-radius: var(--BORDER-RADIUS);
  margin-bottom: var(--MARGIN-BOTTOM);
}
:host .digi-loader-skeleton__item--header {
  --WIDTH: 50%;
  --HEIGHT: var(--digi--loader-skeleton--header-height);
  --MARGIN-BOTTOM: var(--digi--loader-skeleton--header-margin);
}
:host .digi-loader-skeleton__item--line {
  --WIDTH: 100%;
  --HEIGHT: var(--digi--loader-skeleton--line-height);
  --MARGIN-BOTTOM: var(--digi--loader--skeleton--line-margin-bottom);
}
:host .digi-loader-skeleton__item--text {
  --HEIGHT: var(--digi--loader-skeleton--text-height);
  --MARGIN: var(--digi--loader-skeleton--text-margin);
  --MARGIN-BOTTOM: var(--digi--loader-skeleton--text-margin);
}
:host .digi-loader-skeleton__item--text:last-child {
  --WIDTH: 75%;
}
:host .digi-loader-skeleton__item--text:last-child {
  --WIDTH: 75%;
}
:host .digi-loader-skeleton__item--circle {
  --MARGIN-BOTTOM: var(--digi--loader-skeleton--text-margin);
  --WIDTH: var(--digi--loader-skeleton--circle-width);
  --HEIGHT: var(--digi--loader-skeleton--circle-height);
  --BORDER-RADIUS: var(--digi--loader-skeleton--circle-border-radius);
}
:host .digi-loader-skeleton__item--rounded {
  --BORDER-RADIUS: var(--digi--loader-skeleton--rounded-border-radius);
  --HEIGHT: var(--digi--loader-skeleton--header-height);
  --WIDTH: 25%;
}
:host .digi-loader-skeleton__item--section-header {
  --WIDTH: 50%;
  --HEIGHT: var(--digi--loader-skeleton--header-height);
  --MARGIN-BOTTOM: var(--digi--loader-skeleton--header-margin);
}
:host .digi-loader-skeleton__item--section-text {
  --HEIGHT: var(--digi--loader-skeleton--text-height);
  --MARGIN: var(--digi--loader-skeleton--text-margin);
  --MARGIN-BOTTOM: var(--digi--loader-skeleton--text-margin);
}
:host .digi-loader-skeleton__item--section-text:last-child {
  --WIDTH: 75%;
}
:host .digi-loader-skeleton__item--section-text:last-child {
  --WIDTH: 75%;
}
@keyframes pulse {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}