@use '../../scss/base/mixins' as *;
@use '../../scss/base/animations' as var;

.listLoading {
  padding-left: 0;
  display: grid;
  grid-template-rows: 1fr;
  grid-gap: var(--custom-grid-gap);
  &.longList {
    .innerSpan {
      animation-duration: 2s !important;
    }
  }
}

.listLoadingRow {
  &:last-child {
    transition: none;
    border-bottom-color: transparent;
  }
  &:global(.animated) {
    animation-duration: 0.5s;
  }
}

.innerSpan {
  height: var(--custom-height);
  background: var(--light-gray);
  display: flex;
  width: 100%;
  animation: fadify 1s infinite;
  border-radius: 2px;
}