@import "../../../styles/vars.scss";

.honjo-section {
  margin-bottom: 16px;
}

.honjo-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
  position: relative;
  padding-left: 12px;

  &::after {
    content: " ";
    position: absolute;
    height: 16px;
    width: 3px;
    background-color: $color-primary;
    left: 0;
    top: calc(50% + 1px);
    transform: translateY(-50%);
  }
}

.honjo-section__title {
  font-size: 16px;
  font-weight: 600;
  color: $text-regular-color;
}

.honjo-section__subtitle {
  margin-left: 12px;
  font-size: 14px;
  color: $color-warning;
}