/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/wiki/wikiToc/styles.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_toc__d1B5h {
  position: -webkit-sticky;
  position: sticky;
  top: 32px;
  align-self: start;
  max-height: calc(100vh - 64px);
  overflow-y: auto;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  padding-left: 20px;
}
@media (max-width: 1279px) {
  .styles_toc__d1B5h {
    display: none;
  }
}

.styles_toc__list__8lq7r {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.styles_toc__link__mOQ1S {
  color: #8f8fa3;
  font-size: 15px;
  line-height: 20px;
  transition: color 0.25s;
}
.styles_toc__link__mOQ1S:hover {
  color: #fff;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/wiki/artComponents/artHeader/styles.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_header__5Xloc {
  margin: 48px 0 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #fff;
  font-family: var(--inter);
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  scroll-margin-top: 32px;
}
@media (max-width: 767px) {
  .styles_header__5Xloc {
    font-size: 24px;
    line-height: 30px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/wiki/artComponents/artParagraph/styles.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_paragraph__GMc04 {
  margin: 16px 0;
  color: #c7c7d1;
  font-size: 17px;
  line-height: 27px;
  white-space: pre-line;
}
@media (max-width: 767px) {
  .styles_paragraph__GMc04 {
    font-size: 16px;
    line-height: 25px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/wiki/artComponents/artInformer/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_informer__oLZEP {
  margin: 24px 0;
  padding: 20px 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-left: 3px solid var(--first-color);
  border-radius: 14px;
  background: rgba(91, 83, 255, 0.08);
}

.styles_informer__caption__5peu_ {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.styles_informer__caption__5peu_ + .styles_informer__text__0nArs {
  margin-top: 8px;
}

.styles_informer__icon__p_EHc {
  flex: 0 0 auto;
  width: 14px;
  height: 16px;
  fill: var(--first-color);
}

.styles_informer__text__0nArs {
  color: #c7c7d1;
  font-size: 15px;
  line-height: 24px;
  white-space: pre-line;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/wiki/artComponents/artImage/styles.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_figure__MceSP {
  margin: 28px 0 36px;
}
.styles_figure__MceSP img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}

.styles_figure__caption__c9mMP {
  margin-top: 12px;
  padding: 0 16px;
  color: #8f8fa3;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/wiki/artComponents/artImageList/styles.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_image_list__s4kcE {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  gap: 20px;
  margin: 28px 0 36px;
}
.styles_image_list__s4kcE figure {
  margin: 0;
}
@media (max-width: 767px) {
  .styles_image_list__s4kcE {
    grid-template-columns: 1fr;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/wiki/artComponents/artStepList/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_steps__k5N9H {
  counter-reset: art-step;
  list-style: none;
  margin: 24px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.styles_steps__item__6NCzI {
  counter-increment: art-step;
  position: relative;
  padding: 14px 18px 14px 56px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  color: #c7c7d1;
  font-size: 15px;
  line-height: 24px;
  white-space: pre-line;
}
.styles_steps__item__6NCzI::before {
  content: counter(art-step);
  position: absolute;
  left: 16px;
  top: 14px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--first-color);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/wiki/artComponents/artFactList/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_facts__nWstI {
  display: flex;
  flex-wrap: wrap;
  margin: 24px 0 40px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
  overflow: hidden;
}

.styles_facts__item__1XJWh {
  flex: 1 1 240px;
  min-width: 240px;
  padding: 16px 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.styles_facts__item__1XJWh:last-child {
  border-right: none;
}
@media (max-width: 480px) {
  .styles_facts__item__1XJWh {
    flex-basis: 100%;
  }
}

.styles_facts__title__QVHiP {
  margin-bottom: 6px;
  color: #8f8fa3;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 14px;
  text-transform: uppercase;
}

.styles_facts__value__2rD6M {
  color: #e8e8ef;
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/wiki/artComponents/artCardList/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_cards__ZBbjJ {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-gap: 24px;
  gap: 24px;
  align-items: stretch;
  margin: 24px 0;
}
@media (max-width: 767px) {
  .styles_cards__ZBbjJ {
    grid-template-columns: 1fr;
  }
}

.styles_cards__item__DBqsH {
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
  color: #c7c7d1;
  font-size: 15px;
  line-height: 24px;
  transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
}
.styles_cards__item__DBqsH:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
  border-color: rgba(91, 83, 255, 0.4);
}
.styles_cards__item__DBqsH h1,
.styles_cards__item__DBqsH h2,
.styles_cards__item__DBqsH h3,
.styles_cards__item__DBqsH h4 {
  margin: 0 0 12px;
  color: #fff;
  font-family: var(--inter);
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
}
.styles_cards__item__DBqsH p {
  margin: 8px 0;
}
.styles_cards__item__DBqsH p:last-child {
  margin-bottom: 0;
}
.styles_cards__item__DBqsH ul,
.styles_cards__item__DBqsH ol {
  margin: 8px 0 0;
  padding-left: 18px;
}
.styles_cards__item__DBqsH li {
  margin: 6px 0;
  font-size: 14px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/wiki/artComponents/artTable/styles.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_table__Ss30M {
  margin: 24px 0 32px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
  overflow-x: auto;
}

.styles_table__element__iLXin {
  width: 100%;
  border-collapse: collapse;
}

.styles_table__head_cell__XSgKE {
  padding: 14px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: #212127;
  color: #8f8fa3;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 16px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

.styles_table__row__grZxS {
  transition: background 0.2s;
}
.styles_table__row__grZxS:hover {
  background: rgba(91, 83, 255, 0.05);
}
.styles_table__row__grZxS + .styles_table__row__grZxS .styles_table__cell__YdKjN {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.styles_table__cell__YdKjN {
  padding: 14px 20px;
  color: #c7c7d1;
  font-size: 15px;
  line-height: 22px;
  vertical-align: top;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/app/wiki/[articleSlug]/styles.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_article___Z9wE {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  grid-gap: 48px;
  gap: 48px;
}
@media (max-width: 1279px) {
  .styles_article___Z9wE {
    grid-template-columns: 1fr;
  }
}

.styles_article__body__d4iP5 {
  min-width: 0;
}

.styles_article__breadcrumb__glJSy {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #8f8fa3;
}

.styles_article__breadcrumb_link__mquLa {
  padding: 8px 16px;
  border-radius: 20px;
  background: rgba(91, 83, 255, 0.12);
  color: var(--first-color);
  font-size: 14px;
  line-height: 18px;
  transition: background 0.25s, color 0.25s;
}
.styles_article__breadcrumb_link__mquLa:hover {
  background: var(--first-color);
  color: #fff;
}

.styles_article__title__CzU_x {
  margin-top: 24px;
  color: #fff;
  font-family: var(--inter);
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
  letter-spacing: -0.8px;
}
@media (max-width: 767px) {
  .styles_article__title__CzU_x {
    font-size: 28px;
    line-height: 36px;
  }
}

.styles_article__lead__4pH_B {
  margin-top: 20px;
  max-width: 720px;
  color: #8f8fa3;
  font-size: 19px;
  line-height: 28px;
}
@media (max-width: 767px) {
  .styles_article__lead__4pH_B {
    font-size: 17px;
    line-height: 25px;
  }
}

.styles_article__content__Juqig {
  margin-top: 16px;
}