.lb-blog-details {
  padding-top: 113px;
  position: relative;
}
.lb-blog-details > .dnd-section {
  position: relative;
  z-index: 1;
}

@media (max-width: 1199px) {
  .lb-blog-details {
    padding-top: 71px;
  }
}


main.lb--light .lb-blog-details,
main.lb--light .hs-blog-post {
  background-color: var(--color-white);
}
.theme-transition
.theme-transition h1,
.theme-transition h2,
.theme-transition h3,
.theme-transition h4,
.theme-transition h5,
.theme-transition h6,
.theme-transition p,
.theme-transition .lb-breadcrumbs__menu li a,
.theme-transition .lb-breadcrumbs__menu li::after,
.theme-transition .lb-metadata,
.theme-transition .lb-metadata span::before,
.theme-transition #hs_cos_wrapper_module_16910398984436 .header-two-row,
.theme-transition .lb-blog-details,
.theme-transition .lb-blog-details__content * {
  transition: ease-in-out 0.3s all;
}
.lb-blog-details::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% + 700px);
  transform: translateX(-50%);
  width: 1595px;
  height: 973px;
  background-image: url("data:image/svg+xml,%3Csvg width='1595' height='973' viewBox='0 0 1595 973' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6' filter='url(%23filter0_f_10299_5723)'%3E%3Cpath d='M778.403 259.676C778.403 259.676 942.904 270.427 1175.72 356.913C1738.45 565.96 1076.53 797.867 731.752 770.173C537.075 754.536 -9.94915 468.959 286.058 248.758C434.884 138.046 583.331 249.001 778.403 259.676Z' fill='%23003FFF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_10299_5723' x='0' y='0' width='1594.23' height='972.434' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_10299_5723'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 1595px 973px;
  pointer-events: none;
}
main.lb--light .lb-blog-details::before {
  background-image: url("data:image/svg+xml,%3Csvg width='1595' height='973' viewBox='0 0 1595 973' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8' filter='url(%23filter0_f_10299_5723)'%3E%3Cpath d='M778.403 259.676C778.403 259.676 942.904 270.427 1175.72 356.913C1738.45 565.96 1076.53 797.867 731.752 770.173C537.075 754.536 -9.94915 468.959 286.058 248.758C434.884 138.046 583.331 249.001 778.403 259.676Z' fill='%239CEF69'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_10299_5723' x='0' y='0' width='1594.23' height='972.434' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_10299_5723'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}

@media (max-width: 767px) {
  .lb-blog-details::before {
    background-image: url("https://www.levelblue.com/hubfs/lb-web/bg-gradient/blog-template-top-right-sm-blurr.svg");
    background-size: cover;
    height: 792px;
    width: 100%;
    transform: none;
    left: 0;
  }
  main.lb--light .lb-blog-details::before {
    background-image: url("https://www.levelblue.com/hubfs/lb-web/bg-gradient/blog-template-top-right-green-sm-blurr.svg");
  }
}



.lb-blog-details__hero {
  border-bottom: var(--color-cta-blue) solid 1px;  
  display: flex;
  flex-direction: column;
  padding-bottom: 48px;
  position: relative;
  row-gap: 64px;
}
.lb--light .lb-blog-details__hero {
  border-bottom-color: var(--color-ink-blue);
}
.lb-blog-details__hero-wrapper { 
  align-items: flex-start;
  column-gap: 64px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.lb-blog-details__hero-left {
  flex: 1;
  max-width: 810px;
}
.lb-blog-details__hero-right {
  display: flex;
  flex: 0 0 453px;
  justify-content: flex-end;
  max-width: 453px;
}
.lb-blog-details__hero-img {
  max-width: 453px;
  overflow: hidden;
  width: 100%;
}
.lb-blog-details__hero-img--pill,
.lb-blog-details__hero-img--pill_with_border {
  aspect-ratio: 453 / 240;
  border-radius: 999px;
}
.lb-blog-details__hero-img--pill_with_border {
  border: 1px solid var(--color-cool-grey-2);
}
.lb-blog-details__hero-img--rounded_borders {
  aspect-ratio: 453 / 216;
  border-radius: 24px;
}
.lb-blog-details__hero-img img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.lb-blog-details__hero-spider {
  background-image: url("https://www.levelblue.com/hubfs/lb-web/graphic-elements/hunter/SpiderCrouch_Black_r1-white-lb.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 250px;
  max-width: 450px;
  transition: background-image 0.3s ease-in-out;
  width: 100%;
}
main.lb--light .lb-blog-details__hero-spider {
  background-image: url("https://www.levelblue.com/hubfs/lb-web/graphic-elements/hunter/SpiderCrouch_Black_r1-black-lb.webp");
}

@media (max-width: 1280px) {
  .lb-blog-details__hero-right {
    flex: 0 0 336px;
    max-width: 336px;
  }
  .lb-blog-details__hero-img,
  .lb-blog-details__hero-spider {
    max-width: 336px;
  }
}

@media (max-width: 1024px) {
  .lb-blog-details__hero {
    padding-bottom: 24px;
    row-gap: 40px;
  }
  .lb-blog-details__hero-wrapper {
    justify-content: flex-end;
    row-gap: 24px;
  }
  .lb-blog-details__hero-left,
  .lb-blog-details__hero-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .lb-blog-details__hero-spider {
    background-position-x: right;
    display: block;
    height: 125px;
    max-height: 125px;
  }
}

@media (max-width: 475px) {
  .lb-blog-details__hero-img {
    max-width: 100%;
  }
}


.lb-blog-details__hero-switch {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='70'%20height='40'%20viewBox='0%200%2070%2040'%20fill='none'%3E%3Cg%20clip-path='url(%23clip0_4206_11784)'%3E%3Crect%20x='0.5'%20y='0.5'%20width='69'%20height='39'%20rx='19.5'%20fill='%239CEF69'/%3E%3Crect%20x='0.5'%20y='0.5'%20width='69'%20height='39'%20rx='19.5'%20stroke='%23001338'/%3E%3Cellipse%20cx='19.8334'%20cy='20'%20rx='14.875'%20ry='15'%20fill='%23001338'/%3E%3Cpath%20d='M27.1742%2022.5344C24.3617%2023.8183%2021.0058%2023.2084%2018.828%2021.0125C16.6502%2018.8167%2016.0453%2015.4329%2017.3226%2012.6011C17.3941%2012.4392%2017.3603%2012.2491%2017.2334%2012.1271C17.1124%2011.9992%2016.922%2011.9652%2016.7633%2012.0372C15.843%2012.4571%2015.0219%2013.0291%2014.3297%2013.733C12.7627%2015.3109%2011.9%2017.4108%2011.9%2019.6446C11.9%2021.8744%2012.7628%2023.9723%2014.3297%2025.5542C15.8946%2027.13%2017.9752%2028%2020.1907%2028C22.4022%2028%2024.4827%2027.1301%2026.0516%2025.5542C26.7458%2024.8503%2027.3131%2024.0243%2027.7296%2023.0944C27.801%2022.9324%2027.7673%2022.7464%2027.6463%2022.6204C27.5193%2022.4965%2027.3348%2022.4584%2027.1742%2022.5344Z'%20fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id='clip0_4206_11784'%3E%3Crect%20width='70'%20height='40'%20fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 40px;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-indent: -9999px;
  top: 0;
  transition: all ease-in-out 0.3s;
  width: 70px;
}
main.lb--light .lb-blog-details__hero-switch {
  background-image: url("https://www.levelblue.com/hubfs/lb-web/blog/blog-theme-control-light-theme.svg");
}




.lb-blog-details__content-wrapper {
  column-gap: 64px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}


.lb-metadata {
  align-items: center;
  color: var(--color-white);
  display: flex;
  flex-wrap: wrap;
  margin: 32px 0 64px;
  min-height: 40px;
  row-gap: 8px;
}
.lb--light .lb-metadata {
  color: var(--color-ink-blue);
}
.lb-metadata--sm {
  font-size: 16px;
}
.lb-metadata p::after {
  content: "|";
  display: inline-block;
  padding: 0 12px;
}
.lb--light .lb-metadata p::after {
  color: var(--color-cool-grey-2);
}
.lb--dark .lb-metadata p::after {
  color: var(--color-medium-cool-grey);
}
.lb-metadata p:last-child::after {
  display: none;
}

@media (max-width: 1024px) {
  .lb-metadata {
    align-items: flex-start;
    flex-direction: column;
    margin: 32px 0;
  }
  .lb-metadata p::after {
    display: none;
  }
}


.lb-blog-details__main {
  flex: 1;
  max-width: 810px;
}
.lb-blog-details__content .hs_cos_wrapper_type_rich_text > *:first-child {
  margin-bottom: 40px;
}
.lb-blog-details__content .hs_cos_wrapper_type_rich_text > p:first-child {
  font-size: 26px !important;
  line-height: 130%;
  letter-spacing: -0.01em;
}
.lb-blog-details__content .hs_cos_wrapper_type_rich_text p[style="font-weight: bold;"],
.lb-blog-details__content .hs_cos_wrapper_type_rich_text p strong {
  font-weight: 600 !important;
}
.lb-blog-details__content .hs_cos_wrapper_type_rich_text h1,
.lb-blog-details__content .hs_cos_wrapper_type_rich_text h1 strong,
.lb-blog-details__content .hs_cos_wrapper_type_rich_text h2,
.lb-blog-details__content .hs_cos_wrapper_type_rich_text h2 strong,
.lb-blog-details__content .hs_cos_wrapper_type_rich_text h3,
.lb-blog-details__content .hs_cos_wrapper_type_rich_text h3 strong,
.lb-blog-details__content .hs_cos_wrapper_type_rich_text h4,
.lb-blog-details__content .hs_cos_wrapper_type_rich_text h4 strong,
.lb-blog-details__content .hs_cos_wrapper_type_rich_text h5,
.lb-blog-details__content .hs_cos_wrapper_type_rich_text h5 strong,
.lb-blog-details__content .hs_cos_wrapper_type_rich_text h6,
.lb-blog-details__content .hs_cos_wrapper_type_rich_text h6 strong{
  font-weight: 300 !important;
}

/* Background to paragraphs that contain Images */
.lb-blog-details__content .hs_cos_wrapper_type_rich_text p:has(>img) {
  background: var(--color-blue-black);
  padding: 24px;
  text-align: center !important;
}
.lb-blog-details__content .hs_cos_wrapper_type_rich_text p img {
  display: block;
  margin: 0 auto;
}
main.lb--light .lb-blog-details__content .hs_cos_wrapper_type_rich_text p:has(>img) {
  background: var(--color-cool-grey-3);
}

/* Background to paragraphs that contain Code */
.lb-blog-details__content .hs_cos_wrapper_type_rich_text p:has(>code) {
  background: var(--color-blue-black);
  padding: 32px;
  margin: 40px 0;
}
.lb-blog-details__content .hs_cos_wrapper_type_rich_text p:has(>code) code {
  color: var(--color-cool-grey-2);
}
main.lb--light .lb-blog-details__content .hs_cos_wrapper_type_rich_text p:has(>code) {
  background: var(--color-cool-grey-3);
}
main.lb--light .lb-blog-details__content .hs_cos_wrapper_type_rich_text p:has(>code) code {
  color: var(--color-ink-blue);
}
.lb-blog-details__content .hs_cos_wrapper_type_rich_text code {
  word-wrap: break-word;
}

@media (max-width: 1024px) {
  .lb-blog-details__main {
    flex: 0 0 100%;
    margin-top: 40px;
    max-width: 100%;
    order: 2;
  }
  .lb-blog-details__content .hs_cos_wrapper_type_rich_text > p:first-child {
    font-size: 20px !important;
    letter-spacing: 0;
  }
}




.lb-blog-details__siderail {
  display: flex;
  flex: 0 0 336px;
  flex-flow: column wrap;
  justify-content: space-between;
  max-width: 336px;
}

@media (max-width: 1024px) {
  .lb-blog-details__siderail {
    flex: 0 0 100%;
    max-width: 100%;
    order: 1;
  }
}


.lb-blog-details__share {
  align-items: center;
  column-gap: 36px;
  display: flex;
  justify-content: flex-start;
  margin: 32px 0 64px;
}
.lb-blog-details__share-icons {
  column-gap: 24px !important;
}

@media (max-width: 1024px) {
  .lb-blog-details__share {
    margin: 0 0 32px;
  }
}

@media (max-width: 475px) {
  .lb-blog-details__share {
    column-gap: 16px;
  }
  .lb-blog-details__share-icons {
    flex: 1;
    justify-content: space-between;
  }
}



.lb-blog-details__resources {
  overflow: hidden;
  max-width: 336px;
}




.lb-blog-details__about {
  align-items: flex-start;
  column-gap: 64px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-top: 64px;
}

@media (max-width: 1024px) {
  .lb-blog-details__about {
    row-gap: 64px;
  }
}


.lb-blog-details__authors {
  display: flex;
  flex: 1;
  flex-direction: column;
  max-width: 810px;
  row-gap: 48px;
}

@media (max-width: 1024px) {
  .lb-blog-details__authors {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .lb-blog-details__author-title {
    margin-bottom: 8px !important;
  }
}

@media (max-width: 767px) {
  .lb-blog-details__authors {
    row-gap: 32px;
  }
}


.lb-blog-details__tags {
  display: flex;
  flex: 0 0 336px;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 336px;
}
.lb-blog-details__tag {
  background-color: var(--color-pale-cyan);
  border: 1px solid var(--color-ink-blue);
  border-radius: 100px;
  color: var(--color-ink-blue);
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  max-width: fit-content;
  min-width: fit-content;
  padding: 16px 24px;
  transition: all .3s ease-in-out
}
main.lb--dark .lb-blog-details__tag {
  background-color: var(--color-ink-blue);
  border: 1px solid var(--color-electric-green);
  color: var(--color-white);
}
.lb-blog-details__tag:hover {
  background-color: var(--color-cta-blue) !important;
  border: 1px solid var(--color-cta-blue) !important;
  color: var(--color-white);
}

@media (max-width: 1024px) {
  .lb-blog-details__tags {
    flex: 0 0 100%;
    max-width: 100%;
  }
}