@import '../../../../../../console-shared/src/styles/skeleton-screen.scss';

.capacity-breakdown-card__available-body {
  float: right;
  font-weight: var(--pf-global--FontWeight--normal);
}

.capacity-breakdown-card__capacity-body {
  font-size: var(--pf-global--FontSize--sm);
  margin-bottom: 0;
}

.capacity-breakdown-card__header-link {
  padding: var(--pf-global--spacer--xs);
  margin-right: var(--pf-global--spacer--md);
}

.capacity-breakdown-card__legend-link {
  &:link {
    text-decoration: none;
  }
}

.capacity-breakdown-card--error {
  width: 100%;
  text-align: center;
}

.skeleton-activity {
  animation: $skeleton-animation;
  background: $skeleton-color;
  opacity: 0;
  border-radius: 6px;
  margin: 0.5rem 0.7em 0.5rem 0.7em;
  height: 30px;
  &::after {
    background-repeat: no-repeat;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
  }
}

.skeleton-stack-no-show {
  background-color: var(--pf-global--BackgroundColor--100);
  animation: none;
}

.skeleton-stack-bar {
  margin: 0.2rem 0.7em 0.2rem 0.7em;
}

.skeleton-stack-legend {
  margin: 1.5rem 0.7em 1.5rem 0.7em;
  height: 50px;
}
