/* BARS */
    .bar {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      border-radius: 4px;
      cursor: pointer;
      overflow: hidden;
      transition: filter .15s, transform .16s;
      display: flex;
      align-items: center;
      box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
    }

    .bar:hover {
      filter: brightness(1.3);
      transform: translateY(-50%) scaleY(1.08);
    }