@charset "UTF-8";
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/Inter.woff2") format("woff2"), url("../fonts/Inter/Inter.woff") format("woff");
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  src: url("../fonts/Inter/Inter-Italic.woff2") format("woff2"), url("../fonts/Inter/Inter-Italic.woff") format("woff");
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

p {
  margin: 0;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
  outline: none;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

:root {
  --stroke: #2a313e;
  --stroke-rgb: 42, 49, 62;
  --gray: #1e1f22;
  --gray-rgb: 30, 31, 34;
  --gray-light: #7385a2;
  --description: #747474;
  --description-rgb: 116, 116, 116;
  --black: #0f1217;
  --black-rgb: 15, 18, 23;
  --total-black: #222222;
  --total-black-rgb: 34, 34, 34;
  --green: #DBFE01;
  --green-rgb: 219, 254, 1;
  --yellow: #ffc700;
  --yellow-hover: #f1ae00;
  --yellow-rgb: 255, 199, 0;
  --white: #f2f3f5;
  --white-rgb: 249, 249, 249;
  --main: #aeb5c0;
  --main-rgb: 174, 181, 192;
  --blue: #47b5ff;
  --blue-rgb: 71, 181, 255;
  --light-white: #bfd8ff;
  --light-white-rgb: rgb(191, 216, 255);
  --font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --red: #d32029;
  --purple: #854eca;
  --header-height-default: 78px;
  --top-offset: 50px;
  --medium-white-rgb: 191, 216, 255;
}

@media (max-width: 1140px) {
  :root {
    --top-offset: 20px;
  }
}
.container {
  max-width: 1250px;
  margin: 0 auto;
}

@media (max-width: 1350px) {
  .container {
    padding: 0px 10px;
  }
}
@media (max-width: 1290px) {
  .container {
    max-width: 1080px;
    padding: 0px;
  }
}
@media (max-width: 1140px) {
  .container {
    max-width: 814px;
  }
}
@media (max-width: 840px) {
  .container {
    max-width: 100%;
    padding: 0px 10px;
  }
}
*, *::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
   -ms-text-size-adjust: none;
       text-size-adjust: none;
}

body {
  background-color: var(--black);
  color: var(--main);
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 400;
  position: relative;
  max-width: 100%;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-optical-sizing: auto;
  overflow-y: scroll;
}
body.sidebar-active:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  z-index: 9;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
body.sidebar-active.active:after {
  opacity: 1;
}

.slide-top {
  position: fixed;
  bottom: 40px;
  right: 40px;
  border: 1px solid #2a313e;
  background-color: #1D222A;
  border-radius: 1000px;
  padding: 6px;
  width: 34px;
  height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  opacity: 0;
  pointer-events: none;
}
.slide-top.visible {
  opacity: 1;
  pointer-events: auto;
}
.slide-top svg {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.slide-top:hover svg {
  -webkit-transform: rotate(90deg) translateX(-2px);
          transform: rotate(90deg) translateX(-2px);
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

@media (max-width: 768px) {
  .slide-top {
    bottom: 20px;
    right: 20px;
  }
}
input:focus {
  caret-color: var(--yellow);
}

.circle {
  position: absolute;
  width: 1314px;
  height: 1314px;
  border-radius: 50%;
  background: #1A2632;
  -webkit-filter: blur(300px);
          filter: blur(300px);
  z-index: -1;
}
.circle.circle-first {
  top: 380px;
  left: -659px;
}
.circle.circle-second {
  top: 1633px;
  left: -825px;
  opacity: 0.1;
}
.circle.circle-third {
  top: -763px;
  right: -500px;
  opacity: 0.2;
  background: #75C7FF;
  -webkit-filter: blur(300px);
          filter: blur(300px);
}

::-webkit-scrollbar {
  width: 8px;
  background: rgba(191, 216, 255, 0.06);
  border-radius: 10px;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

::-webkit-scrollbar-thumb {
  background: rgba(191, 216, 255, 0.06);
  border-radius: 10px;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

div::-webkit-scrollbar {
  width: 4px;
  background: rgba(191, 216, 255, 0.06);
  border-radius: 10px;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: calc(100% - 40px);
}
div::-webkit-scrollbar-thumb {
  background: rgba(191, 216, 255, 0.06);
  border-radius: 10px;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.ham7 {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: -webkit-transform 400ms;
  transition: -webkit-transform 400ms;
  transition: transform 400ms;
  transition: transform 400ms, -webkit-transform 400ms;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ham7 path {
  fill: none;
  -webkit-transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: #fff;
  stroke-width: 5.5;
  stroke-linecap: round;
}
.ham7 .top {
  stroke-dasharray: 40 82;
}
.ham7 .middle {
  stroke-dasharray: 40 111;
}
.ham7 .bottom {
  stroke-dasharray: 40 161;
}

.mobile-menu-button.active svg {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.mobile-menu-button.active .top {
  stroke-dasharray: 17 82;
  stroke-dashoffset: -62px;
}
.mobile-menu-button.active .middle {
  stroke-dashoffset: 23px;
}
.mobile-menu-button.active .bottom {
  stroke-dashoffset: -83px;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.modal .complaint__other-reason textarea {
  margin-top: 10px;
  border-radius: 10px;
  border: 1px solid #232934;
  background: #171B22;
  padding: 12px;
  color: #fff;
  font-size: 14px;
  width: 100%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  max-width: 500px;
  height: 72px;
  resize: none;
}
.modal.modal--warning .modal__description {
  white-space: pre-wrap;
}
.modal.modal-support-choose .support-description {
  text-align: center;
  font-size: 14px;
}
.modal.modal-support-choose .support-method-btn {
  height: 32px;
  width: 100%;
  border: 1px solid var(--blue);
  height: 42px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
  color: var(--main);
  background: transparent;
}
.modal.modal-support-choose .support-method-btn:hover {
  background: var(--blue);
  color: var(--white);
}
.modal.modal-support-choose .modal__buttons {
  display: none;
}
.modal.modal-support-choose .modal__title {
  text-align: center;
}
.modal.modal-support-choose .modal__description {
  margin-bottom: 0px;
}
.modal.modal-support-choose .support-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
  gap: 10px;
}
.modal.modal-support .complaint__radio-group {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.modal.modal-support .modal__buttons {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.modal.modal-support .support-error {
  color: var(--blue);
  background: #171b22;
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 15px;
  font-size: 12px;
}
.modal.modal-support label {
  display: block;
  margin-bottom: 5px;
  margin-top: 15px;
}
.modal.modal-support input {
  border-radius: 10px;
  border: 1px solid #232934;
  background: #171B22;
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 14px;
  width: 100%;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  color: var(--main);
}
.modal.modal-support input::-webkit-input-placeholder {
  opacity: 0.5;
  color: var(--light-white-rgb);
}
.modal.modal-support input::-moz-placeholder {
  opacity: 0.5;
  color: var(--light-white-rgb);
}
.modal.modal-support input:-ms-input-placeholder {
  opacity: 0.5;
  color: var(--light-white-rgb);
}
.modal.modal-support input::-ms-input-placeholder {
  opacity: 0.5;
  color: var(--light-white-rgb);
}
.modal.modal-support input::placeholder {
  opacity: 0.5;
  color: var(--light-white-rgb);
}
.modal.modal-support input:focus {
  border-color: #3B82F6;
  outline: none;
}
.modal.modal-support input, .modal.modal-support textarea {
  border-radius: 10px;
  border: 1px solid #232934;
  background: #171B22;
  padding: 0px 16px;
  color: #fff;
  font-size: 14px;
  width: 100%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  max-width: 500px;
  height: 42px;
}
.modal.modal-support input:focus, .modal.modal-support textarea:focus {
  border-color: var(--main);
  outline: none;
}
.modal.modal-support input::-webkit-input-placeholder, .modal.modal-support textarea::-webkit-input-placeholder {
  opacity: 0.5;
  color: var(--light-white-rgb);
}
.modal.modal-support input::-moz-placeholder, .modal.modal-support textarea::-moz-placeholder {
  opacity: 0.5;
  color: var(--light-white-rgb);
}
.modal.modal-support input:-ms-input-placeholder, .modal.modal-support textarea:-ms-input-placeholder {
  opacity: 0.5;
  color: var(--light-white-rgb);
}
.modal.modal-support input::-ms-input-placeholder, .modal.modal-support textarea::-ms-input-placeholder {
  opacity: 0.5;
  color: var(--light-white-rgb);
}
.modal.modal-support input::placeholder, .modal.modal-support textarea::placeholder {
  opacity: 0.5;
  color: var(--light-white-rgb);
}
.modal.modal-support textarea {
  height: 107px;
  padding-top: 11px;
  padding-bottom: 11px;
  resize: none;
  line-height: 20px;
}
.modal.modal-support textarea::-webkit-scrollbar {
  width: 6px;
}
.modal.modal-support .reject-form textarea {
  height: 240px;
}
.modal.modal-full .modal__content {
  max-width: 550px;
}
.modal.modal-full .modal__buttons {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.modal.modal-preview-post .modal-preview .article__item, .modal.modal-preview-post .modal-preview .article-island__item {
  pointer-events: none;
}
.modal.modal-preview-post .modal__content {
  max-width: 920px;
  width: 100%;
}
.modal.modal-preview-post .modal__title {
  font-size: 16px;
  margin-bottom: 5px;
}
.modal.modal-preview-post .modal__description p {
  color: var(--light-white-rgb);
  opacity: 0.7;
}
.modal.modal-preview-post .modal__buttons {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.modal.modal-preview-post .article__image {
  margin: 15px -25px;
}
.modal.modal-preview-post .modal-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  width: 100%;
  padding: 10px;
  background: #171B22;
  border: 1px solid #3A424F;
  border-radius: 30px;
}
.modal.modal-preview-post .modal-preview .article__item {
  margin: 0;
}
.modal.modal-preview-post .modal-preview .article__item {
  -ms-flex-preferred-size: calc(70% - 5px);
      flex-basis: calc(70% - 5px);
}
.modal.modal-preview-post .modal-preview .article-island__item {
  -ms-flex-preferred-size: calc(30% - 5px);
      flex-basis: calc(30% - 5px);
}
.modal.modal-preview-post .modal-preview .article-island__item .navigation-buttons {
  margin-top: 15px;
}
.modal.modal-preview-post .modal-preview .modal__buttons {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.modal.modal-preview-post .modal-preview .article__description, .modal.modal-preview-post .modal-preview .article-island__title {
  min-height: auto;
  max-height: auto;
}
.modal.active {
  opacity: 1;
  visibility: visible;
}
.modal__content {
  background: #1D222A;
  border-radius: 15px;
  border: 1px solid #232934;
  width: 100%;
  max-width: 400px;
  position: relative;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 25px;
}
.active .modal__content {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.modal__close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  opacity: 0.6;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.modal__close img {
  width: 24px;
}
.modal__close:hover {
  opacity: 1;
}
.modal__title {
  font-size: 20px;
  color: #fff;
  margin-bottom: 15px;
  text-align: left;
}
.modal__description {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  margin-bottom: 25px;
  text-align: left;
  line-height: 160%;
}
.modal__description p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  text-align: left;
  line-height: 150%;
  margin-bottom: 12px;
}
.modal__description p:last-child {
  margin-bottom: 0;
}
.modal__description em {
  color: var(--yellow);
  font-style: normal;
}
.modal__description em a {
  color: var(--yellow);
}
.modal__description a:not(.sub-modal-author) {
  color: var(--blue);
}
.modal__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.modal__button {
  padding: 10px 25px;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border: none;
  border-radius: 8px;
  border: 1px solid #2A313E;
  background: transparent;
}
.modal__button--cancel {
  color: var(--main);
}
.modal__button--cancel:hover {
  background: #353d4d;
}
@media (max-width: 767px) {
  .modal__content {
    max-width: 95%;
  }
}
.modal-search {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.modal-search.active {
  opacity: 1;
  visibility: visible;
}
.modal-search.active .search__block {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.search-reset-button {
  position: absolute;
  top: 0;
  right: 50px;
  bottom: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.search-reset-button:hover img {
  opacity: 0.7;
}
.search-reset-button img {
  opacity: 0.3;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 24px;
}

.search-input {
  position: relative;
  width: 100%;
}
.search-input.loading .search-input__icon::after {
  content: "";
  position: absolute;
  width: 17px;
  height: 17px;
  border: 2px solid var(--white);
  border-top-color: transparent;
  border-radius: 50%;
  -webkit-animation: spin-search 0.8s linear infinite;
          animation: spin-search 0.8s linear infinite;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}
.search-input.loading .search-input__icon img {
  opacity: 0;
}
.search-input:hover input {
  background: #232934;
  border: 1px solid #232934;
}
.search-input input {
  background-color: #171b22;
  border: 1px solid #232934;
  border-radius: 12px;
  padding: 5px 5px 5px 15px;
  width: 100%;
  font-weight: 400;
  height: 44px;
  padding-right: 85px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.search-input input::-webkit-input-placeholder {
  color: var(--light-white);
  opacity: 0.3;
  font-weight: 400;
}
.search-input input::-moz-placeholder {
  color: var(--light-white);
  opacity: 0.3;
  font-weight: 400;
}
.search-input input:-ms-input-placeholder {
  color: var(--light-white);
  opacity: 0.3;
  font-weight: 400;
}
.search-input input::-ms-input-placeholder {
  color: var(--light-white);
  opacity: 0.3;
  font-weight: 400;
}
.search-input input::placeholder {
  color: var(--light-white);
  opacity: 0.3;
  font-weight: 400;
}
.search-input input:focus, .search-input input:active, .search-input input:hover {
  border: 1px solid #3a4250;
}
.search-input__icon {
  border-radius: 8px;
  width: 34px;
  height: 34px;
  background: #263449;
  border: 2px solid #263449;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.search-input__icon:hover {
  border: 2px solid var(--light-white);
}
.search-input__icon img {
  width: 18px;
  height: 17px;
}
.search-input__input {
  color: var(--white);
}

.search__block {
  max-width: 530px;
  width: 100%;
  margin-top: 150px;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  opacity: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  position: relative;
}
.search__block .type-tabs__item {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.search__wrap {
  max-width: 530px;
  width: 100%;
}
.search-result__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.search-result__count {
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
  padding-left: 13px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(116, 116, 116, 0.2);
  margin-bottom: 10px;
  padding-right: 10px;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.search-result__wrap {
  background-color: #171b22;
  margin-top: 9px;
  border: 1px solid var(--blocks-bw-level-2---border- [twilight]-[gallery]);
  border-radius: 25px;
  padding: 10px;
  width: 100%;
  padding-top: 18px;
  padding-right: 0px;
  display: none;
  opacity: 0;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s ease, -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  will-change: opacity, transform;
}
.search-result__wrap.active {
  display: block;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-animation: fadeInResults 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
          animation: fadeInResults 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}
.search-result__list {
  max-height: 512px;
  overflow-y: auto;
}
.search-result__item {
  border: 1px solid var(--blocks-bw-level-3---border- [resin]-[gallery]);
  border-radius: 20px;
  padding: 17px 15px;
  gap: 25px;
  margin-top: 15px;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  padding-right: 15px;
  margin-right: 10px;
  display: block;
}
.search-result__item[data-post-type=author] {
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  gap: 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.search-result__item[data-post-type=author]:before {
  display: none;
}
.search-result__item[data-post-type=news] .search-result__category:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2.5C11.3213 2.5 14 5.17867 14 8.5C14 11.8213 11.3213 14.5 8 14.5' stroke='%23546786' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M8 14.5C4.67867 14.5 2 11.8213 2 8.5C2 5.17867 4.67867 2.5 8 2.5' stroke='%23546786' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.7785 3.20662C4.85183 6.42329 4.85183 10.5773 6.7785 13.794C7.3425 14.736 8.65783 14.736 9.22183 13.794C11.1485 10.5773 11.1485 6.42329 9.22183 3.20662C8.65716 2.26462 7.3425 2.26462 6.7785 3.20662Z' stroke='%23546786' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M2.67334 5.73865C5.93467 6.74598 10.0653 6.74598 13.326 5.73865' stroke='%23546786' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M13.3265 11.2614C10.0652 10.254 5.93449 10.254 2.67383 11.2614' stroke='%23546786' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.search-result__item:first-child {
  margin-top: 0px;
}
.search-result__item:first-child::before {
  display: none;
}
.search-result__item:hover {
  background: #232934;
}
.search-result__item::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--description);
  opacity: 0.2;
  border-radius: 20px;
}
.search-result__item .navigation-buttons {
  margin-top: 0px;
}
.search-result__item .navigation-buttons .navigation-buttons__item {
  background: transparent;
  gap: 3px;
  padding: 0px;
}
.search-result__item .navigation-buttons .navigation-buttons__item i {
  width: 16px;
  height: 16px;
}
.search-result__item .navigation-buttons .views-counter {
  color: var(--gray-light);
  font-size: 12px;
  gap: 3px;
  margin-left: 0px;
}
.search-result__item .navigation-buttons .views-counter i {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.41452 7.0865C10.1952 7.86717 10.1952 9.1345 9.41452 9.9165C8.63386 10.6972 7.36652 10.6972 6.58452 9.9165C5.80386 9.13583 5.80386 7.8685 6.58452 7.0865C7.36652 6.3045 8.63319 6.3045 9.41452 7.0865' stroke='%23546786' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 8.50016C2 8.06083 2.10133 7.62616 2.29733 7.2255V7.2255C3.30733 5.16083 5.53933 3.8335 8 3.8335C10.4607 3.8335 12.6927 5.16083 13.7027 7.2255V7.2255C13.8987 7.62616 14 8.06083 14 8.50016C14 8.9395 13.8987 9.37416 13.7027 9.77483V9.77483C12.6927 11.8395 10.4607 13.1668 8 13.1668C5.53933 13.1668 3.30733 11.8395 2.29733 9.77483V9.77483C2.10133 9.37416 2 8.9395 2 8.50016Z' stroke='%23546786' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.search-result__item .navigation-buttons .views-counter span {
  opacity: 1;
}
.search-result__left {
  width: 100%;
}
.search-result__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 12px;
  line-height: 140%;
  white-space: nowrap;
}
.search-result__navigation .circle-indicator::before {
  margin-right: 7px;
  margin-left: 12px;
}
.search-result__navigation a {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: 14px;
  display: block;
}
.search-result__author {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: 14px;
  color: var(--gray-light);
  max-height: 14px;
  overflow: hidden;
}
.search-result__category {
  position: relative;
  color: var(--gray-light);
  font-size: 14px;
}
.search-result__category:empty:before {
  display: none;
}
.search-result__category:before {
  content: "";
  display: inline-block;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3333 12.4993H4' stroke='%23546786' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M2 12.5V4.5C2 3.39533 2.89533 2.5 4 2.5H10.6667C11.4033 2.5 12 3.09667 12 3.83333V9.83333C12 10.2013 11.7013 10.5 11.3333 10.5H4C2.89533 10.5 2 11.3953 2 12.5V12.5C2 13.6047 2.89533 14.5 4 14.5H12.6667C13.4033 14.5 14 13.9033 14 13.1667V3.83333' stroke='%23546786' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  margin-right: 5px;
}
.search-result__date {
  font-size: 12px;
  color: var(--gray-light);
}
.search-result__name {
  color: var(--white);
}
.search-result-row {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.search-result__description {
  font-size: 14px;
  color: rgba(191, 216, 255, 0.3);
  margin-top: 2px;
  max-height: 18px;
  line-height: 18px;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}
.search-result__label {
  line-height: 131%;
  display: block;
  color: var(--white);
}
.search-result__image {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: block;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  margin-right: 15px;
}

@-webkit-keyframes spin-search {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin-search {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes fadeInResults {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeInResults {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media (max-width: 1140px) {
  .search-input input {
    width: 100%;
  }
  .modal-search {
    background: rgb(17, 20, 25);
    height: calc(100% - 70px);
    top: 70px;
  }
}
@media (max-width: 560px) {
  .modal-search.active .search__block {
    margin-top: 20px;
  }
  .search__block {
    max-width: 90%;
    padding-bottom: 100px;
  }
  .search-result__label {
    font-size: 14px;
  }
  .search-result__name {
    font-size: 14px;
  }
  .search-result__description {
    font-size: 12px;
  }
  .search-result__wrap {
    padding-left: 5px;
    padding-right: 5px;
  }
  .search-result__category {
    font-size: 12px;
  }
  .search-result__author {
    font-size: 12px;
  }
  .search-result__item {
    margin-right: 5px;
    padding: 13px 15px;
  }
  .search-result__list {
    max-height: 412px;
  }
  .search-result__navigation a {
    font-size: 12px;
  }
}
.circle-indicator {
  position: relative;
  line-height: 1;
}
.circle-indicator::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(191, 216, 255, 0.11);
  margin-right: 5px;
  margin-left: 7px;
  vertical-align: middle;
}

.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--blue);
  height: 42px;
  padding: 0px 18px;
  border-radius: 8px;
  background: var(--blue);
  color: var(--white);
  cursor: pointer;
  font-weight: 500;
  border: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 2px solid var(--blue);
  position: relative;
}
.btn:hover {
  border-color: #75c7ff;
}
.btn:active {
  background: #9ad5fc;
}
.btn.btn-yellow {
  background: var(--yellow);
  color: #1D222A;
  border-color: transparent;
}
.btn.btn-yellow:hover {
  border-color: var(--yellow);
  background: var(--yellow-hover);
}
.btn.btn-yellow:active {
  color: var(--white);
}
.btn.btn-transparent {
  background: transparent;
  border: 1px solid rgba(191, 216, 255, 0.5);
  border-radius: 5px;
  height: 34px;
  color: var(--main);
  padding: 0px 14px;
  font-size: 13px;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.btn.btn-transparent:hover {
  border-color: var(--main);
  color: var(--white);
}
.btn[disabled], .btn.disabled {
  pointer-events: none;
  background: rgba(191, 216, 255, 0.04);
  color: rgba(191, 216, 255, 0.2);
}
.btn.loading {
  color: transparent;
  pointer-events: none;
}
.btn.loading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.sidebar-active.active .header {
  border-bottom: 1px solid transparent;
}

.header {
  -webkit-backdrop-filter: blur(114px);
          backdrop-filter: blur(114px);
  background: rgba(17, 20, 25, 0.4);
  background: rgb(17, 20, 25);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--white);
  position: relative;
  z-index: 12;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.header-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  display: flex;
  align-items: center;
}
.header-box .box-body__close {
  right: 1px;
  top: 1px;
}
.header-box:hover .header-box__text {
  color: var(--blue);
}
.header-box:hover .header-box__icon {
  opacity: 0.8;
}
.header-box .box-body__info {
  font-size: 10px;
  padding: 5px;
  overflow-x: auto;
}
.header-box .box-body__button {
  opacity: 0.1;
}
.header-box__icon {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: cover;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.header-box__text {
  font-weight: 500;
  font-size: 13px;
  line-height: 138%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: rgba(191, 216, 255, 0.5);
}
.header__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 0px;
}
.header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  max-width: 225px;
  width: 100%;
  margin-right: 40px;
  color: var(--white);
}
.header__logo:hover p {
  color: var(--white);
}
.header__logo:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.header__logo-mobile {
  display: none;
}
.header__logo p {
  font-size: 14px;
  line-height: 130%;
}
.header__logo strong {
  color: var(--yellow);
  font-weight: 600;
}
.header__logo b {
  font-size: 18px;
  font-weight: 600;
}
.header__search {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #1d222a;
  border: 1px solid #232934;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  margin-right: 15px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.header__search:hover {
  background: var(--black);
}
.header__search:hover .search-input__icon {
  border: none;
}
.header__search .header__search__icon {
  position: relative;
  margin: auto;
  border-radius: 8px;
  width: 34px;
  height: 34px;
  background: #263449;
  border: 2px solid #263449;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.header__search .header__search__icon img {
  width: 16px;
  height: 16px;
}
.header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-editor__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  margin-right: 20px;
  font-size: 14px;
}
.header-editor__exit {
  color: #aeb5c0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.header-editor__exit:hover {
  color: var(--white);
}
.header-editor__policy {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.header-editor__policy a {
  color: var(--blue);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.header-editor__policy a:hover {
  opacity: 0.7;
}
.header-editor__policy i {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 18V18C5.8575 18 2.5 14.6425 2.5 10.5V10.5C2.5 6.3575 5.8575 3 10 3V3C14.1425 3 17.5 6.3575 17.5 10.5V10.5C17.5 14.6425 14.1425 18 10 18Z' stroke='%2347B5FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M10.0007 11.5415V11.3332C10.0007 10.6523 10.4215 10.2832 10.8432 9.99984C11.2548 9.72234 11.6673 9.36068 11.6673 8.69401C11.6673 7.77318 10.9215 7.02734 10.0007 7.02734C9.07982 7.02734 8.33398 7.77318 8.33398 8.69401' stroke='%2347B5FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M9.99982 13.8333C9.88482 13.8333 9.79149 13.9267 9.79232 14.0417C9.79232 14.1567 9.88565 14.25 10.0007 14.25C10.1157 14.25 10.209 14.1567 10.209 14.0417C10.209 13.9267 10.1157 13.8333 9.99982 13.8333' stroke='%2347B5FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: help;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.header-editor__policy i:hover .header-editor__policy-information {
  opacity: 1;
  display: block;
}
.header-editor__policy-information {
  position: absolute;
  top: 25px;
  left: 0;
  background: #1d222a;
  border: 1px solid #232934;
  border-radius: 8px;
  padding: 10px;
  font-size: 12px;
  line-height: 130%;
  opacity: 0;
  display: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.header__create-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--yellow);
  border: 2px solid #232934;
  border-radius: 8px;
  width: 161px;
  height: 42px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: 14px;
  gap: 5px;
  background: #1d222a;
  font-weight: 600;
  cursor: pointer;
}
.header__create-article:hover {
  border-color: var(--yellow) !important;
  color: var(--yellow) !important;
}
.header__create-article:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: var(--white) !important;
}
.header__create-article:active {
  color: var(--white) !important;
}
.header__create-article img {
  width: 24px;
  height: 24px;
}
.header__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.header__profile {
  position: relative;
}
.header__login {
  margin-left: 15px;
}
.header__button-menu {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  border: 1px solid rgba(191, 216, 255, 0.15);
  background: #232934;
  margin-left: 10px;
  display: none;
}
.header__button-menu svg {
  width: 28px;
  height: 28px;
}

.top-box {
  position: relative;
  height: 181px;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
.top-box__image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
}

@media (max-width: 1140px) {
  .header-editor__row {
    font-size: 13px;
  }
  .header__login {
    display: none;
  }
  .header__profile {
    display: none;
  }
  .header__wrap {
    padding: 8.5px 10px;
  }
  .header__logo {
    gap: 15px;
  }
  .header__logo p {
    font-size: 12px;
  }
  .header__logo b {
    font-size: 14px;
  }
  .header__logo-desktop {
    display: none;
  }
  .header__logo-mobile {
    display: block;
  }
  .header__search {
    display: none;
    margin-right: 10px;
    height: 42px;
    width: 42px;
    border-radius: 8px;
    background: #1d222a;
  }
  .header__search .header__search__icon {
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    border-radius: 6px;
  }
  .header__create-article {
    width: 42px;
  }
  .header__create-article p {
    display: none;
  }
  .header__button-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .top-box {
    height: 120px;
  }
}
@media (max-width: 768px) {
  .header-box {
    display: none;
  }
  .top-box {
    height: 80px;
  }
  .top-box .box-body__navigation-fixed p {
    display: none;
  }
}
.sorting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
  height: 100%;
  position: relative;
}
.sorting.circle-indicator:before {
  margin-left: 21px;
  margin-right: 20px;
}
.sorting__option {
  min-height: 32px;
  border-radius: 5px;
  border: 1px solid transparent;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 8px;
  color: #AEB5C0;
  position: relative;
}
.sorting__option.sorting__option--active {
  pointer-events: none;
}
.sorting__option.sorting__option--active:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4px;
  margin: auto;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 20px;
  height: 20px;
  transition: 0.2s;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='20' height='20' viewBox='0 0 50 50'%3E%3Cpath d='M 41.9375 8.625 C 41.273438 8.648438 40.664063 9 40.3125 9.5625 L 21.5 38.34375 L 9.3125 27.8125 C 8.789063 27.269531 8.003906 27.066406 7.28125 27.292969 C 6.5625 27.515625 6.027344 28.125 5.902344 28.867188 C 5.777344 29.613281 6.078125 30.363281 6.6875 30.8125 L 20.625 42.875 C 21.0625 43.246094 21.640625 43.410156 22.207031 43.328125 C 22.777344 43.242188 23.28125 42.917969 23.59375 42.4375 L 43.6875 11.75 C 44.117188 11.121094 44.152344 10.308594 43.78125 9.644531 C 43.410156 8.984375 42.695313 8.589844 41.9375 8.625 Z' fill='%2347b5ff'%3E%3C/path%3E%3C/svg%3E");
  background-size: 15px;
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
  background-repeat: no-repeat;
  background-position: center;
}
.sorting__option:hover {
  border: 1px solid #47B5FF;
}
.sorting__option-select {
  position: relative;
  line-height: 1;
  height: 100%;
  color: #AEB5C0;
}
.sorting__option-select:after {
  content: "";
  margin-left: 6px;
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 5px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.224074 0.308058C0.468152 0.0639806 0.86388 0.0639806 1.10796 0.308058L3.99935 3.19945L6.89074 0.308058C7.13482 0.0639806 7.53055 0.0639806 7.77462 0.308058C8.0187 0.552136 8.0187 0.947864 7.77462 1.19194L4.44129 4.52527C4.19721 4.76935 3.80148 4.76935 3.55741 4.52527L0.224074 1.19194C-0.0200038 0.947864 -0.0200038 0.552136 0.224074 0.308058Z' fill='%2340A8EE' /%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.sorting__options {
  position: absolute;
  z-index: 100;
  left: 0;
  top: calc(100% + 10px);
  width: 163px;
  padding: 5px;
  border-radius: 10px;
  border: 1px solid #3A424F;
  background: #232934;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15), 0px 50px 50px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15), 0px 50px 50px 0px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sorting.action-active .sorting__options {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.sorting.action-active .sorting__option-select:after {
  content: "";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (max-width: 1140px) {
  .sorting__options {
    right: 0;
    left: auto;
  }
  .sorting.circle-indicator::before {
    display: none;
  }
}
.tabs-mobile {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
  height: 100%;
  position: relative;
}
.tabs-mobile.circle-indicator:before {
  margin-left: 21px;
  margin-right: 20px;
}
.tabs-mobile__option {
  min-height: 32px;
  border-radius: 5px;
  border: 1px solid transparent;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 8px;
  color: #F2F3F5;
  white-space: nowrap;
}
.tabs-mobile__option:hover {
  border: 1px solid #47B5FF;
}
.tabs-mobile__option-select {
  position: relative;
  line-height: 1;
  height: 100%;
  color: #F2F3F5;
  font-weight: 600;
}
.tabs-mobile__option-select span {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 8px;
  border-bottom: 3px solid var(--yellow);
}
.tabs-mobile__option-select:after {
  content: "";
  margin-left: 6px;
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 5px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.224074 0.308058C0.468152 0.0639806 0.86388 0.0639806 1.10796 0.308058L3.99935 3.19945L6.89074 0.308058C7.13482 0.0639806 7.53055 0.0639806 7.77462 0.308058C8.0187 0.552136 8.0187 0.947864 7.77462 1.19194L4.44129 4.52527C4.19721 4.76935 3.80148 4.76935 3.55741 4.52527L0.224074 1.19194C-0.0200038 0.947864 -0.0200038 0.552136 0.224074 0.308058Z' fill='%23FFC700' /%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.tabs-mobile__options {
  position: absolute;
  z-index: 100;
  left: 0;
  top: calc(100% + 10px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px;
  font-size: 15px;
  border-radius: 10px;
  border: 1px solid #3A424F;
  background: #232934;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15), 0px 50px 50px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15), 0px 50px 50px 0px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tabs-mobile.action-active .tabs-mobile__options {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.tabs-mobile.action-active .tabs-mobile__option-select:after {
  content: "";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (max-width: 1290px) {
  .tabs-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .tabs-mobile.circle-indicator::before {
    display: none;
  }
}
.edit-menu {
  position: relative;
}
.edit-menu__btn {
  width: 34px;
  height: 34px;
  border-radius: 6px;
  border: 1px solid rgba(191, 216, 255, 0.5);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.edit-menu__btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 3px solid rgba(191, 216, 255, 0.5);
  border-radius: 6px;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.edit-menu__btn i {
  background-image: url(../images/icons/navigation/edit-dots.svg);
  width: 22px;
  height: 22px;
  background-size: contain;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-size: contain;
}
.edit-menu-wrap {
  position: relative;
}
.edit-menu__list {
  display: block;
  position: absolute;
  top: calc(100% + 12px);
  right: -4px;
  background: #232934;
  border: 1px solid #3a424f;
  border-radius: 10px;
  padding: 5px;
  width: 212px;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15), 0px 50px 50px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15), 0px 50px 50px 0px rgba(0, 0, 0, 0.1);
  z-index: 12;
  font-size: 13px;
  font-weight: 500;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.edit-menu__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 32px;
  text-decoration: none;
  color: var(--white);
  color: #aeb5c0;
  padding: 5px;
  margin-bottom: 5px;
  border-radius: 5px;
  line-height: 138%;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  cursor: pointer;
}
.edit-menu__item:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.edit-menu__item:last-child {
  margin-bottom: 0px;
}
.edit-menu__item--exit {
  border-top: 1px solid rgba(191, 216, 255, 0.06);
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 8px;
}
.edit-menu__item img {
  margin-right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.edit-menu__item i {
  width: 22px;
  height: 22px;
  margin-right: 5px;
  background-position: center;
  background-size: cover;
}
.edit-menu__item[data-action=edit-modify] i {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.9808 4.31498L17.6846 3.01881C17.3262 2.6604 16.7459 2.6604 16.3884 3.01881L6.6846 12.7226C6.51227 12.8941 6.41602 13.1278 6.41602 13.3707V15.5836H8.62885C8.87177 15.5836 9.10552 15.4873 9.27693 15.315L18.9808 5.61115C19.3392 5.25365 19.3392 4.6734 18.9808 4.31498V4.31498Z' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.335 7.25102L14.75 4.66602' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.25 10.0833V17.4167C19.25 18.4296 18.4296 19.25 17.4167 19.25H4.58333C3.57042 19.25 2.75 18.4296 2.75 17.4167V4.58333C2.75 3.57042 3.57042 2.75 4.58333 2.75H11.9167' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.edit-menu__item[data-action=edit-pin] i {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.1278 3.68517L17.8562 7.4136C18.2034 7.76079 18.3766 8.24536 18.3282 8.73398C18.2799 9.2226 18.015 9.66378 17.6064 9.93614L14.8803 11.7536C14.541 11.9797 14.2983 12.3242 14.1994 12.7197L13.0652 17.2566C12.9936 17.543 12.7734 17.7688 12.4889 17.8476C12.2044 17.9264 11.8995 17.846 11.6907 17.6373L3.90409 9.85063C3.69533 9.64187 3.61501 9.33696 3.69382 9.05245C3.77262 8.76793 3.99838 8.5478 4.28479 8.4762L8.82163 7.34198C9.21716 7.24309 9.56164 7.00033 9.78779 6.66111L11.6052 3.93496C11.8776 3.52642 12.3188 3.26151 12.8074 3.21312C13.296 3.16474 13.7806 3.33798 14.1278 3.68517Z' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.66406 17.8779L7.79796 13.744' stroke='%23E1E1E1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.edit-menu__item[data-action=edit-unpin] i {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.1278 3.68517L17.8562 7.4136C18.2034 7.76079 18.3766 8.24536 18.3282 8.73398C18.2799 9.2226 18.015 9.66378 17.6064 9.93614L14.8803 11.7536C14.541 11.9797 14.2983 12.3242 14.1994 12.7197L13.0652 17.2566C12.9936 17.543 12.7734 17.7688 12.4889 17.8476C12.2044 17.9264 11.8995 17.846 11.6907 17.6373L3.90409 9.85063C3.69533 9.64187 3.61501 9.33696 3.69382 9.05245C3.77262 8.76793 3.99838 8.5478 4.28479 8.4762L8.82163 7.34198C9.21716 7.24309 9.56164 7.00033 9.78779 6.66111L11.6052 3.93496C11.8776 3.52642 12.3188 3.26151 12.8074 3.21312C13.296 3.16474 13.7806 3.33798 14.1278 3.68517Z' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.66406 17.8779L7.79796 13.744' stroke='%23E1E1E1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.edit-menu__item[data-action=copy] i {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6.41406' y='6.41406' width='12.8387' height='12.8387' rx='2' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M6.41429 15.5848H4.58019C3.56725 15.5848 2.74609 14.7636 2.74609 13.7507V4.58019C2.74609 3.56725 3.56725 2.74609 4.58019 2.74609H13.7507C14.7636 2.74609 15.5848 3.56725 15.5848 4.58019V6.41429' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.edit-menu__item[data-action=edit-to-draft] i {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 6.875L8.25 4.125' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M5.5 6.875L8.25 9.625' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M5.5 6.875H11C14.0378 6.875 16.5 9.33717 16.5 12.375C16.5 15.4128 14.0378 17.875 11 17.875C7.96217 17.875 5.5 15.4128 5.5 12.375' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.edit-menu__item[data-action=edit-delete] i {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.7918 19.2513H7.20178C6.24203 19.2513 5.44453 18.5106 5.37303 17.5527L4.55078 6.41797H17.4153L16.6205 17.5481C16.5518 18.5079 15.7534 19.2513 14.7918 19.2513V19.2513Z' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M11.0013 10.082V15.582' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M3.66797 6.41536H18.3346' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M15.5846 6.41667L14.6561 3.93983C14.3875 3.22392 13.7036 2.75 12.9391 2.75H9.06347C8.29897 2.75 7.61514 3.22392 7.34655 3.93983L6.41797 6.41667' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M14.1437 10.082L13.7495 15.582' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M7.855 10.082L8.24917 15.582' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.edit-menu.action-active .edit-menu__list {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.edit-menu.action-active .edit-menu__btn {
  border-color: transparent;
}
.edit-menu.action-active .edit-menu__btn::before {
  opacity: 1;
}

.edit-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.edit-buttons .btn {
  border: 1px solid var(--yellow);
  border-radius: 8px;
  color: var(--white);
  height: 34px;
  background: #2a313e;
}
.edit-buttons .btn.loading {
  color: transparent;
}
.edit-buttons.rejected-status .btn {
  border: 2px solid var(--red);
}
.edit-buttons .btn.btn-non-active {
  border: none;
  pointer-events: none;
}

@media (max-width: 768px) {
  .edit-buttons {
    display: none;
  }
}
.profile {
  position: relative;
  z-index: 100;
  margin-left: 15px;
}
.profile__icon {
  border-radius: 1000px;
  padding: 3px;
  width: 42px;
  height: 42px;
  background: #31415b;
  border: 1px solid rgba(255, 255, 255, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.profile__icon .tariff-icon {
  position: absolute;
  bottom: -9px;
  right: -9px;
  margin: 0;
}
.profile__icon img {
  width: 24px;
  height: 24px;
}
.profile__icon::before {
  content: "";
  position: absolute;
  left: -5px;
  top: -2px;
  right: -2px;
  bottom: -2px;
  width: 50px;
  height: 50px;
  border: 2px solid #47b5ff;
  border-radius: 40px;
  margin: auto;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.profile-menu {
  display: block;
  position: absolute;
  top: calc(100% + 12px);
  right: -4px;
  background: #232934;
  border: 1px solid #3a424f;
  border-radius: 10px;
  padding: 5px;
  width: 212px;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15), 0px 50px 50px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15), 0px 50px 50px 0px rgba(0, 0, 0, 0.1);
  z-index: 12;
  font-size: 13px;
  font-weight: 500;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.profile-menu__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 32px;
  text-decoration: none;
  color: var(--white);
  color: #aeb5c0;
  padding: 5px;
  margin-bottom: 5px;
  border-radius: 5px;
  line-height: 138%;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.profile-menu__item:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.profile-menu__item:last-child {
  margin-bottom: 0px;
}
.profile-menu__item--exit {
  margin-top: 9px;
  margin-bottom: 0px;
  position: relative;
}
.profile-menu__item--exit::before {
  content: "";
  position: absolute;
  left: 0;
  top: -6px;
  width: 100%;
  height: 1px;
  background-color: rgba(191, 216, 255, 0.06);
}
.profile-menu img {
  margin-right: 5px;
  width: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.profile.action-active .profile-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.profile.action-active .profile__icon::before {
  opacity: 1;
}

@media (max-width: 1140px) {
  .profile {
    margin-left: 0;
    margin-bottom: 15px;
    border: 1px solid #232934;
    background: #1D222A;
    border: none;
    background: transparent;
    border-radius: 12px;
    padding: 0px;
  }
  .profile-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid #232934;
    width: 100%;
    position: relative;
    padding-right: 44px;
    cursor: pointer;
    outline: none;
  }
  .profile-card:hover, .profile-card:active, .profile-card:focus {
    outline: none;
  }
  .profile-card::before {
    content: "";
    position: absolute;
    right: 17px;
    top: 0px;
    width: 9.5px;
    height: 5.5px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.53033 6.03033C9.23744 6.32322 8.76256 6.32322 8.46967 6.03033L5 2.56066L1.53033 6.03033C1.23744 6.32322 0.762563 6.32322 0.46967 6.03033C0.176777 5.73744 0.176777 5.26256 0.46967 4.96967L4.46967 0.96967C4.76256 0.676777 5.23744 0.676777 5.53033 0.96967L9.53033 4.96967C9.82322 5.26256 9.82322 5.73744 9.53033 6.03033Z' fill='white' /%3E%3C/svg%3E%0A");
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    display: none;
  }
  .profile.active .profile-card::before {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .profile__info {
    font-size: 13px;
    overflow: hidden;
    position: relative;
  }
  .profile__name {
    white-space: nowrap;
    max-height: 18px;
  }
  .profile__email {
    font-weight: 400;
    white-space: nowrap;
    color: var(--light-white);
    opacity: 0.5;
    margin-top: 2px;
    max-height: 18px;
  }
  .profile__icon {
    margin-right: 10px;
    min-width: 42px;
  }
  .profile-menu {
    position: relative;
    top: 0;
    width: 100%;
    right: 0;
    background: transparent;
    border: none;
    padding: 0;
    -webkit-transform: none;
            transform: none;
    border-radius: 0px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    -webkit-box-shadow: none;
            box-shadow: none;
    opacity: 1;
    overflow: visible;
    visibility: visible;
    margin-top: 10px;
  }
  .profile-menu__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px;
    margin-bottom: 5px;
  }
  .profile-menu__item.profile-menu__item--exit {
    margin-top: 13px;
    padding-top: 17px;
  }
  .profile-menu__item.profile-menu__item--exit::before {
    top: 0px;
  }
}
.breadcrumbs {
  border-radius: 25px;
  border: 1px solid var(--stroke);
  background: linear-gradient(280deg, #191D24 0%, #1A2632 100%);
  color: var(--white);
  padding: 20px 25px;
  margin-bottom: 15px;
}
.breadcrumbs__link {
  color: rgba(191, 216, 255, 0.5);
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0.12px;
}
.breadcrumbs__link::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  margin-right: 5px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M4.89074 0.39009C5.13482 0.146012 5.53055 0.146012 5.77462 0.39009C6.0187 0.634167 6.0187 1.0299 5.77462 1.27397L2.63428 4.41432L12.8327 4.3737C13.1779 4.3737 13.4577 4.65352 13.4577 4.9987C13.4577 5.34388 13.1779 5.6237 12.8327 5.6237H2.6749L5.77462 8.72342C6.0187 8.9675 6.0187 9.36323 5.77462 9.60731C5.53055 9.85138 5.13482 9.85138 4.89074 9.60731L0.724073 5.44064C0.604297 5.32086 0.541016 5.16808 0.541016 4.9987C0.541016 4.82919 0.604239 4.67659 0.724073 4.55676L4.89074 0.39009Z' fill='%23BFD8FF' fill-opacity='0.5' /%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.breadcrumbs__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.24px;
  margin-top: 5px;
}
.breadcrumbs__menu {
  display: none;
}

@media (max-width: 840px) {
  .breadcrumbs {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (max-width: 767px) {
  .breadcrumbs {
    background: var(--black);
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 0px;
    padding: 16px 10px;
    margin-bottom: 20px;
  }
  .breadcrumbs__title {
    font-size: 18px;
    margin-top: 0px;
    line-height: 1;
  }
  .breadcrumbs__link {
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .breadcrumbs__link::before {
    content: "";
    margin: 0;
    width: 5.5px;
    height: 9.5px;
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.03033 0.46967C6.32322 0.762563 6.32322 1.23744 6.03033 1.53033L2.56066 5L6.03033 8.46967C6.32322 8.76256 6.32322 9.23744 6.03033 9.53033C5.73744 9.82322 5.26256 9.82322 4.96967 9.53033L0.96967 5.53033C0.676777 5.23744 0.676777 4.76256 0.96967 4.46967L4.96967 0.46967C5.26256 0.176777 5.73744 0.176777 6.03033 0.46967Z' fill='%23F2F3F5' /%3E%3C/svg%3E%0A");
    background-size: cover;
    background-repeat: no-repeat;
  }
  .breadcrumbs__link span {
    display: none;
  }
  .breadcrumbs__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border: 1px solid transparent;
    border-radius: 5px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .breadcrumbs__menu.active {
    border: 1px solid var(--main);
  }
  .breadcrumbs__menu.active .breadcrumbs__menu-item {
    visibility: visible;
    overflow: visible;
  }
  .breadcrumbs__menu-item.btn {
    position: absolute;
    right: -2px;
    top: 41px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: var(--black);
    visibility: hidden;
    overflow: hidden;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .breadcrumbs__menu i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-image: url(../images/icons/navigation/dots-profile.png);
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
  }
}
@-webkit-keyframes newsLoaderFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes newsLoaderFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.spinner {
  width: 20px;
  height: 20px;
  margin: 20px auto;
  position: relative;
}

.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--blue);
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
          animation: sk-bounce 2s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.mobile-menu {
  display: none;
}

@media (max-width: 1140px) {
  .mobile-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    width: 100%;
    height: 62px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 9999999999;
    -webkit-backdrop-filter: blur(114px);
            backdrop-filter: blur(114px);
    background: rgb(17, 20, 25);
  }
  .mobile-menu__item {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .mobile-menu__item i {
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mobile-menu__item[data-action=home] i {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.875 20.5V16C9.875 14.619 10.994 13.5 12.375 13.5V13.5C13.756 13.5 14.875 14.619 14.875 16V20.5H20.375V11.914C20.375 11.384 20.164 10.875 19.789 10.5L13.082 3.79301C12.691 3.40201 12.058 3.40201 11.668 3.79301L4.961 10.5C4.586 10.875 4.375 11.384 4.375 11.914V20.5H9.875Z' stroke='%23E1E1E1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  }
  .mobile-menu__item[data-action=search] i {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3181 5.58187C16.65 7.91369 16.65 11.6943 14.3181 14.0261C11.9863 16.358 8.20569 16.358 5.87387 14.0261C3.54204 11.6943 3.54204 7.91369 5.87387 5.58187C8.20569 3.25005 11.9863 3.25005 14.3181 5.58187' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M14.2749 14.0601L20.1249 19.9901' stroke='%23E1E1E1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  }
  .mobile-menu__item[data-action=login] i, .mobile-menu__item[data-action=profile] i {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.875 20V19.25C20.875 16.9028 18.9722 15 16.625 15H9.125C6.77779 15 4.875 16.9028 4.875 19.25V20' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Ccircle cx='12.875' cy='7' r='4' stroke='%23E1E1E1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  }
  .mobile-menu__item[data-action=menu] i {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.12268 12H19.1278' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M6.12268 16.0017H19.1278' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M6.12231 7.99832H19.1274' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  }
  .mobile-menu__item.active i {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.875 8L16.875 16' stroke='%2347B5FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M16.875 8L8.875 16' stroke='%2347B5FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  }
}
body.not-found-page {
  background: #101318;
}
body.not-found-page .mobile-menu {
  display: none;
}

.not-found {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
}
.not-found__image {
  max-width: 818px;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out;
}
.not-found__image.loaded {
  opacity: 1;
}
.not-found-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}
.not-found-wrap .btn {
  height: 50px;
  font-size: 14px;
  padding: 0px 30px;
  font-weight: 600;
}
.not-found-back {
  background: transparent;
  border: 1px solid var(--stroke);
}
.not-found-random-btn {
  color: var(--blue);
  font-size: 14px;
  margin: 20px auto;
  display: block;
  cursor: pointer;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.not-found-random-btn:hover:before {
  width: 100%;
}
.not-found-random-btn::before {
  content: "";
  bottom: -1px;
  left: 0;
  right: 0;
  margin: auto;
  background: var(--blue);
  position: absolute;
  width: 0;
  height: 1px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

@media (max-width: 840px) {
  .not-found {
    margin-top: 40px;
    padding-bottom: 60px;
  }
  .not-found__image {
    max-width: 400px;
    margin: auto;
    width: 100%;
  }
}
@media (max-width: 500px) {
  .not-found__image {
    max-width: 320px;
  }
}
.favorite-button {
  width: 34px;
  height: 34px;
  border-radius: 6px;
  border: 1px solid rgba(191, 216, 255, 0.5);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.favorite-button.loading {
  opacity: 0.5;
  pointer-events: none;
}
.favorite-button i {
  background-image: url(../images/icons/navigation/favorite-default.svg);
  width: 22px;
  height: 22px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-size: contain;
}
.favorite-button:not(.active) i {
  opacity: 0.5;
}
.favorite-button:hover {
  border: 1px solid rgb(191, 216, 255);
}
.favorite-button:hover i {
  opacity: 1;
}
.favorite-button.active {
  background-color: rgba(17, 20, 25, 0.7);
  border-color: rgba(17, 20, 25, 0.7);
}
.favorite-button.active i {
  background-image: url(../images/icons/navigation/favorite-active.svg);
  background-size: contain;
}

.hover .favorite-button.active {
  background-color: rgba(17, 20, 25, 0.7);
  border-color: rgba(17, 20, 25, 0.7);
}
.hover .favorite-button.active i {
  background-image: url(../images/icons/navigation/favorite-hover-active.svg);
  background-size: contain;
}

.hover .favorite-button.active:hover {
  border: 1px solid var(--yellow);
}

.reaction {
  position: relative;
  height: auto;
}
.reaction__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.reaction__btn i {
  display: block;
  width: 22px;
  height: 22px;
  background-image: url(../images/icons/navigation/reaction.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: 0s;
  transition: 0s;
}
.reaction__list {
  max-height: 210px;
  position: absolute;
  background: #232934;
  border: 1px solid #3a424f;
  border-radius: 10px;
  padding: 15px;
  padding-right: 0;
  width: 173px;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15), 0px 50px 50px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15), 0px 50px 50px 0px rgba(0, 0, 0, 0.1);
  z-index: 12;
  font-size: 13px;
  font-weight: 500;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.reaction__wrap {
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
  padding-right: 11px;
  max-height: 100%;
}
.reaction__item {
  width: 32px;
  height: 32px;
  padding: 5px;
  border-radius: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -ms-flex-preferred-size: calc(25% - 4px);
      flex-basis: calc(25% - 4px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.reaction__item img {
  width: 22px;
  height: 22px;
}
.reaction__item:hover {
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 35px;
  background: var(--blue);
}
.reaction__item.active {
  background: var(--blue);
  color: var(--white);
}
.reaction.action-active {
  background: rgba(191, 216, 255, 0.15);
  color: var(--yellow);
  border-color: var(--yellow);
}
.reaction.action-active .reaction__list {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.reaction.action-active .reaction__btn i {
  background-image: url(../images/icons/navigation/reaction-active.svg);
}

.article__item:last-child .reaction__list {
  bottom: calc(100% + 8px);
  top: auto;
}

.emoji-reaction {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #7385A2;
  max-width: 62%;
  width: 100%;
}
.emoji-reaction .reaction.action-active .reaction__btn i {
  background-image: url(../images/icons/navigation/add-active.svg);
}
.emoji-reaction .reaction__btn i {
  background-image: url(../images/icons/navigation/add.svg);
}
.emoji-reaction__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.emoji-reaction__item {
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0.12px;
  gap: 5px;
  border-radius: 30px;
  background: rgba(191, 216, 255, 0.08);
  padding: 0px 7px;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.emoji-reaction__item span {
  line-height: 1;
}
.emoji-reaction__item.zero-count span {
  display: none;
}
.emoji-reaction__item.animating img {
  -webkit-animation: likeAnimation 0.4s ease-in-out;
          animation: likeAnimation 0.4s ease-in-out;
}
.emoji-reaction__item:hover {
  background: rgba(191, 216, 255, 0.15);
}
.emoji-reaction__item.active {
  background: var(--blue);
  color: var(--white);
}
.emoji-reaction__item img {
  width: 22px;
  height: 22px;
}
.emoji-reaction-more {
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.12px;
  gap: 5px;
  border-radius: 30px;
  background: rgba(191, 216, 255, 0.08);
  padding: 0px 7px;
  cursor: pointer;
}
.emoji-reaction-more.active span {
  display: none;
}

@-webkit-keyframes likeAnimation {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes likeAnimation {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@media (max-width: 768px) {
  .emoji-reaction {
    max-width: 100%;
  }
}
.navigation-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.navigation-buttons__item {
  height: 26px;
  padding: 0px 7px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 600;
  color: #7385A2;
  background: rgba(191, 216, 255, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  line-height: 1;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.navigation-buttons__item:hover {
  background: rgba(191, 216, 255, 0.15);
}
.navigation-buttons__item i {
  width: 22px;
  height: 22px;
  background-position: center;
  background-size: cover;
}
.navigation-buttons__item[data-action=discussion] i {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.0625 6.41675C2.0625 4.51814 3.60139 2.97925 5.5 2.97925H16.5C18.3986 2.97925 19.9375 4.51814 19.9375 6.41675V13.7501C19.9375 15.6487 18.3986 17.1876 16.5 17.1876H11.2082L7.25636 19.8221C7.04539 19.9628 6.77414 19.9759 6.5506 19.8562C6.32705 19.7366 6.1875 19.5036 6.1875 19.2501V17.1876H5.5C3.60139 17.1876 2.0625 15.6487 2.0625 13.7501V6.41675ZM5.5 4.35425C4.36078 4.35425 3.4375 5.27753 3.4375 6.41675V13.7501C3.4375 14.8893 4.36078 15.8126 5.5 15.8126H6.875C7.2547 15.8126 7.5625 16.1204 7.5625 16.5001V17.9655L10.6186 15.928C10.7316 15.8528 10.8643 15.8126 11 15.8126H16.5C17.6392 15.8126 18.5625 14.8893 18.5625 13.7501V6.41675C18.5625 5.27753 17.6392 4.35425 16.5 4.35425H5.5Z' fill='%237385A2'/%3E%3C/svg%3E");
}
.navigation-buttons__item[data-action=share] i {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1592 8.20378C5.67848 8.70946 2.29141 12.4983 2.28906 17.0074V17.5687C4.23641 15.2228 7.11078 13.8439 10.1592 13.7932V16.7525C10.1593 17.1819 10.4047 17.5735 10.7911 17.7607C11.1775 17.948 11.6369 17.898 11.974 17.632L19.3012 11.8463C19.5614 11.6413 19.7132 11.3283 19.7132 10.9971C19.7132 10.6659 19.5614 10.3529 19.3012 10.1479L11.974 4.36227C11.6369 4.09627 11.1775 4.04627 10.7911 4.23352C10.4047 4.42076 10.1593 4.81233 10.1592 5.24172V8.20378Z' stroke='%237385A2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.views-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  color: var(--light-white);
  font-weight: 600;
  line-height: 20px;
  margin-left: 5px;
}
.views-counter i {
  width: 24px;
  height: 24px;
  background-image: url(../images/icons/navigation/eyes.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.views-counter span {
  opacity: 0.3;
}

/* auth */ 
.auth-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.auth-modal.loading form {
  display: none;
}
.auth-modal#registerModal .auth-modal__footer {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.auth-modal#resetModal .auth-modal__footer {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.auth-modal.active {
  opacity: 1;
  visibility: visible;
}
.auth-modal__content {
  border-radius: 12px;
  width: 100%;
  max-width: 500px;
  position: relative;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 15px;
  border: 1px solid #232934;
  background: #1D222A;
  padding-top: 50px;
  padding-bottom: 35px;
}
.active .auth-modal__content {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.auth-modal__close {
  position: absolute;
  top: 25px;
  right: 20px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  opacity: 0.6;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.auth-modal__close img {
  width: 24px;
}
.auth-modal__close:hover {
  opacity: 1;
}
.auth-modal__logo {
  text-align: center;
}
.auth-modal__logo img {
  width: 64px;
}
.auth-modal__title {
  font-size: 24px;
  color: #fff;
  text-align: center;
  margin-top: 15px;
}
.auth-modal__title#successForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.auth-modal__title#successForm div:first-child {
  font-size: 24px;
}
.auth-modal__title#successForm div:last-child {
  font-size: 20px;
  opacity: 0.8;
}
.auth-modal-field {
  margin-top: 15px;
}
.auth-modal-field:first-child {
  margin-top: 0px;
}
.auth-modal__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  max-width: 350px;
  width: 100%;
  margin-top: 40px;
}
.auth-modal__form#loginForm {
  margin-top: 0px;
}
.auth-modal__label {
  margin-bottom: 7px;
  display: block;
}
.auth-modal__input {
  border-radius: 10px;
  border: 1px solid #232934;
  background: #171B22;
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 14px;
  width: 100%;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  color: var(--main);
}
.auth-modal__input::-webkit-input-placeholder {
  opacity: 0.5;
  color: var(--light-white-rgb);
}
.auth-modal__input::-moz-placeholder {
  opacity: 0.5;
  color: var(--light-white-rgb);
}
.auth-modal__input:-ms-input-placeholder {
  opacity: 0.5;
  color: var(--light-white-rgb);
}
.auth-modal__input::-ms-input-placeholder {
  opacity: 0.5;
  color: var(--light-white-rgb);
}
.auth-modal__input::placeholder {
  opacity: 0.5;
  color: var(--light-white-rgb);
}
.auth-modal__input:focus {
  border-color: #3B82F6;
  outline: none;
}
.auth-modal__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 40px;
  margin-bottom: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.auth-modal__social-btn {
  width: 80px;
  height: 44px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 10px;
  border: 1px solid #2A313E;
  cursor: pointer;
  background: transparent;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.auth-modal__social-btn img {
  width: 30px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.auth-modal__social-btn:hover {
  background: #2A313E;
}
.auth-modal__submit {
  color: #fff;
  margin-top: 30px;
  font-size: 14px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 350px;
}
.auth-modal__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.auth-modal__row span {
  display: inline-block;
  height: 20px;
  width: 1px;
  background: rgba(191, 216, 255, 0.15);
}
.auth-modal__footer {
  text-align: center;
  margin-top: 30px;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.auth-modal__footer .resend-code {
  position: relative;
}
.auth-modal__footer .resend-code span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  bottom: -20px;
  border: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: transparent;
  font-size: 12px;
}
.auth-modal__footer p {
  font-size: 14px;
}
.auth-modal__footer a {
  color: var(--blue);
  text-decoration: none;
}
.auth-modal__footer a:hover {
  text-decoration: underline;
}
.auth-modal__error {
  color: #EF4444;
  font-size: 14px;
  text-align: center;
  margin-top: 8px;
}
.auth-modal__password-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

#successModal .auth-modal__title {
  font-size: 22px;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1140px) {
  .auth-modal {
    -webkit-backdrop-filter: blur(114px);
            backdrop-filter: blur(114px);
    background: rgb(17, 20, 25);
    height: calc(100% - 70px - 60px);
    top: 70px;
  }
  .auth-modal__content {
    background: transparent;
    border: none;
  }
  .auth-modal__social {
    margin-top: 30px;
  }
  .auth-modal__close {
    display: none;
  }
}
@media (max-width: 768px) {
  #successModal .auth-modal__title {
    font-size: 18px;
    line-height: 130%;
  }
  .auth-modal__title {
    font-size: 22px;
  }
  .auth-modal__logo img {
    width: 42px;
  }
  .auth-modal__social {
    margin-bottom: 10px;
  }
  .auth-modal__social-btn {
    height: 38px;
  }
  .auth-modal__social-btn img {
    width: 24px;
  }
}
@media (max-width: 480px) {
  .auth-modal__footer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .auth-modal__footer .no-account {
    display: none;
  }
  .auth-modal__content {
    margin: 16px;
    padding: 24px;
  }
  .auth-modal__content__title {
    font-size: 20px;
  }
}
.main {
  margin-top: var(--top-offset);
  overflow: hidden;
}
.main__wrap {
  gap: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
.main__content {
  max-width: 650px;
  width: 100%;
  margin-top: 0px;
  padding-bottom: 60px;
}
.main__content.tariff-page {
  max-width: 100%;
}
.main__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 15px;
  min-height: 34px;
  margin-bottom: 15px;
}
.main__row-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main__row.feed__row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main__row.feed__row .btn-transparent {
  border-radius: 12px;
  border: 1px solid var(--stroke);
}
.main__title {
  font-weight: 700;
  font-size: 20px;
  color: #e1e5ed;
  position: relative;
  line-height: 0;
}
.main__view-all {
  font-weight: 600;
  font-size: 12px;
  line-height: 142%;
  letter-spacing: 0.01em;
  color: #aeb5c0;
  text-decoration: none;
  margin-left: 20px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.main__view-all:hover {
  color: var(--blue);
}
.main__view-all b {
  display: none;
}
.main__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-left: auto;
}
.main__ads-mobile {
  height: 80px;
  width: 100%;
  display: none;
  border-radius: 12px;
}

.homepage .main {
  overflow-x: hidden;
}

.arrow {
  border: 1px solid #2a313e;
  border-radius: 1000px;
  padding: 6px;
  width: 34px;
  height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.arrow:hover {
  background: var(--stroke);
}
.arrow::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.13821 9.1541C0.869728 8.88562 0.869728 8.45032 1.13821 8.18183L4.31874 5.0013L1.13821 1.82077C0.869729 1.55229 0.869729 1.11698 1.13821 0.848499C1.4067 0.580013 1.842 0.580013 2.11049 0.848499L5.77715 4.51517C6.04564 4.78365 6.04564 5.21895 5.77715 5.48744L2.11049 9.1541C1.842 9.42259 1.4067 9.42259 1.13821 9.1541Z' fill='%237385A2' /%3E%3C/svg%3E");
  width: 6px;
  height: 10px;
  margin: auto;
  background-size: 100%;
}
.arrow.swiper-button-disabled {
  opacity: 0.2;
  pointer-events: none;
}
.arrow.arrow-prev::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.homepage .main__row {
  margin-bottom: 0px;
}

@media (max-width: 1290px) {
  .main__wrap {
    gap: 40px;
  }
  .main__content {
    max-width: 650px;
  }
}
@media (max-width: 1140px) {
  .main {
    margin-top: var(--top-offset);
  }
  .main__content {
    max-width: 100%;
    padding-bottom: 120px;
  }
  .main__row {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: 15px;
    min-height: 26px;
  }
  .main__row .circle-indicator::before {
    display: none;
  }
  .main__title {
    margin-right: auto;
    font-size: 18px;
  }
  .main__arrows {
    display: none;
  }
  .main__view-all span {
    display: none;
  }
  .main__view-all b {
    display: block;
    color: #AEB5C0;
    font-weight: 500;
    position: relative;
    padding-right: 17px;
    line-height: 14px;
    font-size: 14px;
  }
  .main__view-all b:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    width: 4.6px;
    height: 7.9px;
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.308709 7.77544C0.0646316 7.53136 0.0646316 7.13563 0.308709 6.89155L3.2001 4.00016L0.30871 1.10877C0.0646322 0.864694 0.0646322 0.468965 0.30871 0.224888C0.552788 -0.01919 0.948516 -0.01919 1.19259 0.224888L4.52593 3.55822C4.77 3.8023 4.77 4.19803 4.52593 4.4421L1.19259 7.77544C0.948515 8.01952 0.552787 8.01952 0.308709 7.77544Z' fill='%23AEB5C0' /%3E%3C/svg%3E");
    background-position: center;
    background-size: cover;
  }
  .main__ads-mobile {
    display: block;
    margin-top: 30px;
    background: #1D222A;
    margin-right: -20px;
    margin-left: -20px;
    width: calc(100% + 40px);
  }
}
.sidebar-nav {
  width: 250px;
  padding-bottom: 10px;
  min-width: 250px;
}
.sidebar-nav__main {
  -webkit-backdrop-filter: blur(114px);
          backdrop-filter: blur(114px);
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 15px;
  padding: 13px 10px 10px 10px;
}
.sidebar-nav__master {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.sidebar-nav__pages {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.sidebar-nav__pages .sidebar-nav__item {
  color: var(--light-white);
  opacity: 0.5;
}
.sidebar-nav__item {
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
  color: #aeb5c0;
  display: block;
  min-height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 15px;
  position: relative;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid transparent;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.sidebar-nav__item:hover {
  background: #1d222a;
}
.sidebar-nav__item.active {
  background: #1d222a;
  border-color: #232934;
}
.sidebar-nav__item.active i {
  opacity: 1;
}
.sidebar-nav__item i {
  position: absolute;
  right: 15px;
  width: 7px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.96967 9.53033C0.676777 9.23744 0.676777 8.76256 0.96967 8.46967L4.43934 5L0.969671 1.53033C0.676778 1.23744 0.676778 0.762562 0.969671 0.46967C1.26256 0.176776 1.73744 0.176776 2.03033 0.46967L6.03033 4.46967C6.32322 4.76256 6.32322 5.23744 6.03033 5.53033L2.03033 9.53033C1.73744 9.82322 1.26256 9.82322 0.96967 9.53033Z' fill='%23546786' /%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.sidebar-nav__profile {
  display: none;
}
.sidebar-nav__documents {
  margin-top: 20px;
  padding: 0px 5px;
}
.sidebar-nav__link {
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0.24px;
  margin-bottom: 5px;
  display: block;
  color: var(--light-white);
  opacity: 0.6;
  font-family: Inter;
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.sidebar-nav__link:hover {
  color: var(--light-white);
  opacity: 1;
}
.sidebar-nav__link:last-child {
  margin-bottom: 0px;
}
.sidebar-nav__license {
  margin-top: 10px;
  padding: 0px 5px 0px 5px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  font-size: 13px;
  line-height: 18px;
}
.sidebar-nav__license span {
  color: var(--blue);
}
.sidebar-nav__license:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.05);
  margin-bottom: 10px;
}
.sidebar-nav__mobile {
  display: none;
}

@media (max-width: 1290px) {
  .sidebar-nav {
    width: 195px;
    min-width: 195px;
  }
}
@media (max-width: 1140px) {
  .sidebar-nav {
    position: fixed;
    top: 0;
    background: rgba(17, 20, 25, 0.6);
    -webkit-backdrop-filter: blur(57px);
            backdrop-filter: blur(57px);
    right: -100%;
    width: 100%;
    max-width: 304px;
    z-index: 10;
    top: 70px;
    padding: 13px 15px;
    padding-bottom: 100px;
    overflow-y: auto;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 0;
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
    max-height: calc(100vh - 60px - 70px);
    min-height: calc(100vh - 60px - 70px);
  }
  .sidebar-nav .btn {
    display: none;
  }
  .sidebar-nav.active {
    right: 0;
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .sidebar-nav__main {
    border-radius: 0px;
    background: transparent;
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
    border: none;
    padding: 0;
  }
  .sidebar-nav__item {
    padding-left: 5px;
  }
  .sidebar-nav .search-input {
    display: block;
  }
  .sidebar-nav__profile {
    display: block;
  }
  .sidebar-nav__mobile {
    gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sidebar-nav__mobile .btn {
    width: 100%;
  }
}
.news-island {
  background: linear-gradient(315deg, #191d24 0%, #1a2632 100%);
  border: 1px solid #2a313e;
  border-radius: 25px;
  padding: 15px 10px 10px 10px;
  width: 100%;
  overflow: hidden;
}
.news-island__empty {
  padding: 15px;
  font-size: 14px;
  line-height: 130%;
}
.news-island__list {
  margin-top: 10px;
}
.news-island__column {
  gap: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.news-island__item {
  border: 1px solid rgba(191, 216, 255, 0.04);
  border-radius: 15px;
  padding: 15px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  padding-bottom: 11px;
  position: relative;
  overflow: hidden;
}
.news-island__item:hover {
  background: rgba(191, 216, 255, 0.08);
}
.news-island__item:hover .news-island__title {
  color: var(--white);
}
.news-island__item.loading-card {
  pointer-events: none;
}
.news-island__item.loading-card::before {
  opacity: 1;
  visibility: visible;
}
.news-island__item.loading-card:after {
  display: block;
}
.news-island__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #1a232e;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
  visibility: hidden;
  border-radius: 15px;
}
.news-island__item:after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(255, 255, 255, 0.08)), to(transparent));
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.08) 50%, transparent 100%);
  z-index: 11;
  width: 200%;
  -webkit-animation: loading-shine 1.5s infinite;
          animation: loading-shine 1.5s infinite;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: none;
  border-radius: 15px;
}
.news-island__title {
  max-height: 63px;
  min-height: 63px;
  height: 63px;
  line-height: 131%;
  color: #aeb5c0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  overflow: hidden;
  width: 100%;
}
.news-island__row {
  font-weight: 500;
  font-size: 13px;
  line-height: 138%;
  color: var(--light-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}
.news-island__row span {
  opacity: 0.5;
}

@media (max-width: 1140px) {
  .news-island {
    padding-right: 0px;
    border-radius: 20px;
  }
  .news-island__title {
    font-size: 14px;
    max-height: 60px;
    min-height: 60px;
    line-height: 20px;
    line-height: 20px;
    height: 60px;
    font-weight: 400;
  }
  .news-island__row {
    margin-top: 6px;
  }
}
@media (max-width: 767px) {
  .news-island {
    border: none;
    width: calc(100% + 20px);
    margin-left: -10px;
    border-radius: 0px;
  }
  .news-island__title {
    font-size: 13px;
    max-height: 54px;
    min-height: 54px;
    line-height: 20px;
    line-height: 18px;
    height: 54px;
  }
  .news-island__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .news-island__row .circle-indicator:before {
    display: none;
  }
  .news-island-date {
    font-size: 10px;
    line-height: 16px;
  }
}
.article-island {
  margin-top: 27px;
}
.article-island__list {
  margin-top: 12px;
}
.article-island-box .article-island__title, .article-island-box .article-island__author {
  pointer-events: none;
}
.article-island-box .article-island__category {
  color: var(--blue);
  visibility: hidden;
}
.article-island-box .article-island-box__btn {
  min-height: 26px;
  color: var(--yellow);
}
.article-island-box .article-island-box__btn:hover img {
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
}
.article-island-box .article-island-box__btn img {
  margin-left: 10px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  transition: 0.2s;
}
.article-island-box .box-body__navigation.box-body__navigation-fixed {
  top: 20px;
  bottom: auto;
  right: 20px;
  background: rgba(17, 20, 25, 0.7);
}
.article-island-box .btn:hover img {
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}
.article-island__item {
  padding: 15px;
  border-radius: 20px;
  border: 1px solid #232934;
  background: #1D222A;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  overflow: hidden;
  position: relative;
}
.article-island__item[data-post-type=news] .article-island__description {
  margin-bottom: 30px;
}
.article-island__item[data-post-type=news] .article-island__category span:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2.5C11.3213 2.5 14 5.17867 14 8.5C14 11.8213 11.3213 14.5 8 14.5' stroke='%23546786' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M8 14.5C4.67867 14.5 2 11.8213 2 8.5C2 5.17867 4.67867 2.5 8 2.5' stroke='%23546786' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.7785 3.20662C4.85183 6.42329 4.85183 10.5773 6.7785 13.794C7.3425 14.736 8.65783 14.736 9.22183 13.794C11.1485 10.5773 11.1485 6.42329 9.22183 3.20662C8.65716 2.26462 7.3425 2.26462 6.7785 3.20662Z' stroke='%23546786' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M2.67334 5.73865C5.93467 6.74598 10.0653 6.74598 13.326 5.73865' stroke='%23546786' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M13.3265 11.2614C10.0652 10.254 5.93449 10.254 2.67383 11.2614' stroke='%23546786' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.article-island__item .views-counter {
  margin-left: auto;
}
.article-island__item.loading-card {
  pointer-events: none;
}
.article-island__item.loading-card::before {
  opacity: 1;
  visibility: visible;
}
.article-island__item.loading-card:after {
  display: block;
}
.article-island__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(29, 34, 42);
  z-index: 12;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
  visibility: hidden;
}
.article-island__item:after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(255, 255, 255, 0.08)), to(transparent));
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.08) 50%, transparent 100%);
  z-index: 13;
  width: 200%;
  -webkit-animation: loading-shine 1.5s infinite;
          animation: loading-shine 1.5s infinite;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: none;
}
.article-island__image {
  border-radius: 10px;
  padding-top: 52.6%;
  width: 100%;
  background-position: center;
  background-size: cover;
  margin-bottom: 10px;
  display: block;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.article-island__image:hover {
  opacity: 0.8;
}
.article-island__image .favorite-button {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 10;
  background: rgba(17, 20, 25, 0.7);
}
.article-island__row {
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #bfd8ff;
}
.article-island__title {
  min-height: 66px;
  max-height: 66px;
  font-weight: 600;
  margin-top: 5px;
  line-height: 22px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  overflow: hidden;
  color: var(--main);
  display: block;
}
.article-island__title:hover {
  color: var(--white);
}
.article-island__author {
  font-size: 13px;
  color: var(--light-white);
  margin-top: 12px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  line-height: 18px;
  max-height: 18px;
  min-height: 18px;
  overflow: hidden;
  opacity: 0.3;
  display: block;
}
.article-island__author:hover {
  opacity: 0.5;
}
.article-island__category {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  opacity: 0.5;
  color: var(--light-white);
  padding-left: 20px;
  position: relative;
}
.article-island__category span:empty:before {
  display: none;
}
.article-island__category span:before {
  content: "";
  position: absolute;
  left: 0;
  display: inline-block;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3333 12.4993H4' stroke='%23546786' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M2 12.5V4.5C2 3.39533 2.89533 2.5 4 2.5H10.6667C11.4033 2.5 12 3.09667 12 3.83333V9.83333C12 10.2013 11.7013 10.5 11.3333 10.5H4C2.89533 10.5 2 11.3953 2 12.5V12.5C2 13.6047 2.89533 14.5 4 14.5H12.6667C13.4033 14.5 14 13.9033 14 13.1667V3.83333' stroke='%23546786' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.article-island__category:hover {
  color: #47B5FF;
  opacity: 1;
}
.article-island__date {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  line-height: 18px;
  opacity: 0.5;
}
.article-island__date.circle-indicator:before {
  margin-left: 10px;
}
.article-island .navigation-buttons {
  margin-top: 15px;
}

.reaction-options {
  display: none;
}

@media (max-width: 1290px) {
  .article-island__image {
    padding-top: 62.5%;
  }
}
@media (max-width: 1140px) {
  .article-island-swiper {
    overflow: visible;
  }
  .article-island__image {
    padding-top: 49%;
  }
}
@media (min-width: 767px) {
  .article-island__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px;
  }
  .article-island__list .swiper-slide {
    -ms-flex-preferred-size: calc(50% - 8px);
        flex-basis: calc(50% - 8px);
  }
}
@media (max-width: 767px) {
  .article-island__item {
    padding: 0px 10px 10px 10px;
    border-radius: 10px;
  }
  .article-island__image {
    width: calc(100% + 20px);
    margin-left: -10px;
    padding-top: 79%;
  }
  .article-island__title {
    font-size: 13px;
    line-height: 19px;
    height: 57px;
    min-height: 57px;
    max-height: 57px;
  }
  .article-island__author {
    font-size: 12px;
    line-height: 17px;
    max-height: 17px;
    min-height: 17px;
  }
  .article-island-box .box-body__navigation.box-body__navigation-fixed {
    top: 5px;
    right: 5px;
  }
}
.sidebar-different {
  width: 250px;
  padding-bottom: 10px;
  min-width: 250px;
}
.sidebar-different.sidebar-different-single {
  position: sticky;
  top: 90px;
}
.sidebar-support {
  border: 1px solid #232934;
  border-radius: 20px;
  padding: 15px;
  background: #1d222a;
  margin-bottom: 13px;
}
.sidebar-support__title {
  margin-bottom: 10px;
  font-weight: 600;
  color: var(--white);
  line-height: 137%;
}
.sidebar-support__title em {
  color: var(--yellow);
  font-style: normal;
}
.sidebar-support__description {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 143%;
}
.sidebar-support__btn.btn {
  width: 100%;
  margin-top: 20px;
  border: 1px solid #408bc1;
  height: 42px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
  color: var(--main);
}
.sidebar-support__btn.btn:hover {
  border-color: var(--blue);
}
.sidebar-box {
  border-radius: 25px;
  border: 1px solid #232934;
  background: #1D222A;
  height: 468px;
  margin-bottom: 13px;
  overflow: hidden;
  display: block;
}
.sidebar-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sidebar-discussed {
  padding: 15px 5px 5px 5px;
  border-radius: 20px;
  padding: 5px;
  gap: 8px;
  border-radius: 20px;
  border: 1px solid #232934;
  background: #1D222A;
}
.sidebar-discussed__list {
  margin-top: 8px;
}
.sidebar-discussed__title {
  color: #E1E5ED;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  padding-left: 10px;
  padding-top: 10px;
}
.sidebar-discussed__item {
  font-size: 14px;
  font-weight: 600;
  padding: 9px 10px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 15px;
  border: 1px solid transparent;
  margin-top: 5px;
  display: block;
}
.sidebar-discussed__item:first-child {
  margin-top: 0px;
}
.sidebar-discussed__item:hover {
  border: 1px solid #2A313E;
  background: #232934;
}
.sidebar-discussed__category {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: var(--light-white);
  opacity: 0.5;
  display: block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.sidebar-discussed__category:hover {
  color: var(--blue);
  opacity: 1;
}
.sidebar-discussed__label {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #AEB5C0;
  margin-top: 5px;
  max-height: 60px;
  overflow: hidden;
  display: block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.sidebar-discussed__label:hover {
  color: var(--white);
}
.sidebar-discussed__coin {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  color: rgba(191, 216, 255, 0.5);
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0.12px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.sidebar-discussed__coin:hover {
  color: var(--white);
}
.sidebar-discussed__coin:hover i {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.0625 6.41675C2.0625 4.51814 3.60139 2.97925 5.5 2.97925H16.5C18.3986 2.97925 19.9375 4.51814 19.9375 6.41675V13.7501C19.9375 15.6487 18.3986 17.1876 16.5 17.1876H11.2082L7.25636 19.8221C7.04539 19.9628 6.77414 19.9759 6.5506 19.8562C6.32705 19.7366 6.1875 19.5036 6.1875 19.2501V17.1876H5.5C3.60139 17.1876 2.0625 15.6487 2.0625 13.7501V6.41675ZM5.5 4.35425C4.36078 4.35425 3.4375 5.27753 3.4375 6.41675V13.7501C3.4375 14.8893 4.36078 15.8126 5.5 15.8126H6.875C7.2547 15.8126 7.5625 16.1204 7.5625 16.5001V17.9655L10.6186 15.928C10.7316 15.8528 10.8643 15.8126 11 15.8126H16.5C17.6392 15.8126 18.5625 14.8893 18.5625 13.7501V6.41675C18.5625 5.27753 17.6392 4.35425 16.5 4.35425H5.5Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}
.sidebar-discussed__coin i {
  width: 22px;
  height: 22px;
  background-position: center;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.0625 6.41675C2.0625 4.51814 3.60139 2.97925 5.5 2.97925H16.5C18.3986 2.97925 19.9375 4.51814 19.9375 6.41675V13.7501C19.9375 15.6487 18.3986 17.1876 16.5 17.1876H11.2082L7.25636 19.8221C7.04539 19.9628 6.77414 19.9759 6.5506 19.8562C6.32705 19.7366 6.1875 19.5036 6.1875 19.2501V17.1876H5.5C3.60139 17.1876 2.0625 15.6487 2.0625 13.7501V6.41675ZM5.5 4.35425C4.36078 4.35425 3.4375 5.27753 3.4375 6.41675V13.7501C3.4375 14.8893 4.36078 15.8126 5.5 15.8126H6.875C7.2547 15.8126 7.5625 16.1204 7.5625 16.5001V17.9655L10.6186 15.928C10.7316 15.8528 10.8643 15.8126 11 15.8126H16.5C17.6392 15.8126 18.5625 14.8893 18.5625 13.7501V6.41675C18.5625 5.27753 17.6392 4.35425 16.5 4.35425H5.5Z' fill='%237385A2'/%3E%3C/svg%3E");
}
.sidebar-author {
  padding: 15px 5px 5px 5px;
  border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #232934;
  background: #1D222A;
  margin-top: 13px;
  overflow: hidden;
}
.sidebar-author__title {
  color: #E1E5ED;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  padding-left: 10px;
}
.sidebar-author__list {
  margin-top: 8px;
}
.sidebar-author__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 46px;
  padding: 0px 5px;
  margin-top: 5px;
  position: relative;
}
.sidebar-author__item:hover .sidebar-author__image {
  opacity: 0.8;
}
.sidebar-author__item:hover .sidebar-author__name {
  color: var(--blue);
}
.sidebar-author__item:first-child {
  margin-top: 0px;
}
.sidebar-author__number {
  color: rgba(191, 216, 255, 0.7);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sidebar-author__image {
  width: 30px;
  min-width: 30px;
  height: 30px;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  margin-right: 10px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.sidebar-author__row {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.sidebar-author__name {
  color: #E1E5ED;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  white-space: nowrap;
  max-height: 19px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.sidebar-author__subscribers {
  color: rgba(191, 216, 255, 0.5);
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  max-height: 17px;
  white-space: nowrap;
  letter-spacing: 0.24px;
}

@media (max-width: 1290px) {
  .sidebar-different {
    width: 195px;
    min-width: 195px;
  }
}
@media (max-width: 1140px) {
  .sidebar-different {
    display: none;
  }
}
.box-island {
  border-radius: 25px;
  background: #171B22;
  margin-top: 30px;
  height: 120px;
  overflow: hidden;
  display: block;
}
.box-island img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 1140px) {
  .box-island {
    height: 80px;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    border-radius: 12px;
  }
  .box-island-top, .box-island-bottom {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.box-island-top {
  margin-top: 0px;
  margin-bottom: 30px;
}

.main-box-article {
  border: 1px solid #232934;
  border-radius: 15px;
  padding: 15px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  background: #1d222a;
  margin-bottom: 30px;
}
.main-box-article__info {
  width: 100%;
}
.main-box-article__image {
  background-position: center;
  background-size: cover;
  border-radius: 5px;
  width: 130px;
  min-width: 130px;
  height: 78px;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.main-box-article__image:hover {
  opacity: 0.8;
}
.main-box-article__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.main-box-article__category {
  font-weight: 500;
  font-size: 13px;
  opacity: 0.5;
  color: var(--main);
}
.main-box-article__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.main-box-article__bottom .btn {
  height: 42px;
  background: #2a313e;
  border: 1px solid var(--blue);
  border-radius: 8px;
}
.main-box-article__excerpt {
  font-size: 16px;
  line-height: 131%;
  color: var(--main);
  margin-right: 40px;
  max-height: 42px;
  min-height: 42px;
  overflow: hidden;
  width: 100%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.main-box-article__excerpt:hover {
  color: var(--blue);
}
.box-body {
  position: relative;
}
.box-body__info {
  position: absolute;
  display: none;
  padding: 20px;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: var(--black);
  color: var(--main);
  text-align: center;
  top: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 5;
  font-size: 12px;
  border-radius: 12px;
}
.box-body__info.active {
  display: block;
  visibility: visible;
}
.box-body__text {
  text-align: center;
  width: 100%;
  line-height: 140%;
}
.box-body__close {
  position: absolute;
  right: 8px;
  top: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66602 6.6665L13.3327 13.3332' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M13.3327 6.6665L6.66602 13.3332' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  background-size: 100%;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.box-body__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.box-body__navigation.box-body__navigation-fixed {
  position: absolute;
  bottom: 10px;
  background: var(--black);
  padding: 5px 10px;
  border-radius: 10px;
  right: 10px;
}
.box-body__navigation.box-body__navigation-news {
  top: 10px;
  bottom: auto;
  right: 5px;
}
.box-body__navigation p {
  font-size: 10px;
  line-height: 160%;
  letter-spacing: 0.02em;
  color: var(--blue);
  text-transform: uppercase;
  padding-right: 15px;
  margin-right: 13px;
  border-right: 1px solid rgba(191, 216, 255, 0.15);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: block;
}
.box-body__navigation p a {
  color: var(--blue);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.box-body__navigation p a:hover {
  opacity: 0.8;
}
.box-body__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.box-body__button:hover {
  opacity: 0.8;
}
.box-body__button [data-action] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  cursor: pointer;
}
.box-body__button [data-action=box-more] {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4196 9.99985C15.4196 10.2301 15.233 10.4167 15.0028 10.4167C14.7726 10.4167 14.5859 10.2301 14.5859 9.99985C14.5859 9.76963 14.7726 9.58301 15.0028 9.58301C15.233 9.58301 15.4196 9.76963 15.4196 9.99985' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M10.4177 9.99985C10.4177 10.2301 10.231 10.4167 10.0008 10.4167C9.77061 10.4167 9.58398 10.2301 9.58398 9.99985C9.58398 9.76963 9.77061 9.58301 10.0008 9.58301C10.231 9.58301 10.4177 9.76963 10.4177 9.99985' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M5.41571 9.99985C5.41571 10.2301 5.22909 10.4167 4.99887 10.4167C4.76866 10.4167 4.58203 10.2301 4.58203 9.99985C4.58203 9.76963 4.76866 9.58301 4.99887 9.58301C5.22909 9.58301 5.41571 9.76963 5.41571 9.99985' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.box-body__button [data-action=box-close] {
  display: none;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66602 6.6665L13.3327 13.3332' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M13.3327 6.6665L6.66602 13.3332' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}

@media (max-width: 768px) {
  .box-island-top {
    margin-top: 0px;
    margin-bottom: 20px;
  }
  .main-box-article__excerpt {
    font-size: 13px;
    line-height: 130%;
    max-height: 34px;
    min-height: 34px;
    margin-right: 10px;
  }
  .main-box-article__bottom {
    margin-top: 14px;
  }
  .main-box-article__bottom .btn {
    height: 34px;
  }
  .box-body__info {
    padding-top: 35px;
  }
  .box-body__text {
    font-size: 11px;
  }
}
@media (max-width: 440px) {
  .main-box-article__image {
    display: none;
  }
}
#home-new .article__list {
  margin-top: 0px;
  min-height: 200px;
}

[data-template=home-new] {
  min-height: 200px;
}

.article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.article__list {
  margin-top: 30px;
}
.article__wrap {
  min-height: 300px;
}
.article__wrap.favorite-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.article__wrap.favorite-list .article-island__item {
  -ms-flex-preferred-size: calc(50% - 7.5px);
      flex-basis: calc(50% - 7.5px);
}
.article__wrap.favorite-list .article-island__item .navigation-buttons {
  margin-top: 10px;
}
.article__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.article__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.article__item {
  width: 100%;
  border-radius: 25px;
  border: 1px solid #232934;
  background: #1D222A;
  padding: 20px 25px 25px 25px;
  margin-top: 15px;
  position: relative;
  overflow: hidden;
}
.article__item[data-post-type=news] .article__description {
  margin-bottom: 30px;
}
.article__item[data-post-type=news] .article__category span:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2.5C11.3213 2.5 14 5.17867 14 8.5C14 11.8213 11.3213 14.5 8 14.5' stroke='%23546786' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M8 14.5C4.67867 14.5 2 11.8213 2 8.5C2 5.17867 4.67867 2.5 8 2.5' stroke='%23546786' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.7785 3.20662C4.85183 6.42329 4.85183 10.5773 6.7785 13.794C7.3425 14.736 8.65783 14.736 9.22183 13.794C11.1485 10.5773 11.1485 6.42329 9.22183 3.20662C8.65716 2.26462 7.3425 2.26462 6.7785 3.20662Z' stroke='%23546786' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M2.67334 5.73865C5.93467 6.74598 10.0653 6.74598 13.326 5.73865' stroke='%23546786' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M13.3265 11.2614C10.0652 10.254 5.93449 10.254 2.67383 11.2614' stroke='%23546786' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.article__item-box .article__name {
  pointer-events: none;
}
.article__item-box .article__logo {
  background: var(--blue);
}
.article__item-box .box-body__navigation-fixed {
  top: 10px;
  bottom: auto;
}
.article__item-box .article-box__button {
  background: var(--blue);
  width: 100%;
  color: var(--white);
  height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #276fa4;
  padding: 0px 20px;
  font-size: 14px;
  border-radius: 8px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.article__item-box .article-box__button:hover {
  opacity: 0.9;
}
.article__item-box .article-box__button:hover i {
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
}
.article__item-box .article-box__button i {
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.96967 16.5303C9.67678 16.2374 9.67678 15.7626 9.96967 15.4697L13.4393 12L9.96967 8.53033C9.67678 8.23744 9.67678 7.76256 9.96967 7.46967C10.2626 7.17678 10.7374 7.17678 11.0303 7.46967L15.0303 11.4697C15.3232 11.7626 15.3232 12.2374 15.0303 12.5303L11.0303 16.5303C10.7374 16.8232 10.2626 16.8232 9.96967 16.5303Z' fill='%2375C7FF' /%3E%3C/svg%3E");
  background-position: center;
  background-size: cover;
}
.article__item.loading-card {
  pointer-events: none;
}
.article__item.loading-card::before {
  opacity: 1;
  visibility: visible;
}
.article__item.loading-card:after {
  display: block;
}
.article__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(29, 34, 42);
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
  visibility: hidden;
}
.article__item:after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(255, 255, 255, 0.08)), to(transparent));
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.08) 50%, transparent 100%);
  z-index: 11;
  width: 200%;
  -webkit-animation: loading-shine 1.5s infinite;
          animation: loading-shine 1.5s infinite;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: none;
}
.article__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.article__logo {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  margin-right: 10px;
  position: relative;
}
.article__logo .tariff-icon {
  position: absolute;
  bottom: -5px;
  right: -5px;
  margin: 0;
}
.article__name {
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  color: var(--main);
  margin-right: 10px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.article__name:hover {
  color: var(--blue);
}
.article__pin {
  color: var(--yellow);
  font-size: 13px;
  font-weight: 500;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
}
.article__pin.pin-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.article__pin i {
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.49885 14.1693V10.9805' stroke='%23F1AE00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.60316 10.9793C4.34786 10.9793 4.1123 10.842 3.98651 10.6198C3.86073 10.3977 3.86417 10.125 3.99552 9.90609L5.49858 7.401C5.63463 7.17424 5.68128 6.90491 5.62942 6.6456L5.20534 4.52529C5.12206 4.10894 5.22985 3.67718 5.49904 3.34881C5.76823 3.02045 6.17047 2.83008 6.59507 2.83008H10.4039C10.8286 2.83008 11.2308 3.02045 11.5 3.34881C11.7692 3.67718 11.877 4.10894 11.7937 4.52529L11.3696 6.6456C11.3177 6.90491 11.3644 7.17424 11.5004 7.401L13.0036 9.90609C13.1349 10.125 13.1384 10.3977 13.0126 10.6198C12.8868 10.842 12.6512 10.9793 12.3959 10.9793H4.60316Z' stroke='%23F1AE00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  background-position: center;
  background-size: cover;
}
.article__category {
  color: rgba(191, 216, 255, 0.5);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  padding-left: 20px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  position: relative;
}
.article__category span:empty:before {
  display: none;
}
.article__category span:before {
  content: "";
  position: absolute;
  left: 0;
  display: inline-block;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3333 12.4993H4' stroke='%23546786' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M2 12.5V4.5C2 3.39533 2.89533 2.5 4 2.5H10.6667C11.4033 2.5 12 3.09667 12 3.83333V9.83333C12 10.2013 11.7013 10.5 11.3333 10.5H4C2.89533 10.5 2 11.3953 2 12.5V12.5C2 13.6047 2.89533 14.5 4 14.5H12.6667C13.4033 14.5 14 13.9033 14 13.1667V3.83333' stroke='%23546786' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.article__category:hover {
  color: var(--blue);
}
.article__date {
  color: rgba(191, 216, 255, 0.5);
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}
.article__label {
  color: #FFF;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 10px;
  margin-top: 10px;
  display: block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.article__label:hover {
  opacity: 0.8;
}
.article__description {
  color: rgba(191, 216, 255, 0.5);
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.08px;
  max-height: 75px;
  overflow: hidden;
}
.article__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.article__image {
  margin: 25px -25px;
  display: block;
  padding-top: 55.4%;
  background-position: center;
  background-size: cover;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.article__image:hover {
  opacity: 0.8;
}
.article__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@-webkit-keyframes loading-shine {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}

@keyframes loading-shine {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@media (max-width: 767px) {
  .article__wrap.favorite-list {
    gap: 15px;
  }
  .article__wrap.favorite-list .article-island__item {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .article__item {
    padding: 15px;
  }
  .article__item-box .article__name {
    margin-right: 130px;
  }
  .article__item-box .article__logo {
    min-width: 40px;
  }
  .article__pin span {
    display: none;
  }
  .article__label {
    font-size: 18px;
    line-height: 26px;
  }
  .article__description {
    font-size: 15px;
    line-height: 25px;
    max-height: 100px;
    min-height: auto;
    height: auto;
  }
  .article__image {
    width: calc(100% + 30px);
    margin: 15px -15px 15px -15px;
  }
  .article__navigation {
    gap: 10px;
  }
  .article__navigation .navigation-buttons {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (max-width: 380px) {
  .article__date {
    font-size: 12px;
  }
}
/* Category */
.category-card {
  border-radius: 25px;
  border: 1px solid #2A313E;
  background: linear-gradient(280deg, #191D24 0%, #1A2632 100%);
  overflow: hidden;
}
.category-card__image {
  height: 157px;
  background-position: center;
  background-size: cover;
  width: 100%;
}
.category-card-info {
  padding: 25px 20px 25px 25px;
}
.category-card__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.category-card__marker {
  font-size: 14px;
  color: #7385A2;
}
.category-card__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 13px;
}
.category-card__navigation .btn {
  padding: 0px 14px;
}
.category-card__subscribes {
  font-weight: 500;
  border-radius: 12px;
  border: 1px solid #2A313E;
  height: 34px;
  padding: 0px 14px;
  max-height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 18px;
  position: relative;
}
.category-card__subscriber.btn {
  height: 34px;
  border-radius: 12px;
}
.category-card__label {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: #E1E5ED;
  margin-top: -3px;
}
.category-card__label span {
  display: none;
}
.category-card__description {
  margin-top: 2px;
  font-size: 14px;
  line-height: 20px;
  color: #AEB5C0;
}

@media (max-width: 767px) {
  .category-card {
    border-radius: 20px;
  }
  .category-card-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 15px;
  }
  .category-card__label span {
    display: inline-block;
    font-size: 14px;
    color: #7385A2;
    font-weight: 400;
    margin-left: 4px;
  }
  .category-card__row {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .category-card__marker {
    display: none;
  }
  .category-card__navigation {
    width: 100%;
  }
  .category-card__description {
    font-size: 13px;
    line-height: 18px;
  }
  .category-card__subscribes {
    font-size: 13px;
    width: 100%;
  }
}
.news {
  background: linear-gradient(315deg, #191d24 0%, #1a2632 100%);
  border: 1px solid #2a313e;
  border-radius: 25px;
  padding: 15px 10px 10px 10px;
  width: 100%;
  overflow: hidden;
}
.news__no-more {
  padding: 10px;
}
.news__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.news__item {
  border: 1px solid rgba(191, 216, 255, 0.04);
  border-radius: 15px;
  padding: 15px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -ms-flex-preferred-size: calc(50% - 5px);
      flex-basis: calc(50% - 5px);
  position: relative;
  overflow: hidden;
}
.news__item span {
  opacity: 0.5;
}
.news__item .favorite-button {
  position: absolute;
  right: 15px;
  top: 17px;
  border: none;
  width: 24px;
  height: 24px;
}
.news__item .favorite-button:not(.active) {
  display: none;
}
.news__item .favorite-button.active {
  background: transparent;
}
.news__item:hover .favorite-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.news__item-box {
  border: 1px solid rgba(191, 216, 255, 0.24);
}
.news__item-box .box-body__navigation-fixed {
  background: transparent;
}
.news__item-box .news__title {
  max-width: 90%;
}
.news__item.hover {
  cursor: pointer;
  background: rgba(191, 216, 255, 0.08);
}
.news__item.hover .news__title {
  color: var(--white);
}
.news__item.hover .news__row span {
  opacity: 1;
  color: var(--white);
}
.news__item.loading-card {
  pointer-events: none;
}
.news__item.loading-card::before {
  opacity: 1;
  visibility: visible;
}
.news__item.loading-card:after {
  display: block;
}
.news__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #1a232e;
  z-index: 10;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
  visibility: hidden;
  border-radius: 15px;
}
.news__item:after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(255, 255, 255, 0.08)), to(transparent));
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.08) 50%, transparent 100%);
  z-index: 11;
  width: 200%;
  -webkit-animation: loading-shine 1.5s infinite;
          animation: loading-shine 1.5s infinite;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: none;
  border-radius: 15px;
}
.news__title {
  max-height: 63px;
  min-height: 63px;
  height: 63px;
  line-height: 131%;
  color: #aeb5c0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  overflow: hidden;
  width: calc(100% - 30px);
  display: block;
}
.news-category a {
  color: var(--light-white);
  opacity: 0.5;
}
.news-category a:hover {
  color: var(--blue);
  opacity: 1;
}
.news__row {
  font-weight: 500;
  font-size: 13px;
  line-height: 138%;
  color: var(--light-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
  min-height: auto;
}
.news__row div, .news__row span {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.news__row .news-category-ads {
  margin-left: auto;
  color: var(--blue);
}
.news__row .news-category-ads span {
  opacity: 1;
}
.news__row .main__title {
  line-height: 120%;
}

@media (max-width: 1140px) {
  .news {
    background: none;
    border-radius: 0px;
    padding: 0px;
    border: none;
  }
  .news__item {
    padding-bottom: 13px;
  }
  .news__title {
    font-size: 16px;
    max-height: 42px;
    min-height: 42px;
    line-height: 21px;
    height: 42px;
    font-weight: 400;
  }
  .news__row {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .news__row .main__title {
    margin-right: 0px;
  }
  .news__row .circle-indicator::before {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .news__row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 600px) {
  .news__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .news__title {
    max-height: auto;
    min-height: auto;
    height: auto;
  }
}
/* Components */
.write-story {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding: 13.5px 13px;
  font-size: 14px;
  border-radius: 15px;
  border: 1px solid #232934;
  background: #171B22;
  margin-top: 20px;
  color: var(--light-white);
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.write-story:hover {
  background: #1d222a;
}
.write-story__icon {
  width: 26.5px;
  height: 26.5px;
}
.write-story__icon img {
  width: 100%;
}
.write-story__title {
  opacity: 0.4;
}

@media (max-width: 767px) {
  .write-story {
    font-size: 13px;
    gap: 15px;
  }
  .write-story__icon {
    width: 18.8px;
    height: 18.8px;
  }
}
.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 50px;
  padding: 0px 15px 0px 20px;
  margin-bottom: -9px;
}
.tabs-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tabs__item {
  color: #AEB5C0;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  cursor: pointer;
  cursor: default;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.tabs__item.active {
  color: #F2F3F5;
}
.tabs__item.active span::after {
  width: 100%;
}
.tabs__item span {
  position: relative;
  padding-bottom: 8px;
  cursor: pointer;
}
.tabs__item span::after {
  content: "";
  position: absolute;
  height: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  margin: auto;
  background-color: #232934;
  height: 2px;
  width: 0;
  background: var(--yellow);
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.tabs__item.circle-indicator:before {
  margin-right: 22px;
  margin-left: 21px;
}
.tabs-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 50px;
}
.tabs-author__item {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 50px;
  border-bottom: 3px solid #31415B;
  gap: 5px;
  color: #7385A2;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  background: #1D222A;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.tabs-author__item:hover {
  background: var(--stroke);
}
.tabs-author__item-reader i {
  background-image: url(../images/icons/profile/book.png);
}
.tabs-author__item-reader.active {
  background: #2A313E;
  border-color: var(--blue);
  color: var(--white);
}
.tabs-author__item-reader.active i {
  background-image: url(../images/icons/profile/book-active.png);
}
.tabs-author__item-author i {
  background-image: url(../images/icons/profile/edit.png);
}
.tabs-author__item-author.active {
  background: #2A313E;
  border-color: var(--yellow);
  color: var(--white);
}
.tabs-author__item-author.active i {
  background-image: url(../images/icons/profile/edit-active.png);
}
.tabs-author__item i {
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: cover;
}
.tabs__content {
  display: none;
  opacity: 0;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
  margin-top: 30px;
}
.tabs__content.hidden {
  display: none !important;
}
.tabs__content.active {
  display: block;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media (max-width: 1290px) {
  .tabs-profile {
    display: none;
  }
}
@media (max-width: 767px) {
  .tabs__item.circle-indicator:before {
    margin-right: 17px;
    margin-left: 16px;
  }
}
@media (max-width: 390px) {
  .tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 20px;
  }
  .tabs .sorting {
    margin-left: auto;
  }
  .visitor-content .tabs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.empty-content {
  margin-top: 55px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.empty-content__button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
}

.news__no-more {
  margin: auto;
}

.finish-content, .empty-content {
  text-align: center;
  padding: 10px;
  margin: 20px auto 10px auto;
  font-size: 16px;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.favorite-list .empty-content {
  margin-top: 10px;
}

.empty-content__button {
  font-size: 14px;
}

.empty-content__label {
  line-height: 140%;
}

@media (max-width: 500px) {
  .empty-content__label {
    font-size: 13px;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
}
.sub-modal-wrap {
  width: 100%;
  max-width: 550px;
  border-radius: 20px;
  padding: 25px;
  max-height: 595px;
  background: #1d222a;
}
.sub-modal-wrap .no-items {
  padding: 13px 0px;
}
.sub-modal-wrap .modal__buttons {
  display: none;
}
.sub-modal-wrap .modal__description {
  margin-bottom: 0px;
  line-height: 120%;
}
.sub-modal-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sub-modal__title {
  font-weight: 500;
  font-size: 22px;
  line-height: 127%;
  color: var(--white);
  padding-top: 7px;
  padding-left: 5px;
}
.sub-modal__title p {
  display: inline-block;
}
.sub-modal__title span {
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
  color: var(--blue);
  margin-left: 10px;
}
.sub-modal__close {
  width: 24px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
.sub-modal__close img {
  width: 100%;
}
.sub-modal__close:hover {
  opacity: 0.8;
}
.sub-modal-list {
  border: 1px solid #2a313e;
  border-radius: 15px;
  width: 100%;
  max-height: 492px;
  overflow-y: auto;
  margin-top: 17px;
  min-height: 42px;
  background: linear-gradient(225deg, #141d26 0%, #191d24 100%);
  padding: 0px 15px 0px 24px;
}
.sub-modal-list.load-posts::before, .sub-modal-list.load-posts::after {
  margin-bottom: 10px;
}
.sub-modal__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid rgba(191, 216, 255, 0.06);
  padding: 20px 0px;
}
.sub-modal__item:first-child {
  border-top: 0px;
}
.sub-modal__item .btn {
  margin-left: auto;
  height: 34px;
}
.sub-modal__image {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
.sub-modal__image:hover {
  opacity: 0.8;
}
.sub-modal-author {
  font-weight: 500;
  color: var(--main);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: block;
}
.sub-modal-author:hover {
  color: var(--blue);
}
.sub-modal-info {
  margin-left: 21px;
  font-size: 14px;
}
.sub-modal-info span {
  color: rgba(191, 216, 255, 0.5);
  margin-top: 3px;
  display: inline-block;
}

@media (max-width: 1250px) {
  .sub-modal-wrap {
    max-width: 95%;
    padding: 20px 15px;
  }
  .sub-modal__title {
    font-size: 20px;
    padding-top: 0px;
  }
  .sub-modal__title span {
    font-size: 16px;
  }
  .sub-modal-list {
    padding: 0px 15px;
    margin-top: 10px;
  }
  .sub-modal__item {
    padding: 12px 0px;
  }
}
.search-author-button {
  width: 22px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
.search-author-button:hover {
  opacity: 0.8;
}
.search-author-button img {
  width: 100%;
}
.search-author-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 40px 15px 0px 15px;
}
.search-author-header.loading .search-author__icon::after {
  content: "";
  position: absolute;
  width: 17px;
  height: 17px;
  border: 2px solid var(--white);
  border-top-color: transparent;
  border-radius: 50%;
  -webkit-animation: spin-search 0.8s linear infinite;
          animation: spin-search 0.8s linear infinite;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}
.search-author-header.loading .search-author__icon img {
  opacity: 0;
}
.search-author__icon {
  width: 22px;
  position: relative;
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.search-author__icon img {
  width: 100%;
}
.search-author__input {
  background: transparent;
  font-size: 16px;
  border: none;
  width: 100%;
  color: var(--white);
}
.search-author__input::-webkit-input-placeholder {
  color: rgba(191, 216, 255, 0.5);
}
.search-author__input::-moz-placeholder {
  color: rgba(191, 216, 255, 0.5);
}
.search-author__input:-ms-input-placeholder {
  color: rgba(191, 216, 255, 0.5);
}
.search-author__input::-ms-input-placeholder {
  color: rgba(191, 216, 255, 0.5);
}
.search-author__input::placeholder {
  color: rgba(191, 216, 255, 0.5);
}
.search-author__close {
  width: 22px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0.6;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.search-author__close img {
  width: 100%;
}
.search-author__close:hover {
  opacity: 1;
}
.search-author-wrap {
  display: none;
}

.type-tabs {
  border: 1px solid var(--stroke);
  border-radius: 13px;
  padding: 8px;
  width: 100%;
  background: #1d222a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
  margin-top: 15px;
}
.type-tabs.big-margin {
  margin-top: 30px;
}
.type-tabs__item {
  height: 34px;
  border: 1px solid var(--stroke);
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0px 14px;
  font-size: 14px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
.type-tabs__item:hover {
  background: var(--stroke);
}
.type-tabs__item.active {
  background: var(--stroke);
  color: var(--blue);
}

.type-tabs__text-mobile {
  display: none;
}
.type-tabs__text-desktop {
  display: inline;
}

@media (max-width: 768px) {
  .type-tabs__item {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .type-tabs__item[data-type=all] {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .type-tabs__text-mobile {
    display: inline;
  }
  .type-tabs__text-desktop {
    display: none;
  }
}
/* Author page */
.page-author__profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 25px;
  border: 1px solid --stroke;
  background: linear-gradient(280deg, #191D24 0%, #1A2632 100%);
  padding: 20px;
}
.page-author__image {
  width: 70px;
  min-width: 70px;
  height: 70px;
  margin-right: 30px;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
}
.page-author__info {
  width: 100%;
}
.page-author__name {
  font-size: 24px;
  font-weight: 700;
  color: #E1E5ED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-author__name .verified-badge {
  margin-left: 6px;
}
.page-author__name span {
  font-size: 13px;
  font-weight: 500;
  border-radius: 30px;
  background: #263449;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0px 10px;
  color: rgba(191, 216, 255, 0.5);
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 10px;
}
.page-author__email {
  display: none;
}
.page-author__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: 10px;
}
.page-author__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  width: 30px;
  height: 30px;
  font-size: 13px;
  border-radius: 8px;
  position: relative;
  border: 1px solid #2A313E;
  background: #1D222A;
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.page-author__social:hover {
  background: var(--black);
}
.page-author__social i {
  width: 22px;
  height: 22px;
  background: url(../images/icons/socials/vk.png);
  background-size: contain;
}
.page-author__social.instagram-link i {
  background-image: url(../images/icons/socials/instagram.png);
}
.page-author__social.google-link i {
  background-image: url(../images/icons/socials/google.png);
}
.page-author__social.youtube-link i {
  background-image: url(../images/icons/socials/youtube.png);
}
.page-author__social.email-link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0px 14px;
  color: var(--main);
}
.page-author__social.email-link i {
  background-image: url(../images/icons/socials/email.png);
}
.page-author__additional {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  gap: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-author__description-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  color: var(--white);
}
.page-author__description-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--light-white-rgb);
  opacity: 0.7;
  max-height: 60px;
  overflow: hidden;
  margin-top: 3px;
}
.page-author__description-button {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0.12px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 5px;
  color: var(--light-white-rgb);
  opacity: 0.7;
  cursor: pointer;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.page-author__description-button.active::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.page-author__description-button::before {
  content: "";
  position: absolute;
  right: -18px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 8px;
  height: 5px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.224074 0.891066C0.468152 0.646988 0.86388 0.646988 1.10796 0.891066L3.99935 3.78246L6.89074 0.891066C7.13482 0.646988 7.53055 0.646988 7.77462 0.891066C8.0187 1.13514 8.0187 1.53087 7.77462 1.77495L4.44129 5.10828C4.19721 5.35236 3.80148 5.35236 3.55741 5.10828L0.224074 1.77495C-0.0200038 1.53087 -0.0200038 1.13514 0.224074 0.891066Z' fill='%237385A2' /%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.page-author__services-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  color: var(--white);
}
.page-author__services-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--light-white-rgb);
  opacity: 0.7;
  max-height: 60px;
  overflow: hidden;
  margin-top: 3px;
}
.page-author__services-button {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0.12px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 5px;
  color: var(--light-white-rgb);
  opacity: 0.7;
  cursor: pointer;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.page-author__services-button.active:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.page-author__services-button::before {
  content: "";
  position: absolute;
  right: -18px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 8px;
  height: 5px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.224074 0.891066C0.468152 0.646988 0.86388 0.646988 1.10796 0.891066L3.99935 3.78246L6.89074 0.891066C7.13482 0.646988 7.53055 0.646988 7.77462 0.891066C8.0187 1.13514 8.0187 1.53087 7.77462 1.77495L4.44129 5.10828C4.19721 5.35236 3.80148 5.35236 3.55741 5.10828L0.224074 1.77495C-0.0200038 1.53087 -0.0200038 1.13514 0.224074 0.891066Z' fill='%237385A2' /%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.page-author__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  gap: 5px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.page-author__navigation.border-none {
  padding-top: 0px;
  margin-top: 10px;
  border: none;
}
.page-author__navigation div[data-modal-type] {
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.page-author__navigation div[data-modal-type]:hover {
  background: var(--stroke);
}
.page-author-item:not(.page-author__subscribe) {
  border-radius: 12px;
  border: 1px solid #2A313E;
  padding: 10px 15px;
  height: 34px;
  color: var(--main);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-author__subscribe.btn {
  border-radius: 12px;
  height: 34px;
}
.page-author__settings {
  gap: 5px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.page-author__settings span {
  display: none;
}
.page-author__settings:hover {
  background: var(--stroke);
}
.page-author__settings i {
  width: 22px;
  height: 22px;
  background-image: url(../images/icons/profile/settings.png);
  background-size: cover;
}

.role-content {
  display: none;
}
.role-content.active {
  display: block;
}
.role-content.visitor-content .tabs-mobile__option-select::after {
  display: none;
}

@media (max-width: 767px) {
  .page-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 20px;
  }
  .page-author .tabs-author {
    margin-top: 0px;
  }
  .page-author__profile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
  }
  .page-author__image {
    margin-left: auto;
    margin-right: auto;
  }
  .page-author__name {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 10px;
    font-size: 22px;
  }
  .page-author__name p {
    margin-right: 0;
  }
  .page-author__name span {
    position: absolute;
    right: 20px;
    top: 20px;
  }
  .page-author__email {
    display: block;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    margin-top: 4px;
    color: var(--light-white-rgb);
    opacity: 0.3;
  }
  .page-author__socials {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 360px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .page-author__social {
    -ms-flex-preferred-size: calc(25% - 10px);
        flex-basis: calc(25% - 10px);
  }
  .page-author__social.email-link {
    display: none;
  }
  .page-author__additional {
    border-top: 0px;
    margin-top: 20px;
    padding-top: 0px;
  }
  .page-author__top {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(var(--white-rgb), 0.05);
    margin-bottom: 15px;
  }
  .page-author-item:not(.page-author__subscribe) {
    -ms-flex-preferred-size: calc(50% - 5px);
        flex-basis: calc(50% - 5px);
  }
  .page-author__navigation {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    gap: 10px;
  }
  .page-author__navigation .page-author__settings span {
    display: block;
  }
  .page-author__navigation div.page-author__settings, .page-author__navigation a.page-author__settings {
    -ms-flex-preferred-size: calc(100% - 5px);
        flex-basis: calc(100% - 5px);
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .page-author__navigation div.page-author__subscribe, .page-author__navigation a.page-author__subscribe {
    -ms-flex-preferred-size: calc(100% - 5px);
        flex-basis: calc(100% - 5px);
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .page-author__navigation .tariff-box.page-author-item {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
/* Account settings */
.account-settings {
  padding: 30px 25px;
  border-radius: 25px;
  border: 1px solid var(--stroke);
  background: linear-gradient(257deg, #141D26 0%, #191D24 100%);
}
.account-settings-menu {
  -webkit-backdrop-filter: blur(114px);
          backdrop-filter: blur(114px);
  background: #1d222a;
  border: 1px solid #232934;
  border-radius: 15px;
  padding: 13px 10px;
}
.account-settings-menu__wrap {
  padding-top: 9px;
  margin-top: 16px;
  border-top: 1px solid var(--stroke);
}
.account-settings-menu__wrap:first-child {
  padding-top: 0px;
  margin-top: 0px;
  border-top: none;
}
.account-settings-menu span {
  font-weight: 500;
  font-size: 13px;
  padding: 6px 15px;
  line-height: 138%;
  color: rgba(191, 216, 255, 0.3);
  display: block;
}
.account-settings-menu__link {
  padding: 7px 15px;
  transtion: 0.2s;
  color: var(--main);
  display: block;
  border: 1px solid transparent;
  border-radius: 5px;
  font-size: 14px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.account-settings-menu__link:hover, .account-settings-menu__link.active {
  border-color: var(-stroke);
  background: #232934;
  color: var(--white);
}
.account-settings__heading {
  font-weight: 600;
  font-size: 22px;
  line-height: 136%;
  color: var(--white);
  width: 100%;
  padding-bottom: 25px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--stroke);
}
.account-settings__section.unified_authorization {
  margin-top: 50px;
}
.account-settings__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.account-settings__save {
  height: 42px;
  background: transparent;
  font-size: 13px;
  display: none;
}
.account-settings__save.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.account-settings__saved {
  font-size: 14px;
  font-weight: 500;
  color: var(--light-white-rgb);
  opacity: 0;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.account-settings__saved.active {
  opacity: 1;
  color: var(--blue);
}
.account-settings__saved.active::after {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M14.6673 0.863281L5.50065 10.0299L1.33398 5.86328' stroke='%2347B5FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E%0A");
}
.account-settings__saved::after {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M14.6673 0.863281L5.50065 10.0299L1.33398 5.86328' stroke='%23BFD8FF' stroke-opacity='0.5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E%0A");
  width: 13.3px;
  height: 9.2px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 8px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.account-settings__title {
  font-size: 22px;
  font-weight: 600;
  color: #fff;
}
.account-settings__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 17px;
  padding-left: 22px;
}
.account-settings__image-wrap {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.account-settings__image-wrap img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.account-settings__image-upload {
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
  width: 100%;
  height: 48px;
  background-color: rgba(23, 27, 34, 0.7);
  border-radius: 100%;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  overflow: hidden;
}
.account-settings__image-upload.load {
  height: 100%;
  bottom: 0;
}
.account-settings__image-upload.load::before {
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-animation: move-background 1s infinite;
          animation: move-background 1s infinite;
}
.account-settings__image-upload:hover {
  height: 100%;
  bottom: 0;
  background-position: center;
}
.account-settings__image-upload:hover:before {
  top: 0;
  bottom: 0;
  margin: auto;
}
.account-settings__image-upload::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.8785 10.1678C16.4355 11.7248 16.4355 14.2492 14.8785 15.8062C13.3215 17.3633 10.7971 17.3633 9.24003 15.8062C7.68301 14.2492 7.68301 11.7248 9.24003 10.1678C10.7971 8.61075 13.3215 8.61075 14.8785 10.1678' stroke='%23F2F3F5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 9V18C21 19.105 20.105 20 19 20H5C3.895 20 3 19.105 3 18V9C3 7.895 3.895 7 5 7H7L8.462 4.496C8.641 4.189 8.97 4 9.326 4H14.63C14.981 4 15.306 4.184 15.487 4.484L17 7H19C20.105 7 21 7.895 21 9Z' stroke='%23F2F3F5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.account-settings__image span {
  font-size: 16px;
  margin-top: 10px;
  color: var(--light-white-rgb);
  opacity: 0.3;
  display: block;
}
.account-settings__center {
  margin-left: 45px;
  padding-top: 24px;
}
.account-settings__name {
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
  color: var(--white);
}
.account-settings__logout {
  margin-left: auto;
}
.account-settings__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.account-settings__type {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-top: 26px;
}
.account-settings__type span {
  color: #7385A2;
  font-size: 14px;
}
.account-settings__radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-top: 8px;
}
.account-settings__radio-group input[type=radio] {
  display: none;
}
.account-settings__radio-group input[type=radio]:checked + label {
  opacity: 1;
}
.account-settings__radio-group input[type=radio]:checked + label:before {
  background: var(--blue);
}
.account-settings__radio-group input[type=radio]:checked + label {
  color: var(--blue);
}
.account-settings__radio-group input[type=radio]:checked + label:after {
  opacity: 0.5;
}
.account-settings__radio-group label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-right: 0;
  line-height: 18px;
  font-size: 13px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: var(--light-white-rgb);
  opacity: 0.5;
}
.account-settings__radio-group label:before {
  content: "";
  display: inline-block;
  left: 3px;
  top: 3px;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  position: absolute;
  background: transparent;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 1px;
}
.account-settings__radio-group label::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
  border: 1px solid var(--light-white-rgb);
  border-radius: 3px;
  position: absolute;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.account-settings__radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  cursor: pointer;
}
.account-settings__radio input {
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
}
.account-settings__radio span {
  color: #fff;
  font-size: 14px;
}
.account-settings__label {
  -ms-flex-preferred-size: calc(35% - 10px);
      flex-basis: calc(35% - 10px);
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  position: relative;
}
.account-settings__label .tariff-icon {
  vertical-align: middle;
}
.account-settings__label label span {
  color: var(--yellow);
}
.account-settings__label p {
  color: var(--light-white-rgb);
  opacity: 0.5;
  font-size: 13px;
  line-height: 18px;
  display: block;
}
.account-settings__value {
  width: 100%;
  -ms-flex-preferred-size: calc(65% - 10px);
      flex-basis: calc(65% - 10px);
}
.account-settings__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid rgba(191, 216, 255, 0.06);
}
.account-settings__field.unavailable .account-settings__value {
  opacity: 0.5;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  pointer-events: none;
}
.account-settings__field input, .account-settings__field textarea {
  border-radius: 10px;
  border: 1px solid #232934;
  background: #171B22;
  padding: 0px 16px;
  color: #fff;
  font-size: 14px;
  width: 100%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  max-width: 500px;
  height: 42px;
}
.account-settings__field input.hide-password, .account-settings__field textarea.hide-password {
  background: transparent;
  color: var(--light-white-rgb);
  opacity: 0.5;
  pointer-events: none;
}
.account-settings__field input:focus, .account-settings__field textarea:focus {
  border-color: var(--main);
  outline: none;
}
.account-settings__field textarea {
  height: 107px;
  padding-top: 11px;
  padding-bottom: 11px;
  resize: none;
  line-height: 20px;
}
.account-settings__field textarea::-webkit-scrollbar {
  width: 6px;
}
.account-settings__show-password.btn {
  position: relative;
  border: 1px solid var(--stroke);
  height: 42px;
}
.account-settings__show-password.btn:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 13px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath xmlns='http://www.w3.org/2000/svg' fill='%23AEB5C0' d='M10.9444 6.00175C12.0178 7.07517 12.0178 8.81775 10.9444 9.893C9.87094 10.9664 8.12836 10.9664 7.05311 9.893C5.97969 8.81958 5.97969 7.077 7.05311 6.00175C8.12836 4.9265 9.87003 4.9265 10.9444 6.00175' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.75 7.94401C0.75 7.33993 0.889333 6.74226 1.15883 6.19134V6.19134C2.54758 3.35243 5.61658 1.52734 9 1.52734C12.3834 1.52734 15.4524 3.35243 16.8412 6.19134V6.19134C17.1107 6.74226 17.25 7.33993 17.25 7.94401C17.25 8.54809 17.1107 9.14576 16.8412 9.69668V9.69668C15.4524 12.5356 12.3834 14.3607 9 14.3607C5.61658 14.3607 2.54758 12.5356 1.15883 9.69668V9.69668C0.889333 9.14576 0.75 8.54809 0.75 7.94401Z' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: center;
  background-size: 100%;
}
.account-settings__show-password.btn.show:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M10.9444 6.00175C12.0178 7.07517 12.0178 8.81775 10.9444 9.893C9.87094 10.9664 8.12836 10.9664 7.05311 9.893C5.97969 8.81958 5.97969 7.077 7.05311 6.00175C8.12836 4.9265 9.87003 4.9265 10.9444 6.00175' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.75 7.94401C0.75 7.33993 0.889333 6.74226 1.15883 6.19134V6.19134C2.54758 3.35243 5.61658 1.52734 9 1.52734C12.3834 1.52734 15.4524 3.35243 16.8412 6.19134V6.19134C17.1107 6.74226 17.25 7.33993 17.25 7.94401C17.25 8.54809 17.1107 9.14576 16.8412 9.69668V9.69668C15.4524 12.5356 12.3834 14.3607 9 14.3607C5.61658 14.3607 2.54758 12.5356 1.15883 9.69668V9.69668C0.889333 9.14576 0.75 8.54809 0.75 7.94401Z' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.account-settings__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.account-settings__counter {
  color: var(--light-white-rgb);
  opacity: 0.5;
  font-size: 13px;
  text-align: right;
  margin-top: 3px;
}
.account-settings__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.account-settings__social-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 0px 12px;
  border-radius: 8px;
  height: 44px;
  font-size: 13px;
  background: #151B27;
  color: var(----main);
  border: 1px solid rgba(115, 133, 162, 0.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 10px;
  border: 1px solid var(--stroke);
  cursor: pointer;
}
.account-settings__social-btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.account-settings__social-btn.active {
  background: var(--stroke);
}
.account-settings__social-btn img {
  width: 30px;
}
.account-settings__social-btn:hover {
  border: 1px solid rgb(115, 133, 162);
}
.account-settings__social-close {
  font-size: 22px;
  margin-left: 4px;
}
.account-settings__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 42px;
  border: 1px solid #232934;
  background: #171B22;
  border-radius: 8px;
  overflow: hidden;
  color: var(--main);
}
.account-settings__link input {
  border: none;
}
.account-settings__link span {
  font-size: 14px;
  padding: 0px 15px;
  position: relative;
}
.account-settings__link span::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 1px;
  background: rgba(115, 133, 162, 0.1);
  right: 0;
  height: 50px;
  top: -100%;
}
.account-settings__select-wrapper {
  width: 100%;
  position: relative;
  background: #171b22;
  border: 1px solid #232934;
  border-radius: 10px;
}
.account-settings__contacts__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: 15px;
}
.account-settings__contacts-list {
  max-width: 100%;
  -ms-flex-preferred-size: calc(65% - 10px);
      flex-basis: calc(65% - 10px);
}
.account-settings__contacts-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  margin-top: 10px;
  position: relative;
}
.account-settings__contacts-item:first-child {
  margin-top: 0px;
}
.account-settings__contacts-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: flex;
  align-items: center;
  height: 42px;
  background: #171B22;
  border-radius: 8px;
  width: 100%;
  color: var(--main);
  position: relative;
}
.account-settings__contacts-link .custom-select {
  border: 1px solid #232934;
  border-right: none;
}
.account-settings__contacts-link input {
  border-radius: 0px 10px 10px 0px;
}
.account-settings__remove.btn {
  width: 34px;
  padding: 0;
  min-width: 34px;
  height: 34px;
  border-radius: 5px;
  background-image: url(../images/icons/close.png);
  background-position: center;
  background-size: 14px;
  background-repeat: no-repeat;
  z-index: 20;
  border: 1px solid #2A313E;
}
.account-settings__footer {
  margin-top: 30px;
  border-top: 1px solid rgba(191, 216, 255, 0.06);
  padding-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 13px;
}
.account-settings__footer .account-settings__save {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.account-settings__footer-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
.account-settings__footer-buttons .btn {
  padding: 0px;
  margin: 0;
  background: transparent;
  border: none;
  color: rgba(191, 216, 255, 0.3);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.account-settings__footer-buttons .btn:hover {
  color: rgb(191, 216, 255);
}
.account-settings__footer-buttons .btn:first-child {
  position: relative;
}
.account-settings__footer-buttons .btn:first-child:before {
  content: "";
  right: -15px;
  position: absolute;
  top: 0;
  height: 100%;
  width: 1px;
  bottom: 0;
  margin: auto;
  background: var(--stroke);
}
.account-settings__delete.btn:hover {
  color: #FF6B6B;
}

.custom-select {
  position: relative;
  width: 200px;
  border-radius: 10px 0px 0px 10px;
}
.account-settings__select-wrapper .custom-select {
  width: 100%;
  border-radius: 10px;
}
.custom-select.active .custom-select__dropdown {
  display: block;
}
.custom-select__button {
  width: 100%;
  height: 40px;
  background: transparent;
  border: none;
  color: var(--main);
  font-size: 14px;
  text-align: left;
  padding: 0 15px;
  padding-right: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  outline: none;
  position: relative;
}
.custom-select__button::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 9.5px;
  height: 5.5px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-left: 22px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.914982C0.762563 0.622089 1.23744 0.622089 1.53033 0.914982L5 4.38465L8.46967 0.914982C8.76256 0.622089 9.23744 0.622089 9.53033 0.914982C9.82322 1.20788 9.82322 1.68275 9.53033 1.97564L5.53033 5.97564C5.23744 6.26854 4.76256 6.26854 4.46967 5.97564L0.46967 1.97564C0.176777 1.68275 0.176777 1.20788 0.46967 0.914982Z' fill='%23AEB5C0' /%3E%3C/svg%3E%0A");
}
.custom-select.active .custom-select__button:after {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.custom-select__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #171B22;
  border: 1px solid #232934;
  border-radius: 8px;
  margin-top: 5px;
  display: none;
  z-index: 100;
  overflow: hidden;
  max-height: 200px;
  overflow-y: auto;
}
.custom-select.dropdown-top .custom-select__dropdown {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 5px;
  border-radius: 8px;
}
.custom-select__option {
  padding: 10px 15px;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  color: var(--main);
  font-size: 14px;
}
.custom-select__option:hover {
  background: rgba(115, 133, 162, 0.1);
}
.custom-select__option.selected {
  background: rgba(115, 133, 162, 0.2);
  color: var(--blue);
}

@-webkit-keyframes move-background {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes move-background {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.active-none {
  pointer-events: none;
}

@media (max-width: 1290px) {
  .account-settings__contacts-item {
    gap: 20px;
  }
  .account-settings__contacts-link .custom-select {
    width: 130px;
    min-width: 130px;
  }
}
@media (max-width: 1140px) {
  .account-settings__header {
    border-radius: 25px;
    border: 1px solid var(--stroke);
    background: linear-gradient(280deg, #191D24 0%, #1A2632 100%);
    padding: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
  }
  .account-settings__logout {
    display: none;
  }
  .account-settings__center {
    margin-left: 15px;
    padding-top: 0px;
  }
  .account-settings__name {
    font-size: 22px;
    line-height: 30px;
  }
  .account-settings__type {
    margin-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .account-settings__type span {
    color: var(--main);
  }
  .account-settings__image-upload {
    height: 42px;
  }
  .account-settings__image-upload::before {
    width: 18px;
    height: 18px;
    background-size: cover;
  }
  .account-settings__image-wrap {
    width: 70px;
    height: 70px;
  }
  .account-settings__image span {
    font-size: 12px;
    margin-top: 5px;
    display: none;
  }
  .account-settings__radio-group {
    margin-top: 0px;
  }
  .account-settings__section:not(:first-child) {
    margin-top: 20px;
    border-radius: 25px;
    border: 1px solid var(--stroke);
    background: linear-gradient(257deg, #141D26 0%, #191D24 100%);
    padding: 25px;
  }
  .account-settings__footer {
    margin-top: 20px;
  }
}
@media (max-width: 840px) {
  .account-settings {
    padding: 30px 25px;
  }
  .account-settings__social-btn {
    -ms-flex-preferred-size: calc(50% - 5px);
        flex-basis: calc(50% - 5px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .account-settings__section:not(:first-child) {
    padding: 15px;
    background: #1D222A;
  }
  .account-settings__title {
    font-size: 18px;
    padding-top: 6px;
  }
  .account-settings__field {
    margin-top: 25px;
    padding-top: 25px;
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .account-settings__field input {
    max-width: 100%;
  }
  .account-settings__field .account-settings__save {
    margin-left: auto;
  }
  .account-settings__field:nth-child(1), .account-settings__field:nth-child(0) {
    border-top: 0px;
    padding-top: 0px;
  }
  .account-settings__field.account-settings__field-password {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .account-settings__field.account-settings__field-password .account-settings__label {
    max-width: 50%;
  }
  .account-settings__social-btn {
    background: transparent;
    color: var(--main);
  }
  .account-settings__social-btn.active {
    font-weight: 700;
    color: var(--main);
  }
  .account-settings__value {
    max-width: 100%;
  }
  .account-settings__value input, .account-settings__value textarea {
    max-width: 100%;
  }
  .account-settings__contacts__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-top: 10px;
  }
  .account-settings__contacts-list {
    max-width: 100%;
    width: 100%;
  }
  .account-settings__contacts-link {
    width: 100%;
  }
  .account-settings__footer {
    padding-top: 20px;
  }
  .account-settings__delete.btn {
    height: 42px;
    padding: 0px 20px;
  }
  .account-settings__select-wrapper {
    max-width: 100%;
  }
}
@media (max-width: 500px) {
  .account-settings__type {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 7px;
  }
  .account-settings__type span {
    font-size: 12px;
  }
  .account-settings__radio-group label {
    font-size: 12px;
  }
  .account-settings__social-btn {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .account-settings__contacts-add {
    width: 100%;
  }
  .account-settings__contacts-link input {
    padding-right: 44px;
  }
  .account-settings__remove.btn {
    position: absolute;
    right: 5px;
    width: 34px;
    padding: 0;
    height: 34px;
    border-radius: 5px;
    background-image: url(../images/icons/close.png);
    background-position: center;
    background-size: 14px;
    background-repeat: no-repeat;
    z-index: 20;
    border: 1px solid #2A313E;
    background-color: #232934;
  }
}
/* Taritff settings */
.tariff-status {
  border-radius: 30px;
  height: 23px;
  padding: 0px 10px;
  border: 1px solid var(--stroke);
  background: rgba(191, 216, 255, 0.06);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
  line-height: 142%;
  letter-spacing: 0.02em;
  color: var(--white);
  gap: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tariff-status b {
  font-weight: 400;
}
.tariff-status.basic {
  display: none;
}
.tariff-status.premium {
  border-color: var(--blue);
}
.tariff-status.elite {
  border-color: var(--purple);
}
.tariff-status.royal {
  border-color: var(--yellow);
}
.tariff-icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1.5px solid #3a424f;
  background-color: var(--stroke);
  background-size: 12px;
  background-position: center;
  display: inline-block;
  vertical-align: text-bottom;
  background-repeat: no-repeat;
  margin-left: 6px;
}
.tariff-icon.basic {
  display: none;
}
.tariff-icon.premium {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.999023 7.50276C0.999023 8.05527 1.44693 8.50317 1.99944 8.50317H10.0028C10.5553 8.50317 11.0032 8.05527 11.0032 7.50276' fill='%2347B5FF' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.999023 7.50276V2.53356C0.999023 2.34909 1.10057 2.17959 1.26322 2.09255C1.42586 2.00551 1.62321 2.01506 1.7767 2.11738L4.00027 3.59974L5.58493 1.22275C5.6777 1.08359 5.83389 1 6.00114 1C6.16839 1 6.32457 1.08359 6.41734 1.22275L8.00194 3.59974L10.2255 2.11736C10.379 2.01504 10.5764 2.00549 10.739 2.09254C10.9017 2.17958 11.0032 2.34908 11.0032 2.53356V7.50276' fill='%2347B5FF' /%3E%3Cpath d='M0.999023 7.50276C0.999023 8.05527 1.44693 8.50317 1.99944 8.50317H10.0028C10.5553 8.50317 11.0032 8.05527 11.0032 7.50276V2.53356C11.0032 2.34908 10.9017 2.17958 10.739 2.09254C10.5764 2.00549 10.379 2.01504 10.2255 2.11736L8.00194 3.59974L6.41734 1.22275C6.32457 1.08359 6.16839 1 6.00114 1C5.83389 1 5.6777 1.08359 5.58493 1.22275L4.00027 3.59974L1.7767 2.11738C1.62321 2.01506 1.42586 2.00551 1.26322 2.09255C1.10057 2.17959 0.999023 2.34909 0.999023 2.53356V7.50276Z' stroke='%2347B5FF' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.tariff-icon.elite {
  border-color: var(--purple);
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.999023 7.50276C0.999023 8.05527 1.44693 8.50317 1.99944 8.50317H10.0028C10.5553 8.50317 11.0032 8.05527 11.0032 7.50276' fill='%23AB7AE0' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.999023 7.50276V2.53356C0.999023 2.34909 1.10057 2.17959 1.26322 2.09255C1.42586 2.00551 1.62321 2.01506 1.7767 2.11738L4.00027 3.59974L5.58493 1.22275C5.6777 1.08359 5.83389 1 6.00114 1C6.16839 1 6.32457 1.08359 6.41734 1.22275L8.00194 3.59974L10.2255 2.11736C10.379 2.01504 10.5764 2.00549 10.739 2.09254C10.9017 2.17958 11.0032 2.34908 11.0032 2.53356V7.50276' fill='%23AB7AE0' /%3E%3Cpath d='M0.999023 7.50276C0.999023 8.05527 1.44693 8.50317 1.99944 8.50317H10.0028C10.5553 8.50317 11.0032 8.05527 11.0032 7.50276V2.53356C11.0032 2.34908 10.9017 2.17958 10.739 2.09254C10.5764 2.00549 10.379 2.01504 10.2255 2.11736L8.00194 3.59974L6.41734 1.22275C6.32457 1.08359 6.16839 1 6.00114 1C5.83389 1 5.6777 1.08359 5.58493 1.22275L4.00027 3.59974L1.7767 2.11738C1.62321 2.01506 1.42586 2.00551 1.26322 2.09255C1.10057 2.17959 0.999023 2.34909 0.999023 2.53356V7.50276Z' stroke='%23AB7AE0' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.tariff-icon.royal {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.999023 7.50276C0.999023 8.05527 1.44693 8.50317 1.99944 8.50317H10.0028C10.5553 8.50317 11.0032 8.05527 11.0032 7.50276' fill='%230A0D11' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.999023 7.50276V2.53356C0.999023 2.34909 1.10057 2.17959 1.26322 2.09255C1.42586 2.00551 1.62321 2.01506 1.7767 2.11738L4.00027 3.59974L5.58493 1.22275C5.6777 1.08359 5.83389 1 6.00114 1C6.16839 1 6.32457 1.08359 6.41734 1.22275L8.00194 3.59974L10.2255 2.11736C10.379 2.01504 10.5764 2.00549 10.739 2.09254C10.9017 2.17958 11.0032 2.34908 11.0032 2.53356V7.50276' fill='%230A0D11' /%3E%3Cpath d='M0.999023 7.50276C0.999023 8.05527 1.44693 8.50317 1.99944 8.50317H10.0028C10.5553 8.50317 11.0032 8.05527 11.0032 7.50276V2.53356C11.0032 2.34908 10.9017 2.17958 10.739 2.09254C10.5764 2.00549 10.379 2.01504 10.2255 2.11736L8.00194 3.59974L6.41734 1.22275C6.32457 1.08359 6.16839 1 6.00114 1C5.83389 1 5.6777 1.08359 5.58493 1.22275L4.00027 3.59974L1.7767 2.11738C1.62321 2.01506 1.42586 2.00551 1.26322 2.09255C1.10057 2.17959 0.999023 2.34909 0.999023 2.53356V7.50276Z' stroke='%230A0D11' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  background-color: var(--yellow);
  border-color: var(--yellow);
}
.tariff-icon-description {
  position: absolute;
  top: 25px;
  left: 0;
  border: 1px solid #3a424f;
  border-radius: 10px;
  background: #232934;
  z-index: 4;
  padding: 8px 10px;
  width: 168px;
  font-size: 13px;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  line-height: 138%;
  visibility: hidden;
  text-align: center;
  color: rgba(191, 216, 255, 0.5);
}
.tariff-icon-description a {
  text-decoration: underline;
  color: var(--blue);
}
.tariff-icon:hover .tariff-icon-description, .tariff-icon.active .tariff-icon-description {
  opacity: 1;
  visibility: visible;
}
.tariff__title {
  font-weight: 600;
  font-size: 30px;
  line-height: 127%;
  color: var(--white);
}
.tariff__subtitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  color: rgba(191, 216, 255, 0.7);
  margin-top: 10px;
}
.tariff-slider {
  background: #171b22;
  border: 1px solid var(--stroke);
  border-radius: 25px;
  padding: 20px;
  margin-top: 30px;
}
.tariff-slider .swiper-slide {
  height: auto;
}
.tariff__item {
  background: #1d222a;
  border: 1px solid #232934;
  border-radius: 15px;
  padding: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  gap: 25px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.tariff__item.basic .tariff__li:nth-child(1) {
  opacity: 0;
}
.tariff__item.premium .tariff__label {
  color: var(--blue);
}
.tariff__item.premium .tariff__li:before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5303 4.46967C15.8232 4.76256 15.8232 5.23744 15.5303 5.53033L7.28033 13.7803C6.98744 14.0732 6.51256 14.0732 6.21967 13.7803L2.46967 10.0303C2.17678 9.73744 2.17678 9.26256 2.46967 8.96967C2.76256 8.67678 3.23744 8.67678 3.53033 8.96967L6.75 12.1893L14.4697 4.46967C14.7626 4.17678 15.2374 4.17678 15.5303 4.46967Z' fill='%2347B5FF' /%3E%3C/svg%3E");
}
.tariff__item.premium .tariff__li strong {
  color: var(--white);
}
.tariff__item.premium .tariff__button {
  background-color: var(--blue);
  border-color: var(--blue);
}
.tariff__item.premium .tariff__button.change-status {
  border-color: var(--blue);
}
.tariff__item.premium .tariff__button.change-status:hover {
  background: var(--blue);
}
.tariff__item.elite .tariff__label {
  color: var(--purple);
}
.tariff__item.elite .tariff__li:before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5303 4.46967C15.8232 4.76256 15.8232 5.23744 15.5303 5.53033L7.28033 13.7803C6.98744 14.0732 6.51256 14.0732 6.21967 13.7803L2.46967 10.0303C2.17678 9.73744 2.17678 9.26256 2.46967 8.96967C2.76256 8.67678 3.23744 8.67678 3.53033 8.96967L6.75 12.1893L14.4697 4.46967C14.7626 4.17678 15.2374 4.17678 15.5303 4.46967Z' fill='%23AB7AE0' /%3E%3C/svg%3E");
}
.tariff__item.elite .tariff__li strong {
  color: var(--blue);
}
.tariff__item.elite .tariff__button {
  background-color: var(--purple);
  border-color: var(--purple);
}
.tariff__item.elite .tariff__button.change-status {
  border-color: var(--purple);
}
.tariff__item.elite .tariff__button.change-status:hover {
  background: var(--purple);
}
.tariff__item.royal .tariff__label {
  color: var(--yellow);
}
.tariff__item.royal .tariff__li:before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5303 4.46967C15.8232 4.76256 15.8232 5.23744 15.5303 5.53033L7.28033 13.7803C6.98744 14.0732 6.51256 14.0732 6.21967 13.7803L2.46967 10.0303C2.17678 9.73744 2.17678 9.26256 2.46967 8.96967C2.76256 8.67678 3.23744 8.67678 3.53033 8.96967L6.75 12.1893L14.4697 4.46967C14.7626 4.17678 15.2374 4.17678 15.5303 4.46967Z' fill='%23FFC700' /%3E%3C/svg%3E");
}
.tariff__item.royal .tariff__li strong {
  color: var(--purple);
}
.tariff__item.royal .tariff__button {
  background-color: var(--yellow);
  border-color: var(--yellow);
  color: var(--black);
}
.tariff__item.royal .tariff__button:hover {
  color: var(--white);
}
.tariff__item.royal .tariff__button.change-status {
  border-color: var(--yellow);
}
.tariff__item.royal .tariff__button.change-status:hover {
  background: var(--yellow);
}
.tariff-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tariff__label {
  line-height: 122%;
  min-height: 23px;
}
.tariff__description {
  font-size: 13px;
  line-height: 138%;
  color: rgba(191, 216, 255, 0.5);
  margin-top: 5px;
}
.tariff__price {
  font-weight: 700;
  font-size: 30px;
  line-height: 127%;
  letter-spacing: -0.01em;
  color: var(--main);
  margin-top: 21px;
  line-height: 1;
}
.tariff__price span {
  font-size: 13px;
}
.tariff__button.btn {
  margin-top: 15px;
  width: 100%;
  font-size: 14px;
  line-height: 143%;
  color: var(--white);
}
.tariff__button.btn.change-status {
  background: transparent;
}
.tariff__button.btn.disabled {
  border-color: rgba(191, 216, 255, 0.08);
  color: rgba(191, 216, 255, 0.3);
  background: transparent;
}
.tariff__button.btn:hover:not(.change-status) {
  background: transparent;
}
.tariff__li {
  font-size: 15px;
  line-height: 140%;
  letter-spacing: 0.01em;
  color: var(--main);
  margin-bottom: 10px;
  padding-left: 32px;
  position: relative;
}
.tariff__li:last-child {
  margin-bottom: 0px;
}
.tariff__li:before {
  content: "";
  position: absolute;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5303 4.46967C15.8232 4.76256 15.8232 5.23744 15.5303 5.53033L7.28033 13.7803C6.98744 14.0732 6.51256 14.0732 6.21967 13.7803L2.46967 10.0303C2.17678 9.73744 2.17678 9.26256 2.46967 8.96967C2.76256 8.67678 3.23744 8.67678 3.53033 8.96967L6.75 12.1893L14.4697 4.46967C14.7626 4.17678 15.2374 4.17678 15.5303 4.46967Z' fill='%23F2F3F5' /%3E%3C/svg%3E");
  width: 18px;
  height: 19px;
  background-position: center;
  background-size: cover;
}
.tariff__li:nth-child(2) {
  border-bottom: 1px solid rgba(191, 216, 255, 0.15);
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.tariff-more-features {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  padding-left: 30px;
  border: 1px solid var(--stroke);
  border-radius: 20px;
  background: #0f1217;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-image: url(../images/tariff/more-features-back.png);
  background-position: center;
  background-size: cover;
}
.tariff-more-features__label {
  font-weight: 600;
  font-size: 22px;
  line-height: 136%;
  color: var(--yellow);
  line-height: 110%;
}
.tariff-more-features__description {
  color: #e1e5ed;
  line-height: 110%;
}
.tariff-more-features__button {
  background: #276fa4;
  height: 50px;
  border: #276fa4;
  gap: 8px;
  font-size: 14px;
  padding: 0px 30px;
}
.tariff-more-features__button img {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.tariff-more-features__button:hover img {
  -webkit-transform: translateY(-2px) translateX(2px);
          transform: translateY(-2px) translateX(2px);
}
.tariff-box.page-author-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  padding: 5px 7px;
  padding-right: 14px;
}
.tariff-box.page-author-item .tariff-box-time {
  color: #aeb5c0;
  font-weight: 500;
  border-left: 1px solid rgba(191, 216, 255, 0.15);
  padding-left: 10px;
  line-height: 1;
}
.tariff-box.page-author-item .tariff-box-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.tariff-box.page-author-item .tariff-icon {
  margin-left: 0%;
}
.tariff-box.page-author-item.premium {
  border-color: var(--blue);
  color: var(--blue);
}
.tariff-box.page-author-item.elite {
  border-color: var(--purple);
  color: var(--purple);
}
.tariff-box.page-author-item.royal {
  border-color: var(--yellow);
  color: var(--yellow);
}

.verified-badge {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.62 3L33.053 8.308L39.367 8.624L39.686 14.937L44.997 18.367L42.116 23.995L45 29.62L39.692 33.053L39.376 39.367L33.063 39.686L29.633 44.997L24.005 42.116L18.38 45L14.947 39.692L8.633 39.376L8.314 33.063L3.003 29.633L5.884 24.005L3 18.38L8.308 14.947L8.624 8.633L14.937 8.314L18.367 3.003L23.995 5.884L29.62 3Z' fill='%2340A8EE' /%3E%3Cpath d='M21.3959 31.255L14.8989 24.76L17.0209 22.639L21.4279 27.046L30.9959 17.772L33.0839 19.926L21.3959 31.255Z' fill='white' /%3E%3C/svg%3E");
  background-position: center;
  background-size: cover;
  display: inline-block;
  margin-left: 2px;
  vertical-align: middle;
}

@media (min-width: 1140px) {
  .tariff-slider .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 20px;
  }
  .tariff-slider .swiper-slide {
    -ms-flex-preferred-size: calc(50% - 10px);
        flex-basis: calc(50% - 10px);
  }
}
@media (max-width: 1140px) {
  .tariff-slider {
    padding: 0px;
    border: none;
    background: transparent;
    width: calc(100% + 10px);
    margin-left: 0px;
  }
  .tariff-slider .swiper {
    overflow: visible;
  }
  .tariff-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
  }
  .tariff__title {
    font-size: 20px;
  }
  .tariff__subtitle {
    font-size: 12px;
  }
  .tariff-slider {
    padding-right: 0px;
  }
  .tariff__item {
    padding: 20px 15px;
  }
  .tariff__item.basic .tariff__li:nth-child(1) {
    display: none;
  }
  .tariff__price {
    font-size: 20px;
    margin-top: 15px;
  }
  .tariff__li {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .tariff-slider {
    margin-top: 20px;
  }
  .tariff-more-features {
    padding-left: 20px;
    margin-top: 20px;
    border-radius: 10px;
  }
  .tariff-more-features__label {
    font-size: 16px;
  }
  .tariff-more-features__description {
    font-size: 14px;
    margin-top: 3px;
  }
  .tariff-more-features__button {
    height: 42px;
    width: 42px;
    padding: 0px;
  }
  .tariff-more-features__button span {
    display: none;
  }
}
.tariff-comparison {
  border-radius: 15px;
  background: #1D222A;
  overflow: hidden;
  border: 1px solid var(--stroke);
}
.tariff-comparison__title {
  margin-top: 60px;
  font-weight: 600;
  font-size: 36px;
  line-height: 117%;
  letter-spacing: -0.03em;
  color: var(--white);
  margin-bottom: 30px;
}
.tariff-comparison__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--stroke);
}
.tariff-comparison__row:hover {
  background: #232934;
}
.tariff-comparison__row.active .tariff-comparison__item:nth-child(1)::before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.tariff-comparison__row.active .tariff-comparison__label {
  color: var(--white);
}
.tariff-comparison__row.active .tariff-comparison__description {
  max-height: 100%;
  opacity: 1;
  margin-top: 5px;
}
.tariff-comparison__row.first-row {
  background: #171b22;
}
.tariff-comparison__row.first-row .tariff-comparison__item {
  font-size: 16px;
  cursor: default;
}
.tariff-comparison__row.first-row .tariff-comparison__item:nth-child(1) {
  padding-left: 20px;
}
.tariff-comparison__row.first-row .tariff-comparison__item:nth-child(1)::before {
  display: none;
}
.tariff-comparison__row.first-row .tariff-comparison__item:not(:nth-child(1)) {
  text-align: center;
  font-sizee: 14px;
}
.tariff-comparison__row.first-row .tariff-comparison__item:nth-child(2) {
  color: var(--white);
}
.tariff-comparison__row.first-row .tariff-comparison__item:nth-child(3) {
  color: var(--blue);
}
.tariff-comparison__row.first-row .tariff-comparison__item:nth-child(4) {
  color: var(--purple);
}
.tariff-comparison__row.first-row .tariff-comparison__item:nth-child(5) {
  color: var(--yellow);
}
.tariff-comparison__row:nth-child(2) .tariff-comparison__item i {
  display: none;
}
.tariff-comparison__row:nth-child(2) .tariff-comparison__item:not(:nth-child(1))::before {
  content: "∞";
  display: inline-block;
  font-size: 16px;
}
.tariff-comparison__row:nth-child(2) .tariff-comparison__item:nth-child(2):before {
  color: var(--white);
}
.tariff-comparison__row:nth-child(2) .tariff-comparison__item:nth-child(3):before {
  color: var(--blue);
}
.tariff-comparison__row:nth-child(2) .tariff-comparison__item:nth-child(4):before {
  color: var(--purple);
}
.tariff-comparison__row:nth-child(2) .tariff-comparison__item:nth-child(5):before {
  color: var(--yellow);
}
.tariff-comparison__item {
  font-size: 14px;
  line-height: 120%;
  word-break: break-word;
}
.tariff-comparison__item:nth-child(1) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 42%;
          flex: 0 0 42%;
  padding: 27px 20px;
}
.tariff-comparison__item:not(:nth-child(1)) {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tariff-comparison__item:nth-child(1) i {
  content: "∞";
}
.tariff-comparison__item i {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.25 6.5L9.25 17.5L4.25 12.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  width: 25px;
  height: 24px;
  background-position: center;
  background-size: cover;
}
.tariff-comparison__item i.no-active {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.25 8.86719L16.25 16.8672' stroke='%23546786' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M16.25 8.86719L8.25 16.8672' stroke='%23546786' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.tariff-comparison__item:nth-child(3) i:not(.no-active) {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.75 7L9.75 18L4.75 13' stroke='%2347B5FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.tariff-comparison__item:nth-child(4) i:not(.no-active) {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.25 7L9.25 18L4.25 13' stroke='%23AB7AE0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.tariff-comparison__item:nth-child(5) i:not(.no-active) {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.75 7L9.75 18L4.75 13' stroke='%23FFC700' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.tariff-comparison__item:nth-child(1) {
  position: relative;
  padding-left: 49px;
  cursor: pointer;
}
.tariff-comparison__item:nth-child(1):before {
  content: "";
  position: absolute;
  top: 21px;
  left: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.46967 7.46967C9.76256 7.17678 10.2374 7.17678 10.5303 7.46967L14.5303 11.4697C14.8232 11.7626 14.8232 12.2374 14.5303 12.5303L10.5303 16.5303C10.2374 16.8232 9.76256 16.8232 9.46967 16.5303C9.17678 16.2374 9.17678 15.7626 9.46967 15.4697L12.9393 12L9.46967 8.53033C9.17678 8.23744 9.17678 7.76256 9.46967 7.46967Z' fill='%233D5171' /%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
}
.tariff-comparison__description {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  line-height: 140%;
  color: rgba(191, 216, 255, 0.5);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.tariff-comparison__description img {
  max-width: 100%;
  margin-top: 20px;
  max-height: 181px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.tariff-comparison__button.btn {
  max-width: 400px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  border-color: var(--blue);
  height: 42px;
  visibility: hidden;
}

@media (max-width: 1140px) {
  .tariff-comparison__title {
    font-size: 20px;
  }
  .tariff-comparison__row .tariff-comparison__item:nth-child(1) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32%;
            flex: 0 0 32%;
  }
  .tariff-comparison__row.first-row .tariff-comparison__item {
    font-size: 14px;
  }
  .tariff-comparison__description {
    font-size: 12px;
    margin-top: 7px;
  }
}
@media (max-width: 768px) {
  .tariff-comparison__title {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .tariff-comparison__row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tariff-comparison__row:nth-child(2) .tariff-comparison__item::before {
    content: "" !important;
    background-position: center;
    background-size: cover;
    width: 24px;
    height: 24px;
    display: inline-block;
  }
  .tariff-comparison__row:nth-child(2) .tariff-comparison__item:nth-child(2):before {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.569 12.1905C12.059 12.7495 10.506 14.3115 9.066 14.3115V14.3095L9.061 14.3115V14.3115C7.785 14.3125 6.75 13.2765 6.75 11.9995C6.75 10.7225 7.785 9.6865 9.062 9.6875V9.6875L9.067 9.6895V9.6875C10.507 9.6875 12.06 11.2485 12.57 11.8085C12.569 11.8085 12.75 11.9995 12.75 11.9995L12.569 12.1905V12.1905Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.931 12.1905C13.441 12.7495 14.994 14.3115 16.434 14.3115V14.3095L16.439 14.3115V14.3115C17.715 14.3125 18.75 13.2765 18.75 11.9995C18.75 10.7225 17.715 9.6865 16.438 9.6875V9.6875L16.433 9.6895V9.6875C14.993 9.6875 13.44 11.2485 12.93 11.8085C12.931 11.8085 12.75 11.9995 12.75 11.9995L12.931 12.1905V12.1905Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M19.1139 5.63604C22.6287 9.15076 22.6287 14.8492 19.1139 18.3639C15.5992 21.8787 9.90074 21.8787 6.38604 18.3639C2.87132 14.8492 2.87132 9.15074 6.38604 5.63604C9.90076 2.12132 15.5992 2.12132 19.1139 5.63604' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  }
  .tariff-comparison__row:nth-child(2) .tariff-comparison__item:nth-child(3):before {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.069 12.1905C11.559 12.7495 10.006 14.3115 8.566 14.3115V14.3095L8.561 14.3115V14.3115C7.285 14.3125 6.25 13.2765 6.25 11.9995C6.25 10.7225 7.285 9.6865 8.562 9.6875V9.6875L8.567 9.6895V9.6875C10.007 9.6875 11.56 11.2485 12.07 11.8085C12.069 11.8085 12.25 11.9995 12.25 11.9995L12.069 12.1905V12.1905Z' stroke='%2347B5FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.431 12.1905C12.941 12.7495 14.494 14.3115 15.934 14.3115V14.3095L15.939 14.3115V14.3115C17.215 14.3125 18.25 13.2765 18.25 11.9995C18.25 10.7225 17.215 9.6865 15.938 9.6875V9.6875L15.933 9.6895V9.6875C14.493 9.6875 12.94 11.2485 12.43 11.8085C12.431 11.8085 12.25 11.9995 12.25 11.9995L12.431 12.1905V12.1905Z' stroke='%2347B5FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M18.6139 5.63604C22.1287 9.15076 22.1287 14.8492 18.6139 18.3639C15.0992 21.8787 9.40074 21.8787 5.88604 18.3639C2.37132 14.8492 2.37132 9.15074 5.88604 5.63604C9.40076 2.12132 15.0992 2.12132 18.6139 5.63604' stroke='%2347B5FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  }
  .tariff-comparison__row:nth-child(2) .tariff-comparison__item:nth-child(4):before {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.569 12.1905C12.059 12.7495 10.506 14.3115 9.066 14.3115V14.3095L9.061 14.3115V14.3115C7.785 14.3125 6.75 13.2765 6.75 11.9995C6.75 10.7225 7.785 9.6865 9.062 9.6875V9.6875L9.067 9.6895V9.6875C10.507 9.6875 12.06 11.2485 12.57 11.8085C12.569 11.8085 12.75 11.9995 12.75 11.9995L12.569 12.1905V12.1905Z' stroke='%23854ECA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.931 12.1905C13.441 12.7495 14.994 14.3115 16.434 14.3115V14.3095L16.439 14.3115V14.3115C17.715 14.3125 18.75 13.2765 18.75 11.9995C18.75 10.7225 17.715 9.6865 16.438 9.6875V9.6875L16.433 9.6895V9.6875C14.993 9.6875 13.44 11.2485 12.93 11.8085C12.931 11.8085 12.75 11.9995 12.75 11.9995L12.931 12.1905V12.1905Z' stroke='%23854ECA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M19.1139 5.63604C22.6287 9.15076 22.6287 14.8492 19.1139 18.3639C15.5992 21.8787 9.90074 21.8787 6.38604 18.3639C2.87132 14.8492 2.87132 9.15074 6.38604 5.63604C9.90076 2.12132 15.5992 2.12132 19.1139 5.63604' stroke='%23854ECA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  }
  .tariff-comparison__row:nth-child(2) .tariff-comparison__item:nth-child(5):before {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.069 12.1905C11.559 12.7495 10.006 14.3115 8.566 14.3115V14.3095L8.561 14.3115V14.3115C7.285 14.3125 6.25 13.2765 6.25 11.9995C6.25 10.7225 7.285 9.6865 8.562 9.6875V9.6875L8.567 9.6895V9.6875C10.007 9.6875 11.56 11.2485 12.07 11.8085C12.069 11.8085 12.25 11.9995 12.25 11.9995L12.069 12.1905V12.1905Z' stroke='%23FFC700' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.431 12.1905C12.941 12.7495 14.494 14.3115 15.934 14.3115V14.3095L15.939 14.3115V14.3115C17.215 14.3125 18.25 13.2765 18.25 11.9995C18.25 10.7225 17.215 9.6865 15.938 9.6875V9.6875L15.933 9.6895V9.6875C14.493 9.6875 12.94 11.2485 12.43 11.8085C12.431 11.8085 12.25 11.9995 12.25 11.9995L12.431 12.1905V12.1905Z' stroke='%23FFC700' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M18.6139 5.63604C22.1287 9.15076 22.1287 14.8492 18.6139 18.3639C15.0992 21.8787 9.40074 21.8787 5.88604 18.3639C2.37132 14.8492 2.37132 9.15074 5.88604 5.63604C9.40076 2.12132 15.0992 2.12132 18.6139 5.63604' stroke='%23FFC700' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  }
  .tariff-comparison__row .tariff-comparison__item {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-top: 17px;
    padding-bottom: 10px;
  }
  .tariff-comparison__row .tariff-comparison__item:nth-child(1) {
    padding-left: 36px;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .tariff-comparison__row .tariff-comparison__item:nth-child(1)::before {
    left: 8px;
    top: 13px;
  }
  .tariff-comparison__row .tariff-comparison__item:not(:nth-child(1)) {
    padding-top: 7px;
    padding-bottom: 15px;
  }
  .tariff-comparison__row.first-row .tariff-comparison__item {
    padding: 24px 2px;
    font-size: 12px;
  }
  .tariff-comparison__row.first-row .tariff-comparison__item:nth-child(1) {
    display: none;
  }
  .tariff-comparison__button.btn {
    visibility: visible;
  }
}
/* post */
.post .article__category {
  color: rgba(191, 216, 255, 0.3);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.post .article__category:hover {
  color: var(--blue);
}
.post .article__date {
  color: rgba(191, 216, 255, 0.3);
}
.post-wrap {
  background: linear-gradient(315deg, #191d24 0%, #17222d 100%);
  padding: 30px 35px;
  border: 1px solid #2a313e;
  border-radius: 25px;
  margin-bottom: 30px;
}
.post__title {
  font-weight: 600;
  font-size: 36px;
  line-height: 122%;
  color: var(--white);
  margin-top: 20px;
  margin-bottom: 18px;
}
.post-toc {
  font-weight: 400;
  font-size: 18px;
  line-height: 161%;
  background: rgba(17, 20, 25, 0.6);
  padding: 20px 30px;
  border: 1px solid #3a424f;
  border-radius: 15px;
  position: relative;
}
.post-toc-mobile {
  display: none;
}
.post-toc-desktop {
  display: block;
  font-size: 14px;
  padding: 20px 20px 20px 30px;
  margin-left: -10px;
}
.post-toc-desktop:before {
  content: "";
  position: absolute;
  left: 12px;
  height: calc(100% - 30px);
  top: 0;
  bottom: 0;
  margin: auto;
  width: 2px;
  background: #1b2433;
}
.post-toc__title {
  margin-bottom: 10px;
  color: var(--white);
  opacity: 1;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(191, 216, 255, 0.11);
  display: none;
}
.post-toc__link {
  max-height: 46px;
  display: block;
}
.post-toc__link:not(.js-shaved) {
  overflow: hidden;
}
.post-toc__list {
  padding-left: 0;
  list-style-type: none;
  margin-top: -10px;
  margin-bottom: 0px;
}
.post-toc__list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.post-toc__list ul a {
  padding-left: 20px;
}
.post-toc__list li {
  margin-top: 10px;
}
.post-toc__list a {
  color: rgba(191, 216, 255, 0.5);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: relative;
}
.post-toc__list a.active-tab {
  color: var(--yellow);
}
.post-toc__list a.active-tab:before {
  content: "";
  width: 2px;
  height: 100%;
  background: var(--yellow);
  position: absolute;
  left: -18px;
  top: 0;
  bottom: 0;
}
.post-toc__list a::after {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.post-toc__list a:hover::after {
  content: attr(data-text);
  position: absolute;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  background: rgba(17, 20, 25, 0.8);
  border: 1px solid #232934;
  border-radius: 10px;
  padding: 15px 20px;
  max-width: 425px;
  color: var(--white);
  right: calc(100% + 24px);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.post-toc__list a:hover {
  color: var(--blue);
  opacity: 1;
}
.post-meta-mobile {
  display: none;
}
.post-navigation {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid rgba(191, 216, 255, 0.11);
}
.post-content {
  margin-top: 28px;
}

.post-content {
  line-height: 161%;
  color: var(--white);
  letter-spacing: 0.01em;
  font-size: 18px;
}
.post-content iframe {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.post-content .emoji.inscale-modal-image {
  pointer-events: none;
}
.post-content a {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: var(--blue);
}
.post-content a:hover {
  color: var(--blue);
}
.post-content img {
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.post-content p {
  color: rgba(191, 216, 255, 0.7);
  margin: 18px 0px;
}
.post-content strong {
  font-weight: 700;
  color: var(--white);
}
.post-content h2 {
  font-weight: 600;
  font-size: 30px;
  line-height: 127%;
  color: #f2f3f5;
  margin: 19px 0px;
}
.post-content h3 {
  font-size: 22px;
  line-height: 136%;
  margin: 19px 0px;
}
.post-content h4, .post-content h5, .post-content h6 {
  font-size: 20px;
  margin: 19px 0px;
}
.post-content ul, .post-content ol {
  padding-left: 27px;
}
.post-content ul.list-dashes, .post-content ol.list-dashes {
  list-style: none;
  padding-left: 6px;
}
.post-content ul.list-dashes li:before, .post-content ol.list-dashes li:before {
  content: "—";
  position: relative;
  left: -5px;
}
.post-content ul li, .post-content ol li {
  line-height: 161%;
  color: rgba(191, 216, 255, 0.7);
  margin-top: 12px;
}
.post-content ul li:first-child, .post-content ol li:first-child {
  margin-top: 0px;
}
.post-content ol li {
  list-style-position: outside;
}
.post-content hr {
  border-color: rgba(191, 216, 255, 0.11);
  margin: 38px 0px;
}
.post-content .excerpt {
  margin: 0;
  background: #1d222a;
  color: var(--white);
  padding: 15px 17px;
  padding-left: 21px;
  color: rgba(191, 216, 255, 0.5);
  margin: 18px 0px;
  width: 100%;
  border-radius: 0px 5px 5px 0px;
  overflow: hidden;
  position: relative;
}
.post-content .excerpt p {
  font-size: 18px;
  color: var(--white);
  margin-bottom: 0px;
}
.post-content .excerpt p:first-child {
  margin-top: 0px;
}
.post-content .excerpt::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  border-radius: 5px;
  width: 4px;
  height: 100%;
  background: var(--yellow);
}
.post-content .text-block {
  margin: 0;
  background: #1d222a;
  padding: 10px 20px;
  border: 1px solid #2a313e;
  border-radius: 10px;
  margin: 30px 0;
  font-size: 16px;
}
.post-content .text-block p {
  margin-bottom: 0px;
}
.post-content .text-block p:first-child {
  margin-top: 0px;
}
.post-content blockquote {
  margin: 30px 0;
  background: rgba(191, 216, 255, 0.04);
  position: relative;
  padding: 30px 40px;
  border: 1px solid var(--blue);
  border-radius: 10px;
  padding: 30px 40px;
}
.post-content blockquote span {
  font-weight: 600;
  font-size: 22px;
  color: var(--white);
}
.post-content blockquote i {
  display: block;
  margin-top: 10px;
  font-size: 18px;
  color: #aeb5c0;
}
.post-content blockquote::before {
  content: "";
  position: absolute;
  left: -6px;
  top: -14px;
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='34' viewBox='0 0 44 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 34V24.6476C0 21.8873 0.514056 18.9809 1.54217 15.9284C2.57028 12.8758 4 9.9532 5.83133 7.16046C7.66265 4.36771 9.81526 1.98089 12.2892 0L19.4217 5.16332C17.4618 8.05348 15.7912 11.0735 14.4096 14.2235C13.0281 17.3734 12.3373 20.7994 12.3373 24.5014V34H0ZM24.5783 34V24.6476C24.5783 21.8873 25.0924 18.9809 26.1205 15.9284C27.1486 12.8758 28.5783 9.9532 30.4096 7.16046C32.241 4.36771 34.3936 1.98089 36.8675 0L44 5.16332C42.0402 8.05348 40.3695 11.0735 38.988 14.2235C37.6064 17.3734 36.9157 20.7994 36.9157 24.5014V34H24.5783Z' fill='%2347B5FF' /%3E%3C/svg%3E");
  width: 44px;
  height: 34px;
}
.post-content blockquote::after {
  content: "";
  position: absolute;
  right: -6px;
  bottom: -14px;
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='34' viewBox='0 0 44 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 34V24.6476C0 21.8873 0.514056 18.9809 1.54217 15.9284C2.57028 12.8758 4 9.9532 5.83133 7.16046C7.66265 4.36771 9.81526 1.98089 12.2892 0L19.4217 5.16332C17.4618 8.05348 15.7912 11.0735 14.4096 14.2235C13.0281 17.3734 12.3373 20.7994 12.3373 24.5014V34H0ZM24.5783 34V24.6476C24.5783 21.8873 25.0924 18.9809 26.1205 15.9284C27.1486 12.8758 28.5783 9.9532 30.4096 7.16046C32.241 4.36771 34.3936 1.98089 36.8675 0L44 5.16332C42.0402 8.05348 40.3695 11.0735 38.988 14.2235C37.6064 17.3734 36.9157 20.7994 36.9157 24.5014V34H24.5783Z' fill='%2347B5FF' /%3E%3C/svg%3E");
  width: 44px;
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
  height: 34px;
}
.post-content .wp-block-inscale-image-block {
  margin: 40px auto;
}
.post-content .wp-block-inscale-image-block img {
  border-radius: 10px;
}
.post-content figcaption {
  text-align: center;
  font-size: 15px;
  color: rgba(191, 216, 255, 0.7);
  margin-top: -5px;
}
.post-content figure {
  margin: 30px 0px;
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
  font-size: 15px;
  color: rgba(191, 216, 255, 0.7);
}
.post-content figure p, .post-content figure span {
  margin: 0;
}
.post-content figure img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.post-content .wp-block-inscale-video-block {
  border-radius: 10px;
  overflow: hidden;
}
.post-content .wp-block-inscale-video-block iframe {
  border-radius: 10px;
  overflow: hidden;
}
.post-content .wp-block-table {
  margin: 25px 0;
  width: 100%;
}
.post-content table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 10px;
  overflow-x: auto;
}
.post-content th {
  background-color: #232934;
  font-weight: 600;
  padding: 12px 15px;
  text-align: left;
  border: 1px solid #3a424f;
}
.post-content td {
  padding: 12px 15px;
  border: 1px solid #3a424f;
  background: #1d222a;
  font-size: 16px;
  color: rgba(191, 216, 255, 0.7);
}
.post-content td.has-text-align-center {
  text-align: center;
}
.post-content td.has-text-align-right {
  text-align: right;
}
.post-content tr:nth-child(even) {
  background-color: #1d222a;
}
.post-content hr {
  border: 0;
  height: 1px;
  background: #3a424f;
  margin: 30px 0;
}
.post-content .wp-block-table figcaption {
  margin-top: -20px;
}

/* AUTHOR INFO */ 
.post-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #232934;
  padding: 15px 20px;
  padding-right: 15px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 15px;
  margin-top: 40px;
}
.post-author__info a {
  color: var(--main);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.post-author__info a:hover {
  color: var(--blue);
}
.post-author__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.post-author__left p {
  font-size: 18px;
}
.post-author__left span {
  display: block;
  color: var(--blue);
  font-weight: 500;
  font-size: 12px;
  margin-top: 4px;
}
.post-author__image {
  width: 50px;
  height: 50px;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
.post-author__right p {
  font-size: 12px;
  text-align: right;
}
.post-author__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
  margin-top: 10px;
}
.post-author__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  width: 34px;
  height: 34px;
  font-size: 13px;
  border: 1px solid rgba(191, 216, 255, 0.5);
  border-radius: 8px;
  position: relative;
  border: 1px solid rgba(191, 216, 255, 0.5);
  background: transparent;
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.post-author__social:hover {
  background: var(--black);
}
.post-author__social i {
  width: 22px;
  height: 22px;
  background: url(../images/icons/socials/vk.png);
  background-size: contain;
}
.post-author__social.instagram-link i {
  background-image: url(../images/icons/socials/instagram.png);
}
.post-author__social.google-link i {
  background-image: url(../images/icons/socials/google.png);
}
.post-author__social.youtube-link i {
  background-image: url(../images/icons/socials/youtube.png);
}

/* SLIDER */
.wp-block-inscale-slideshow-block {
  margin: 35px auto 35px auto;
}

.post-slider {
  overflow: hidden;
}
.post-slider .swiper {
  border-radius: 10px;
  overflow: hidden;
}
.post-slider-image {
  padding-top: 54.6%;
  width: 100%;
  background-position: center;
  background-size: cover;
}
.post-slider .arrow {
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  z-index: 10;
  margin: auto;
  background: #1d222a;
}
.post-slider .arrow.arrow-next {
  right: 20px;
  left: auto;
}
.post-slider-pagination.swiper-pagination-bullets {
  margin: 19px auto 0px auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.post-slider-pagination.swiper-pagination-bullets span {
  background: #3d5171;
}
.post-slider-pagination.swiper-pagination-bullets span.swiper-pagination-bullet-active {
  background: var(--yellow);
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}

@media (max-width: 1140px) {
  .post-toc {
    display: block;
  }
  .post-toc__title {
    display: block;
  }
  .post-toc-mobile {
    display: block;
  }
  .post-toc-desktop {
    display: none;
  }
  .post-toc a {
    max-height: 100%;
  }
  .post-toc a:after {
    display: none;
  }
  .post-toc a:hover::after {
    display: none;
  }
  .post-toc .js-shave-char {
    display: none;
  }
  .post-toc .js-shave {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .post-wrap {
    padding: 15px;
  }
  .post-meta-desktop {
    display: none;
  }
  .post-meta-mobile {
    display: block;
    padding-top: 10px;
    margin-top: 15px;
    border-top: 1px solid rgba(191, 216, 255, 0.11);
  }
  .post__title {
    font-size: 22px;
    margin-top: 30px;
  }
  .post-toc {
    padding: 15px 20px;
    font-size: 16px;
  }
  .post-toc__list {
    margin-top: 0px;
  }
  .post-content {
    font-size: 15px;
  }
  .post-content td {
    font-size: 14px;
    line-height: 140%;
  }
  .post h2 {
    font-size: 20px;
  }
  .post h3 {
    font-size: 18px;
  }
  .post h4, .post h5, .post h6 {
    font-size: 16px;
  }
  .post .arrow {
    display: none;
  }
  .post-content .wp-block-inscale-slideshow-block {
    margin: 30px auto;
  }
  .post ul li {
    margin-top: 7px;
  }
  .post hr {
    margin: 30px auto;
  }
  .post .excerpt p {
    font-size: 14px;
  }
  .post .text-block p {
    font-size: 14px;
  }
  .post blockquote {
    padding: 20px;
  }
  .post blockquote span {
    font-size: 15px;
  }
  .post blockquote i {
    font-size: 14px;
  }
  .post blockquote::before {
    left: -4px;
    top: -8px;
    width: 24px;
    height: 14px;
    background-size: 100%;
  }
  .post blockquote::after {
    right: -4px;
    bottom: -8px;
    width: 24px;
    height: 14px;
    background-size: 100%;
  }
  .post .wp-block-image {
    margin: 30px auto;
  }
  .post-author {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
    margin-top: 30px;
  }
  .post-author__right {
    text-align: center;
    border-top: 1px solid rgba(191, 216, 255, 0.11);
    margin-top: 15px;
    padding-top: 15px;
  }
  .post-author__right p {
    text-align: left;
  }
  .post-author__social {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    background: #1d222a;
    border: 1px solid #2a313e;
  }
}
.post-comments {
  background: linear-gradient(315deg, #191d24 0%, #1a2632 100%);
  padding: 25px;
  border-radius: 25px;
  border: 1px solid var(--stroke);
}
.post-comments .sorting__options {
  right: 0;
  left: auto;
}
.post-comments__question {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(191, 216, 255, 0.11);
  width: 100%;
}
.post-comments__question span {
  font-size: 12px;
  font-weight: 500;
  display: block;
  margin-bottom: 8px;
}
.post-comments__question p {
  font-weight: 600;
  font-size: 24px;
  line-height: 133%;
  letter-spacing: -0.01em;
  color: var(--white);
}

.comments-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  align-items: center;
}
.comments-header__label {
  font-weight: 700;
  font-size: 22px;
  line-height: 136%;
  color: var(--white);
}
.comments-form {
  margin-top: 18px;
  position: relative;
}
.comments-form textarea {
  border: 1px solid #2a313e;
  border-radius: 15px;
  padding: 20px;
  padding-bottom: 55px;
  height: 100px;
  width: 100%;
  background: rgba(17, 20, 25, 0.5);
  resize: none;
  line-height: 131%;
  color: var(--white);
}
.comments-form textarea::-webkit-input-placeholder {
  opacity: 0.5;
  color: var(--light-white-rgb);
}
.comments-form textarea::-moz-placeholder {
  opacity: 0.5;
  color: var(--light-white-rgb);
}
.comments-form textarea:-ms-input-placeholder {
  opacity: 0.5;
  color: var(--light-white-rgb);
}
.comments-form textarea::-ms-input-placeholder {
  opacity: 0.5;
  color: var(--light-white-rgb);
}
.comments-form textarea::placeholder {
  opacity: 0.5;
  color: var(--light-white-rgb);
}
.comments-form__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  bottom: 15px;
  width: calc(100% - 20px);
  left: 0;
  right: 0;
  margin: auto;
}
.comments-form__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.comments-form__add-image {
  border: 1px solid #2a313e;
  border-radius: 8px;
  padding: 6px;
  width: 34px;
  height: 34px;
  background-color: #232934;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.74805' y='2.74609' width='16.5069' height='16.5069' rx='5' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M14.0482 7.62865L14.0486 7.62824C14.1382 7.53886 14.2833 7.539 14.3727 7.62855C14.4621 7.71809 14.4621 7.86318 14.3726 7.95267C14.2831 8.04216 14.138 8.04221 14.0485 7.95277C13.9589 7.86334 13.9588 7.71826 14.0482 7.62865' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M19.2549 9.31991V10.2723C19.2549 11.4385 18.7917 12.5569 17.9671 13.3815C17.1425 14.2061 16.0241 14.6693 14.8579 14.6693V14.6693C13.5743 14.6693 12.3548 14.1085 11.5195 13.1339L8.27337 9.34679C7.6767 8.65065 6.80562 8.25 5.88875 8.25V8.25C4.1542 8.25 2.74805 9.65615 2.74805 11.3907V13.5995' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  background-size: 22px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.comments-form__image-preview {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  overflow: hidden;
  background-color: #232934;
  background-position: center;
  background-size: cover;
  display: none;
}
.comments-form__image-delete {
  background-image: url(../images/icons/close.png);
  width: 14px;
  height: 32px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px;
  padding: 6px;
  cursor: pointer;
  display: none;
}
.comments-form__submit {
  height: 34px;
  padding: 0px 14px;
}
.comments-form__submit p {
  font-size: 13px;
}
.comments__list {
  margin: 0 auto;
}
.comments-mini .comments-form__cancel {
  border: none;
  padding: 0px 5px;
}
.comments-mini .comments-form-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.comments-mini .comments-form__navigation {
  margin: 0px;
  width: 100%;
}
.comments-mini .reply-form-close {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 8.5L16 16.5' stroke='%237385A2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M16 8.5L8 16.5' stroke='%237385A2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  position: absolute;
  top: 6px;
  right: 0;
}
.comments-mini .comments-form__submit {
  border-color: var(--yellow);
}
.comments-mini .reply-form-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 1px solid var(--stroke);
  margin-bottom: 10px;
}
.comments-mini .reply-form__icon {
  width: 35px;
  height: 35px;
  min-width: 35px;
  border-radius: 50%;
  margin-right: 10px;
  background-position: center;
  background-size: cover;
}
.comments-mini textarea {
  background: transparent;
  padding-bottom: 0px;
  height: auto;
  border: none;
  padding-left: 0px;
  padding-top: 8px;
  border-radius: 0px;
}
.comments-mini .comment__row {
  border-top: 0px;
  margin-bottom: 0px;
}
.comments-mini .comments-form__navigation {
  position: relative;
  bottom: 0;
}
.comments-mini__label span {
  font-size: 14px;
  color: var(--main);
}
.comments-mini__label a {
  font-size: 14px;
  color: var(--blue);
  display: block;
  margin-top: 4px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.comments-mini__label a:hover {
  opacity: 0.8;
}
.comments-mini__row {
  background: #1d222a;
  border: 1px solid #232934;
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 15px;
}

.comment-info {
  width: 100%;
}
.comment__row {
  margin-bottom: 15px;
  width: 100%;
  border-top: 1px solid rgba(191, 216, 255, 0.06);
}
.comment__row:first-child {
  border-top: 0px;
}
.comment-content {
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  padding-left: 12px;
  padding-right: 12px;
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 12px;
}
.comment__image {
  width: 37px;
  min-width: 37px;
  margin-right: 10px;
  height: 37px;
  background-position: center;
  background-size: cover;
  position: relative;
  border-radius: 50%;
}
.comment__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.comment__top span {
  font-weight: 500;
  font-size: 14px;
  color: var(--white);
  margin-right: 10px;
  display: inline-block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.comment__top span.comment__author-marker {
  color: var(--yellow);
}
.comment__top a {
  font-weight: 500;
  font-size: 14px;
  color: var(--white);
  margin-right: 10px;
  display: inline-block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.comment__top a:hover {
  color: var(--blue);
}
.comment__top p {
  font-size: 13px;
  line-height: 138%;
  color: var(--light-white-rgb);
  opacity: 0.5;
}
.comment__text {
  margin-top: 5px;
  font-size: 15px;
  line-height: 167%;
  letter-spacing: 0.01em;
  color: rgba(191, 216, 255, 0.7);
}
.comment__text p {
  margin-bottom: 15px;
}
.comment__text p:last-child {
  margin-bottom: 0;
}
.comment__text img {
  max-width: 200px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 8px;
  border-radius: 10px;
  max-height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  display: inline-block;
  cursor: pointer;
}
.comment__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.comment__reaction {
  height: 26px;
  padding: 0px 7px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 600;
  color: #7385A2;
  background: rgba(191, 216, 255, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2px;
  line-height: 1;
  cursor: pointer;
  border: 1px solid transparent;
  margin-right: 10px;
  overflow: hidden;
}
.comment__reaction.loading {
  opacity: 0.7;
  pointer-events: none;
}
.comment__reaction.active {
  background: var(--blue);
  color: var(--white);
}
.comment__reaction.active i {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.36468 17.4154H4.63402C4.0996 17.4154 3.66602 16.9818 3.66602 16.4474V9.67503C3.66602 9.14061 4.0996 8.70703 4.63402 8.70703H6.36468C6.8991 8.70703 7.33268 9.14061 7.33268 9.67503V16.4474C7.33268 16.9818 6.8991 17.4154 6.36468 17.4154V17.4154Z' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M7.33398 9.69143L10.6789 5.33634C11.3013 4.52509 12.5168 4.50493 13.1667 5.29418V5.29418C13.4097 5.58843 13.5417 5.95876 13.5417 6.34009V9.33851H16.3797C16.9306 9.33851 17.4448 9.61351 17.751 10.0709L18.0526 10.521C18.323 10.9253 18.4018 11.4285 18.2671 11.8951L17.0213 16.2236C16.8178 16.9303 16.1716 17.4171 15.4364 17.4171H9.67148C9.21315 17.4171 8.77498 17.2264 8.46332 16.8909L7.33398 15.6754' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.comment__reaction.active span {
  display: block;
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.comment__reaction.animate {
  -webkit-animation: like-pulse 0.5s ease;
          animation: like-pulse 0.5s ease;
}
.comment__reaction span {
  font-size: 12px;
  display: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
}
.comment__reaction span.count-update {
  -webkit-animation: count-update 0.3s ease;
          animation: count-update 0.3s ease;
}
.comment__reaction i {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.36468 17.4154H4.63402C4.0996 17.4154 3.66602 16.9818 3.66602 16.4474V9.67503C3.66602 9.14061 4.0996 8.70703 4.63402 8.70703H6.36468C6.8991 8.70703 7.33268 9.14061 7.33268 9.67503V16.4474C7.33268 16.9818 6.8991 17.4154 6.36468 17.4154V17.4154Z' stroke='%237385A2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M7.33398 9.69143L10.6789 5.33634C11.3013 4.52509 12.5168 4.50493 13.1667 5.29418V5.29418C13.4097 5.58843 13.5417 5.95876 13.5417 6.34009V9.33851H16.3797C16.9306 9.33851 17.4448 9.61351 17.751 10.0709L18.0526 10.521C18.323 10.9253 18.4018 11.4285 18.2671 11.8951L17.0213 16.2236C16.8178 16.9303 16.1716 17.4171 15.4364 17.4171H9.67148C9.21315 17.4171 8.77498 17.2264 8.46332 16.8909L7.33398 15.6754' stroke='%237385A2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.comment__reaction i:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.comment-more {
  background: rgba(191, 216, 255, 0.08);
  border-radius: 30px;
  width: 36px;
  height: 26px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.36468 17.4154H4.63402C4.0996 17.4154 3.66602 16.9818 3.66602 16.4474V9.67503C3.66602 9.14061 4.0996 8.70703 4.63402 8.70703H6.36468C6.8991 8.70703 7.33268 9.14061 7.33268 9.67503V16.4474C7.33268 16.9818 6.8991 17.4154 6.36468 17.4154V17.4154Z' stroke='%237385A2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M7.33398 9.69143L10.6789 5.33634C11.3013 4.52509 12.5168 4.50493 13.1667 5.29418V5.29418C13.4097 5.58843 13.5417 5.95876 13.5417 6.34009V9.33851H16.3797C16.9306 9.33851 17.4448 9.61351 17.751 10.0709L18.0526 10.521C18.323 10.9253 18.4018 11.4285 18.2671 11.8951L17.0213 16.2236C16.8178 16.9303 16.1716 17.4171 15.4364 17.4171H9.67148C9.21315 17.4171 8.77498 17.2264 8.46332 16.8909L7.33398 15.6754' stroke='%237385A2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 10px;
  cursor: pointer;
}
.comment__menu {
  margin-right: 24px;
  width: 36px;
  height: 26px;
}
.comment__menu.active .comment__menu-button {
  border-color: var(--blue);
}
.comment__menu-button {
  display: inline-block;
  background: rgba(191, 216, 255, 0.08);
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.962 11.0015C16.962 11.2547 16.7567 11.46 16.5034 11.46C16.2502 11.46 16.0449 11.2547 16.0449 11.0015C16.0449 10.7483 16.2502 10.543 16.5034 10.543C16.7567 10.543 16.962 10.7483 16.962 11.0015' stroke='%237385A2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M11.46 11.0015C11.46 11.2547 11.2547 11.46 11.0015 11.46C10.7483 11.46 10.543 11.2547 10.543 11.0015C10.543 10.7483 10.7483 10.543 11.0015 10.543C11.2547 10.543 11.46 10.7483 11.46 11.0015' stroke='%237385A2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M5.95611 11.0015C5.95611 11.2547 5.75082 11.46 5.49759 11.46C5.24435 11.46 5.03906 11.2547 5.03906 11.0015C5.03906 10.7483 5.24435 10.543 5.49759 10.543C5.75082 10.543 5.95611 10.7483 5.95611 11.0015' stroke='%237385A2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  border-radius: 30px;
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  width: 34px;
  height: 26px;
  border: 1px solid rgba(191, 216, 255, 0.08);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.comment__menu-list {
  position: absolute;
  -webkit-box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.1), 0 5px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.1), 0 5px 20px 0 rgba(0, 0, 0, 0.15);
  background: #232934;
  border: 1px solid #3a424f;
  border-radius: 10px;
  padding: 5px;
  opacity: 0;
  display: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.comment__menu-list.active {
  opacity: 1;
  top: auto;
  display: block;
  bottom: 42px;
}
.comment__menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 13px;
  color: var(--main);
  margin-top: 5px;
  padding: 5px;
  cursor: pointer;
}
.comment__menu-item:hover {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 5px;
}
.comment__menu-item:first-child {
  margin-top: 0px;
}
.comment__menu-item i {
  width: 22px;
  height: 22px;
  display: inline-block;
  margin-right: 5px;
  background-position: center;
  background-size: cover;
  background-size: 100%;
}
.comment__menu-delete i {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 6L17.1991 18.0129C17.129 19.065 17.0939 19.5911 16.8667 19.99C16.6666 20.3412 16.3648 20.6235 16.0011 20.7998C15.588 21 15.0607 21 14.0062 21H9.99377C8.93927 21 8.41202 21 7.99889 20.7998C7.63517 20.6235 7.33339 20.3412 7.13332 19.99C6.90607 19.5911 6.871 19.065 6.80086 18.0129L6 6M4 6H20M16 6L15.7294 5.18807C15.4671 4.40125 15.3359 4.00784 15.0927 3.71698C14.8779 3.46013 14.6021 3.26132 14.2905 3.13878C13.9376 3 13.523 3 12.6936 3H11.3064C10.477 3 10.0624 3 9.70951 3.13878C9.39792 3.26132 9.12208 3.46013 8.90729 3.71698C8.66405 4.00784 8.53292 4.40125 8.27064 5.18807L8 6' stroke='%23AEB5C0' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.comment__menu-copy-link i {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6.41602' y='6.41406' width='12.8387' height='12.8387' rx='2' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M6.41624 15.5848H4.58214C3.5692 15.5848 2.74805 14.7636 2.74805 13.7507V4.58019C2.74805 3.56725 3.5692 2.74609 4.58214 2.74609H13.7526C14.7656 2.74609 15.5867 3.56725 15.5867 4.58019V6.41429' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.comment__menu-complaint i {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.58333 19.2491V3.60156' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M17.4173 12.853V3.66797' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M4.58398 12.8344C4.58398 12.8344 5.38607 12.168 7.79232 12.168C10.1986 12.168 11.8027 13.7511 14.209 13.7511C16.6152 13.7511 17.4173 12.8555 17.4173 12.8555' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M4.58398 3.60433C4.58398 3.60433 5.38607 2.75 7.79232 2.75C10.1986 2.75 11.8027 4.33308 14.209 4.33308C16.6152 4.33308 17.4173 3.66667 17.4173 3.66667' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.comment__answer {
  font-weight: 500;
  font-size: 14px;
  line-height: 136%;
  color: var(--main);
  cursor: pointer;
  margin-right: 15px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.comment__answer:hover {
  color: var(--blue);
}
.comment__answer-more {
  padding-left: 20px;
  border-left: 1px solid var(--stroke);
  border-bottom: 1px solid var(--stroke);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 10px;
  padding-right: 10px;
  border-radius: 0px 0px 0px 10px;
  color: var(--blue);
}
.comment__answer b {
  font-weight: 400;
}
.comment__answer-unwrap {
  color: var(--blue);
  position: relative;
}
.comment__answer-unwrap::before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.224074 0.89009C0.468152 0.646012 0.86388 0.646012 1.10796 0.89009L3.99935 3.78148L6.89074 0.89009C7.13482 0.646012 7.53055 0.646012 7.77462 0.89009C8.0187 1.13417 8.0187 1.5299 7.77462 1.77397L4.44129 5.10731C4.19721 5.35138 3.80148 5.35138 3.55741 5.10731L0.224074 1.77397C-0.0200038 1.5299 -0.0200038 1.13417 0.224074 0.89009Z' fill='%2347B5FF' /%3E%3C/svg%3E");
  width: 8px;
  height: 6px;
  background-position: center;
  background-size: cover;
}
.comment__branches .comment__row {
  padding-left: 45px;
  margin-bottom: 0px;
  border-top: 0px;
}
.comment__branches .comment__row .comment-content {
  margin-top: 0px;
}

.loading-comments {
  position: relative;
  pointer-events: none;
  opacity: 0.7;
}
.loading-comments:after {
  content: "";
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  margin-bottom: -4px;
  border: 2px solid rgba(71, 181, 255, 0.3);
  border-top-color: var(--blue);
  border-radius: 50%;
  -webkit-animation: comment-loading 1s linear infinite;
          animation: comment-loading 1s linear infinite;
}

@-webkit-keyframes count-fade-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes count-fade-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes count-update {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.105);
            transform: scale(1.105);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes count-update {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.105);
            transform: scale(1.105);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes comment-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes comment-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes count-slide-up {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@keyframes count-slide-up {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@-webkit-keyframes like-pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes like-pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.complaint {
  font-size: 14px;
  margin-bottom: 20px;
}
.complaint__radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin-top: 15px;
}
.complaint__radio {
  position: relative;
}
.complaint__radio input[type=radio] {
  display: none;
}
.complaint__radio input[type=radio]:checked + label {
  opacity: 1;
  color: var(--blue, #47B5FF);
}
.complaint__radio input[type=radio]:checked + label:before {
  background: var(--blue, #47B5FF);
}
.complaint__radio input[type=radio]:checked + label:after {
  opacity: 0.5;
}
.complaint__radio label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-right: 0;
  line-height: 18px;
  font-size: 13px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: var(--light-white-rgb, #7f8897);
  opacity: 0.8;
}
.complaint__radio label:before {
  content: "";
  display: inline-block;
  left: 3px;
  top: 3px;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  position: absolute;
  background: transparent;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 1px;
}
.complaint__radio label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
  border: 1px solid var(--light-white-rgb, #7f8897);
  border-radius: 3px;
  position: absolute;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.will-be-animated {
  -webkit-animation: fadeIn 0.3s ease-in-out;
          animation: fadeIn 0.3s ease-in-out;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .post-comments {
    padding: 20px 15px;
  }
  .post-comments__question p {
    font-size: 20px;
  }
  .comments-header__label {
    font-size: 18px;
  }
  .comment__row {
    margin-bottom: 20px;
  }
  .comment__image {
    width: 30px;
    height: 30px;
    min-width: 30px;
  }
  .comment-content {
    padding-left: 0px;
    margin-top: 15px;
  }
  .comment__text p {
    margin-bottom: 10px;
    line-height: 140%;
  }
}