@use '@/styles/variables' as *;
@use '@/styles/mixins' as *;

.trendChart {
  height: 100%;

  &__ranges {
    @include flex-start;
    gap: $spacing-xs;
  }

  &__chart {
    width: 100%;
    height: 300px;
  }

  &__loading {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 300px;
    color: $color-text-secondary;
  }
}
