/* [project]/src/sections/dashboard/dashboard-chart/styles.css [client] (css) */
.main-chart-row {
  transition: all .5s;
}

.secondary-charts-row {
  flex-direction: row;
  transition: all .5s;
  display: flex;
}

.secondary-chart {
  cursor: pointer;
  transition: transform .5s, opacity .5s;
}

.secondary-chart:hover {
  transform: scale(1.01);
}

.chart-moving-up {
  animation: .5s forwards moveUp;
}

.chart-moving-down {
  animation: .5s forwards moveDown;
}

@keyframes moveUp {
  from {
    width: fit-content;
    transform: translateY(0);
  }

  to {
    width: 100%;
    transform: translate(0, -100%);
  }
}

@keyframes moveDown {
  from {
    width: 100%;
    transform: translateY(0);
  }

  to {
    width: fit-content;
    transform: translateY(100%);
  }
}

/*# sourceMappingURL=src_sections_dashboard_dashboard-chart_styles_afb85269.css.map*/