@charset "UTF-8";
/*
Theme Name: perevodka
Author: jb
Description: perevodka theme
Version: 1.0
*/
/*example font-size:30px;  font-size:pxToRem(30); */
/*example font-size:30px;  font-size:pxToRem(30); */
.jb-404__container div, .jb-header__secondary-logo div, .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-modal__title, .jb-footer__logo-title, .jb-heading, .jb-card__title, .jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, h2, .jb-header__banner-title, .jb-topic__title {
  font-family: Prata, sans-serif;
}

.jb-post__description, .jb-about__head, .jb-header__banner-user-role, .jb-heading__show, .nice-select .option, .jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, .jb-card__tag, .jb-card__label, .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-checkbox, .jb-modal__text, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-footer li, .jb-footer__logo-description, .jb-footer__items, .jb-button, .jb-topic__text, .jb-topic__content-type, .jb-18plus, .jb-card__author-name, .jb-card__comments-quantity, .jb-card__text, .nice-select .current, input,
textarea {
  font-family: Alegreya Sans, sans-serif;
}

.jb-header__banner-title, .jb-topic__title {
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-header__banner-title, .jb-topic__title {
    font-size: 2rem;
  }
}

.jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, h2 {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, h2 {
    font-size: 1.125rem;
  }
}

.jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-modal__title, .jb-footer__logo-title, .jb-heading, .jb-card__title {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-modal__title, .jb-footer__logo-title, .jb-heading, .jb-card__title {
    font-size: 1.125rem;
  }
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-checkbox, .jb-modal__text, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-footer li, .jb-footer__logo-description, .jb-footer__items, .jb-button, .jb-topic__text, .jb-topic__content-type, .jb-18plus, .jb-card__author-name, .jb-card__comments-quantity, .jb-card__text, .nice-select .current, input,
textarea {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-checkbox, .jb-modal__text, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-footer li, .jb-footer__logo-description, .jb-footer__items, .jb-button, .jb-topic__text, .jb-topic__content-type, .jb-18plus, .jb-card__author-name, .jb-card__comments-quantity, .jb-card__text, .nice-select .current, input,
  textarea {
    font-size: 0.875rem;
  }
}

.jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, .jb-card__tag, .jb-card__label {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.jb-topic::after, .jb-topic::before {
  content: "";
  width: 32px;
  height: 16px;
  background-image: url("img/icons/triangle.svg");
  display: block;
  position: absolute;
}

.jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
@media print {
  body::before {
    content: "Perevodka Club";
    display: block;
    text-align: center;
    padding: 20px;
    font-size: 1rem;
    color: red;
  }
  body {
    display: none;
  }
}

main {
  flex-grow: 1;
}

html {
  font-size: 16px;
  background: #343579;
  font-family: "Alegreya Sans", sans-serif;
  font-feature-settings: "case" on;
}
html.with-fancybox {
  scrollbar-gutter: auto;
}
html:has(.jb-preloader.loading) {
  overflow: hidden;
}

h2 {
  margin: 0;
  color: #343579;
  padding-bottom: 24px;
  border-bottom: 1px solid #343579;
}

h3 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

ol {
  list-style: decimal;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
a:hover {
  opacity: 0.8;
}

hr {
  margin: 0;
  padding: 0;
  background-color: #F1F0E6;
  height: 1px;
  border: 0;
}

input,
textarea {
  height: 2.6875rem;
  border-radius: 0.5rem;
  background-color: #E1E1DC;
  outline: none;
  border: none;
  caret-color: #343579;
  color: #343579;
  padding: 0.75rem 1rem;
  font-size: 16px !important;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #343579;
}
input::placeholder,
textarea::placeholder {
  color: #343579;
}
input:focus,
textarea:focus {
  outline: 1px solid #343579;
}
input:disabled,
textarea:disabled {
  color: rgba(52, 53, 121, 0.3);
}
input:invalid,
textarea:invalid {
  border: 1px solid #800;
  color: #800;
  caret-color: #800;
}
input[type=checkbox],
textarea[type=checkbox] {
  height: 1rem;
  width: 1rem;
  background-color: #F1F0E6;
  border: 1 solid rgba(52, 53, 121, 0.3);
  outline: none;
}
input[type=checkbox]:hover,
textarea[type=checkbox]:hover {
  background-color: white;
  border-color: #343579;
  background-color: white;
}

textarea {
  height: 100%;
  resize: none;
}

.no-scroll {
  overflow: hidden;
  height: 100vh;
  padding-right: 8px;
}

.nice-select {
  width: 100%;
  color: #343579;
}
.nice-select .nice-select-dropdown {
  width: 100%;
  background-color: #F1F0E6;
  border: 1px solid rgba(52, 53, 121, 0.3);
  box-shadow: none;
  outline: none;
}
.nice-select .option:hover {
  background-color: #F1F0E6;
  color: rgba(52, 53, 121, 0.6);
}
.nice-select .list {
  width: 100%;
}
.nice-select:focus {
  border-color: #343579;
}
.nice-select:after {
  border-color: #343579;
}

.fancybox__content {
  padding: 0;
}

.fancybox__backdrop {
  background: rgba(52, 53, 121, 0.6);
}

.woocommerce {
  width: 100%;
}
html:has(.fancybox__container) .woocommerce .woocommerce-notices-wrapper > * {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 99999999;
  background-color: #F1F0E6;
  max-width: 46rem;
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 0.625rem;
}
html:has(.fancybox__container) .woocommerce .woocommerce-error::before, html:has(.fancybox__container) .woocommerce .woocommerce-info::before, html:has(.fancybox__container) .woocommerce .woocommerce-message::before {
  position: static;
}

.wpcf7 form .wpcf7-response-output {
  border-width: 1px;
  border-radius: 6px;
}

input:focus,
textarea:focus {
  outline: none;
}

input:invalid,
textarea:invalid {
  border: none;
}

.is-close-btn {
  background: transparent;
  --f-button-bg: transparent !important;
  --f-button-hover-bg: transparent !important;
  --f-button-active-bg: transparent !important;
  --f-button-border: 0 !important;
  --f-button-border-radius: 0 !important;
  --f-button-color: var(--primary) !important;
  --f-button-outline-color: transparent !important;
}
.is-close-btn:focus, .is-close-btn:focus-visible {
  box-shadow: none !important;
  outline: none !important;
}
.is-close-btn:hover {
  background: transparent !important;
}
@media (max-width: 768px) {
  .is-close-btn svg {
    stroke: var(--primary);
  }
}
@media (max-height: 578px) {
  .is-close-btn svg {
    stroke: var(--primary);
  }
}

#jb-scroll-to-top {
  position: fixed;
  display: none;
  bottom: 0;
  right: 0;
  background-color: #343579;
  border-radius: 16px 0px 0 0;
  color: #E1E1DC;
  background-color: var(--primary);
  z-index: 9998;
  opacity: 0.95;
  padding: 0.5rem;
}
@media (max-width: 768px) {
  #jb-scroll-to-top {
    top: 0;
    bottom: auto;
    border-radius: 0 0 0 16px;
  }
}
#jb-scroll-to-top svg {
  width: 24px;
  height: 24px;
  transform: rotate(90deg);
}

.grecaptcha-badge {
  visibility: hidden;
}

.fancybox__container {
  z-index: 9999;
}

.page-template-page-only-content .jb-main p,
.page-template-page-only-content .jb-main ul,
.page-template-page-only-content .jb-main ol {
  margin-bottom: 1.5rem;
}

.jb-404__container div, .jb-header__secondary-logo div, .jb-header__banner-title, .jb-topic__title, .jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-modal__title, .jb-footer__logo-title, .jb-heading, .jb-card__title, h2 {
  font-family: Prata, sans-serif;
}

.jb-post__description, .jb-about__head, .jb-header__banner-user-role, .jb-heading__show, .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-checkbox, .jb-modal__text, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-footer li, .jb-footer__logo-description, .jb-footer__items, .jb-button, .jb-topic__text, .jb-topic__content-type, .jb-18plus, .jb-card__author-name, .jb-card__comments-quantity, .jb-card__text, .jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, .jb-card__tag, .jb-card__label, input,
textarea, .nice-select .option, .nice-select .current {
  font-family: Alegreya Sans, sans-serif;
}

.jb-header__banner-title, .jb-topic__title {
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-header__banner-title, .jb-topic__title {
    font-size: 2rem;
  }
}

.jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, h2 {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, h2 {
    font-size: 1.125rem;
  }
}

.jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-modal__title, .jb-footer__logo-title, .jb-heading, .jb-card__title {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-modal__title, .jb-footer__logo-title, .jb-heading, .jb-card__title {
    font-size: 1.125rem;
  }
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-checkbox, .jb-modal__text, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-footer li, .jb-footer__logo-description, .jb-footer__items, .jb-button, .jb-topic__text, .jb-topic__content-type, .jb-18plus, .jb-card__author-name, .jb-card__comments-quantity, .jb-card__text, input,
textarea, .nice-select .current {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-checkbox, .jb-modal__text, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-footer li, .jb-footer__logo-description, .jb-footer__items, .jb-button, .jb-topic__text, .jb-topic__content-type, .jb-18plus, .jb-card__author-name, .jb-card__comments-quantity, .jb-card__text, input,
  textarea, .nice-select .current {
    font-size: 0.875rem;
  }
}

.jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, .jb-card__tag, .jb-card__label {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.jb-topic::after, .jb-topic::before {
  content: "";
  width: 32px;
  height: 16px;
  background-image: url("img/icons/triangle.svg");
  display: block;
  position: absolute;
}

.jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}

/*example font-size:30px;  font-size:pxToRem(30); */
.jb-main {
  background: #F1F0E6;
  border-radius: 1rem;
  display: flex;
  justify-content: center;
  color: #343579;
  margin-top: -0.75rem;
}
.jb-main--column {
  flex-direction: column;
  gap: 0.0625rem;
}
.jb-main__wrapper {
  width: 100%;
  min-height: 25rem;
  border-radius: 1rem;
  display: flex;
  justify-content: center;
  background: #F1F0E6;
  padding: 2.5rem 2.5rem 6rem 2.5rem;
}
@media (max-width: 768px) {
  .jb-main__wrapper {
    padding: 1.5rem 0rem 4rem 0rem;
  }
}
.jb-main__wrapper:not(:last-child) {
  padding-bottom: 4rem;
}
.jb-main__wrapper--bonus {
  padding-bottom: 0 !important;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
.jb-main--blue {
  background-color: #343579;
  padding-bottom: 0;
}
.jb-main--pt40 {
  padding-top: 2.5rem;
}
@media (max-width: 768px) {
  .jb-main--pt40 {
    padding-top: 1.5rem;
  }
}
.jb-main--pt64 {
  padding-top: 4rem;
}
@media (max-width: 768px) {
  .jb-main--pt64 {
    padding-top: 2.5rem;
  }
}
.jb-main--mt1 {
  margin-top: 0.0625rem;
}
.jb-main__container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media (max-width: 768px) {
  .jb-main__container {
    gap: 1.5rem;
  }
}
.woocommerce-lost-password .jb-main__container {
  justify-content: center;
}
.jb-main__hr {
  width: 100%;
  height: 1px;
  background-color: rgba(52, 53, 121, 0.3);
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  .jb-main__hr {
    margin-bottom: 0;
  }
}
.jb-main__hr--preview {
  margin-top: 2.5rem;
}
@media (max-width: 768px) {
  .jb-main__hr--preview {
    margin-bottom: 2.5rem;
  }
}
.jb-main .nice-select .list {
  max-height: none;
}

/*example font-size:30px;  font-size:pxToRem(30); */
.jb-404__container div, .jb-header__secondary-logo div, .jb-header__banner-title, .jb-topic__title, .jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-modal__title, .jb-footer__logo-title, .jb-heading, .jb-card__title, h2 {
  font-family: Prata, sans-serif;
}

.jb-post__description, .jb-about__head, .jb-header__banner-user-role, .jb-heading__show, .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-checkbox, .jb-modal__text, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-footer li, .jb-footer__logo-description, .jb-footer__items, .jb-button, .jb-topic__text, .jb-topic__content-type, .jb-18plus, .jb-card__author-name, .jb-card__comments-quantity, .jb-card__text, .jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, .jb-card__tag, .jb-card__label, input,
textarea, .nice-select .option, .nice-select .current {
  font-family: Alegreya Sans, sans-serif;
}

.jb-header__banner-title, .jb-topic__title {
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-header__banner-title, .jb-topic__title {
    font-size: 2rem;
  }
}

.jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, h2 {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, h2 {
    font-size: 1.125rem;
  }
}

.jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-modal__title, .jb-footer__logo-title, .jb-heading, .jb-card__title {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-modal__title, .jb-footer__logo-title, .jb-heading, .jb-card__title {
    font-size: 1.125rem;
  }
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-checkbox, .jb-modal__text, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-footer li, .jb-footer__logo-description, .jb-footer__items, .jb-button, .jb-topic__text, .jb-topic__content-type, .jb-18plus, .jb-card__author-name, .jb-card__comments-quantity, .jb-card__text, input,
textarea, .nice-select .current {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-checkbox, .jb-modal__text, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-footer li, .jb-footer__logo-description, .jb-footer__items, .jb-button, .jb-topic__text, .jb-topic__content-type, .jb-18plus, .jb-card__author-name, .jb-card__comments-quantity, .jb-card__text, input,
  textarea, .nice-select .current {
    font-size: 0.875rem;
  }
}

.jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, .jb-card__tag, .jb-card__label {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.jb-topic::after, .jb-topic::before {
  content: "";
  width: 32px;
  height: 16px;
  background-image: url("img/icons/triangle.svg");
  display: block;
  position: absolute;
}

.jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}

.jb-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: auto;
  padding: 1rem;
  border-radius: 1rem;
  background-color: #F1F0E6;
  border: 0.0625rem solid #343579;
}
.woocommerce-account .jb-card:nth-child(odd):last-child::after {
  content: "";
  width: calc(100% - 4rem);
  height: calc(100% - 4rem);
  padding: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--white-ish);
  position: absolute;
  top: 0;
  left: calc(100% + 1px);
  border-radius: var(--default-border-radius);
  font-family: Prata, sans-serif;
  font-size: 1.5rem;
  text-align: center;
}
@media (max-width: 768px) {
  .woocommerce-account .jb-card:nth-child(odd):last-child::after {
    font-size: 1rem;
  }
}
@media (max-width: 480px) {
  .woocommerce-account .jb-card:nth-child(odd):last-child::after {
    display: none;
  }
}
@media (min-width: 480px) {
  .jb-card.swiper-slide-active {
    border-right-width: 0;
  }
}
.jb-card__body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
}
.jb-card__new-translations {
  padding: 2rem;
  display: none;
  width: calc(50% - 0.5px);
  flex: 0 0 calc(50% - 0.5px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  background: var(--white-ish);
  border-radius: var(--default-border-radius);
  font-family: Prata, sans-serif;
  font-size: 1.5rem;
  text-align: center;
  min-height: 400px;
  height: auto;
}
.jb-card__new-translations:nth-child(even):last-child, .jb-card__new-translations:first-child {
  display: flex;
}
.jb-card__new-translations:first-child {
  width: 100% !important;
  flex: 0 0 100% !important;
}
@media (max-width: 768px) {
  .jb-card__new-translations {
    font-size: 1rem;
  }
}
@media (max-width: 600px) {
  .jb-card__new-translations {
    display: none !important;
  }
}
.jb-card__new-translations span {
  opacity: 0.5;
}
.jb-card__img-container {
  position: relative;
}
.jb-card__img-container::before {
  content: "";
  position: absolute;
  border-radius: 1rem;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(15, 17, 68, 0.6274509804) 0%, rgba(15, 17, 68, 0) 20.17%);
}
.jb-card__favorites {
  cursor: pointer;
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.jb-card__favorites--added svg path {
  stroke: #DDBD93;
  fill: #DDBD93;
}
.jb-card__img {
  width: 100%;
  display: block;
  border-radius: 1rem;
  aspect-ratio: 16/11;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.jb-card__labels {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.jb-card__label {
  display: flex;
  gap: 4px;
  align-items: center;
  border-radius: 1rem;
  width: -moz-max-content;
  width: max-content;
}
.jb-card__pages {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 1rem;
  gap: 0.25rem;
}
.jb-card__content-label {
  color: #343579;
  padding: 0.1875rem 0.5rem;
}
@media (max-width: 768px) {
  .jb-card__content-label {
    font-size: 0rem !important;
    gap: 0 !important;
  }
}
.jb-card__label-icon {
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.jb-card__content-label--books {
  background-color: #CDE0A1;
}
.jb-card__content-label--books .jb-card__label-icon {
  background-image: url("img/icons/book.svg");
}
.jb-card__content-label--diaries {
  background-color: #BFDAE9;
}
.jb-card__content-label--diaries .jb-card__label-icon {
  background-image: url("img/icons/diary.svg");
}
.jb-card__content-label--memoirs {
  background-color: #E9BFDA;
}
.jb-card__content-label--memoirs .jb-card__label-icon {
  background-image: url("img/icons/memoir.svg");
}
.jb-card__content-label--sketch {
  background-color: #C0BFE9;
}
.jb-card__content-label--collections {
  background-color: #BFE9D9;
}
.jb-card__content-label--true-crime {
  background-color: #E9BFBF;
}
.jb-card__value-label {
  padding: 0.3125rem 0.75rem;
  margin-left: auto;
}
.jb-card__value-label--free, .jb-card__value-label--paid {
  background-color: #343579;
  color: #F1F0E6;
}
.jb-card__value-label--free {
  position: absolute;
  top: 0.75rem;
  left: -1.625rem;
  transform: rotate(-45deg);
  border-radius: 0;
  color: #343579;
  background-color: #C0BFE9;
  padding: 0.5rem 1.5rem;
}
.jb-card__value-label--price, .jb-card__value-label--show {
  background-color: #DDBD93;
  color: #343579;
}
.jb-card__title, .jb-card__text {
  color: #343579;
}
.jb-card__tag-container {
  display: flex;
  gap: 0.5rem;
  margin-top: auto;
  padding-top: 24px;
}
.jb-card__tag {
  display: none;
  padding: 0.25rem 0.6875rem;
  border-radius: 1rem;
  border: 0.0625rem solid #343579;
  color: #343579;
}
.jb-card__tag:nth-child(1), .jb-card__tag:nth-child(2), .jb-card__tag:nth-child(3) {
  display: block;
}
.jb-card__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.875rem;
}
.jb-card__author, .jb-card__comments {
  display: flex;
  cursor: pointer;
}
.jb-card__author {
  align-items: center;
  gap: 0.5rem;
  pointer-events: none;
}
.jb-card__comments {
  gap: 0.25rem;
}
.jb-card__author-name, .jb-card__comments-quantity {
  color: #343579;
}
.jb-card__author-name p {
  font-size: 0.75rem;
  margin: 0;
}
.jb-card__comments-quantity {
  position: relative;
  top: 0.0625rem;
}
.jb-card--preview .jb-18plus, .jb-card--preview .jb-card__content-label, .jb-card--preview .jb-card__pages, .jb-card--preview .jb-card__value-label--price, .jb-card--preview .jb-card__text, .jb-card--preview .jb-card__tag-container, .jb-card--preview .jb-card__author img, .jb-card--preview .jb-card__author p, .jb-card--preview .jb-card__comments {
  display: none;
}
.jb-card--preview .jb-card__body {
  gap: 0.5rem;
  overflow: hidden;
}
.jb-card--preview .jb-card__img {
  aspect-ratio: 8/10;
  -o-object-position: bottom;
     object-position: bottom;
}
.jb-card--preview .jb-card__title {
  text-align: center;
}
.jb-card--preview .jb-card__footer {
  justify-content: center;
  margin-top: 0;
}

/*example font-size:30px;  font-size:pxToRem(30); */
.jb-container {
  width: 100%;
  max-width: 46rem;
  margin: 0 2.0625rem;
}
@media (max-width: 768px) {
  .jb-container {
    margin: 0;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.jb-container--large {
  width: 100%;
  max-width: 80rem;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .jb-container--large {
    grid-template-columns: 1fr;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media (max-width: 768px) {
  .jb-container--mobile {
    padding-left: 0;
    padding-right: 1.25rem;
    margin-right: 0;
    margin-left: 0;
  }
  .jb-container--mobile .jb-heading {
    line-height: 1.4;
  }
}

.jb-18plus {
  position: absolute;
  left: 1rem;
  top: 1rem;
  padding: 0.25rem 0.75rem;
  background-color: #F1F0E6;
  color: #343579;
  border-radius: 1rem;
  line-height: 100%;
}

/*example font-size:30px;  font-size:pxToRem(30); */
.jb-topic {
  display: flex;
  flex-direction: column;
  justify-content: end;
  position: relative;
  max-width: 46rem;
  height: 20rem;
  border-radius: 1rem;
  padding: 1.5rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  .jb-topic {
    padding: 1rem;
    height: 21.625rem;
  }
}
.jb-topic::before {
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}
.jb-topic::after {
  bottom: -1px;
  left: 50%;
  transform: rotate(180deg) translateX(50%);
  z-index: 5;
}
@media (max-width: 768px) {
  .jb-topic::after, .jb-topic::before {
    display: none !important;
  }
}
.jb-topic__img-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.jb-topic__img-container::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(0deg, #37396D 0%, rgba(55, 57, 109, 0) 100%);
}
.jb-topic__img {
  border-radius: 1rem;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  -o-object-position: center;
     object-position: center;
}
.jb-topic__title {
  color: #F1F0E6;
  margin-bottom: 1rem;
  position: relative;
  z-index: 2;
}
.jb-topic__content {
  display: flex;
  position: relative;
  z-index: 2;
}
.jb-topic__content > div {
  flex: 1;
}
@media (max-width: 768px) {
  .jb-topic__content {
    flex-direction: column;
  }
}
.jb-topic__content-types {
  display: flex;
  gap: 0.75rem;
}
.jb-topic__content-type {
  display: flex;
  gap: 0.25rem;
  color: #F1F0E6;
  line-height: 100%;
  pointer-events: none;
}
.jb-topic__content-type .jb-topic__content-quantity {
  position: relative;
  top: 0.125rem;
}
.jb-topic__content-type path {
  stroke: #F1F0E6;
}
.jb-topic__text {
  color: #F1F0E6;
}
@media (max-width: 768px) {
  .jb-topic__text {
    margin-bottom: 1rem;
    max-width: 18rem;
  }
}
.jb-topic__info {
  width: 100%;
  justify-items: end;
  align-self: end;
}
@media (max-width: 768px) {
  .jb-topic__info {
    justify-items: start;
    align-self: start;
  }
}
.jb-topic__content-wrapper {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}
@media (max-width: 768px) {
  .jb-topic__content-wrapper {
    width: 100%;
    justify-content: space-between;
  }
  .jb-topic__content-wrapper > button {
    max-width: 6.5625rem;
    font-size: 1rem;
  }
}

/*example font-size:30px;  font-size:pxToRem(30); */
.jb-404__container div, .jb-header__secondary-logo div, .jb-header__banner-title, .jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-modal__title, .jb-footer__logo-title, .jb-heading, h2, .jb-card__title, .jb-topic__title {
  font-family: Prata, sans-serif;
}

.jb-post__description, .jb-about__head, .jb-header__banner-user-role, .jb-heading__show, .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-checkbox, .jb-modal__text, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-footer li, .jb-footer__logo-description, .jb-footer__items, .jb-button, .jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, input,
textarea, .nice-select .option, .nice-select .current, .jb-card__label, .jb-card__text, .jb-card__tag, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text {
  font-family: Alegreya Sans, sans-serif;
}

.jb-header__banner-title, .jb-topic__title {
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-header__banner-title, .jb-topic__title {
    font-size: 2rem;
  }
}

.jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, h2 {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, h2 {
    font-size: 1.125rem;
  }
}

.jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-modal__title, .jb-footer__logo-title, .jb-heading, .jb-card__title {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-modal__title, .jb-footer__logo-title, .jb-heading, .jb-card__title {
    font-size: 1.125rem;
  }
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-checkbox, .jb-modal__text, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-footer li, .jb-footer__logo-description, .jb-footer__items, .jb-button, input,
textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-checkbox, .jb-modal__text, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-footer li, .jb-footer__logo-description, .jb-footer__items, .jb-button, input,
  textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text {
    font-size: 0.875rem;
  }
}

.jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, .jb-card__label, .jb-card__tag {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.jb-topic::before, .jb-topic::after {
  content: "";
  width: 32px;
  height: 16px;
  background-image: url("img/icons/triangle.svg");
  display: block;
  position: absolute;
}

.jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}

.jb-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1.375rem;
  height: 2.1875rem;
  border-radius: 1.5rem;
  background-color: transparent;
  cursor: pointer;
  border: none;
  transition: 0.3s;
  width: 100%;
  font-size: 16px !important;
}
.jb-button--white {
  border-color: #F1F0E6;
  color: #F1F0E6;
}
.jb-button--blue {
  background-color: #343579;
  color: #F1F0E6;
}
.jb-button--blue:disabled {
  background-color: rgba(52, 53, 121, 0.3);
  cursor: default;
  color: rgba(52, 53, 121, 0.6);
}
.jb-button--blue:hover:not(:disabled) {
  background-color: #DDBD93;
  color: #343579;
}
.jb-button--gold {
  background-color: #DDBD93;
  color: #343579;
}
.jb-button--gold:disabled {
  cursor: default;
  color: rgba(52, 53, 121, 0.3);
  border: 1px solid rgba(52, 53, 121, 0.3);
}
.jb-button--gold:hover:not(:disabled) {
  background-color: #343579;
  color: #F1F0E6;
}
.jb-button--outline {
  border: 1px solid #343579;
  color: #343579;
}
.jb-button--outline:disabled {
  background-color: transparent;
  cursor: default;
  color: rgba(52, 53, 121, 0.3);
  border-color: rgba(52, 53, 121, 0.3);
}
.jb-button--outline:hover:not(:disabled) {
  background-color: #343579;
  color: #F1F0E6;
}
.jb-button--outline-gold {
  border: 1px solid #DDBD93;
  color: #DDBD93;
}
.jb-button--outline-gold:hover:not(:disabled) {
  background-color: #DDBD93;
  color: #343579;
}
.jb-button--outline-gold:disabled {
  border-color: rgba(241, 240, 230, 0.3);
  color: rgba(241, 240, 230, 0.3);
}
.jb-button--back, .jb-button--next {
  width: auto;
  display: inline-flex;
  color: #343579;
  border: 1px solid rgba(52, 53, 121, 0.3);
  padding-left: 1rem;
  padding-right: 1rem;
  gap: 0.5rem;
}
.jb-button--back:hover:not(:disabled), .jb-button--next:hover:not(:disabled) {
  border-color: #343579;
  color: #343579;
  background-color: var(--white-ish);
}
.jb-button--back:disabled, .jb-button--next:disabled {
  border-color: rgba(52, 53, 121, 0.3);
  color: rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-button--back, .jb-button--next {
    border-radius: 0.5rem;
    gap: 0;
  }
}
.jb-button--back {
  padding-right: 1.5rem;
}
.jb-button--back:before {
  content: "";
  position: relative;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url("img/icons/button-arrow.svg");
}
.dark-theme .jb-button--back:before, .jb-header__banner .jb-button--back:before {
  background-image: url("img/icons/button-arrow-white.svg");
}
.dark-theme .jb-button--back:hover:before {
  background-image: url("img/icons/button-arrow.svg");
}
.jb-button--next {
  padding-left: 1.5rem;
}
.jb-button--next:after {
  content: "";
  position: relative;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  transform: scaleX(-1);
  background-image: url("img/icons/button-arrow.svg");
}
.dark-theme .jb-button--next:after {
  background-image: url("img/icons/button-arrow-white.svg");
}
.dark-theme .jb-button--next:hover:after {
  background-image: url("img/icons/button-arrow.svg");
}
.jb-button--share {
  border: 1px solid rgba(241, 240, 230, 0.3);
  color: #F1F0E6;
}
.jb-button--share::after {
  content: "";
  margin-left: 8px;
  position: relative;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url("img/icons/arrow-white.svg");
}
.jb-button--white {
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #F1F0E6;
  color: #343579;
}
.jb-button--arhive, .jb-button #load-more {
  margin-top: 2.5rem;
}

.jb-slider {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 1rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  .jb-slider {
    margin-bottom: 0;
  }
}
.jb-slider__button {
  cursor: pointer;
  min-width: 2.1875rem;
  height: 2.1875rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_1962_25587)'%3e%3cpath d='M19 12H5' stroke='%23343579' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9 16L5 12' stroke='%23343579' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9 8L5 12' stroke='%23343579' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_1962_25587'%3e%3crect width='24' height='24' fill='white' transform='matrix(-1 0 0 1 24 0)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-size: 1.5rem;
  background-position: center;
  border-radius: 50%;
  border: 1px solid rgba(52, 53, 121, 0.3);
}
.jb-slider__button--right {
  transform: rotate(180deg);
}

.jb-articles__head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.jb-articles .swiper-pagination {
  position: static;
}
.jb-articles .swiper-pagination-bullet {
  margin: 0 0.75rem !important;
  background-color: rgba(52, 53, 121, 0.3) !important;
  opacity: 1;
}
.jb-articles .swiper-pagination-bullet-active {
  background-color: #DDBD93 !important;
}
.jb-articles__cards {
  position: relative;
  background-color: #343579;
  border-radius: 1rem;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .jb-articles__cards {
    display: block;
  }
}
.jb-articles__cards.swiper .jb-card:nth-child(odd):last-child::after {
  display: none;
}
.jb-articles__topics {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.jb-404__container div, .jb-header__secondary-logo div, .jb-header__banner-title, .jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-modal__title, .jb-footer__logo-title, .jb-heading, h2, .jb-card__title, .jb-topic__title {
  font-family: Prata, sans-serif;
}

.jb-post__description, .jb-about__head, .jb-header__banner-user-role, .jb-heading__show, .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-checkbox, .jb-modal__text, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-footer li, .jb-footer__logo-description, .jb-footer__items, .jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, input,
textarea, .nice-select .option, .nice-select .current, .jb-card__label, .jb-card__text, .jb-card__tag, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button {
  font-family: Alegreya Sans, sans-serif;
}

.jb-header__banner-title, .jb-topic__title {
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-header__banner-title, .jb-topic__title {
    font-size: 2rem;
  }
}

.jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, h2 {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, h2 {
    font-size: 1.125rem;
  }
}

.jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-modal__title, .jb-footer__logo-title, .jb-heading, .jb-card__title {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-modal__title, .jb-footer__logo-title, .jb-heading, .jb-card__title {
    font-size: 1.125rem;
  }
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-checkbox, .jb-modal__text, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-footer li, .jb-footer__logo-description, .jb-footer__items, input,
textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-checkbox, .jb-modal__text, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-footer li, .jb-footer__logo-description, .jb-footer__items, input,
  textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button {
    font-size: 0.875rem;
  }
}

.jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, .jb-card__label, .jb-card__tag {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.jb-topic::before, .jb-topic::after {
  content: "";
  width: 32px;
  height: 16px;
  background-image: url("img/icons/triangle.svg");
  display: block;
  position: absolute;
}

.jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}

.jb-heading {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #343579;
}
.jb-heading__show {
  display: flex;
  padding: 0.5rem 1.5rem;
  justify-content: center;
  align-items: center;
  border-radius: 1.5rem;
  border: 1px solid rgba(52, 53, 121, 0.3);
  cursor: pointer;
  color: #343579;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
}

.jb-404__container div, .jb-header__secondary-logo div, .jb-header__banner-title, .jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-modal__title, .jb-footer__logo-title, h2, .jb-card__title, .jb-topic__title, .jb-heading {
  font-family: Prata, sans-serif;
}

.jb-post__description, .jb-about__head, .jb-header__banner-user-role, .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-checkbox, .jb-modal__text, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-footer li, .jb-footer__logo-description, .jb-footer__items, .jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, input,
textarea, .nice-select .option, .nice-select .current, .jb-card__label, .jb-card__text, .jb-card__tag, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-heading__show {
  font-family: Alegreya Sans, sans-serif;
}

.jb-header__banner-title, .jb-topic__title {
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-header__banner-title, .jb-topic__title {
    font-size: 2rem;
  }
}

.jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, h2 {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, h2 {
    font-size: 1.125rem;
  }
}

.jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-modal__title, .jb-footer__logo-title, .jb-card__title, .jb-heading {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-modal__title, .jb-footer__logo-title, .jb-card__title, .jb-heading {
    font-size: 1.125rem;
  }
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-checkbox, .jb-modal__text, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-footer li, .jb-footer__logo-description, .jb-footer__items, input,
textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-checkbox, .jb-modal__text, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-footer li, .jb-footer__logo-description, .jb-footer__items, input,
  textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button {
    font-size: 0.875rem;
  }
}

.jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, .jb-card__label, .jb-card__tag {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.jb-topic::before, .jb-topic::after {
  content: "";
  width: 32px;
  height: 16px;
  background-image: url("img/icons/triangle.svg");
  display: block;
  position: absolute;
}

.jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}

.jb-footer {
  position: relative;
  background-color: #343579;
  z-index: 1;
}
.jb-footer::after {
  content: "";
  position: absolute;
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url("img/icons/logo-decorator.svg");
  top: 0;
  right: calc(50% + 1.375rem);
  transform: translateY(-99%);
}
.jb-footer::before {
  content: "";
  position: absolute;
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url("img/icons/logo-decorator.svg");
  top: 0;
  right: calc(50% - 2.375rem);
  transform: translateY(-99%) scaleX(-1);
}
@media (max-width: 768px) {
  .jb-footer:after, .jb-footer:before {
    width: 0.5rem;
    height: 0.5rem;
    background-image: url("img/icons/logo-mobile-decorator.svg");
  }
}
@media (max-width: 768px) {
  .jb-footer:after {
    transform: translate(70%, -99%);
  }
}
@media (max-width: 768px) {
  .jb-footer:before {
    transform: translate(-171%, -99%) scaleX(-1);
  }
}
.jb-footer__container {
  max-width: 80rem;
  margin: 0 auto;
  padding: 2.25rem;
}
@media (max-width: 768px) {
  .jb-footer__container {
    padding: 1.5rem 1.5rem 2rem 1.5rem;
  }
}
.jb-footer__items {
  display: flex;
  gap: 4.375rem;
}
@media (max-width: 1200px) {
  .jb-footer__items {
    gap: 2rem;
  }
}
.jb-footer__items svg path {
  stroke: #F1F0E6;
}
@media (max-width: 1024px) {
  .jb-footer__items:first-child {
    display: none;
  }
}
.jb-footer__item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.jb-footer__top {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding-bottom: 3.5rem;
}
.jb-footer__top > *:nth-child(1) {
  justify-self: start;
}
.jb-footer__top > *:nth-child(2) {
  justify-self: center;
}
.jb-footer__top > *:nth-child(3) {
  justify-self: end;
}
@media (max-width: 1024px) {
  .jb-footer__top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 1.5rem;
  }
}
@media (max-width: 768px) {
  .jb-footer__logo {
    margin-bottom: 1.875rem;
  }
  .jb-footer__logo svg {
    width: 2.0625rem;
    height: 2.75rem;
  }
}
.jb-footer__logo-title, .jb-footer__logo-description, .jb-footer__items {
  color: #F1F0E6;
}
.jb-footer__logo-title {
  text-align: center;
  margin-bottom: 0.375rem;
  position: relative;
  top: 0.125rem;
}
@media (max-width: 1024px) {
  .jb-footer__logo-title {
    margin-bottom: 0.5rem;
  }
}
.jb-footer__logo-description {
  text-align: center;
}
.jb-footer__logo-icon {
  position: absolute;
  top: 0;
  right: 50%;
  transform: translate(50%, -50%);
}
.jb-footer__divider {
  margin-bottom: 2rem;
  opacity: 0.4;
}
@media (max-width: 1024px) {
  .jb-footer__divider {
    margin-bottom: 1.5rem;
  }
}
.jb-footer__rules {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .jb-footer__rules {
    gap: 1rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 1024px) {
  .jb-footer__rules li:first-child {
    order: 5;
  }
}
.jb-footer__details {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 1024px) {
  .jb-footer__details {
    flex-direction: column;
    align-items: center;
  }
}
.jb-footer li {
  color: #F1F0E6;
  opacity: 0.4;
  text-align: center;
}
.jb-footer li > a {
  color: #F1F0E6;
}

.jb-404__container div, .jb-header__secondary-logo div, .jb-header__banner-title, .jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-modal__title, h2, .jb-card__title, .jb-topic__title, .jb-heading, .jb-footer__logo-title {
  font-family: Prata, sans-serif;
}

.jb-post__description, .jb-about__head, .jb-header__banner-user-role, .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-checkbox, .jb-modal__text, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, input,
textarea, .nice-select .option, .nice-select .current, .jb-card__label, .jb-card__text, .jb-card__tag, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-heading__show, .jb-footer__items, .jb-footer__logo-description, .jb-footer li {
  font-family: Alegreya Sans, sans-serif;
}

.jb-header__banner-title, .jb-topic__title {
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-header__banner-title, .jb-topic__title {
    font-size: 2rem;
  }
}

.jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, h2 {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, h2 {
    font-size: 1.125rem;
  }
}

.jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-modal__title, .jb-card__title, .jb-heading, .jb-footer__logo-title {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-modal__title, .jb-card__title, .jb-heading, .jb-footer__logo-title {
    font-size: 1.125rem;
  }
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-checkbox, .jb-modal__text, .jb-modal__sing-in-question, .jb-modal__sing-in, input,
textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-checkbox, .jb-modal__text, .jb-modal__sing-in-question, .jb-modal__sing-in, input,
  textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li {
    font-size: 0.875rem;
  }
}

.jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, .jb-card__label, .jb-card__tag {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.jb-topic::before, .jb-topic::after {
  content: "";
  width: 32px;
  height: 16px;
  background-image: url("img/icons/triangle.svg");
  display: block;
  position: absolute;
}

.jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}

/*example font-size:30px;  font-size:pxToRem(30); */
.jb-modal {
  padding: 1.5rem 1.5rem 2.5rem 1.5rem;
  background-color: #F1F0E6;
  border-radius: 1rem;
  max-width: 21.5rem;
  width: 100%;
  display: none;
}
@media (max-width: 768px) {
  .jb-modal {
    max-width: 100% !important;
    padding-bottom: 2rem;
  }
}
.jb-modal--18 {
  padding: 2.5rem 4rem;
  max-width: -moz-max-content;
  max-width: max-content;
}
@media (max-width: 768px) {
  .jb-modal--18 {
    padding: 1.5rem;
  }
}
.jb-modal--feedback {
  max-width: 43rem;
}
.jb-modal__title {
  color: #343579;
  margin-bottom: 1.5rem;
  text-align: center;
}
@media (max-width: 768px) {
  .jb-modal__title {
    margin-bottom: 1rem;
  }
}
.jb-modal__buttons {
  width: 100%;
  display: flex;
  gap: 1rem;
}
.jb-modal__buttons > button {
  flex: 1;
}
.jb-modal__accounts {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  margin-bottom: 1.5rem;
}
.jb-modal__accounts .jb-button {
  font-size: 16px !important;
  line-height: 120% !important;
}
@media (max-width: 768px) {
  .jb-modal__accounts {
    margin-bottom: 1rem;
  }
}
.jb-modal__account {
  flex: 1;
}
.jb-modal__sing-in-wrapper {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
.jb-modal__sing-in-question, .jb-modal__sing-in {
  text-decoration: none;
  font-size: 16px !important;
}
.jb-modal__sing-in-question:hover, .jb-modal__sing-in:hover {
  text-decoration: underline;
}
.jb-modal__sing-in-question {
  color: rgba(52, 53, 121, 0.6);
}
.jb-modal__sing-in {
  color: #343579;
}
.jb-modal__feedback-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto auto;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.jb-modal__feedback-container .wpcf7-form-control-wrap {
  width: 100%;
}
.jb-modal__feedback-container .wpcf7-form-control-wrap > * {
  width: 100%;
}
.jb-modal__feedback-container .wpcf7-form-control-wrap[data-name=your-name] {
  grid-area: 1/1/2/2;
}
.jb-modal__feedback-container .wpcf7-form-control-wrap[data-name=your-email] {
  grid-area: 1/2/2/3;
}
.jb-modal__feedback-container .wpcf7-form-control-wrap[data-name=your-message] {
  grid-area: 2/1/3/3;
}
@media (max-width: 1024px) {
  .jb-modal__feedback-container {
    grid-template-columns: auto;
    margin-bottom: 1rem;
  }
}
.jb-modal__confirmation {
  display: flex;
  align-items: center;
}
.jb-modal__confirmation button {
  flex: 1;
}
@media (max-width: 768px) {
  .jb-modal__confirmation {
    flex-direction: column;
    align-items: start;
    gap: 1rem;
  }
  .jb-modal__confirmation button {
    flex: auto;
  }
}
.jb-modal__confirmation-wrapper {
  flex: 3;
}
.jb-modal__confirmation-wrapper .wpcf7-form-control-wrap:has(.wpcf7-not-valid) + .jb-checkbox > div {
  color: #dc3232;
}
.jb-modal__confirmation-wrapper .jb-checkbox input:checked ~ div {
  color: var(--primary) !important;
}
.jb-modal__confirmation-wrapper input[type=checkbox] {
  accent-color: var(--primary) !important;
}
.jb-modal__confirmation-wrapper .wpcf7-list-item {
  margin: 0;
}
.jb-modal__confirmation-wrapper .wpcf7-list-item label {
  display: flex;
  gap: 0.3125rem;
  align-items: center;
}
@media (max-width: 768px) {
  .jb-modal__confirmation-wrapper .wpcf7-list-item label {
    align-items: start;
  }
}
.jb-modal__fields-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
  width: 100%;
}
.jb-modal__log-in-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}
.jb-modal__log-in-container button {
  max-width: 8.5rem;
}
@media (max-width: 768px) {
  .jb-modal__log-in-container {
    margin-bottom: 1rem;
  }
}
.jb-modal__text {
  text-align: center;
  color: #343579;
  margin-bottom: 1rem;
}
.jb-modal__fields-wrapper {
  display: flex;
  gap: 1rem;
}
.jb-modal__fields-wrapper input, .jb-modal__fields-wrapper .jb-select {
  width: calc(50% - 5px);
  box-sizing: border-box;
}
.jb-modal__fields-wrapper .jb-select {
  background-color: #E1E1DC;
  border: none;
  height: 2.6875rem;
  display: flex;
  align-items: center;
}
.jb-modal__confirm {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.jb-modal .wpcf7-submit {
  flex: 1;
}
@media (max-width: 768px) {
  .jb-modal .wpcf7-submit {
    flex: auto;
  }
}
.jb-modal .wpcf7-spinner {
  display: none;
}
.jb-modal .wpcf7-not-valid-tip {
  display: none;
}
.jb-modal .wpcf7-not-valid {
  color: var(--primary);
}
.jb-modal .wpcf7-not-valid::-moz-placeholder {
  color: #dc3232;
}
.jb-modal .wpcf7-not-valid::placeholder {
  color: #dc3232;
}
.jb-modal .wpcf7-response-output {
  margin: 1em 0 0 0 !important;
  border-color: var(--primary) !important;
}
.jb-modal input:invalid ~ div {
  color: #800;
}

#jbModalRegistrationMail .jb-modal__confirm #fr_accept {
  display: none;
  width: 0;
  transform: translateY(30px);
}

.jb-404__container div, .jb-header__secondary-logo div, .jb-header__banner-title, .jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, h2, .jb-card__title, .jb-topic__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title {
  font-family: Prata, sans-serif;
}

.jb-post__description, .jb-about__head, .jb-header__banner-user-role, .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-checkbox, .jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, input,
textarea, .nice-select .option, .nice-select .current, .jb-card__label, .jb-card__text, .jb-card__tag, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-heading__show, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text {
  font-family: Alegreya Sans, sans-serif;
}

.jb-header__banner-title, .jb-topic__title {
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-header__banner-title, .jb-topic__title {
    font-size: 2rem;
  }
}

.jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, h2 {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, h2 {
    font-size: 1.125rem;
  }
}

.jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title {
    font-size: 1.125rem;
  }
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-checkbox, input,
textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-checkbox, input,
  textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text {
    font-size: 0.875rem;
  }
}

.jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, .jb-card__label, .jb-card__tag {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.jb-topic::before, .jb-topic::after {
  content: "";
  width: 32px;
  height: 16px;
  background-image: url("img/icons/triangle.svg");
  display: block;
  position: absolute;
}

.jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}

.jb-checkbox {
  width: 100%;
  display: flex;
  align-items: start;
  cursor: pointer;
  color: #2E2E72;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 1rem !important;
}
.jb-checkbox input {
  display: none;
}
.jb-checkbox div {
  position: relative;
  top: 1px;
}
.jb-checkbox svg {
  display: flex;
  min-width: 1rem;
  min-height: 1rem;
  margin-right: 0.5rem;
  flex-shrink: 0;
}
.jb-checkbox svg path {
  display: none;
}
.jb-checkbox svg rect {
  stroke: rgba(52, 53, 121, 0.3);
}
.jb-checkbox input:checked + svg {
  fill: #F1F0E6;
}
.jb-checkbox input:checked + svg rect {
  stroke: #343579;
}
.jb-checkbox input:checked + svg path {
  display: block;
}
.jb-checkbox input:disabled + svg rect {
  fill: rgba(52, 53, 121, 0.3) !important;
  stroke: none !important;
}
.jb-checkbox:hover svg {
  fill: #F1F0E6;
}
.jb-checkbox:hover svg rect {
  stroke: #343579 !important;
}

/*example font-size:30px;  font-size:pxToRem(30); */
.jb-404__container div, .jb-header__secondary-logo div, .jb-header__banner-title, .jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, h2, .jb-card__title, .jb-topic__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title {
  font-family: Prata, sans-serif;
}

.jb-post__description, .jb-about__head, .jb-header__banner-user-role, .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, .jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, input,
textarea, .nice-select .option, .nice-select .current, .jb-card__label, .jb-card__text, .jb-card__tag, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-heading__show, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox {
  font-family: Alegreya Sans, sans-serif;
}

.jb-header__banner-title, .jb-topic__title {
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-header__banner-title, .jb-topic__title {
    font-size: 2rem;
  }
}

.jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, h2 {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-post__title, .jb-404__text, .user-agreement__title, .jb-header__banner-user-name, .jb-header__user-fio, .jb-header__banner-info, h2 {
    font-size: 1.125rem;
  }
}

.jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title {
    font-size: 1.125rem;
  }
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, input,
textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-header__banner-param, .jb-header__banner-user-registration, .jb-header__post-details, .jb-header__registration-date, .jb-header__user-role, .jb-header__cart, .jb-header__user, .jb-header__favorites a, .jb-header__search-input, .jb-header__mobile-dropdown-container, .jb-header__translate-item, .jb-header__menu, .jb-header__banner--secondary .jb-header__banner-info, input,
  textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox {
    font-size: 0.875rem;
  }
}

.jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, .jb-card__label, .jb-card__tag {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.jb-topic::before, .jb-topic::after {
  content: "";
  width: 32px;
  height: 16px;
  background-image: url("img/icons/triangle.svg");
  display: block;
  position: absolute;
}

.jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}

.jb-header {
  position: relative;
  background-color: #F1F0E6;
}
.jb-header__container {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  height: 5rem;
  padding: 1.125rem 1.5rem;
}
@media (max-width: 1024px) {
  .jb-header__container {
    padding: 0.5rem 1.25rem;
  }
}
@media (max-width: 768px) {
  .jb-header__container {
    height: 3.75rem;
  }
}
.jb-header__container > *:nth-child(1) {
  justify-self: start;
}
.jb-header__container > *:nth-child(2) {
  justify-self: center;
}
.jb-header__container > *:nth-child(3) {
  justify-self: end;
}
.jb-header__container:has(> .jb-header__logo-container) {
  display: flex;
  justify-content: space-between;
}
.jb-header__banner {
  display: flex;
  justify-content: center;
  background-image: url("img/main-header-bg.png");
  position: relative;
  overflow: hidden;
  padding: 3.5rem 2.5rem;
  border-radius: 1rem 1rem 0 0;
  background-size: cover;
  background-position: center;
}
@media (max-width: 768px) {
  .jb-header__banner {
    padding: 2.5rem 1.25rem;
  }
}
.jb-header__banner--secondary {
  padding-top: 2.5rem;
}
.jb-header__banner--secondary .jb-header__banner-title, .jb-header__banner--secondary .jb-header__banner-info {
  margin-bottom: 1rem;
}
.jb-header__banner--secondary .jb-header__banner-title:last-child, .jb-header__banner--secondary .jb-header__banner-info:last-child {
  margin-bottom: 0;
}
.jb-header__banner--secondary div {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .jb-header__banner--secondary {
    padding-top: 1.5rem;
    padding-bottom: 2.6875rem;
  }
}
.jb-header__banner--main {
  background-image: var(--background);
}
@media (max-width: 1024px) {
  .jb-header__banner--main {
    background-image: var(--background-tab, var(--background));
  }
}
@media (max-width: 768px) {
  .jb-header__banner--main {
    background-image: var(--background-mob, var(--background-tab, var(--background)));
  }
}
.jb-header__banner::before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 91.625rem;
  height: 21.375rem;
  border-radius: 91.625rem;
  background: radial-gradient(50% 50% at 50% 50%, #000111 14.79%, rgba(0, 1, 17, 0) 100%);
}
@media (max-width: 768px) {
  .jb-header__banner::before {
    width: 24.875rem;
    height: 11.5625rem;
    border-radius: 24.875rem;
  }
}
.jb-header__banner::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.5;
  background: var(--Blue, #343579);
}
.jb-header__banner-title, .jb-header__banner-info {
  position: relative;
  z-index: 2;
  text-align: center;
}
.jb-header__banner-title {
  color: #DDBD93;
  margin-bottom: 0.75rem;
}
.jb-header__banner-info {
  color: #F1F0E6;
}
.jb-header__desktop-menu {
  display: flex;
  gap: 1.5625rem;
  align-items: center;
}
.jb-header__menu {
  display: flex;
  gap: 2.625rem;
  align-items: center;
  color: #343579;
}
@media (max-width: 1200px) {
  .jb-header__menu {
    gap: 2rem;
  }
}
.jb-header__menu a {
  color: #343579;
  text-decoration: none;
  white-space: nowrap;
}
.jb-header__mobile-menu-icon {
  position: relative;
  top: 1px;
}
.jb-header__mobile-menu-icon:first-child {
  display: block;
}
.jb-header__mobile-menu-icon:last-child {
  display: none;
}
.jb-header__mobile-menu {
  display: none;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .jb-header__mobile-menu {
    display: flex;
  }
}
.jb-header__mobile-menu--opened .jb-header__mobile-menu-icon:first-child {
  display: none;
}
.jb-header__mobile-menu--opened .jb-header__mobile-menu-icon:last-child {
  display: block;
}
.jb-header__menu-item {
  position: relative;
  display: flex;
  gap: 0.25rem;
}
.jb-header__menu-item > svg path {
  stroke: #343579;
  position: relative;
  top: 0.125rem;
}
.jb-header__translate-items {
  width: 8.1875rem;
  position: absolute;
  background-color: #343579;
  border-radius: 1rem;
  padding: 1rem;
  color: #F1F0E6;
  z-index: 1000;
  top: -1rem;
  left: -0.9375rem;
  display: none;
  flex-direction: column;
  gap: 10px;
}
.jb-header__translate-items--opened {
  display: flex;
}
.jb-header__translate-item a {
  color: #F1F0E6;
  text-decoration: none;
}
.jb-header__menu-translation {
  cursor: pointer;
}
.jb-header__menu-translation:hover ul.jb-header__translate-items {
  display: flex;
}
.jb-header__menu-translation svg {
  position: relative;
  top: 0.125rem;
  transition: 0.3s;
}
.jb-header__menu-translation--opened svg {
  transform: matrix(1, 0, 0, -1, 0, 0);
}
.jb-header__mobile-translation-container svg {
  transition: 0.3s;
}
.jb-header__mobile-translation-container--opened svg {
  transform: matrix(1, 0, 0, -1, 0, 0);
}
.jb-header__translate-item {
  display: flex;
  gap: 0.25rem;
}
.jb-header__translate-item a {
  width: 100%;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.jb-header__translate-item:first-child {
  width: -moz-max-content;
  width: max-content;
  border-bottom: 1px solid #F1F0E6;
  padding-bottom: 1rem;
}
.jb-header__translate-item:first-child svg {
  position: relative;
  top: 0.125rem;
}
@media (max-width: 1024px) {
  .jb-header__desktop-menu-container {
    display: none;
  }
}
.jb-header__mobile-dropdown {
  position: absolute;
  left: 0;
  top: 3.75rem;
  right: 0;
  height: 0;
  overflow: hidden;
  z-index: 3;
  background: rgba(52, 53, 121, 0.6);
  backdrop-filter: blur(0px);
  transition: 0.3s;
}
.jb-header__mobile-dropdown--opened {
  height: 100vh;
  z-index: 999;
}
.jb-header__mobile-dropdown-container {
  padding: 1rem 1.25rem 2rem 1.25rem;
  color: #343579;
  background-color: #F1F0E6;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 3;
  border-radius: 0 0 1rem 1rem;
}
.jb-header__user-dropdown {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background-color: #343579;
  border-radius: 16px;
  padding: 1rem 1.25rem 2rem 1.25rem;
}
.jb-header__user-dropdown--opened {
  display: block;
}
.jb-header__mobile-dropdown-translation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #343579;
  cursor: pointer;
}
.jb-header__mobile-dropdown-translation > svg {
  top: 0.125rem;
}
.jb-header__mobile-dropdown-translation > svg path {
  stroke: #343579;
  position: relative;
}
.jb-header__mobile-dropdown-translations {
  display: flex;
  flex-direction: column;
}
.jb-header__mobile-dropdown-translation-item {
  display: block;
  padding: 1rem 0 1rem 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
.jb-header__mobile-dropdown-list {
  flex-direction: column;
  gap: 2rem;
  display: none;
}
.jb-header__mobile-dropdown-list--opened {
  display: flex;
}
.jb-header__mobile-dropdown-search {
  width: 100%;
  align-items: start;
  justify-content: space-between;
  border-bottom: 1px solid #343579;
  padding-bottom: 0.75rem;
  gap: 16px;
  display: none;
}
.jb-header__mobile-dropdown-search--opened {
  display: flex;
}
.jb-header__search-form {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.jb-header__search-form svg {
  cursor: pointer;
}
.jb-header__search-input {
  background-color: transparent;
  padding: 0;
  height: 1.1875rem;
  border-radius: 0;
  font-size: 1rem;
  width: 100%;
  border: 0 solid transparent !important;
  caret-color: var(--primary) !important;
}
.jb-header__search-input:focus {
  border: none;
  outline: none;
}
.jb-header__search-input::-moz-placeholder {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
}
.jb-header__search-input::placeholder {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
}
.jb-header__search-submit {
  display: none;
}
.jb-header__search-icon {
  line-height: 100%;
  cursor: pointer;
  position: relative;
  top: -0.0625rem;
}
@media (max-width: 1024px) {
  .jb-header__search-icon svg {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.jb-header__logo-container {
  position: absolute;
  z-index: 9999;
  top: calc(1.875rem - 1px);
  right: 50%;
  transform: translateX(50%);
  transition: 0.3s;
}
@media (max-width: 768px) {
  .jb-header__logo-container {
    top: calc(1.5rem - 1px);
  }
}
.jb-header__logo-container--mob-menu-open {
  top: 0.5rem;
}
.jb-header__logo-container--mob-menu-open .jb-header__logo {
  width: 33px;
  height: 44px;
}
.jb-header__logo-wrapper {
  position: relative;
}
.jb-header__logo-wrapper:after {
  content: "";
  background-image: url("img/icons/main-logo-decorator.svg");
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-97%, -7%);
}
@media (max-width: 768px) {
  .jb-header__logo-wrapper:after {
    transform: translate(-96%, -5%);
  }
}
.jb-header__logo-wrapper:before {
  content: "";
  background-image: url("img/icons/main-logo-decorator.svg");
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(97%, -7%) scaleX(-1);
}
@media (max-width: 768px) {
  .jb-header__logo-wrapper:before {
    transform: translate(96%, -5%) scaleX(-1);
  }
}
@media (max-width: 768px) {
  .jb-header__logo-wrapper:before, .jb-header__logo-wrapper:after {
    width: 0.75rem;
    height: 0.75rem;
    background-image: url("img/icons/main-logo-mobile-decorator.svg");
  }
}
.jb-header__logo {
  position: relative;
  height: 6.125rem;
  width: 4.625rem;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .jb-header__logo {
    height: 4.3125rem;
    width: 3.25rem;
  }
}
.jb-header__user-details {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}
@media (max-width: 1200px) {
  .jb-header__user-details {
    gap: 2rem;
  }
}
.jb-header__user-details li {
  cursor: pointer;
}
.jb-header__mobile-translation-container {
  overflow: hidden;
  height: 1.9375rem;
  transition: 0.3s;
}
.jb-header__mobile-translation-container--opened {
  height: 11.25rem;
}
.jb-header__favorites a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  line-height: 100% !important;
  color: #343579;
}
.jb-header__favorites--filled path:first-child {
  fill: #343579;
}
.jb-header__user {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  line-height: 100%;
  color: #343579;
}
.jb-header__user a {
  display: flex;
}
.jb-header__mobile-user {
  display: none;
  position: relative;
  top: -1px;
}
@media (max-width: 1024px) {
  .jb-header__mobile-user {
    display: flex;
  }
}
.jb-header__mobile-user div {
  display: none;
}
.jb-header__mobile-user--logged a {
  display: none;
}
.jb-header__mobile-user--logged div {
  display: block;
}
.jb-header__cart {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  line-height: 100%;
  color: #343579;
}
.jb-header__cart--filled path:first-child {
  fill: #343579;
}
@media (max-width: 1024px) {
  .jb-header__cart {
    top: -2px;
  }
  .jb-header__cart svg {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.jb-header__cart, .jb-header__notification, .jb-header__user-name {
  display: flex;
  position: relative;
}
@media (max-width: 1024px) {
  .jb-header__favorites, .jb-header__notification, .jb-header__user {
    display: none;
  }
}
.jb-header__user-name {
  top: 0.0625rem;
  gap: 0.5rem;
  align-items: center;
}
.jb-header__notification--empty circle {
  fill: none;
  stroke: none;
}
.jb-header__user-head {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-bottom: 2rem;
}
.jb-header__user-icon {
  background-image: url("img/avatar_placeholder.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 4rem;
  height: 4rem;
}
.jb-header__user-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  color: #F1F0E6;
}
.jb-header__user-item {
  display: flex;
  gap: 0.25rem;
  align-items: center;
}
.jb-header__user-item:nth-child(-n+3) {
  grid-column: span 2;
}
.jb-header__user-item:last-child {
  justify-self: end;
}
.jb-header__user-item a {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  text-decoration: none;
  color: #F1F0E6;
}
.jb-header__user-favorites--active svg path:first-child {
  fill: #F1F0E6;
}
.jb-header__user-comments--inactive svg circle {
  display: none;
}
.jb-header__user-comments--active {
  display: none;
}
.jb-header__user-fio {
  color: #DDBD93;
}
.jb-header__user-fio + .jb-header__user-site-activity {
  margin-top: 0.5rem;
}
.jb-header__user-site-activity {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.jb-header__user-role {
  color: #DDBD93;
}
.jb-header__registration-date {
  color: rgba(241, 240, 230, 0.6);
}
.jb-header__mobile-user-icon {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("img/icons/user.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.jb-header__mobile-user-icon--logged {
  background-image: url("img/author.svg");
}
.jb-header__secondary-logo {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.jb-header__secondary-logo img {
  width: 2.0625rem;
  height: 2.75rem;
}
.jb-header__secondary-logo div {
  display: none;
  font-size: 18px;
  color: #343579;
}
@media (min-width: 1200px) {
  .jb-header__secondary-logo div {
    display: block;
    width: 100px;
  }
  .jb-header__secondary-logo div:first-child {
    text-align: right;
  }
  .jb-header__secondary-logo div:last-child {
    text-align: left;
  }
}
.jb-header__tabs {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 1rem;
  flex-wrap: wrap;
}
.jb-header__with-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.jb-header__buttons {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  z-index: 3;
  margin-bottom: 1rem !important;
}
.jb-header__buttons > *:nth-child(1) {
  justify-self: start;
}
.jb-header__buttons > *:nth-child(2) {
  justify-self: center;
}
.jb-header__buttons > *:nth-child(3) {
  justify-self: end;
}
@media (max-width: 768px) {
  .jb-header__buttons {
    display: flex;
    justify-content: space-between;
  }
}
.jb-header__buttons .jb-button {
  width: -moz-max-content;
  width: max-content;
}
.jb-header__buttons .jb-button--back {
  border-color: rgba(241, 240, 230, 0.3);
  color: #F1F0E6;
}
.jb-header__buttons .jb-button--back a:before {
  background-image: url("img/icons/button-arrow-white.svg");
}
.jb-header__buttons .jb-button--back:hover a:before {
  background-image: url("img/icons/button-arrow.svg");
}
.jb-header__buttons--noauthor {
  display: flex;
  justify-content: space-between;
}
.jb-header__buttons:not(:has(> .jb-header__18plus)) {
  display: flex;
  justify-content: space-between;
}
.jb-header__post-details {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  position: relative;
  z-index: 3;
  margin-top: 2rem;
}
.jb-header__post-details .jb-button {
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 768px) {
  .jb-header__post-details {
    margin-top: 1.5rem;
  }
}
@media (max-width: 768px) {
  .jb-header__post-details {
    gap: 1.5rem;
  }
}
.jb-header__post-author, .jb-header__post-comments, .jb-header__post-favorite {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  color: #F1F0E6;
  cursor: pointer;
}
.jb-header__post-author--mobile {
  padding-top: 1.5rem;
  position: relative;
  z-index: 1;
  justify-content: center;
}
.jb-header__post-author div {
  display: flex;
  flex-direction: column;
}
.jb-header__post-author div p {
  font-size: 0.75rem;
  color: #DDBD93;
}
.jb-header__post-comments span {
  position: relative;
  top: -2px;
}
@media (max-width: 768px) {
  .jb-header__post-favorite div {
    display: none;
  }
}
.jb-header__post-favorite--active svg path {
  stroke: #DDBD93;
  fill: #DDBD93;
}
.jb-header__buy-post {
  display: flex;
  align-items: center;
  gap: 0.1875rem;
}
@media (max-width: 768px) {
  .jb-header__buy-post {
    padding: 0 0.75rem;
    height: 1.5rem;
  }
}
.jb-header__buy-post span::before {
  content: "Оплатить ";
}
.jb-header__buy-post span::after {
  content: " ₽";
}
.jb-header__buy-post svg {
  transition: stroke 0.2s ease;
  display: none;
}
.jb-header__buy-post:hover svg path {
  stroke: var(--white-ish);
}
.jb-header__buy-post.added-to-cart-ajax span::before {
  content: "Уже в корзине";
}
.jb-header__buy-post.added-to-cart-ajax span::after {
  content: "";
}
@media (max-width: 768px) {
  .jb-header__buy-post.added-to-cart-ajax span {
    display: none;
  }
}
.jb-header__buy-post.added-to-cart-ajax svg {
  fill: var(--primary);
}
@media (max-width: 768px) {
  .jb-header__buy-post.added-to-cart-ajax svg {
    display: block;
  }
}
.jb-header__buy-post.added-to-cart-ajax:hover svg {
  fill: var(--white-ish);
}
.jb-header__back, .jb-header__share {
  display: none;
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
@media (max-width: 768px) {
  .jb-header__back, .jb-header__share {
    display: block;
  }
}
@media (max-width: 768px) {
  .jb-header__back--desktop, .jb-header__share--desktop {
    display: none;
  }
}
@media (max-width: 768px) {
  .jb-header__18plus {
    padding: 0 0.75rem;
    height: 1.5rem;
  }
}
.jb-header__user-banner {
  display: flex;
  justify-content: center;
  padding: 1.5rem 0;
  margin: 0 auto;
  width: 100%;
  background-color: #343579;
  border-radius: 16px 16px 0 0;
}
.jb-header__user-banner-container {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.jb-header__banner-user-img {
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 6.25rem;
}
.jb-header__banner-user-name {
  color: #DDBD93;
  margin-bottom: 0.5rem;
}
.jb-header__banner-user-role {
  color: #DDBD93;
  margin-right: 0.5rem;
}
.jb-header__banner-user-registration {
  color: rgba(241, 240, 230, 0.6);
}
.jb-header__banner-params {
  position: relative;
  z-index: 4;
  display: flex;
  gap: 3.5rem;
  align-items: center;
  font-weight: 400;
}
@media (max-width: 768px) {
  .jb-header__banner-params {
    display: none;
  }
}
.jb-header__banner-param {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #F1F0E6;
  opacity: 0.6;
}
.jb-header__banner-param--active {
  opacity: 1;
}
.jb-header__banner-params-mobile {
  display: none;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .jb-header__banner-params-mobile {
    display: flex;
  }
}
.jb-header__login-button:hover svg path {
  transition: 0.3s;
  stroke: #F1F0E6;
}
.jb-header__login-button .jb-button {
  text-decoration: none;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

/*example font-size:30px;  font-size:pxToRem(30); */
.jb-icon {
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.jb-icon--vk {
  width: 1.3125rem;
  height: 0.9375rem;
  background-image: url("img/icons/vk.svg");
}
.jb-icon--telegram {
  width: 1rem;
  height: 0.9375rem;
  background-image: url("img/icons/telegram.svg");
}
.jb-icon--profile {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("img/icons/user.svg");
}
.jb-icon--author {
  width: 2rem;
  height: 2rem;
  background-image: url("img/author.svg");
}

.jb-404__container div, .jb-post__title, .jb-404__text, .user-agreement__title, .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, h2, .jb-card__title, .jb-topic__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-header__banner-title, .jb-header__banner-info, .jb-header__user-fio, .jb-header__secondary-logo div, .jb-header__banner-user-name {
  font-family: Prata, sans-serif;
}

.jb-post__description, .jb-about__head, .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, input,
textarea, .nice-select .option, .nice-select .current, .jb-card__label, .jb-card__text, .jb-card__tag, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-heading__show, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-role, .jb-header__banner-user-registration, .jb-header__banner-param {
  font-family: Alegreya Sans, sans-serif;
}

.jb-topic__title, .jb-header__banner-title {
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-topic__title, .jb-header__banner-title {
    font-size: 2rem;
  }
}

.jb-post__title, .jb-404__text, .user-agreement__title, h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-post__title, .jb-404__text, .user-agreement__title, h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name {
    font-size: 1.125rem;
  }
}

.jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title {
    font-size: 1.125rem;
  }
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, input,
textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, input,
  textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param {
    font-size: 0.875rem;
  }
}

.jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, .jb-card__label, .jb-card__tag {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.jb-topic::before, .jb-topic::after {
  content: "";
  width: 32px;
  height: 16px;
  background-image: url("img/icons/triangle.svg");
  display: block;
  position: absolute;
}

.jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}

/*example font-size:30px;  font-size:pxToRem(30); */
.jb-side {
  width: 100%;
  max-width: 15rem;
  min-width: 15rem;
}
.jb-side--right {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.jb-side__ad-banner {
  margin-bottom: 4rem;
}
@media (max-width: 1199px) {
  .jb-side {
    display: none;
  }
}

.jb-404__container div, .jb-post__title, .jb-404__text, .user-agreement__title, .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, h2, .jb-card__title, .jb-topic__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-header__banner-title, .jb-header__banner-info, .jb-header__user-fio, .jb-header__secondary-logo div, .jb-header__banner-user-name {
  font-family: Prata, sans-serif;
}

.jb-post__description, .jb-about__head, .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, .jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, input,
textarea, .nice-select .option, .nice-select .current, .jb-card__label, .jb-card__text, .jb-card__tag, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-heading__show, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-role, .jb-header__banner-user-registration, .jb-header__banner-param {
  font-family: Alegreya Sans, sans-serif;
}

.jb-topic__title, .jb-header__banner-title {
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-topic__title, .jb-header__banner-title {
    font-size: 2rem;
  }
}

.jb-post__title, .jb-404__text, .user-agreement__title, h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-post__title, .jb-404__text, .user-agreement__title, h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name {
    font-size: 1.125rem;
  }
}

.jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-category__title, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title {
    font-size: 1.125rem;
  }
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, input,
textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-category__item a, input,
  textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param {
    font-size: 0.875rem;
  }
}

.jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, .jb-card__label, .jb-card__tag {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.jb-topic::before, .jb-topic::after {
  content: "";
  width: 32px;
  height: 16px;
  background-image: url("img/icons/triangle.svg");
  display: block;
  position: absolute;
}

.jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}

/*example font-size:30px;  font-size:pxToRem(30); */
.jb-category {
  display: none;
}
.jb-category:has(.jb-category__item) {
  display: block;
}
.single-post .jb-category {
  position: sticky;
  top: 10vh;
  margin-bottom: 11.25rem;
}
.jb-category--mb40 {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .jb-category {
    display: none;
  }
}
.jb-category__title {
  color: #343579;
  padding-bottom: 1.0625rem;
  border-bottom: 1px solid #343579;
}
.single-post .jb-category__title {
  margin-top: 0.5rem;
}
.single-post .jb-category__items {
  overflow: hidden auto;
  max-height: 40vh;
  height: auto;
}
.jb-category__item {
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
.jb-category__item a {
  text-decoration: none;
  color: #343579;
  padding: 24px 0;
  display: block;
}
.jb-category__item--selected a {
  color: rgba(52, 53, 121, 0.6);
}
.jb-category__item--selected a:before {
  content: "✦";
  font-size: 16px;
  font-weight: 400;
  color: rgba(52, 53, 121, 0.6);
  margin-right: 10px;
}
.jb-category__item--child a::before {
  content: "—";
  margin-right: 0.3125rem;
}

/*example font-size:30px;  font-size:pxToRem(30); */
.jb-select {
  width: 100%;
  border: 1px solid rgba(52, 53, 121, 0.3);
  border-radius: 0.5rem;
  background-color: #F1F0E6;
}
@media (min-width: 1200px) {
  .jb-select {
    width: auto;
  }
}
.jb-select span {
  font-size: 16px !important;
}
.jb-select--user-agreement {
  margin-bottom: 1rem;
}
@media (min-width: 1200px) {
  .jb-select--main-page, .jb-select--user-agreement {
    display: none;
  }
}
.jb-select--user-menu-items {
  width: 50% !important;
  background-color: transparent;
  color: #F1F0E6;
  border: 1px solid #F1F0E6;
}
.jb-select--user-menu-items::after, .jb-select--user-menu-items:focus {
  border-color: #F1F0E6 !important;
}
.jb-select--user-menu-items .nice-select-dropdown {
  color: #343579;
}
.jb-select--post {
  margin-bottom: 16px;
}
@media (max-width: 1201px) {
  .jb-select--post.nice-select {
    display: none;
  }
  .jb-select--post.nice-select:has(.option) {
    display: block;
  }
}
@media (min-width: 1200px) {
  .jb-select--post {
    display: none;
  }
}
.jb-select--post.nice-select .optgroup {
  font-weight: normal;
  background-color: var(--primary);
  color: var(--white-ish);
  padding: 0 0 0 15px;
  pointer-events: none;
}
.jb-select--post.nice-select .option {
  padding: 0 0 0 25px;
}
.jb-select--theme {
  background-color: #E1E1DC !important;
  border: none !important;
}

.jb-404__container div, .jb-post__title, .jb-404__text, .user-agreement__title, .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, h2, .jb-card__title, .jb-topic__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-header__banner-title, .jb-header__banner-info, .jb-header__user-fio, .jb-header__secondary-logo div, .jb-header__banner-user-name, .jb-category__title {
  font-family: Prata, sans-serif;
}

.jb-post__description, .jb-about__head, .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, .jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, input,
textarea, .nice-select .option, .nice-select .current, .jb-card__label, .jb-card__text, .jb-card__tag, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-heading__show, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-role, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a {
  font-family: Alegreya Sans, sans-serif;
}

.jb-topic__title, .jb-header__banner-title {
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-topic__title, .jb-header__banner-title {
    font-size: 2rem;
  }
}

.jb-post__title, .jb-404__text, .user-agreement__title, h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-post__title, .jb-404__text, .user-agreement__title, h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name {
    font-size: 1.125rem;
  }
}

.jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-category__title {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-category__title {
    font-size: 1.125rem;
  }
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, input,
textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-cookie__text, input,
  textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a {
    font-size: 0.875rem;
  }
}

.jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, .jb-card__label, .jb-card__tag {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.jb-topic::before, .jb-topic::after {
  content: "";
  width: 32px;
  height: 16px;
  background-image: url("img/icons/triangle.svg");
  display: block;
  position: absolute;
}

.jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}

/*example font-size:30px;  font-size:pxToRem(30); */
.jb-cookie {
  position: fixed;
  background-color: #343579;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  padding: 1.5rem 0;
  z-index: 999;
}
.jb-cookie__container {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}
@media (max-width: 768px) {
  .jb-cookie__container {
    flex-direction: column;
    gap: 1rem;
  }
}
.jb-cookie__text {
  color: #F1F0E6;
}
@media (max-width: 768px) {
  .jb-cookie__text {
    text-align: center;
  }
}
.jb-cookie__button {
  min-width: 117px;
  max-width: 117px;
}
@media (max-width: 768px) {
  .jb-cookie__button {
    min-width: 100%;
    max-width: 100%;
  }
}

.jb-404__container div, .jb-post__title, .jb-404__text, .user-agreement__title, .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, h2, .jb-card__title, .jb-topic__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-header__banner-title, .jb-header__banner-info, .jb-header__user-fio, .jb-header__secondary-logo div, .jb-header__banner-user-name, .jb-category__title {
  font-family: Prata, sans-serif;
}

.jb-post__description, .jb-about__head, .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, .jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, input,
textarea, .nice-select .option, .nice-select .current, .jb-card__label, .jb-card__text, .jb-card__tag, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-heading__show, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-role, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text {
  font-family: Alegreya Sans, sans-serif;
}

.jb-topic__title, .jb-header__banner-title {
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-topic__title, .jb-header__banner-title {
    font-size: 2rem;
  }
}

.jb-post__title, .jb-404__text, .user-agreement__title, h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-post__title, .jb-404__text, .user-agreement__title, h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name {
    font-size: 1.125rem;
  }
}

.jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-category__title {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-category__title {
    font-size: 1.125rem;
  }
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, input,
textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .user-agreement__container p, input,
  textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text {
    font-size: 0.875rem;
  }
}

.jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, .jb-card__label, .jb-card__tag {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.jb-topic::before, .jb-topic::after {
  content: "";
  width: 32px;
  height: 16px;
  background-image: url("img/icons/triangle.svg");
  display: block;
  position: absolute;
}

.jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}

/*example font-size:30px;  font-size:pxToRem(30); */
.user-agreement__title {
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #343579;
  color: #343579;
}
@media (max-width: 768px) {
  .user-agreement__title {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
}
.user-agreement__container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #343579;
}
@media (max-width: 768px) {
  .user-agreement__container {
    gap: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
}
.user-agreement__container p {
  line-height: 150%;
  color: #343579;
  font-size: 16px !important;
}
.user-agreement__button {
  display: flex;
  justify-content: center;
}
.user-agreement__button button {
  width: -moz-max-content;
  width: max-content;
}

.jb-404__container div, .jb-post__title, .jb-404__text, .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, h2, .jb-card__title, .jb-topic__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-header__banner-title, .jb-header__banner-info, .jb-header__user-fio, .jb-header__secondary-logo div, .jb-header__banner-user-name, .jb-category__title, .user-agreement__title {
  font-family: Prata, sans-serif;
}

.jb-post__description, .jb-about__head, .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, .jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, input,
textarea, .nice-select .option, .nice-select .current, .jb-card__label, .jb-card__text, .jb-card__tag, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-heading__show, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-role, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p {
  font-family: Alegreya Sans, sans-serif;
}

.jb-topic__title, .jb-header__banner-title {
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-topic__title, .jb-header__banner-title {
    font-size: 2rem;
  }
}

.jb-post__title, .jb-404__text, h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name, .user-agreement__title {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-post__title, .jb-404__text, h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name, .user-agreement__title {
    font-size: 1.125rem;
  }
}

.jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-category__title {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-category__title {
    font-size: 1.125rem;
  }
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, input,
textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-404__description, input,
  textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p {
    font-size: 0.875rem;
  }
}

.jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, .jb-card__label, .jb-card__tag {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.jb-topic::before, .jb-topic::after {
  content: "";
  width: 32px;
  height: 16px;
  background-image: url("img/icons/triangle.svg");
  display: block;
  position: absolute;
}

.jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}

/*example font-size:30px;  font-size:pxToRem(30); */
.jb-404 {
  position: relative;
  max-width: 22.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .jb-404 {
    gap: 1rem;
  }
}
.jb-404__container {
  display: flex;
  align-items: center;
}
.jb-404__container div {
  font-size: 116px;
  color: #343579;
  line-height: 100%;
  height: 96px;
}
.jb-404__container img {
  position: relative;
  top: -4px;
}
.jb-404__container div:first-child {
  margin-right: 16px;
}
.jb-404__container div:last-child {
  margin-left: 12px;
}
.jb-404__text {
  color: #343579;
}
.jb-404__description {
  color: #343579;
  text-align: center;
  font-size: 16px !important;
}
.jb-404__divider {
  width: 100%;
  height: 1px;
  background-color: rgba(52, 53, 121, 0.3);
}

.jb-post__title, .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, h2, .jb-card__title, .jb-topic__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-header__banner-title, .jb-header__banner-info, .jb-header__user-fio, .jb-header__secondary-logo div, .jb-header__banner-user-name, .jb-category__title, .user-agreement__title, .jb-404__container div, .jb-404__text {
  font-family: Prata, sans-serif;
}

.jb-post__description, .jb-about__head, .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, .jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, input,
textarea, .nice-select .option, .nice-select .current, .jb-card__label, .jb-card__text, .jb-card__tag, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-heading__show, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-role, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description {
  font-family: Alegreya Sans, sans-serif;
}

.jb-topic__title, .jb-header__banner-title {
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-topic__title, .jb-header__banner-title {
    font-size: 2rem;
  }
}

.jb-post__title, h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name, .user-agreement__title, .jb-404__text {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-post__title, h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name, .user-agreement__title, .jb-404__text {
    font-size: 1.125rem;
  }
}

.jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-category__title {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-category__title {
    font-size: 1.125rem;
  }
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, input,
textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-section__sort-button, input,
  textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description {
    font-size: 0.875rem;
  }
}

.jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, .jb-card__label, .jb-card__tag {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.jb-topic::before, .jb-topic::after {
  content: "";
  width: 32px;
  height: 16px;
  background-image: url("img/icons/triangle.svg");
  display: block;
  position: absolute;
}

.jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}

/*example font-size:30px;  font-size:pxToRem(30); */
.jb-section {
  display: flex;
  flex-direction: column;
}
.jb-section .jb-select--sort {
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 1199px) {
  .jb-section .jb-select--sort {
    width: 100%;
  }
}
.jb-section .jb-select--category {
  width: calc(50% - 0.5rem);
  height: 43px;
  display: flex;
  align-items: center;
}
@media (min-width: 1200px) {
  .jb-section .jb-select--themes {
    display: none;
  }
}
.jb-section__filters {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1200px) {
  .jb-section__filters {
    display: none;
  }
}
@media (max-width: 600px) {
  .jb-section__filters {
    flex-direction: column;
    gap: 24px;
  }
}
.jb-section__filters .nice-select {
  display: flex;
  align-items: center;
  padding: 0 0.75rem;
  justify-content: space-between;
  width: calc(50% - 0.5rem);
  height: 2.6875rem;
}
@media (max-width: 600px) {
  .jb-section__filters .nice-select {
    width: 100%;
  }
}
.jb-section__filters select.jb-select {
  display: flex;
  align-items: center;
  padding: 0 0.75rem;
  justify-content: space-between;
  width: calc(50% - 0.5rem);
  height: 2.6875rem;
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .jb-section__filters select.jb-select {
    width: 100%;
  }
}
.jb-section__filters li[data-value=choose] {
  display: none;
}
@media (max-width: 1199px) {
  .jb-section__filters:has(.jb-section__sort-button--active) + .jb-section__sort-dropdown {
    display: flex;
  }
}
.jb-section__filters .nice-select .optgroup {
  font-weight: normal;
  background-color: var(--primary);
  color: var(--white-ish);
  padding: 0 0 0 15px;
  pointer-events: none;
}
.jb-section__filters .nice-select .option {
  padding: 0 0 0 25px;
}
.jb-section__checkboxes {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 1199px) {
  .jb-section__checkboxes {
    gap: 1rem;
    align-items: start;
    flex-direction: column;
  }
}
.jb-section__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background-color: #343579;
  padding: 1px;
  border-radius: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .jb-section__items {
    grid-template-columns: 1fr;
  }
}
.jb-section__button {
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
}
.jb-section__sort-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0 0.75rem;
  justify-content: space-between;
  width: calc(50% - 0.5rem);
  height: 2.6875rem;
  border-radius: 8px;
  border: 1px solid rgba(52, 53, 121, 0.3);
  background-color: #F1F0E6;
  font-size: 1rem !important;
  color: #343579;
  transition: 0.3s;
}
@media (max-width: 600px) {
  .jb-section__sort-button {
    width: 100%;
  }
}
.jb-section__sort-button--x {
  display: none;
}
.jb-section__sort-button--active {
  background-color: #343579;
  color: #F1F0E6;
}
.jb-section__sort-button--active .jb-section__sort-button--filter {
  display: none;
}
.jb-section__sort-button--active .jb-section__sort-button--x {
  display: block;
}
.jb-section__sort-dropdown {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .jb-section__sort-dropdown {
    display: none;
    flex-direction: column;
    align-items: start;
    padding: 1rem;
    background-color: #E1E1DC;
    gap: 1rem;
    border-radius: 0.75rem;
  }
}
.jb-section__sort-dropdown .jb-select--themes {
  display: none;
}
@media (max-width: 1199px) {
  .jb-section__sort-dropdown .jb-select--themes {
    display: block;
  }
}
.jb-section__sort-dropdown-container {
  transition: 0.3s;
  margin-bottom: 1rem;
}
@media (max-width: 1199px) {
  .jb-section__sort-dropdown-container {
    margin-bottom: 0;
    height: 0;
  }
}
.jb-section__sort-dropdown-container--hidden {
  overflow: hidden;
  height: 0;
}

.jb-post__title, .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, h2, .jb-card__title, .jb-topic__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-header__banner-title, .jb-header__banner-info, .jb-header__user-fio, .jb-header__secondary-logo div, .jb-header__banner-user-name, .jb-category__title, .user-agreement__title, .jb-404__container div, .jb-404__text {
  font-family: Prata, sans-serif;
}

.jb-post__description, .jb-about__head, .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, input,
textarea, .nice-select .option, .nice-select .current, .jb-card__label, .jb-card__text, .jb-card__tag, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-heading__show, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-role, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description, .jb-section__sort-button {
  font-family: Alegreya Sans, sans-serif;
}

.jb-topic__title, .jb-header__banner-title {
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-topic__title, .jb-header__banner-title {
    font-size: 2rem;
  }
}

.jb-post__title, h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name, .user-agreement__title, .jb-404__text {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-post__title, h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name, .user-agreement__title, .jb-404__text {
    font-size: 1.125rem;
  }
}

.jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-category__title {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-category__title {
    font-size: 1.125rem;
  }
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, input,
textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description, .jb-section__sort-button {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, input,
  textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description, .jb-section__sort-button {
    font-size: 0.875rem;
  }
}

.jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-tab, .jb-card__label, .jb-card__tag {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.jb-topic::before, .jb-topic::after {
  content: "";
  width: 32px;
  height: 16px;
  background-image: url("img/icons/triangle.svg");
  display: block;
  position: absolute;
}

.jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}

/*example font-size:30px;  font-size:pxToRem(30); */
.jb-tab {
  height: 1.5rem;
  padding: 0 0.6875rem;
  border-radius: 1rem;
  background-color: rgba(241, 240, 230, 0.3);
  border: 1px solid #F1F0E6;
  position: relative;
  z-index: 2;
  color: #F1F0E6;
  display: flex;
  align-items: center;
}
.jb-tab--blue30 {
  background-color: rgba(52, 53, 121, 0.3);
  color: #343579;
  font-variant-numeric: lining-nums tabular-nums;
}

.jb-post__title, .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, h2, .jb-card__title, .jb-topic__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-header__banner-title, .jb-header__banner-info, .jb-header__user-fio, .jb-header__secondary-logo div, .jb-header__banner-user-name, .jb-category__title, .user-agreement__title, .jb-404__container div, .jb-404__text {
  font-family: Prata, sans-serif;
}

.jb-post__description, .jb-about__head, .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, .jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, input,
textarea, .nice-select .option, .nice-select .current, .jb-card__label, .jb-card__text, .jb-card__tag, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-heading__show, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-role, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description, .jb-section__sort-button, .jb-tab {
  font-family: Alegreya Sans, sans-serif;
}

.jb-topic__title, .jb-header__banner-title {
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-topic__title, .jb-header__banner-title {
    font-size: 2rem;
  }
}

.jb-post__title, h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name, .user-agreement__title, .jb-404__text {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-post__title, h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name, .user-agreement__title, .jb-404__text {
    font-size: 1.125rem;
  }
}

.jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-category__title {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-about__form-text, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-category__title {
    font-size: 1.125rem;
  }
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, input,
textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description, .jb-section__sort-button {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-about__content, input,
  textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description, .jb-section__sort-button {
    font-size: 0.875rem;
  }
}

.jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-card__label, .jb-card__tag, .jb-tab {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.jb-topic::before, .jb-topic::after {
  content: "";
  width: 32px;
  height: 16px;
  background-image: url("img/icons/triangle.svg");
  display: block;
  position: absolute;
}

.jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__form-container, .jb-about__content, .jb-about__head {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}

/*example font-size:30px;  font-size:pxToRem(30); */
.jb-about__head {
  font-style: italic;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 130%;
  color: #343579;
}
.jb-about__content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  color: #343579;
  line-height: 150%;
}
.jb-about__img {
  height: 400px;
  background-color: #E1E1DC;
}
.jb-about__form {
  padding: 1.5rem;
  background-color: #343579;
  border-radius: 1rem;
}
.jb-about__form button, .jb-about__form a {
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
}
.jb-about__form-text {
  margin-bottom: 24px;
  text-align: center;
  color: #F1F0E6;
}
.jb-about__button {
  text-align: center;
}

/*example font-size:30px;  font-size:pxToRem(30); */
.jb-post__title, .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, h2, .jb-card__title, .jb-topic__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-header__banner-title, .jb-header__banner-info, .jb-header__user-fio, .jb-header__secondary-logo div, .jb-header__banner-user-name, .jb-category__title, .user-agreement__title, .jb-404__container div, .jb-404__text, .jb-about__form-text {
  font-family: Prata, sans-serif;
}

.jb-post__description, .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, .jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, input,
textarea, .nice-select .option, .nice-select .current, .jb-card__label, .jb-card__text, .jb-card__tag, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-heading__show, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-role, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description, .jb-section__sort-button, .jb-tab, .jb-about__head, .jb-about__content {
  font-family: Alegreya Sans, sans-serif;
}

.jb-topic__title, .jb-header__banner-title {
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-topic__title, .jb-header__banner-title {
    font-size: 2rem;
  }
}

.jb-post__title, h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name, .user-agreement__title, .jb-404__text {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-post__title, h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name, .user-agreement__title, .jb-404__text {
    font-size: 1.125rem;
  }
}

.jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-category__title, .jb-about__form-text {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-post__buy-post-text, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-category__title, .jb-about__form-text {
    font-size: 1.125rem;
  }
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, input,
textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description, .jb-section__sort-button, .jb-about__content {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-post__content, .jb-post__chapter, input,
  textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description, .jb-section__sort-button, .jb-about__content {
    font-size: 0.875rem;
  }
}

.jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-post__img-text, .jb-post__img-label, .jb-card__label, .jb-card__tag, .jb-tab {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.jb-topic::before, .jb-topic::after {
  content: "";
  width: 32px;
  height: 16px;
  background-image: url("img/icons/triangle.svg");
  display: block;
  position: absolute;
}

.jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__head, .jb-about__content, .jb-about__form-container {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-settings__heading, .jb-post__buy-post-container, .jb-post__activity, .jb-post__content, .jb-post__description, .jb-post__title, .jb-about__head, .jb-about__content, .jb-about__form-container {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}

.jb-post {
  position: relative;
  color: #343579;
}
.jb-post__hidden-block {
  width: 100%;
  height: 100%;
  max-height: 25rem;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(241, 240, 230, 0) 0%, var(--white-ish) 90%, var(--white-ish) 100%);
  z-index: 1;
  pointer-events: auto;
}
.dark-theme .jb-post__hidden-block {
  background: linear-gradient(180deg, rgba(241, 240, 230, 0) 0%, #E1E1DC 90%, #E1E1DC 100%);
}
.jb-post__chapter {
  text-align: center;
  margin-bottom: 1rem;
  font-feature-settings: "case" on;
}
.jb-post__title {
  text-align: center;
}
.jb-post__description {
  font-size: 24px;
  font-style: italic;
  font-weight: 500;
  line-height: 130%;
  border-color: rgba(52, 53, 121, 0.3);
}
.jb-post__content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
  border-color: #343579 !important;
}
.jb-post__content p {
  line-height: 150%;
}
.jb-post__content blockquote.wp-block-quote:not(:last-child) {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
.jb-post__content blockquote.wp-block-quote:not(:first-child) {
  padding-top: 1.5rem;
  border-top: 1px solid rgba(52, 53, 121, 0.3);
}
.jb-post__content.dark-theme {
  background-color: rgb(28, 28, 49);
  color: var(--white-ish);
  padding: 16px 24px;
  border-radius: 16px;
}
.jb-post__content.dark-theme * {
  color: var(--white-ish);
}
.jb-post__content.dark-theme h2.wp-block-heading {
  border-bottom: 1px solid var(--white-ish);
}
.jb-post__content.dark-theme blockquote.wp-block-quote:not(:last-child) {
  border-bottom: 1px solid rgba(241, 240, 230, 0.3);
}
.jb-post__content.dark-theme blockquote.wp-block-quote:not(:first-child) {
  border-top: 1px solid rgba(241, 240, 230, 0.3);
}
.jb-post__img-container {
  display: flex;
  flex-direction: column;
}
.jb-post__img-container--absolute {
  max-width: 15rem;
  position: absolute;
  right: -2.0625rem;
  bottom: 10rem;
  transform: translateX(100%);
}
@media (max-width: 1199px) {
  .jb-post__img-container--absolute {
    position: static;
    justify-content: start;
    align-self: start;
    transform: none;
  }
}
.jb-post__img {
  margin-bottom: 0.75rem;
}
.jb-post__img-text, .jb-post__img-label {
  font-variant-numeric: lining-nums tabular-nums;
}
.jb-post__img-text {
  margin-bottom: 0.25rem;
}
.jb-post__img-label {
  color: rgba(52, 53, 121, 0.6);
}
.jb-post__activity {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  font-feature-settings: "case" on;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-post__activity {
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
  }
}
.jb-post__activity--bonus {
  border: none !important;
}
.jb-post__reactions {
  display: flex;
  gap: 0.75rem;
}
.jb-post__reaction-item, .jb-post__views {
  display: flex;
  gap: 0.25rem;
  align-items: center;
}
.jb-post__views {
  cursor: default;
}
.jb-post__views svg {
  position: relative;
  top: 0.0625rem;
}
.jb-post__views a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 1rem;
}
.jb-post__tabs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.jb-post__button-back {
  text-align: center;
}
.jb-post__buy-post-container {
  border-color: #343579 !important;
}
.jb-post__buy-post {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  padding: 1.5rem;
  background-color: #343579;
  border-radius: 1rem;
  margin-top: 1.5rem;
}
@media (max-width: 768px) {
  .jb-post__buy-post {
    padding: 1rem;
    gap: 1rem;
  }
}
.jb-post__buy-post-text {
  text-align: center;
  color: #F1F0E6;
  max-width: 30.5625rem;
  line-height: 1.2 !important;
}
@media (max-width: 768px) {
  .jb-post__buy-post-text {
    max-width: 18rem;
  }
}
.jb-post__buy-post-buttons {
  display: flex;
  gap: 1rem;
}
.jb-post__buy-post-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1.5rem 0.5rem 1rem;
  border-radius: 1.5rem;
  border: 1px solid rgba(241, 240, 230, 0.3);
  color: #fff;
}
.jb-post__buy-post-link:hover {
  opacity: 0.8;
}
@media (max-width: 768px) {
  .jb-post__buy-post-link {
    padding: 0 0.75rem;
    height: 1.5rem;
  }
}
.jb-post__buy-post-button {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  align-items: center;
  gap: 0.1875rem;
  white-space: nowrap;
  color: #343579;
  background-color: #DDBD93;
}
@media (max-width: 768px) {
  .jb-post__buy-post-button {
    padding: 0 0.75rem;
    height: 1.5rem;
  }
}
.jb-post__buy-post-button:hover {
  opacity: 0.8;
}
.jb-post__buy-post-button span::before {
  content: "Оплатить ";
}
.jb-post__buy-post-button span::after {
  content: " ₽";
}
.jb-post__buy-post-button svg {
  transition: stroke 0.2s ease;
  display: none;
}
.jb-post__buy-post-button:hover svg path {
  stroke: var(--white-ish);
}
.jb-post__buy-post-button.added-to-cart-ajax span::before {
  content: "Уже в корзине";
}
.jb-post__buy-post-button.added-to-cart-ajax span::after {
  content: "";
}
@media (max-width: 768px) {
  .jb-post__buy-post-button.added-to-cart-ajax span {
    display: none;
  }
}
.jb-post__buy-post-button.added-to-cart-ajax svg {
  fill: var(--primary);
}
@media (max-width: 768px) {
  .jb-post__buy-post-button.added-to-cart-ajax svg {
    display: block;
  }
}
.jb-post__buy-post-button.added-to-cart-ajax:hover svg {
  fill: var(--white-ish);
}
.jb-post__buy-post-button.added-to-cart-ajax.jb-button--outline-gold svg {
  fill: var(--secondary);
}
.jb-post__buy-post-button.added-to-cart-ajax.jb-button--outline-gold svg path {
  stroke: var(--secondary);
}
.jb-post__buy-post-button.added-to-cart-ajax.jb-button--outline-gold:hover svg {
  fill: var(--primary);
}
.jb-post__buy-post-button.added-to-cart-ajax.jb-button--outline-gold:hover svg path {
  stroke: var(--primary);
}

/*example font-size:30px;  font-size:pxToRem(30); */
.jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, h2, .jb-card__title, .jb-topic__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-header__banner-title, .jb-header__banner-info, .jb-header__user-fio, .jb-header__secondary-logo div, .jb-header__banner-user-name, .jb-category__title, .user-agreement__title, .jb-404__container div, .jb-404__text, .jb-about__form-text, .jb-post__title, .jb-post__buy-post-text {
  font-family: Prata, sans-serif;
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, .jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, input,
textarea, .nice-select .option, .nice-select .current, .jb-card__label, .jb-card__text, .jb-card__tag, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-heading__show, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-role, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description, .jb-section__sort-button, .jb-tab, .jb-about__head, .jb-about__content, .jb-post__chapter, .jb-post__description, .jb-post__content, .jb-post__img-text, .jb-post__img-label {
  font-family: Alegreya Sans, sans-serif;
}

.jb-topic__title, .jb-header__banner-title {
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-topic__title, .jb-header__banner-title {
    font-size: 2rem;
  }
}

h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name, .user-agreement__title, .jb-404__text, .jb-post__title {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name, .user-agreement__title, .jb-404__text, .jb-post__title {
    font-size: 1.125rem;
  }
}

.jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-category__title, .jb-about__form-text, .jb-post__buy-post-text {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-category__title, .jb-about__form-text, .jb-post__buy-post-text {
    font-size: 1.125rem;
  }
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, input,
textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description, .jb-section__sort-button, .jb-about__content, .jb-post__chapter, .jb-post__content {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-pagination__page, input,
  textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description, .jb-section__sort-button, .jb-about__content, .jb-post__chapter, .jb-post__content {
    font-size: 0.875rem;
  }
}

.jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-card__label, .jb-card__tag, .jb-tab, .jb-post__img-text, .jb-post__img-label {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.jb-topic::before, .jb-topic::after {
  content: "";
  width: 32px;
  height: 16px;
  background-image: url("img/icons/triangle.svg");
  display: block;
  position: absolute;
}

.jb-settings__heading, .jb-about__head, .jb-about__content, .jb-about__form-container, .jb-post__title, .jb-post__description, .jb-post__content, .jb-post__activity, .jb-post__buy-post-container {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-settings__heading, .jb-about__head, .jb-about__content, .jb-about__form-container, .jb-post__title, .jb-post__description, .jb-post__content, .jb-post__activity, .jb-post__buy-post-container {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}

.jb-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #343579;
}
@media (max-width: 768px) {
  .jb-pagination .jb-button {
    padding: 0 !important;
    border: none !important;
  }
}
.jb-pagination__arrow {
  display: none;
  background-image: url("../../img/icons/button-arrow.svg");
  width: 16px;
  height: 16px;
}
.jb-pagination__arrow--right {
  transform: scaleX(-1);
}
@media (max-width: 768px) {
  .jb-pagination__arrow {
    display: block;
  }
}
@media (max-width: 768px) {
  .jb-pagination > button div {
    display: none;
  }
}
.jb-pagination button {
  width: -moz-max-content;
  width: max-content;
}
.jb-pagination__pages {
  display: flex;
  gap: 0.25rem;
}
.jb-pagination__page {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-feature-settings: "case" on;
  line-height: 100%;
}
.jb-pagination__page a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
}
.jb-pagination__page--active {
  border-radius: 0.5rem;
  border: 1px solid rgba(52, 53, 121, 0.3);
  color: rgba(52, 53, 121, 0.6);
  cursor: default;
}
.dark-theme .jb-pagination a,
.dark-theme .jb-pagination button,
.dark-theme .jb-pagination li {
  color: #E1E1DC;
  border-color: #E1E1DC;
}
.dark-theme .jb-pagination button a:hover {
  color: #343579 !important;
  border-color: #343579 !important;
}

.jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, h2, .jb-card__title, .jb-topic__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-header__banner-title, .jb-header__banner-info, .jb-header__user-fio, .jb-header__secondary-logo div, .jb-header__banner-user-name, .jb-category__title, .user-agreement__title, .jb-404__container div, .jb-404__text, .jb-about__form-text, .jb-post__title, .jb-post__buy-post-text {
  font-family: Prata, sans-serif;
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, .jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, input,
textarea, .nice-select .option, .nice-select .current, .jb-card__label, .jb-card__text, .jb-card__tag, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-heading__show, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-role, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description, .jb-section__sort-button, .jb-tab, .jb-about__head, .jb-about__content, .jb-post__chapter, .jb-post__description, .jb-post__content, .jb-post__img-text, .jb-post__img-label, .jb-pagination__page {
  font-family: Alegreya Sans, sans-serif;
}

.jb-topic__title, .jb-header__banner-title {
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-topic__title, .jb-header__banner-title {
    font-size: 2rem;
  }
}

h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name, .user-agreement__title, .jb-404__text, .jb-post__title {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name, .user-agreement__title, .jb-404__text, .jb-post__title {
    font-size: 1.125rem;
  }
}

.jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-category__title, .jb-about__form-text, .jb-post__buy-post-text {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-preview__title, .jb-comments__login-text, .jb-comments__title-wrapper div, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-category__title, .jb-about__form-text, .jb-post__buy-post-text {
    font-size: 1.125rem;
  }
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, input,
textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description, .jb-section__sort-button, .jb-about__content, .jb-post__chapter, .jb-post__content, .jb-pagination__page {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-comments__notification, .jb-comments__item, .jb-comments__title-wrapper span, input,
  textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description, .jb-section__sort-button, .jb-about__content, .jb-post__chapter, .jb-post__content, .jb-pagination__page {
    font-size: 0.875rem;
  }
}

.jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-comments__author-wrapper span, .jb-card__label, .jb-card__tag, .jb-tab, .jb-post__img-text, .jb-post__img-label {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.jb-topic::before, .jb-topic::after {
  content: "";
  width: 32px;
  height: 16px;
  background-image: url("img/icons/triangle.svg");
  display: block;
  position: absolute;
}

.jb-settings__heading, .jb-about__head, .jb-about__content, .jb-about__form-container, .jb-post__title, .jb-post__description, .jb-post__content, .jb-post__activity, .jb-post__buy-post-container {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-settings__heading, .jb-about__head, .jb-about__content, .jb-about__form-container, .jb-post__title, .jb-post__description, .jb-post__content, .jb-post__activity, .jb-post__buy-post-container {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}

/*example font-size:30px;  font-size:pxToRem(30); */
.jb-comments {
  color: #343579;
}
.jb-comments__head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  gap: 0.5rem;
}
@media (max-width: 768px) {
  .jb-comments__head {
    flex-direction: column;
    margin-bottom: 1rem;
  }
}
.jb-comments__title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 768px) {
  .jb-comments__title-wrapper {
    align-self: flex-start;
  }
}
.jb-comments__title-wrapper span {
  font-feature-settings: "case" on;
}
.jb-comments__title-wrapper--hidden {
  display: none;
}
.jb-comments__items {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  border-radius: 1rem;
  background-color: #343579;
  padding: 0.0625rem;
  margin-bottom: 1.5rem;
}
.jb-comments__item {
  background-color: #F1F0E6;
  padding: 0;
  border-radius: 1rem;
}
.jb-comments:not(.my-account) .jb-comments__item[data-comment-pinned=yes] > .comment-body {
  background-color: #343579;
  color: #F1F0E6;
  border-radius: 1rem;
}
.jb-comments:not(.my-account) .jb-comments__item[data-comment-pinned=yes] > .comment-body .jb-comments__text {
  border-color: rgba(241, 240, 230, 0.3) !important;
}
.jb-comments:not(.my-account) .jb-comments__item[data-comment-pinned=yes] > .comment-body .jb-comments__author-role {
  color: var(--secondary);
}
.jb-comments:not(.my-account) .jb-comments__item[data-comment-pinned=yes] > .comment-body .jb-comments__dots svg path {
  stroke: rgba(241, 240, 230, 0.6);
}
.jb-comments:not(.my-account) .jb-comments__item[data-comment-pinned=yes] > .comment-body .jb-comments__pin-status {
  display: block;
}
.jb-comments__item[data-comment-pinned=no] {
  background-color: var(--white-ish);
  color: var(--primary);
}
.jb-comments__item .comment-body {
  position: relative;
  padding: 1.5rem;
}
.jb-comments__item-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.jb-comments__item-head button {
  width: -moz-max-content;
  width: max-content;
  height: 1.5rem;
}
.jb-comments__author {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.jb-comments__author-wrapper div {
  font-size: 16px !important;
}
.jb-comments__author-wrapper span {
  color: rgba(52, 53, 121, 0.6);
}
.jb-comments__text {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
  font-size: 16px !important;
}
.jb-comments__text * {
  word-break: break-word;
}
.jb-comments__actions {
  justify-content: space-between;
  align-items: center;
}
.jb-comments__actions, .jb-comments__reactions, .jb-comments__reaction-item {
  display: flex;
  justify-content: space-between;
}
.jb-comments__reactions {
  gap: 1.5rem;
  align-items: center;
  font-size: 16px !important;
}
.jb-comments__reaction-item {
  gap: 0.25rem;
  align-items: center;
}
.jb-comments__reaction-item:nth-child(2) svg {
  position: relative;
  top: 0.0625rem;
}
.jb-comments__dots {
  height: 1.5rem;
  cursor: pointer;
}
.jb-comments__form {
  padding: 1.5rem;
  border-radius: 1rem;
  border: 1px solid #343579;
  background: #F1F0E6;
}
.jb-comments__form textarea {
  width: 100%;
  margin-bottom: 1rem;
}
.jb-comments__form-button {
  display: flex;
  justify-content: end;
}
.jb-comments__form-button button {
  max-width: -moz-max-content;
  max-width: max-content;
}
.jb-comments__login-purpose {
  padding: 1.5rem;
  background-color: #343579;
  border-radius: 1rem;
}
.jb-comments__login-purpose button {
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 0 auto;
}
.jb-comments__login-text {
  text-align: center;
  margin-bottom: 24px;
  color: #F1F0E6;
}
.jb-comments div.jb-comments__login-text.jb-comments__login-text--line-height {
  line-height: 1.3;
}
.jb-comments__button-content {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .jb-comments__categories {
    width: 100%;
  }
  .jb-comments__categories .jb-select--comments {
    width: 100%;
  }
}
.jb-comments__notification {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  color: #343579;
}
@media (max-width: 768px) {
  .jb-comments__notification div {
    max-width: 85px;
  }
  .jb-comments__notification {
    align-items: start;
  }
}
.jb-comments__show-more {
  width: 100%;
  padding-top: 0.5rem;
}
.jb-comments__show-more button {
  margin: 0 auto;
  width: -moz-max-content;
  width: max-content;
}
.jb-comments__pin-status {
  display: none;
  cursor: default;
  pointer-events: none;
}
.jb-comments__settings {
  position: absolute;
  top: calc(100% - 2.5rem);
  right: -1rem;
  z-index: 9;
}
.jb-comments__settings-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
  border-radius: 1rem;
  background-color: var(--primary);
  color: var(--white-ish);
  outline: 1px solid var(--white-ish);
}
.jb-comments__settings-list li:not(.jb-comments__settings-close) {
  line-height: 1rem;
  padding: 0.5rem 0;
  cursor: pointer;
  border-top: 1px solid rgba(241, 240, 230, 0.3);
}
.jb-comments__settings-close {
  width: -moz-fit-content;
  width: fit-content;
  height: 1.5rem;
  margin-left: auto;
  cursor: pointer;
}
.jb-comments__settings-close svg path {
  stroke: var(--white-ish);
}

.jb-preview__title, h2, .jb-card__title, .jb-topic__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-header__banner-title, .jb-header__banner-info, .jb-header__user-fio, .jb-header__secondary-logo div, .jb-header__banner-user-name, .jb-category__title, .user-agreement__title, .jb-404__container div, .jb-404__text, .jb-about__form-text, .jb-post__title, .jb-post__buy-post-text, .jb-comments__title-wrapper div, .jb-comments__login-text {
  font-family: Prata, sans-serif;
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, .jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, input,
textarea, .nice-select .option, .nice-select .current, .jb-card__label, .jb-card__text, .jb-card__tag, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-heading__show, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-role, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description, .jb-section__sort-button, .jb-tab, .jb-about__head, .jb-about__content, .jb-post__chapter, .jb-post__description, .jb-post__content, .jb-post__img-text, .jb-post__img-label, .jb-pagination__page, .jb-comments__title-wrapper span, .jb-comments__item, .jb-comments__author-wrapper span, .jb-comments__notification {
  font-family: Alegreya Sans, sans-serif;
}

.jb-topic__title, .jb-header__banner-title {
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-topic__title, .jb-header__banner-title {
    font-size: 2rem;
  }
}

h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name, .user-agreement__title, .jb-404__text, .jb-post__title {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name, .user-agreement__title, .jb-404__text, .jb-post__title {
    font-size: 1.125rem;
  }
}

.jb-preview__title, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-category__title, .jb-about__form-text, .jb-post__buy-post-text, .jb-comments__title-wrapper div, .jb-comments__login-text {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-preview__title, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-category__title, .jb-about__form-text, .jb-post__buy-post-text, .jb-comments__title-wrapper div, .jb-comments__login-text {
    font-size: 1.125rem;
  }
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, input,
textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description, .jb-section__sort-button, .jb-about__content, .jb-post__chapter, .jb-post__content, .jb-pagination__page, .jb-comments__title-wrapper span, .jb-comments__item, .jb-comments__notification {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-settings__edit, .jb-settings, input,
  textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description, .jb-section__sort-button, .jb-about__content, .jb-post__chapter, .jb-post__content, .jb-pagination__page, .jb-comments__title-wrapper span, .jb-comments__item, .jb-comments__notification {
    font-size: 0.875rem;
  }
}

.jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-card__label, .jb-card__tag, .jb-tab, .jb-post__img-text, .jb-post__img-label, .jb-comments__author-wrapper span {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.jb-topic::before, .jb-topic::after {
  content: "";
  width: 32px;
  height: 16px;
  background-image: url("img/icons/triangle.svg");
  display: block;
  position: absolute;
}

.jb-settings__heading, .jb-about__head, .jb-about__content, .jb-about__form-container, .jb-post__title, .jb-post__description, .jb-post__content, .jb-post__activity, .jb-post__buy-post-container {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-settings__heading, .jb-about__head, .jb-about__content, .jb-about__form-container, .jb-post__title, .jb-post__description, .jb-post__content, .jb-post__activity, .jb-post__buy-post-container {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}

/*example font-size:30px;  font-size:pxToRem(30); */
.jb-settings {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  color: #343579;
}
@media (max-width: 768px) {
  .jb-settings {
    gap: 1rem;
  }
}
.jb-settings__columns {
  display: flex;
  flex-direction: row;
  gap: 2rem;
}
@media (max-width: 768px) {
  .jb-settings__columns {
    flex-direction: column;
    gap: 1rem;
  }
}
.jb-settings__column {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.jb-settings__box {
  padding: 1.5rem;
  border-radius: 1rem;
  border: 1px solid rgba(52, 53, 121, 0.3);
  height: -moz-max-content;
  height: max-content;
}
.jb-settings__heading {
  padding-bottom: 1rem;
  border-color: #343579;
}
.jb-settings__input-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  margin-top: 0.5rem;
}
.jb-settings__input-container input, .jb-settings__input-container span:has(input), .jb-settings__input-container div.jb-select {
  width: 100%;
}
.jb-settings__user-wrapper {
  margin-bottom: 1.5rem;
}
.jb-settings__edit {
  display: flex;
  gap: 0.25rem;
  color: #343579;
  align-items: center;
  cursor: pointer;
  background: none;
  outline: none;
  border: none;
}
.jb-settings__reset-password div {
  margin-bottom: 0.5rem;
}
.jb-settings__reset-password button {
  width: -moz-max-content;
  width: max-content;
}
.jb-settings__container {
  display: flex;
  gap: 2rem;
  flex-direction: column;
}
.jb-settings__checkboxes {
  display: flex;
  gap: 1.5rem;
  flex-direction: column;
}
.jb-settings__new-avatar-container p:first-child, .jb-settings__clear-avatar-container p:first-child {
  margin-bottom: 24px;
}
.jb-settings__new-avatar-container img {
  pointer-events: auto !important;
}
.jb-settings__preview-avatar {
  cursor: pointer;
}
.jb-settings__new-avatar {
  display: none;
}
.jb-settings__new-avatar-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.jb-settings__new-avatar-error {
  margin: 24px 0 0 0;
  color: #800;
}

.jb-preview__title, h2, .jb-card__title, .jb-topic__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-header__banner-title, .jb-header__banner-info, .jb-header__user-fio, .jb-header__secondary-logo div, .jb-header__banner-user-name, .jb-category__title, .user-agreement__title, .jb-404__container div, .jb-404__text, .jb-about__form-text, .jb-post__title, .jb-post__buy-post-text, .jb-comments__title-wrapper div, .jb-comments__login-text {
  font-family: Prata, sans-serif;
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, input,
textarea, .nice-select .option, .nice-select .current, .jb-card__label, .jb-card__text, .jb-card__tag, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-heading__show, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-role, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description, .jb-section__sort-button, .jb-tab, .jb-about__head, .jb-about__content, .jb-post__chapter, .jb-post__description, .jb-post__content, .jb-post__img-text, .jb-post__img-label, .jb-pagination__page, .jb-comments__title-wrapper span, .jb-comments__item, .jb-comments__author-wrapper span, .jb-comments__notification, .jb-settings, .jb-settings__edit {
  font-family: Alegreya Sans, sans-serif;
}

.jb-topic__title, .jb-header__banner-title {
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-topic__title, .jb-header__banner-title {
    font-size: 2rem;
  }
}

h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name, .user-agreement__title, .jb-404__text, .jb-post__title {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name, .user-agreement__title, .jb-404__text, .jb-post__title {
    font-size: 1.125rem;
  }
}

.jb-preview__title, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-category__title, .jb-about__form-text, .jb-post__buy-post-text, .jb-comments__title-wrapper div, .jb-comments__login-text {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-preview__title, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-category__title, .jb-about__form-text, .jb-post__buy-post-text, .jb-comments__title-wrapper div, .jb-comments__login-text {
    font-size: 1.125rem;
  }
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, input,
textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description, .jb-section__sort-button, .jb-about__content, .jb-post__chapter, .jb-post__content, .jb-pagination__page, .jb-comments__title-wrapper span, .jb-comments__item, .jb-comments__notification, .jb-settings, .jb-settings__edit {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, input,
  textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description, .jb-section__sort-button, .jb-about__content, .jb-post__chapter, .jb-post__content, .jb-pagination__page, .jb-comments__title-wrapper span, .jb-comments__item, .jb-comments__notification, .jb-settings, .jb-settings__edit {
    font-size: 0.875rem;
  }
}

.jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-card__label, .jb-card__tag, .jb-tab, .jb-post__img-text, .jb-post__img-label, .jb-comments__author-wrapper span {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.jb-topic::before, .jb-topic::after {
  content: "";
  width: 32px;
  height: 16px;
  background-image: url("img/icons/triangle.svg");
  display: block;
  position: absolute;
}

.jb-about__head, .jb-about__content, .jb-about__form-container, .jb-post__title, .jb-post__description, .jb-post__content, .jb-post__activity, .jb-post__buy-post-container, .jb-settings__heading {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-about__head, .jb-about__content, .jb-about__form-container, .jb-post__title, .jb-post__description, .jb-post__content, .jb-post__activity, .jb-post__buy-post-container, .jb-settings__heading {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}

/*example font-size:30px;  font-size:pxToRem(30); */
.jb-checkout {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .jb-checkout {
    flex-direction: column;
    gap: 16px;
  }
}
.jb-checkout__box {
  width: 100%;
  max-width: 350px;
  padding: 1.5rem;
  border-radius: 1rem;
  border: 1px solid rgba(52, 53, 121, 0.3);
  height: -moz-max-content;
  height: max-content;
}
@media (max-width: 1024px) {
  .jb-checkout__box {
    max-width: 100%;
  }
}
.jb-checkout__box h2 {
  font-size: 24px;
  padding-bottom: 16px;
}
.jb-checkout__form {
  width: 100%;
  padding: 0;
  border: 0;
  margin: 0;
  border-spacing: 0;
}
.jb-checkout__form tr {
  display: grid;
}
.jb-checkout__form td {
  padding: 0;
  border: 0;
}
.jb-checkout__form tbody tr {
  padding: 24px 0 16px 0;
  grid-template-columns: 102px 132px;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 480px) {
  .jb-checkout__form tbody tr {
    grid-template-columns: 88px 124px;
  }
}
.jb-checkout__form tbody td:first-child {
  grid-column-start: 1;
  grid-row-start: 1;
  margin-right: 16px;
}
.jb-checkout__form tbody td:first-child img {
  display: block;
  height: 56px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 480px) {
  .jb-checkout__form tbody td:first-child img {
    height: 48px;
  }
}
.jb-checkout__form tbody td:last-child {
  grid-column-end: 4;
  grid-column-start: 2;
  grid-row-start: 1;
  justify-self: stretch;
  padding: 0;
}
.jb-checkout__form tbody td:last-child .product-name {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 12px;
  gap: 8px;
  line-height: 1.2;
}
.jb-checkout__form tbody td:last-child .product-name:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("img/icons/book.svg");
  background-size: auto;
  background-position: top;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.jb-checkout__form tbody td:last-child .product-name + span {
  display: inline-block;
  line-height: 1;
  background-color: var(--secondary);
  color: var(--primary);
  padding: 4px 12px;
  border-radius: var(--default-border-radius);
}
.jb-checkout__form tfoot .jb-checkout__coupon {
  display: block;
  padding: 24px 0;
}
.jb-checkout__form tfoot .jb-checkout__coupon td {
  display: block;
}
.jb-checkout__form tfoot .jb-checkout__coupon-form {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-top: 16px;
}
@media (max-width: 768px) {
  .jb-checkout__form tfoot .jb-checkout__coupon-form {
    flex-wrap: wrap;
  }
}
.jb-checkout__form tfoot .jb-checkout__coupon-input {
  width: 164px;
  height: 35px;
}
.jb-checkout__form tfoot .jb-checkout__coupon-status {
  display: none;
  color: red;
  margin-top: 16px;
}
.jb-checkout__form tfoot .jb-checkout__coupon-status.showed {
  display: block;
}
.jb-checkout__form tfoot .jb-checkout__coupon-apply {
  max-width: 160px;
}
.jb-checkout__form tfoot .order-total {
  padding: 24px 0;
  border-top: 1px solid rgb(52, 53, 121);
}
.jb-checkout__form tfoot .order-total td {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.jb-checkout__form tfoot .order-total span {
  font-family: Prata, sans-serif;
  font-size: 24px;
  line-height: 1;
  font-weight: 400;
}
.jb-checkout #payment {
  background: transparent !important;
}
.jb-checkout__submit {
  width: 100% !important;
  float: none !important;
  font-family: Alegreya Sans, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  background: var(--secondary) !important;
  color: var(--primary) !important;
  border-radius: 24px !important;
}
.jb-checkout__terms {
  margin-top: 24px;
}
form.checkout:has(ul.woocommerce-error li[data-id=terms]) .jb-checkout__terms label {
  color: red;
}
.jb-checkout__terms:has(input:checked) label {
  color: var(--primary) !important;
}
.jb-checkout .cart-discount {
  text-align: left;
  margin-top: 24px;
}
.jb-checkout__note {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}
.jb-checkout__note-label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.jb-checkout__note-label svg {
  transition: transform 0.2s ease;
  transform: rotate(180deg);
}
.jb-checkout__note-text {
  margin-top: 16px;
  width: 100%;
  padding: 12px 16px;
  display: none;
}
.jb-checkout__note-text:focus, .jb-checkout__note-text:focus-visible {
  outline: 0;
}
.jb-checkout__note-text::-moz-placeholder {
  color: rgba(52, 53, 121, 0.6);
}
.jb-checkout__note-text::placeholder {
  color: rgba(52, 53, 121, 0.6);
}
.jb-checkout__note.visible-text-field .jb-checkout__note-label svg {
  transform: rotate(360deg);
}
.jb-checkout__note.visible-text-field .jb-checkout__note-text {
  display: block;
}
.jb-checkout .wc_payment_methods {
  padding: 0 !important;
  border-bottom: 0 !important;
  margin-top: 24px !important;
}
.jb-checkout .wc_payment_method {
  display: flex;
  align-items: center;
}
.jb-checkout .wc_payment_method input {
  display: none;
}
.jb-checkout .wc_payment_method label {
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.jb-checkout .wc_payment_method label:before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 16px;
  border: 1px solid rgba(52, 53, 121, 0.3);
  flex-shrink: 0;
}
.jb-checkout .wc_payment_method label:after {
  content: "";
  position: absolute;
  left: 5px;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: transparent;
  flex-shrink: 0;
}
.jb-checkout .wc_payment_method + .wc_payment_method {
  margin-top: 4px !important;
}
.jb-checkout .wc_payment_method input:checked + label:after {
  background: var(--primary);
}

.jb-preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: var(--white-ish);
  z-index: 999999999;
}
.jb-preloader img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  animation: fadeIn 0.3s ease-in-out 3s forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.jb-entertaining__title {
  border: none;
}

.jb-notice {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.jb-notice .woocommerce-error,
.jb-notice .woocommerce-info,
.jb-notice .woocommerce-message {
  position: absolute;
  top: 0;
  z-index: 99999999;
  background-color: #F1F0E6;
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 0.625rem;
}

/*example font-size:30px;  font-size:pxToRem(30); */
.jb-preview__title, h2, .jb-card__title, .jb-topic__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-header__banner-title, .jb-header__banner-info, .jb-header__user-fio, .jb-header__secondary-logo div, .jb-header__banner-user-name, .jb-category__title, .user-agreement__title, .jb-404__container div, .jb-404__text, .jb-about__form-text, .jb-post__title, .jb-post__buy-post-text, .jb-comments__title-wrapper div, .jb-comments__login-text {
  font-family: Prata, sans-serif;
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, .jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, input,
textarea, .nice-select .option, .nice-select .current, .jb-card__label, .jb-card__text, .jb-card__tag, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-heading__show, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-role, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description, .jb-section__sort-button, .jb-tab, .jb-about__head, .jb-about__content, .jb-post__chapter, .jb-post__description, .jb-post__content, .jb-post__img-text, .jb-post__img-label, .jb-pagination__page, .jb-comments__title-wrapper span, .jb-comments__item, .jb-comments__author-wrapper span, .jb-comments__notification, .jb-settings, .jb-settings__edit {
  font-family: Alegreya Sans, sans-serif;
}

.jb-topic__title, .jb-header__banner-title {
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-topic__title, .jb-header__banner-title {
    font-size: 2rem;
  }
}

h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name, .user-agreement__title, .jb-404__text, .jb-post__title {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  h2, .jb-header__banner-info, .jb-header__user-fio, .jb-header__banner-user-name, .user-agreement__title, .jb-404__text, .jb-post__title {
    font-size: 1.125rem;
  }
}

.jb-preview__title, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-category__title, .jb-about__form-text, .jb-post__buy-post-text, .jb-comments__title-wrapper div, .jb-comments__login-text {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 768px) {
  .jb-preview__title, .jb-card__title, .jb-heading, .jb-footer__logo-title, .jb-modal__title, .jb-category__title, .jb-about__form-text, .jb-post__buy-post-text, .jb-comments__title-wrapper div, .jb-comments__login-text {
    font-size: 1.125rem;
  }
}

.jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, input,
textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description, .jb-section__sort-button, .jb-about__content, .jb-post__chapter, .jb-post__content, .jb-pagination__page, .jb-comments__title-wrapper span, .jb-comments__item, .jb-comments__notification, .jb-settings, .jb-settings__edit {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 768px) {
  .jb-preview__back-link, .jb-preview__description-text, .jb-preview__description-label, .jb-preview__btn, .jb-preview__contributor-name, .jb-preview__meta-item, .jb-preview__text, input,
  textarea, .nice-select .current, .jb-card__text, .jb-card__author-name, .jb-card__comments-quantity, .jb-18plus, .jb-topic__content-type, .jb-topic__text, .jb-button, .jb-footer__items, .jb-footer__logo-description, .jb-footer li, .jb-modal__sing-in-question, .jb-modal__sing-in, .jb-modal__text, .jb-checkbox, .jb-header__banner--secondary .jb-header__banner-info, .jb-header__menu, .jb-header__translate-item, .jb-header__mobile-dropdown-container, .jb-header__search-input, .jb-header__favorites a, .jb-header__user, .jb-header__cart, .jb-header__user-role, .jb-header__registration-date, .jb-header__post-details, .jb-header__banner-user-registration, .jb-header__banner-param, .jb-category__item a, .jb-cookie__text, .user-agreement__container p, .jb-404__description, .jb-section__sort-button, .jb-about__content, .jb-post__chapter, .jb-post__content, .jb-pagination__page, .jb-comments__title-wrapper span, .jb-comments__item, .jb-comments__notification, .jb-settings, .jb-settings__edit {
    font-size: 0.875rem;
  }
}

.jb-preview__tag, .jb-preview__action, .jb-preview__read-note, .jb-preview__badge, .jb-preview__contributor-role, .jb-preview__short-desc, .jb-card__label, .jb-card__tag, .jb-tab, .jb-post__img-text, .jb-post__img-label, .jb-comments__author-wrapper span {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.jb-topic::before, .jb-topic::after {
  content: "";
  width: 32px;
  height: 16px;
  background-image: url("img/icons/triangle.svg");
  display: block;
  position: absolute;
}

.jb-about__head, .jb-about__content, .jb-about__form-container, .jb-post__title, .jb-post__description, .jb-post__content, .jb-post__activity, .jb-post__buy-post-container, .jb-settings__heading {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-about__head, .jb-about__content, .jb-about__form-container, .jb-post__title, .jb-post__description, .jb-post__content, .jb-post__activity, .jb-post__buy-post-container, .jb-settings__heading {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}

.jb-preview__top {
  display: flex;
  gap: 1rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
@media (max-width: 768px) {
  .jb-preview__top {
    flex-direction: column;
    gap: 1.5rem;
  }
}
.jb-preview__img-wrap {
  position: relative;
  overflow: hidden;
  min-width: 18.75rem;
  max-width: 18.75rem;
}
@media (max-width: 768px) {
  .jb-preview__img-wrap {
    min-width: 13.75rem;
    max-width: 13.75rem;
    align-self: center;
  }
}
.jb-preview__img-wrap img {
  width: 100%;
  height: 100%;
  border-radius: 0.75rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.jb-preview__short-desc {
  margin-top: 1rem;
  background-color: rgba(52, 53, 121, 0.2);
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.jb-preview__label-icon {
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.jb-preview__title, .jb-preview__text {
  color: #343579;
}
.jb-preview__title {
  margin-top: 2px;
}
.jb-preview__meta-item--main {
  color: rgba(52, 53, 121, 0.6);
}
.jb-preview__meta-item:last-child {
  margin-top: 0.25rem;
}
.jb-preview__contributors {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.jb-preview__contributor {
  display: flex;
  gap: 0.5rem;
}
.jb-preview__contributor-avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
.jb-preview__contributor-info {
  display: flex;
  flex-direction: column;
}
.jb-preview__contributor-role {
  font-size: 0.75rem;
}
@media (max-width: 768px) {
  .jb-preview__contributor-name {
    font-size: 1rem;
  }
}
.jb-preview__badges {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.jb-preview__badge {
  font-size: 1rem;
}
.jb-preview__badge--age {
  padding: 0.25rem 0.75rem;
  border: 1px solid rgba(52, 53, 121, 0.3);
  border-radius: 1rem;
}
.jb-preview__badge--category {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  padding: 0.1875rem 0.5rem;
  border-radius: 1rem;
}
.jb-preview__badge--category-books {
  background-color: #CDE0A1;
}
.jb-preview__badge--category-diaries {
  background-color: #BFDAE9;
}
.jb-preview__badge--category-memoirs {
  background-color: #E9BFDA;
}
.jb-preview__badge--category-sketch {
  background-color: #C0BFE9;
}
.jb-preview__badge--category-collections {
  background-color: #BFE9D9;
}
.jb-preview__badge--category-true-crime {
  background-color: #E9BFBF;
}
.jb-preview__badge--comments, .jb-preview__badge--time {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.jb-preview__badge--comments svg, .jb-preview__badge--time svg {
  width: 1.5rem;
  height: 1.5rem;
}
.jb-preview__actions {
  display: flex;
  gap: 1rem;
  margin-top: 1.5rem;
}
.jb-preview__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.5rem;
  min-width: 10.75rem;
  width: auto;
  border-radius: 1.5rem;
  color: #343579;
}
@media (max-width: 768px) {
  .jb-preview__btn {
    min-width: 0;
    width: 100%;
  }
}
.jb-preview__btn--buy {
  background-color: #DDBD93;
  border: 1px solid #DDBD93;
}
.jb-preview__btn--buy:hover {
  opacity: 0.8;
}
.jb-preview__btn--read {
  border: 1px solid rgba(52, 53, 121, 0.3);
}
.jb-preview__read-note {
  margin-top: 1rem;
}
.jb-preview__secondary-actions {
  display: flex;
  gap: 1.5rem;
  margin-top: 1.5rem;
}
.jb-preview__action {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  color: #343579;
  background: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.jb-preview__action svg {
  width: 1.5rem;
  height: 1.5rem;
}
.jb-preview__action--share {
  border: none;
  cursor: pointer;
}
.jb-preview__action--favorite {
  white-space: nowrap;
}
.jb-preview__description {
  margin-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(52, 53, 121, 0.3);
}
.jb-preview__description-text {
  line-height: 150%;
}
.jb-preview__description-label {
  color: rgba(52, 53, 121, 0.6);
  margin-bottom: 0.5rem;
}
.jb-preview__tags {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.jb-preview__tag {
  font-size: 0.875rem;
  padding: 0.3125rem 0.75rem;
  border-radius: 1rem;
  background-color: rgba(52, 53, 121, 0.3);
}
.jb-preview__back {
  display: flex;
  justify-content: center;
}
.jb-preview__back-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1.5rem 0.5rem 1rem;
  border: 1px solid rgba(52, 53, 121, 0.3);
  border-radius: 1.5rem;
  color: #343579;
}
.jb-preview__back-link svg {
  width: 1rem;
  height: 1rem;
}
.jb-preview .jb-heading__show {
  white-space: nowrap;
  height: 100%;
}
.jb-preview .jb-heading {
  line-height: 1;
}
.jb-preview .jb-container--mobile {
  padding-right: 0;
}

/*@import 'modules/jb-bem-block';  for example *//*# sourceMappingURL=style.css.map */