.article-share {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5208333333vw;
}
@media (max-width: 767.99px) {
  .article-share {
    gap: 2.7777777778vw;
  }
}
.article-share__caption {
  color: #555D68;
  font-size: 0.8333333333vw;
  font-weight: 400;
  line-height: 130%;
}
@media (max-width: 767.99px) {
  .article-share__caption {
    font-size: 3.8888888889vw;
  }
}
.article-share__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  border-radius: 0.4166666667vw;
  border: 1px solid transparent;
  background: radial-gradient(243.8% 141.42% at 0% 0%, #0C1222 0%, #0C1222 71.15%, rgba(12, 18, 34, 0.5) 100%) padding-box, var(--Radial-Border-gradient, linear-gradient(160deg, #323D57 8.65%, rgba(50, 61, 87, 0.4) 43.26%, rgba(50, 61, 87, 0.2) 86.9%)) border-box;
  transition: background-color var(--transition-base);
}
@media (max-width: 767.99px) {
  .article-share__link {
    width: 10vw;
    height: 10vw;
    border-radius: 2.2222222222vw;
  }
}
.article-share__link svg, .article-share__link img {
  display: block;
  width: 1.25vw;
  height: auto;
  flex-shrink: 0;
}
@media (max-width: 767.99px) {
  .article-share__link svg, .article-share__link img {
    width: 6.6666666667vw;
  }
}
.article-share__link:hover {
  border: 1px solid transparent;
  background: rgba(255, 255, 255, 0.12) padding-box, var(--Radial-Border-gradient, linear-gradient(160deg, #323D57 8.65%, rgba(50, 61, 87, 0.4) 43.26%, rgba(50, 61, 87, 0.2) 86.9%)) border-box;
}

.main-blog {
  padding-top: var(--section-gap);
}
.main-blog__grid {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8333333333vw;
  margin-top: 2.5vw;
}
@media (max-width: 767.99px) {
  .main-blog__grid {
    gap: 4.4444444444vw;
    margin: 4.4444444444vw calc(var(--container-padding) * -1) 0;
    width: calc(100% + var(--container-padding) * 2);
    padding: 0 var(--container-padding) 2.2222222222vw;
    overflow: auto;
  }
}
.main-blog__card {
  width: calc(25% - 0.625vw);
}
@media (max-width: 767.99px) {
  .main-blog__card {
    width: 67.7777777778vw;
    flex-shrink: 0;
  }
}
.main-blog__card-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
  transition: opacity var(--transition-base);
}
.main-blog__card-link:hover {
  opacity: 0.9;
}
.main-blog__card-media {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 680/360;
  border-radius: 0.8333333333vw;
  background: rgba(255, 255, 255, 0.04);
}
@media (max-width: 767.99px) {
  .main-blog__card-media {
    border-radius: 2.2222222222vw;
  }
}
.main-blog__card-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-blog__card-title {
  margin: 1.25vw 0 0;
  color: var(--Text-1, #F1F2F4);
  font-size: 1.0416666667vw;
  font-weight: 700;
  line-height: 130%;
}
@media (max-width: 767.99px) {
  .main-blog__card-title {
    margin-top: 4.4444444444vw;
    font-size: 4.1666666667vw;
  }
}
.main-blog__card-excerpt {
  margin: 0.8333333333vw 0;
  color: var(--Text-3, #B9BEC6);
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 130%;
}
@media (max-width: 767.99px) {
  .main-blog__card-excerpt {
    margin: 2.2222222222vw 0;
    font-size: 4.1666666667vw;
  }
}
.main-blog__card-date {
  display: inline-flex;
  align-items: center;
  padding: 0.1041666667vw 0.15625vw;
  gap: 0.4166666667vw;
  margin-top: auto;
  color: var(--Text-1, #F1F2F4);
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 130%;
}
@media (max-width: 767.99px) {
  .main-blog__card-date {
    padding: 0.5555555556vw 0.8333333333vw;
    gap: 2.2222222222vw;
    font-size: 4.1666666667vw;
  }
}
.main-blog__card-date-icon {
  color: var(--Accent-Main, #2B7FFF);
  width: 0.9375vw;
  height: 1.0416666667vw;
  flex-shrink: 0;
}
@media (max-width: 767.99px) {
  .main-blog__card-date-icon {
    width: 5vw;
    height: 5.5555555556vw;
  }
}
.main-blog__action {
  margin-top: 2.5vw;
}
@media (max-width: 767.99px) {
  .main-blog__action {
    margin-top: 8.8888888889vw;
  }
}
.main-blog__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.8333333333vw;
  height: 2.0833333333vw;
  color: #0A0B10;
  font-size: 0.8333333333vw;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0.4166666667vw;
  transition: all var(--transition-base);
  background: var(--Bg-3, #E3E5E8);
}
@media (max-width: 767.99px) {
  .main-blog__button {
    padding: 0 3.3333333333vw;
    height: 10vw;
    font-size: 3.8888888889vw;
    border-radius: 2.2222222222vw;
  }
}
.main-blog__button:hover {
  color: var(--Accent-Main, #2B7FFF);
}
.main-blog__button:active {
  background: var(--Text-fields, radial-gradient(240.08% 159.33% at 0% 0%, #2D3343 0%, #2D3343 39.12%, rgba(45, 51, 67, 0.4) 100%));
  color: var(--Text-2, #B9BEC6);
}
.main-blog .cl-icon {
  display: block;
}

.single-article-hero {
  position: relative;
  overflow: hidden;
  display: flex;
  margin-top: var(--site-header-height);
}
.single-article-hero__media {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}
.single-article-hero__bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
@media (max-width: 767.99px) {
  .single-article-hero__bg--desktop {
    display: none;
  }
}
.single-article-hero__bg--mobile {
  display: none;
}
@media (max-width: 767.99px) {
  .single-article-hero__bg--mobile {
    display: block;
  }
}
.single-article-hero__overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(93deg, rgba(8, 14, 29, 0.9) 39.29%, rgba(8, 14, 29, 0) 97.78%), radial-gradient(115.2% 115.2% at 50% -15.2%, rgba(8, 14, 29, 0) 0%, #080E1D 100%);
  pointer-events: none;
}
.single-article-hero__inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 5.2083333333vw;
  padding-bottom: 5.2083333333vw;
  gap: 0.4166666667vw;
  min-height: 27.0833333333vw;
}
@media (max-width: 767.99px) {
  .single-article-hero__inner {
    padding-top: 6.6666666667vw;
    padding-bottom: 31.6666666667vw;
    gap: 0;
    align-items: flex-start;
    min-height: 0;
  }
}
.single-article-hero__inner > * {
  max-width: 36.4583333333vw;
}
@media (max-width: 767.99px) {
  .single-article-hero__inner > * {
    max-width: 100%;
  }
}
@media (max-width: 767.99px) {
  .single-article-hero__title {
    margin-top: 25vw;
    text-align: center;
    width: 100%;
  }
}
.single-article-hero__back,
.single-article-hero .single-article-body__back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.3125vw 0.625vw;
  border-radius: 1.6666666667vw;
  background: var(--Text-fields, radial-gradient(240.08% 159.33% at 0% 0%, #2D3343 0%, #2D3343 39.12%, rgba(45, 51, 67, 0.4) 100%));
  color: var(--Text-2, #B9BEC6);
  font-size: 0.8333333333vw;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
}
@media (max-width: 767.99px) {
  .single-article-hero__back,
  .single-article-hero .single-article-body__back {
    padding: 1.6666666667vw 3.3333333333vw;
    border-radius: 8.8888888889vw;
    font-size: 4.1666666667vw;
  }
}
.single-article-hero__back:hover,
.single-article-hero .single-article-body__back:hover {
  color: var(--Accent-Main, #2B7FFF);
}

@media (max-width: 767.99px) {
  .single-article-body {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
.single-article-body__layout {
  display: flex;
  gap: 2.0833333333vw;
  padding-bottom: 4.1666666667vw;
}
@media (max-width: 767.99px) {
  .single-article-body__layout {
    display: contents;
    padding: 0;
    gap: 0;
  }
}
.single-article-body__main {
  position: relative;
  padding: 1.6666666667vw;
  border-radius: 1.25vw;
  border: 1px solid transparent;
  background: radial-gradient(243.8% 141.42% at 0% 0%, #0C1222 0%, #0C1222 71.15%, rgba(12, 18, 34, 0.5) 100%) padding-box, var(--Radial-Border-gradient, linear-gradient(160deg, #323D57 8.65%, rgba(50, 61, 87, 0.4) 43.26%, rgba(50, 61, 87, 0.2) 86.9%)) border-box;
}
@media (max-width: 767.99px) {
  .single-article-body__main {
    order: 2;
    padding: 4.4444444444vw;
    border-radius: 4.4444444444vw;
    margin-top: 6.6666666667vw;
  }
}
.single-article-body__sidebar {
  width: 17.7083333333vw;
  flex-shrink: 0;
}
@media (max-width: 767.99px) {
  .single-article-body__sidebar {
    width: 100%;
    display: contents;
  }
}
.single-article-body .wp-content {
  color: #B9BEC6;
}
.single-article-body__content {
  min-width: 0;
  color: #B9BEC6;
}
.single-article-body__action {
  margin-top: 2.0833333333vw;
}
@media (max-width: 767.99px) {
  .single-article-body__action {
    margin-top: 6.6666666667vw;
  }
}
.single-article-body__back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4166666667vw;
  padding: 0 1.25vw;
  height: 2.5vw;
  border-radius: 0.4166666667vw;
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 1.3;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  color: var(--Bg-1, #080E1D);
  background: var(--Text-1, #F1F2F4);
}
@media (max-width: 767.99px) {
  .single-article-body__back {
    gap: 2.2222222222vw;
    padding: 0 4.4444444444vw;
    height: 10vw;
    border-radius: 2.2222222222vw;
    font-size: 4.1666666667vw;
  }
}
.single-article-body__back:hover {
  color: var(--Accent-Main, #2B7FFF);
}
.single-article-body__back:active {
  background: var(--Text-fields, radial-gradient(240.08% 159.33% at 0% 0%, #2D3343 0%, #2D3343 39.12%, rgba(45, 51, 67, 0.4) 100%));
  color: var(--Text-2, #B9BEC6);
}
.single-article-body__back svg, .single-article-body__back img {
  display: block;
  width: 1.25vw;
  height: auto;
}
.single-article-body__sidebar-inner {
  position: sticky;
  top: calc(var(--site-header-height) + 1.25vw);
  display: flex;
  flex-direction: column;
  gap: 2.0833333333vw;
  padding-top: 4.1666666667vw;
}
@media (max-width: 767.99px) {
  .single-article-body__sidebar-inner {
    display: contents;
    top: auto;
    position: relative;
    padding: 0;
    gap: 0;
  }
}
.single-article-body__meta {
  display: flex;
  flex-direction: column;
  gap: 0.4166666667vw;
}
@media (max-width: 767.99px) {
  .single-article-body__meta {
    order: 1;
    position: relative;
    gap: 1.1111111111vw;
    z-index: 3;
  }
}
@media (max-width: 767.99px) {
  .single-article-body__meta.for-date .single-article-body__meta-label {
    display: none;
  }
}
@media (max-width: 767.99px) {
  .single-article-body__meta.for-tags {
    margin-top: 4.4444444444vw;
    order: 4;
  }
}
@media (max-width: 767.99px) {
  .single-article-body__meta.for-share {
    margin-top: 6.6666666667vw;
    order: 3;
  }
}
.single-article-body__meta-label {
  color: #555D68;
  font-size: 0.8333333333vw;
  font-weight: 400;
  line-height: 130%;
}
@media (max-width: 767.99px) {
  .single-article-body__meta-label {
    font-size: 3.8888888889vw;
  }
}
.single-article-body__date {
  display: inline-flex;
  align-items: center;
  padding: 0.1041666667vw 0.15625vw;
  gap: 0.4166666667vw;
  color: var(--Text-2, #B9BEC6);
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 130%;
}
@media (max-width: 767.99px) {
  .single-article-body__date {
    margin-top: -26.6666666667vw;
    width: 100%;
    justify-content: center;
    padding: 0.5555555556vw 0.8333333333vw;
    gap: 2.2222222222vw;
    font-size: 3.8888888889vw;
  }
}
.single-article-body__date-icon {
  color: var(--Accent-Main, #2B7FFF);
  width: 0.9375vw;
  height: 1.0416666667vw;
  flex-shrink: 0;
}
@media (max-width: 767.99px) {
  .single-article-body__date-icon {
    width: 5vw;
    height: 5.5555555556vw;
  }
}
.single-article-body__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4166666667vw;
}
@media (max-width: 767.99px) {
  .single-article-body__tags {
    gap: 2.2222222222vw;
  }
}
.single-article-body__tag {
  display: inline-flex;
  align-items: center;
  padding: 0.2083333333vw 0.4166666667vw;
  border-radius: 0.4166666667vw;
  border: 1px solid var(--Cards-Bg, #1E252F);
  background: var(--Cards-Bg, #1E252F);
  color: var(--Text-2, #B9BEC6);
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
  transition: color var(--transition-base);
}
@media (max-width: 767.99px) {
  .single-article-body__tag {
    padding: 1.1111111111vw 2.2222222222vw;
    border-radius: 2.2222222222vw;
    font-size: 3.8888888889vw;
  }
}
.single-article-body__tag:hover {
  color: var(--Accent-Main, #2B7FFF);
}
.single-article-body .article-share__caption {
  display: none;
}
.single-article-body .cl-icon {
  display: block;
}

.single-article .main-blog {
  padding-top: 0;
  padding-bottom: 4.1666666667vw;
}
@media (max-width: 767.99px) {
  .single-article .main-blog {
    margin-top: var(--section-gap);
    padding-bottom: 6.6666666667vw;
  }
}

/*# sourceMappingURL=critical.css.map */
