.post-menu {
  font-family: "CircularStd-Book", sans-serif;
  color: #252c43;
  font-size: 16px;
  line-height: 1.5;
}

.post-menu.-desktop {
  position: relative;
  max-width: 312px;
}

.post-menu.-desktop::after {
  position: absolute;
  width: 1px;
  height: 100%;
  top: -33px;
  right: 0;
  background-color: #d5d9e6;
  content: "";
}

@media (max-width: 767px) {
  .post-menu.-desktop {
    display: none;
  }
}

.post-menu.-mobile {
  display: none;
}

@media (max-width: 767px) {
  .post-menu.-mobile {
    display: block;
  }
}

.post-menu__list {
  padding: 0;
  list-style: none;
}

.post-menu__item:not(:last-child) {
  margin-bottom: 24px;
}

.post-menu__link {
  display: block;
  position: relative;
  padding: 2px 40px 2px 0;
  border-right: 8px solid transparent;
  color: inherit;
  transition: color 0.2 ease, border-color 0.2 ease;
  outline: 0 none;
}

.post-menu__link:hover {
  color: #0087f7;
}

.post-menu__link.-active {
  color: #0087f7;
  border-color: #0087f7;
  padding-left: 48px;
}

.post-menu__link.-active::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background-color: #0087f7;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M10.897 2.18l4.923 4.923.007.008c.02.02.039.042.055.066l-.062-.074c.028.029.054.06.076.092.015.023.028.046.04.07l.02.043c.008.021.016.044.022.066l.006.025c.006.025.01.05.013.077l.002.023.001.04-.001.039-.002.023.003-.063c0 .048-.005.095-.016.14l-.006.025c-.006.022-.014.045-.023.066l-.01.026c-.016.032-.032.06-.05.087l-.012.018c-.017.023-.036.045-.056.066l-.007.008-4.923 4.923c-.24.24-.63.24-.87 0s-.24-.63 0-.87l3.872-3.874H.615c-.34 0-.615-.275-.615-.615 0-.34.276-.615.615-.615H13.9l-3.873-3.872c-.24-.24-.24-.63 0-.87.24-.241.63-.241.87 0z'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  vertical-align: -9px;
  content: "";
}

.selectric-post-menu__select .selectric {
  background-color: #ffffff;
  border-color: #1a268e;
  border-radius: 3px;
}

.selectric-post-menu__select .selectric .label {
  margin: 0 0 0 16px;
  color: #1a268e;
  font-size: 14px;
}

.selectric-post-menu__select .selectric .button {
  background-color: #ffffff;
}

.selectric-post-menu__select .selectric .button::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 38px;
  height: 100%;
  border: 0 none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%231A268E' fill-rule='evenodd' d='M8.125 9.241l4.058-4.058c.244-.244.64-.244.884 0s.244.64 0 .884l-4.5 4.5c-.244.244-.64.244-.884 0l-4.5-4.5c-.244-.244-.244-.64 0-.884s.64-.244.884 0l4.058 4.058z'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
}