@use "../../../styles/int.scss";

.bop {
  display: grid;
  grid-template-areas: "bar bar"
    "dem-label gop-label";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  width: 100%;
  text-align: left;
}

.barContainer {
  grid-area: bar;
  position: relative;
  height: calc(var(--height, 40) * 1px);
}

.bar {
  display: flex;
  height: 100%;
}

.demLabel {
  grid-area: dem-label;
}

.gopLabel {
  grid-area: gop-label;
  justify-self: flex-end;
  text-align: right;
}