/* Nikita's Personal baseline bar chart. */

@media (min-width: 1001px) {
  .data-baseline-bars {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    height: 78%;
  }

  .data-baseline-bars i {
    width: clamp(16px, 1.6vw, 24px);
    border-radius: 6px 6px 2px 2px;
    background: var(--blue);
    transform-origin: bottom;
    transition: transform 0.9s var(--ease);
  }

  .data-baseline-bars i:nth-child(1) { height: 28%; opacity: 0.28; }
  .data-baseline-bars i:nth-child(2) { height: 46%; opacity: 0.46; transition-delay: 0.08s; }
  .data-baseline-bars i:nth-child(3) { height: 70%; opacity: 0.7; transition-delay: 0.16s; }
  .data-baseline-bars i:nth-child(4) { height: 100%; transition-delay: 0.24s; }
}

.js .rx-reveal:not(.is-in) .data-baseline-bars i {
  transform: scaleY(0);
}