.bottom-bar {
  --right-sidebar-width: calc(0.15 * min(1160px, 100vw - 80px));
  --right-sidebar-outer: max(var(--right-sidebar-width), min(336px, calc(var(--right-sidebar-width) + (100vw - 1240px) / 2)));
  --bottom-bar-gap: calc((var(--right-sidebar-outer) - min(300px, var(--right-sidebar-outer))) / 2);
  width: 100%;
  height: calc(min(250px, var(--right-sidebar-outer)) + 2 * var(--bottom-bar-gap));
  margin-top: -5px;
  padding: var(--bottom-bar-gap);
  box-sizing: border-box;
}

.guide + .bottom-bar {
  margin-top: -30px;
}

.topics-container + .bottom-bar {
  margin-top: -40px;
}

.bottom-bar-box {
  width: 100%;
  height: 100%;
}