$bar-size-s: 3px;
$bar-size-m: 3px;
$bar-size-l: 4px;

.container {
  grid-column-start: 1;
  grid-column-end: -1;
  height: 0;
  position: relative;
}

.bar {
  background-color: var(--vote-bar-fill);
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0;
  transform: translateY(-.5px) translateY(50%);

  &.animate {
    transition: width 500ms ease-in-out;
  }

  &.small {
    height: $bar-size-s;
  }

  &.medium {
    height: $bar-size-m;
  }

  &.large {
    height: $bar-size-l;
  }
}
