@import 'src/styles/variables.scss';

.sticky {
  width: 100%;
}

.content {
  align-items: stretch !important;
  @include vertical_at_tablet;
}

.comments {
  flex: 3 1;
  min-width: 0;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;

  @media (max-width: 1024px) {
    flex: 2 1;
  }
}

.panel {
  flex: 1 3;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 0;
  position: relative;
  z-index: 10;

  @media (max-width: 1024px) {
    padding-left: 0;
    flex: 1 2;
  }
}

.left {
  flex: 1;
  min-width: 0;
  height: 100%;
}

.left_item {
  padding-bottom: $gap * 2;
}

.subheader {
  display: flex;
  gap: $gap;
  width: 100%;
  align-items: flex-start;
}

.backlinks {
  min-height: 100%;
  display: flex;
}