/* From https://codeburst.io/how-to-create-a-simple-css-loading-spinner-make-it-accessible-e5c83c2e464c
   Credit Stuart Nelson - https://codeburst.io/@stuartjnelson
*/

/* Converted Tailwind Config to scss */

@media (min-width: 1024px) {
  .single_post.appearance--dark {
    margin-bottom: 55px;
  }
}

.single_post__primary {
  position: relative;
}

.appearance--dark .single_post__primary {
  background: #009bdf;
}

@media (min-width: 1024px) {
  .appearance--dark .single_post__primary {
    background: transparent;
  }

  .appearance--dark .single_post__primary::after {
    position: absolute;
    background: #009bdf;
    display: block;
    content: '';
    height: 100%;
    width: 150%;
    top: 55px;
    left: 0;
    z-index: -1;
  }
}

.single-all-star .post__content {
  max-width: 60rem;
}