@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 {
  --font-primary: #BCC1D5;
  --font-secondary: #A8B2C0;
  --font-light-1: rgba(168, 178, 192, 0.9);
  --font-light-2: rgba(191, 216, 255, 0.6);
  --font-light-3: rgba(191, 216, 255, 0.4);
  --font-yellow: #FFC700;
  --font-blue: #47B5FF;
  --font-swap: #FFC700;
  --divide-line: rgba(204, 223, 254, 0.1);
  --divide-bg: rgba(204, 223, 254, .07);
  --base-1: #12171F;
  --base-2: #181D25;
  --base-3: #1D222A;
  --base-4: #232934;
  --base-border: rgba(255, 255, 255, 0.05);
  --active-border: rgba(255, 255, 255, 0.15);
  --hover-border: rgba(255, 255, 255, 0.1);
  --hover-bg: #232934;
  --grey: #BAC2CE;
  --focus-yellow-light: #FFCD1D;
  --focus-yellow: #FFC700;
  --focus-yellow-dark: #F1AE00;
  --focus-blue-light: #75C7FF;
  --focus-blue: #47B5FF;
  --focus-blue-2: #40A8EE;
  --focus-blue-dark: #276FA4;
  --stroke: #2a313e;
  --gray: #1e1f22;
  --gray-light: #7385a2;
  --description: #747474;
  --black: #0f1217;
  --yellow: #ffc700;
  --yellow-hover: #f1ae00;
  --white: #f2f3f5;
  --white-rgb: 249, 249, 249;
  --blue: #47b5ff;
  --light-white: #bfd8ff;
  --light-white-rgb: rgb(191, 216, 255);
  --font-family: "Inter", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --red: #d32029;
  --purple: #ab7ae0;
  --header-height-default: 78px;
  --top-offset: 50px;
  --medium-white-rgb: 191, 216, 255;
  --icon-secondary: #74849C;
  --icon-primary: #4B5769;
  --loading-shine: rgba(255, 255, 255, 0.08);
  --loading-bg: #232934;
}

:root:not(.dark-theme) {
  --font-primary: #1D222A;
  --font-secondary: #49515D;
  --font-light-1: rgba(29, 34, 42, 0.85);
  --font-light-2: rgba(73, 81, 93, 0.8);
  --font-light-3: rgba(73, 81, 93, 0.55);
  --font-yellow: #DEA000;
  --font-blue: #40A8EE;
  --font-swap: #1C72B0;
  --divide-line: rgba(48, 74, 113,.12);
  --divide-bg: rgba(48, 74, 113,.07);
  --base-1: #EDEFF2;
  --base-2: #F5F6F7;
  --base-3: #FFFFFF;
  --base-4: #FFFFFF;
  --base-border: rgba(18, 23, 31, 0.1);
  --active-border: rgba(18, 23, 31, 0.3);
  --hover-border: #EFAD00;
  --hover-bg: #F2F5F8;
  --grey: #35393F;
  --focus-yellow-light: #DEA000;
  --focus-yellow: #EFAD00;
  --focus-yellow-dark: #FFCC00;
  --focus-blue-light: #429DDE;
  --focus-blue: #0B86D8;
  --focus-blue-2: #2396E4;
  --focus-blue-dark: #85CDFF;
  --stroke: #e5e7eb;
  --gray: #f3f4f6;
  --gray-light: #9ca3af;
  --description: #6b7280;
  --black: #ffffff;
  --white: #1f2937;
  --white-rgb: 31, 41, 55;
  --blue: #0B86D8;
  --light-white: #374151;
  --light-white-rgb: rgb(55, 65, 81);
  --medium-white-rgb: 55, 65, 81;
  --icon-secondary: #959CA4;
  --icon-primary: #D0D0D0;
  --loading-shine: rgba(0, 0, 0, 0.06);
  --loading-bg: #F0F1F3;
}

@media (max-width: 980px) {
  :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: 980px;
    padding: 0px;
  }
}
@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;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}
body {
  background-color: var(--base-1);
  color: var(--font-secondary);
  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.gutenberg-body {
  background: var(--base-3) !important;
}
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 var(--base-border);
  background-color: var(--base-3);
  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: 980px) {
  .slide-top {
    bottom: 70px;
  }
}
@media (max-width: 768px) {
  .slide-top {
    bottom: 20px;
    right: 20px;
    display: none;
  }
}
input:focus {
  caret-color: var(--font-yellow);
}

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

@keyframes loading-shine {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@-webkit-keyframes skeleton-pulse {
  0%, 100% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.45;
  }
}
@keyframes skeleton-pulse {
  0%, 100% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.45;
  }
}
.article__image::before,
.article-island__image::before,
.inscale-image-lazy::before,
.post-slider .swiper-slide::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  z-index: 1;
  opacity: 0.35;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: var(--font-primary);
  -webkit-animation: skeleton-pulse 1.5s ease-in-out infinite;
          animation: skeleton-pulse 1.5s ease-in-out infinite;
  pointer-events: none;
}

.comment__text .inscale-image-lazy::before {
  width: 40px;
  height: 40px;
}

::-webkit-scrollbar {
  width: 4px;
  background: var(--font-light-3);
  border-radius: 10px;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

::-webkit-scrollbar-thumb {
  background: var(--font-light-1);
  border-radius: 10px;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

div::-webkit-scrollbar, textarea::-webkit-scrollbar {
  width: 4px;
  background: var(--font-light-3);
  border-radius: 10px;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: calc(100% - 40px);
}
div::-webkit-scrollbar-thumb, textarea::-webkit-scrollbar-thumb {
  background: var(--font-light-1);
  border-radius: 10px;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

:root:not(.dark-theme)::-webkit-scrollbar {
  background: transparent;
}
:root:not(.dark-theme)::-webkit-scrollbar-thumb {
  background: var(--divide-bg);
}
:root:not(.dark-theme) div::-webkit-scrollbar, :root:not(.dark-theme) textarea::-webkit-scrollbar {
  background: transparent;
}
:root:not(.dark-theme) div::-webkit-scrollbar-thumb, :root:not(.dark-theme) textarea::-webkit-scrollbar-thumb {
  background: var(--divide-bg);
}

.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);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(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;
  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 var(--base-border);
  background: var(--base-3);
  padding: 12px;
  color: var(--font-primary);
  font-size: 14px;
  width: 100%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  max-width: 500px;
  height: 72px;
  resize: none;
}
.modal.modal-confirm-close .modal__button {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.modal.modal--rejection .modal__content {
  max-width: 700px;
}
.modal.modal--rejection .modal__description {
  max-height: 340px;
  overflow-y: auto;
  padding-right: 10px;
}
.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(--font-blue);
  height: 42px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
  color: var(--font-secondary);
  background: transparent;
}
.modal.modal-support-choose .support-method-btn:hover {
  background: var(--focus-blue);
  color: #fff;
}
.modal.modal-support-choose .support-method-btn:hover p {
  color: #fff;
}
.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(--font-blue);
  background: var(--base-2);
  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 var(--base-border);
  background: var(--base-2);
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 14px;
  width: 100%;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  color: var(--font-secondary);
}
.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: var(--focus-blue);
  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(--font-secondary);
  outline: none;
}
.modal.modal-support input::-webkit-input-placeholder, .modal.modal-support textarea::-webkit-input-placeholder {
  opacity: 0.5;
  color: var(--font-light-1);
}
.modal.modal-support input::-moz-placeholder, .modal.modal-support textarea::-moz-placeholder {
  opacity: 0.5;
  color: var(--font-light-1);
}
.modal.modal-support input:-ms-input-placeholder, .modal.modal-support textarea:-ms-input-placeholder {
  opacity: 0.5;
  color: var(--font-light-1);
}
.modal.modal-support input::-ms-input-placeholder, .modal.modal-support textarea::-ms-input-placeholder {
  opacity: 0.5;
  color: var(--font-light-1);
}
.modal.modal-support input::placeholder, .modal.modal-support textarea::placeholder {
  opacity: 0.5;
  color: var(--font-light-1);
}
.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__content, .modal.modal-preview-question .modal__content {
  max-width: 650px;
  width: 100%;
  background: transparent;
  border: none;
  padding: 0;
}
.modal.modal-preview-post .article__item, .modal.modal-preview-question .article__item {
  width: 100%;
  margin: 0;
}
.modal.modal-preview-post .modal__close, .modal.modal-preview-question .modal__close {
  top: 0;
  right: 0;
}
.modal.modal-preview-post .modal__buttons, .modal.modal-preview-question .modal__buttons {
  display: none;
}
.modal.modal-preview-post .modal__title, .modal.modal-preview-question .modal__title {
  font-size: 16px;
  text-align: center;
}
.modal.active {
  opacity: 1;
  visibility: visible;
}
.modal__content {
  background: var(--base-3);
  border-radius: 15px;
  border: 1px solid var(--base-border);
  width: 100%;
  max-width: 400px;
  position: relative;
  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: var(--font-primary);
  margin-bottom: 15px;
  text-align: left;
}
.modal__description {
  font-size: 14px;
  color: var(--font-light-1);
  text-align: center;
  margin-bottom: 25px;
  text-align: left;
  line-height: 160%;
}
.modal__description p {
  font-size: 14px;
  color: var(--font-primary);
  text-align: left;
  line-height: 150%;
  margin-bottom: 12px;
}
.modal__description p:last-child {
  margin-bottom: 0;
}
.modal__description em {
  color: var(--font-yellow);
  font-style: normal;
}
.modal__description em a {
  color: var(--font-yellow);
}
.modal__description a:not(.sub-modal-author) {
  color: var(--font-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 var(--base-border);
  background: transparent;
}
.modal__button--cancel {
  color: var(--font-secondary);
}
.modal__button--cancel:hover {
  background: var(--hover-bg);
}
.modal.modal-create-post .modal__content {
  max-width: 671px;
}
.modal.modal-create-post .modal__title {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 20px;
}
.modal.modal-create-post .modal__description {
  text-align: left;
  margin-bottom: 0;
}
.modal.modal-create-post .modal__buttons {
  display: none;
}

.create-post__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.create-post__option {
  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;
  padding: 20px;
  border: 1px solid var(--base-border);
  border-radius: 10px;
  text-decoration: none;
  -webkit-transition: border-color 0.2s, background 0.2s;
  transition: border-color 0.2s, background 0.2s;
  cursor: pointer;
}
.create-post__option.create-post__option--news i {
  -webkit-mask-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='%23000' 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='%23000' 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='%23000' 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='%23000' 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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  mask-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='%23000' 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='%23000' 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='%23000' 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='%23000' 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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.create-post__option i {
  width: 18px;
  height: 18px;
  -webkit-mask-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='%23000' 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='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  mask-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='%23000' 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='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--icon-secondary);
}
.create-post__option:hover {
  border-color: var(--active-border);
}
.create-post__option-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
}
.create-post__option-header span {
  font-size: 18px;
  font-weight: 500;
  color: var(--font-primary);
  line-height: 22px;
}
.create-post__option p {
  font-size: 16px;
  line-height: 21px;
  color: var(--font-secondary);
  margin: 0;
}
.create-post__hint {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  margin-top: 20px;
  cursor: pointer;
  position: relative;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.create-post__hint span {
  font-size: 14px;
  font-weight: 500;
  color: var(--font-light-2);
  line-height: 19px;
}
.create-post__hint > i {
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--icon-secondary);
  -webkit-mask-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='M10.0042 11.2547V10.0042C10.925 10.0042 11.6715 9.25767 11.6715 8.33681C11.6715 7.41595 10.925 6.66945 10.0042 6.66945C9.08331 6.66945 8.33681 7.41595 8.33681 8.33681' stroke='%237385A2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Ccircle cx='10.0042' cy='10.0042' r='7.50312' stroke='%237385A2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M10.0042 13.2972C9.98114 13.2972 9.96248 13.3159 9.96248 13.3389C9.96248 13.3619 9.98114 13.3806 10.0042 13.3806C10.0272 13.3806 10.0459 13.3619 10.0459 13.3389C10.0459 13.3159 10.0272 13.2972 10.0042 13.2972' stroke='%237385A2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
          mask-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='M10.0042 11.2547V10.0042C10.925 10.0042 11.6715 9.25767 11.6715 8.33681C11.6715 7.41595 10.925 6.66945 10.0042 6.66945C9.08331 6.66945 8.33681 7.41595 8.33681 8.33681' stroke='%237385A2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Ccircle cx='10.0042' cy='10.0042' r='7.50312' stroke='%237385A2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M10.0042 13.2972C9.98114 13.2972 9.96248 13.3159 9.96248 13.3389C9.96248 13.3619 9.98114 13.3806 10.0042 13.3806C10.0272 13.3806 10.0459 13.3619 10.0459 13.3389C10.0459 13.3159 10.0272 13.2972 10.0042 13.2972' stroke='%237385A2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.create-post__tooltip {
  display: none;
  position: absolute;
  bottom: calc(100% + 10px);
  padding: 8px 10px;
  background: var(--base-3);
  border: 1px solid var(--active-border);
  border-radius: 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  color: var(--font-light-2);
  z-index: 1;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  max-width: 410px;
}
.create-post__tooltip.active {
  display: block;
}

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

.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;
}

@media (max-width: 767px) {
  .modal__content {
    max-width: 95%;
  }
  .modal.modal-create-post .create-post__option p {
    font-size: 14px;
    line-height: 140%;
  }
  .modal.modal-create-post .modal__content {
    max-width: 95%;
  }
  .modal.modal-preview-post .modal__close, .modal.modal-preview-question .modal__close {
    right: 15px;
  }
}
@media (max-width: 440px) {
  .create-post__tooltip {
    width: calc(100% + 40px);
    max-width: calc(100% + 40px);
    left: -20px;
    font-size: 12px;
  }
}
.rejection-details {
  margin-top: 16px;
  border-radius: 6px;
  font-size: 12px;
  line-height: 160%;
  color: var(--font-secondary);
}

.rejection-summary {
  margin: 0 0 14px;
  padding: 10px 12px;
  background: var(--base-3);
  border-left: 3px solid var(--red);
  border-radius: 4px;
  color: var(--font-primary);
  font-weight: 500;
}

.rejection-section {
  margin-bottom: 14px;
}
.rejection-section:last-child {
  margin-bottom: 0;
}

.rejection-section__title {
  margin: 0 0 10px;
  font-weight: 600;
  color: var(--font-primary);
}

.source-group {
  margin-bottom: 12px;
  padding: 10px 12px;
  background: var(--base-2);
  border: 1px solid var(--base-border);
  border-radius: 6px;
}
.source-group:last-child {
  margin-bottom: 0;
}

.source-group__header {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 13px;
}
.source-group__header a {
  color: var(--focus-blue);
  text-decoration: none;
}
.source-group__header a:hover {
  text-decoration: underline;
  color: var(--focus-blue-light);
}

.source-group__fragments {
  margin: 0;
  padding-left: 16px;
  list-style: disc;
}
.source-group__fragments li {
  margin-bottom: 6px;
  color: var(--font-light-2);
  font-size: 12px;
  line-height: 160%;
}
.source-group__fragments li:last-child {
  margin-bottom: 0;
}

.fragments-list {
  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;
}

.fragment {
  padding: 10px 12px;
  background: var(--base-2);
  border-left: 4px solid var(--focus-blue);
  border-radius: 4px;
}

.fragment-text {
  margin: 0 0 6px;
  color: var(--font-primary);
}

.fragment-source {
  font-size: 12px;
  color: var(--font-light-3);
}
.fragment-source a {
  color: var(--focus-blue);
  text-decoration: underline;
}
.fragment-source a:hover {
  color: var(--focus-blue-light);
}

.sources-list {
  margin: 0;
  padding-left: 18px;
  list-style: disc;
}
.sources-list li {
  margin-bottom: 6px;
  color: var(--font-secondary);
}
.sources-list li:last-child {
  margin-bottom: 0;
}

.source-match {
  display: inline-block;
  margin-left: 4px;
  font-size: 12px;
  color: var(--font-light-3);
}

.modal-search {
  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: 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(5px);
          backdrop-filter: blur(5px);
}
.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: 54px;
  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 i {
  opacity: 0;
}
.search-input:hover input {
  background: var(--base-3);
  border: 1px solid var(--base-border);
}
.search-input input {
  background: var(--base-3);
  border: 1px solid var(--base-border);
  border-radius: 12px;
  padding: 5px 5px 5px 15px;
  width: 100%;
  font-weight: 400;
  height: 44px;
  padding-right: 44px;
  -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 var(--active-border);
}
.search-input__icon {
  border-radius: 8px;
  width: 34px;
  height: 34px;
  background: var(--base-3);
  border: 2px solid var(--focus-blue);
  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(--active-border);
}
.search-input__icon i {
  -webkit-mask-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='M12.5241 5.60489C10.6551 3.73587 7.62478 3.73587 5.75577 5.60489C3.88675 7.4739 3.88675 10.5042 5.75577 12.3732C7.62478 14.2422 10.6551 14.2422 12.5241 12.3732C14.3931 10.5042 14.3931 7.4739 12.5241 5.60489ZM13.4963 4.63262C11.0904 2.22663 7.18948 2.22663 4.78349 4.63262C2.37751 7.0386 2.37751 10.9395 4.78349 13.3455C7.18948 15.7515 11.0904 15.7515 13.4963 13.3455C15.9023 10.9395 15.9023 7.0386 13.4963 4.63262Z' fill='%23000' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4879 12.4009C12.7582 12.1343 13.1935 12.1372 13.4601 12.4075L18.8226 17.8434C19.0893 18.1137 19.0863 18.549 18.816 18.8156C18.5457 19.0823 18.1104 19.0793 17.8438 18.809L12.4813 13.3732C12.2146 13.1029 12.2176 12.6676 12.4879 12.4009Z' fill='%23000' /%3E%3C/svg%3E");
  mask-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='M12.5241 5.60489C10.6551 3.73587 7.62478 3.73587 5.75577 5.60489C3.88675 7.4739 3.88675 10.5042 5.75577 12.3732C7.62478 14.2422 10.6551 14.2422 12.5241 12.3732C14.3931 10.5042 14.3931 7.4739 12.5241 5.60489ZM13.4963 4.63262C11.0904 2.22663 7.18948 2.22663 4.78349 4.63262C2.37751 7.0386 2.37751 10.9395 4.78349 13.3455C7.18948 15.7515 11.0904 15.7515 13.4963 13.3455C15.9023 10.9395 15.9023 7.0386 13.4963 4.63262Z' fill='%23000' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4879 12.4009C12.7582 12.1343 13.1935 12.1372 13.4601 12.4075L18.8226 17.8434C19.0893 18.1137 19.0863 18.549 18.816 18.8156C18.5457 19.0823 18.1104 19.0793 17.8438 18.809L12.4813 13.3732C12.2146 13.1029 12.2176 12.6676 12.4879 12.4009Z' fill='%23000' /%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--icon-secondary);
  width: 22px;
  height: 22px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.search-input__input {
  color: var(--white);
}

.search__block {
  max-width: 530px;
  width: 100%;
  margin-top: 20px;
  -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 {
  background: var(--base-3);
}
.search__block .type-tabs__item {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.search__block .navigation-buttons__item.reaction i {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 2C4.69133 2 2 4.69133 2 8C2 11.3087 4.69133 14 8 14C11.3087 14 14 11.308 14 8C14 4.692 11.308 2 8 2Z' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M10.2194 6.33073C10.1274 6.33073 10.0527 6.4054 10.0534 6.4974C10.0534 6.5894 10.1281 6.66406 10.2201 6.66406C10.3121 6.66406 10.3867 6.5894 10.3867 6.4974C10.3867 6.4054 10.3121 6.33073 10.2194 6.33073' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M5.75845 6.33073C5.66645 6.33073 5.59178 6.4054 5.59245 6.4974C5.59245 6.5894 5.66712 6.66406 5.75912 6.66406C5.85112 6.66406 5.92578 6.5894 5.92578 6.4974C5.92578 6.4054 5.85112 6.33073 5.75845 6.33073' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M10.3327 10.4609C10.3327 10.4609 9.45735 11.3356 7.99935 11.3356C6.54068 11.3356 5.66602 10.4609 5.66602 10.4609' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 2C4.69133 2 2 4.69133 2 8C2 11.3087 4.69133 14 8 14C11.3087 14 14 11.308 14 8C14 4.692 11.308 2 8 2Z' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M10.2194 6.33073C10.1274 6.33073 10.0527 6.4054 10.0534 6.4974C10.0534 6.5894 10.1281 6.66406 10.2201 6.66406C10.3121 6.66406 10.3867 6.5894 10.3867 6.4974C10.3867 6.4054 10.3121 6.33073 10.2194 6.33073' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M5.75845 6.33073C5.66645 6.33073 5.59178 6.4054 5.59245 6.4974C5.59245 6.5894 5.66712 6.66406 5.75912 6.66406C5.85112 6.66406 5.92578 6.5894 5.92578 6.4974C5.92578 6.4054 5.85112 6.33073 5.75845 6.33073' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M10.3327 10.4609C10.3327 10.4609 9.45735 11.3356 7.99935 11.3356C6.54068 11.3356 5.66602 10.4609 5.66602 10.4609' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--icon-secondary);
}
.search__block .navigation-buttons__item[data-action=discussion] i {
  -webkit-mask-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='M11 16.4974H16.5C18.0189 16.4974 19.25 15.2663 19.25 13.7474V6.41406C19.25 4.89515 18.0189 3.66406 16.5 3.66406H5.5C3.98108 3.66406 2.75 4.89515 2.75 6.41406V13.7474C2.75 15.2663 3.98108 16.4974 5.5 16.4974H6.875V19.2474L11 16.4974Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-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='M11 16.4974H16.5C18.0189 16.4974 19.25 15.2663 19.25 13.7474V6.41406C19.25 4.89515 18.0189 3.66406 16.5 3.66406H5.5C3.98108 3.66406 2.75 4.89515 2.75 6.41406V13.7474C2.75 15.2663 3.98108 16.4974 5.5 16.4974H6.875V19.2474L11 16.4974Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--icon-secondary);
}
.search__block .navigation-buttons__item[data-action=share] i {
  -webkit-mask-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='M11 16.4974H16.5C18.0189 16.4974 19.25 15.2663 19.25 13.7474V6.41406C19.25 4.89515 18.0189 3.66406 16.5 3.66406H5.5C3.98108 3.66406 2.75 4.89515 2.75 6.41406V13.7474C2.75 15.2663 3.98108 16.4974 5.5 16.4974H6.875V19.2474L11 16.4974Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-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='M11 16.4974H16.5C18.0189 16.4974 19.25 15.2663 19.25 13.7474V6.41406C19.25 4.89515 18.0189 3.66406 16.5 3.66406H5.5C3.98108 3.66406 2.75 4.89515 2.75 6.41406V13.7474C2.75 15.2663 3.98108 16.4974 5.5 16.4974H6.875V19.2474L11 16.4974Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--icon-secondary);
}
.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: 13px;
  border-bottom: 1px solid rgba(116, 116, 116, 0.2);
  margin-bottom: 10px;
  color: var(--font-light-1);
  padding-right: 10px;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.search-result__wrap {
  background-color: var(--base-3);
  margin-top: 9px;
  border: 1px solid var(--base-border);
  border-radius: 25px;
  padding: 10px;
  width: 100%;
  padding-top: 18px;
  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: calc(100vh - 210px - 20px);
  overflow-y: auto;
  padding-right: 0px;
}
.search-result__list.scroll {
  padding-right: 10px;
}
.search-result__list.scroll .search-result__item {
  padding-right: 10px;
  margin-right: 10px;
}
.search-result__item {
  border: 1px solid transparent;
  border-radius: 20px;
  padding: 14px 15px;
  padding-bottom: 8px;
  gap: 25px;
  margin-top: 18px;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: default;
  margin-right: 0px;
  display: block;
}
.search-result__item .navigation-buttons {
  gap: 8px;
}
.search-result__item[data-post-type=author] {
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  border-radius: 13px;
  gap: 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  cursor: pointer;
}
.search-result__item[data-post-type=author]:hover {
  background: var(--base-4);
  border-color: var(--hover-border);
}
.search-result__item[data-post-type=author]:before {
  display: none;
}
.search-result__item[data-post-type=news] .search-result__category:before {
  -webkit-mask-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='%23000' 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='%23000' 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='%23000' 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='%23000' 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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  mask-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='%23000' 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='%23000' 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='%23000' 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='%23000' 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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--icon-secondary);
}
.search-result__item:first-child {
  margin-top: 0px;
}
.search-result__item:first-child::before {
  display: none;
}
.search-result__item:has(.search-result__label:hover) {
  background: var(--base-4);
  border-color: var(--hover-border);
}
.search-result__item::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--divide-line);
  border-radius: 20px;
}
.search-result__item .navigation-buttons {
  margin-top: 0px;
}
.search-result__item .navigation-buttons .navigation-buttons__item {
  background: transparent !important;
  gap: 3px;
  padding: 0px;
  text-decoration: none;
  color: inherit;
}
.search-result__item .navigation-buttons .navigation-buttons__item i {
  width: 16px;
  height: 16px;
}
.search-result__item .navigation-buttons .views-counter {
  color: var(--font-light-3);
  font-size: 12px;
  gap: 3px;
  margin-left: 0px;
}
.search-result__item .navigation-buttons .views-counter i {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.4155 6.5865C10.1962 7.36717 10.1962 8.6345 9.4155 9.4165C8.63483 10.1972 7.3675 10.1972 6.5855 9.4165C5.80483 8.63583 5.80483 7.3685 6.5855 6.5865C7.3675 5.8045 8.63417 5.8045 9.4155 6.5865' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 8.0026C2 7.56327 2.10133 7.1286 2.29733 6.72794V6.72794C3.30733 4.66327 5.53933 3.33594 8 3.33594C10.4607 3.33594 12.6927 4.66327 13.7027 6.72794V6.72794C13.8987 7.1286 14 7.56327 14 8.0026C14 8.44194 13.8987 8.8766 13.7027 9.27727V9.27727C12.6927 11.3419 10.4607 12.6693 8 12.6693C5.53933 12.6693 3.30733 11.3419 2.29733 9.27727V9.27727C2.10133 8.8766 2 8.44194 2 8.0026Z' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.4155 6.5865C10.1962 7.36717 10.1962 8.6345 9.4155 9.4165C8.63483 10.1972 7.3675 10.1972 6.5855 9.4165C5.80483 8.63583 5.80483 7.3685 6.5855 6.5865C7.3675 5.8045 8.63417 5.8045 9.4155 6.5865' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 8.0026C2 7.56327 2.10133 7.1286 2.29733 6.72794V6.72794C3.30733 4.66327 5.53933 3.33594 8 3.33594C10.4607 3.33594 12.6927 4.66327 13.7027 6.72794V6.72794C13.8987 7.1286 14 7.56327 14 8.0026C14 8.44194 13.8987 8.8766 13.7027 9.27727V9.27727C12.6927 11.3419 10.4607 12.6693 8 12.6693C5.53933 12.6693 3.30733 11.3419 2.29733 9.27727V9.27727C2.10133 8.8766 2 8.44194 2 8.0026Z' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--icon-secondary);
}
.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: 10px;
  line-height: 140%;
  white-space: nowrap;
}
.search-result__navigation .circle-indicator::before {
  margin-right: 9px;
  margin-left: 9px;
}
.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(--font-blue);
  max-height: 20px;
  overflow: hidden;
  text-decoration: none;
}
.search-result__author:hover {
  opacity: 0.7;
}
.search-result__category {
  position: relative;
  color: var(--font-light-2);
  font-size: 14px;
  text-decoration: none;
}
.search-result__category:hover {
  color: var(--font-blue);
}
.search-result__category:empty:before {
  display: none;
}
.search-result__category:before {
  content: "";
  display: inline-block;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  width: 16px;
  height: 16px;
  -webkit-mask-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='%23000' 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='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  mask-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='%23000' 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='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--icon-secondary);
  margin-right: 5px;
}
.search-result__date {
  font-size: 12px;
  color: var(--font-light-2);
}
.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: var(--font-light-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(--font-primary);
  text-decoration: none;
}
.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: 980px) {
  .search-input input {
    width: 100%;
  }
  .modal-search {
    background: var(--base-1);
    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;
  }
}
@media (max-width: 767px) {
  .modal-search {
    max-height: 100vh;
    max-height: 100vh;
    height: 100vh;
    top: 0;
  }
}
.circle-indicator {
  position: relative;
  line-height: 1;
}
.circle-indicator::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--divide-line);
  margin-right: 11px;
  margin-left: 7px;
  vertical-align: middle;
  margin-right: 6px;
  margin-left: 10px;
}

.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;
  height: 42px;
  padding: 0px 18px;
  border-radius: 8px;
  background: var(--focus-blue-2);
  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(--focus-blue);
  position: relative;
  font-size: 14px;
}
.btn:hover {
  border-color: var(--focus-blue-light);
}
.btn:active {
  background: var(--focus-blue-light);
}
.btn.btn-yellow {
  background: var(--font-yellow);
  color: #fff;
  border-color: transparent;
}
.btn.btn-yellow:hover {
  border-color: var(--font-yellow);
  background: var(--yellow-hover);
}
.btn.btn-yellow:active {
  color: var(--white);
}
.btn.btn-transparent {
  background: transparent;
  border: 1px solid var(--base-border);
  border-radius: 8px;
  height: 34px;
  color: var(--font-secondary);
  padding: 0px 22px;
  font-size: 13px;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.btn.btn-transparent:hover {
  border-color: var(--font-secondary);
  color: var(--white);
}
.btn[disabled], .btn.disabled {
  pointer-events: none;
  opacity: 0.8;
}
.btn.loading {
  color: transparent !important;
  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;
}

:root:not(.dark-theme) .btn:not(.btn-transparent, .account-settings__save, .account-pay__button, .tariff__button, .top-bar__publish) {
  color: #fff;
}

@-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;
}

.preview-page .header.gutenberg-header {
  display: none !important;
}
.preview-page .top-bar__category-label {
  display: block;
}
.preview-page .top-bar__publish {
  gap: 6px;
}
.preview-page .top-bar__publish i {
  width: 24px;
  height: 24px;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  display: block;
  background-color: var(--font-secondary);
  -webkit-mask-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='M17.5303 9.46967C17.8232 9.76256 17.8232 10.2374 17.5303 10.5303C17.2374 10.8232 16.7626 10.8232 16.4697 10.5303L12.7013 6.76191L12.75 19C12.75 19.4142 12.4142 19.75 12 19.75C11.5858 19.75 11.25 19.4142 11.25 19V6.81066L7.53033 10.5303C7.23744 10.8232 6.76256 10.8232 6.46967 10.5303C6.17678 10.2374 6.17678 9.76256 6.46967 9.46967L11.4697 4.46967C11.6134 4.32594 11.7967 4.25 12 4.25C12.2034 4.25 12.3865 4.32587 12.5303 4.46967L17.5303 9.46967Z' fill='%23A8B2C0' /%3E%3C/svg%3E");
          mask-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='M17.5303 9.46967C17.8232 9.76256 17.8232 10.2374 17.5303 10.5303C17.2374 10.8232 16.7626 10.8232 16.4697 10.5303L12.7013 6.76191L12.75 19C12.75 19.4142 12.4142 19.75 12 19.75C11.5858 19.75 11.25 19.4142 11.25 19V6.81066L7.53033 10.5303C7.23744 10.8232 6.76256 10.8232 6.46967 10.5303C6.17678 10.2374 6.17678 9.76256 6.46967 9.46967L11.4697 4.46967C11.6134 4.32594 11.7967 4.25 12 4.25C12.2034 4.25 12.3865 4.32587 12.5303 4.46967L17.5303 9.46967Z' fill='%23A8B2C0' /%3E%3C/svg%3E");
}
.preview-page .top-bar__publish:hover i, .preview-page .top-bar__publish:active i {
  background-color: #fff;
}

.header {
  -webkit-backdrop-filter: blur(114px);
          backdrop-filter: blur(114px);
  background: var(--base-1);
  border-bottom: 1px solid var(--base-border);
  color: var(--white);
  position: relative;
  z-index: 12;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.header.gutenberg-header {
  background: var(--base-3);
  position: fixed;
}
.header.gutenberg-header .container {
  max-width: 100%;
  padding: 0px 30px;
}
.header.gutenberg-header .header-editor__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.header.gutenberg-header .header-editor__saved {
  font-weight: 600;
  font-size: 13px;
  color: var(--font-secondary);
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  white-space: nowrap;
  margin-right: 20px;
}
.header.gutenberg-header .header-editor__saved:empty {
  opacity: 0;
}
.header.gutenberg-header .header-editor__saved.saving {
  color: var(--font-secondary);
}
.header.gutenberg-header .header-editor__saved.saved {
  color: var(--font-blue);
}
.header.gutenberg-header .header-editor__saved.error {
  color: #e74c3c;
}
.header.gutenberg-header .header-editor__exit {
  height: 42px;
  padding: 0px 20px;
  font-size: 14px;
  color: var(--font-light-2);
  gap: 5px;
}
.header.gutenberg-header .header-editor__exit i {
  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='M11 19.392V7.50298C11 6.81298 10.645 6.17198 10.06 5.80698L6.06 3.30698C4.728 2.47498 3 3.43198 3 5.00298V16.891C3 17.581 3.355 18.222 3.94 18.587L7.94 21.087C9.272 21.92 11 20.962 11 19.392Z' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M15 11H21' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M19 13L21 11L19 9' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M11 19H15C16.105 19 17 18.105 17 17V16' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M17 6V5C17 3.895 16.105 3 15 3H5' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
}
.header-box {
  position: absolute;
  position: relative;
  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(--font-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: var(--font-light-2);
}
.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-top: 16px;
  padding-bottom: 10px;
}
.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(--font-primary);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.header__logo:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.header__logo-desktop-dark {
  display: block;
}
.header__logo-desktop-white {
  display: none;
}
.header__logo-mobile {
  display: none;
}
.header__logo-mobile-dark {
  display: none;
}
.header__logo-mobile-white {
  display: none;
}
.header__logo p {
  font-size: 16px;
  line-height: 97%;
  color: var(--font-primary);
}
.header__logo strong {
  color: var(--font-yellow);
  font-weight: 600;
  font-size: 14px;
}
.header__logo b {
  font-size: 18px;
  font-weight: 600;
}
.header__logo-flip {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 90px;
  height: 32px;
  -webkit-perspective: 600px;
          perspective: 600px;
}
.header__logo-flip p {
  margin: 0;
  font-size: 16px;
  line-height: 16px;
}
.header__logo-flip p strong {
  font-size: 16px;
  line-height: 16px;
}
.header__logo-flip-front, .header__logo-flip-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: var(--font-primary);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.65, 0, 0.35, 1);
  transition: -webkit-transform 0.35s cubic-bezier(0.65, 0, 0.35, 1);
  transition: transform 0.35s cubic-bezier(0.65, 0, 0.35, 1);
  transition: transform 0.35s cubic-bezier(0.65, 0, 0.35, 1), -webkit-transform 0.35s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  will-change: transform;
}
.header__logo-flip-front {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}
.header__logo-flip-back {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.header__logo-flip-back strong {
  color: var(--font-yellow);
}
.header__logo.is-hovered .header__logo-flip-front {
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
}
.header__logo.is-hovered .header__logo-flip-back {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}
.header__search {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--base-2);
  border: 1px solid var(--base-border);
  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(--base-1);
}
.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: var(--base-4);
  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 i {
  width: 22px;
  height: 22px;
  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='M12.5241 5.60489C10.6551 3.73587 7.62478 3.73587 5.75577 5.60489C3.88675 7.4739 3.88675 10.5042 5.75577 12.3732C7.62478 14.2422 10.6551 14.2422 12.5241 12.3732C14.3931 10.5042 14.3931 7.4739 12.5241 5.60489ZM13.4963 4.63262C11.0904 2.22663 7.18948 2.22663 4.78349 4.63262C2.37751 7.0386 2.37751 10.9395 4.78349 13.3455C7.18948 15.7515 11.0904 15.7515 13.4963 13.3455C15.9023 10.9395 15.9023 7.0386 13.4963 4.63262Z' fill='%23BAC2CE' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4879 12.4009C12.7582 12.1343 13.1935 12.1372 13.4601 12.4075L18.8226 17.8434C19.0893 18.1137 19.0863 18.549 18.816 18.8156C18.5457 19.0823 18.1104 19.0793 17.8438 18.809L12.4813 13.3732C12.2146 13.1029 12.2176 12.6676 12.4879 12.4009Z' fill='%23BAC2CE' /%3E%3C/svg%3E");
  background-position: center;
  background-size: cover;
}
.header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.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(--font-yellow);
  border: 1px solid var(--base-border);
  border-radius: 8px;
  width: 161px;
  height: 42px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: 14px;
  gap: 5px;
  background: var(--base-2);
  font-weight: 600;
  cursor: pointer;
}
.header__create-article:hover {
  border-color: var(--font-yellow) !important;
  color: var(--font-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 i {
  width: 24px;
  height: 24px;
  display: block;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--font-yellow);
  -webkit-mask-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='M20.707 4.70725L19.293 3.29325C18.902 2.90225 18.269 2.90225 17.879 3.29325L7.293 13.8792C7.105 14.0662 7 14.3213 7 14.5863V17.0002H9.414C9.679 17.0002 9.934 16.8952 10.121 16.7072L20.707 6.12125C21.098 5.73125 21.098 5.09825 20.707 4.70725V4.70725Z' stroke='%23EFAD00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.9101 7.91375L16.0901 5.09375' stroke='%23EFAD00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 11V19C21 20.105 20.105 21 19 21H5C3.895 21 3 20.105 3 19V5C3 3.895 3.895 3 5 3H13' stroke='%23EFAD00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
          mask-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='M20.707 4.70725L19.293 3.29325C18.902 2.90225 18.269 2.90225 17.879 3.29325L7.293 13.8792C7.105 14.0662 7 14.3213 7 14.5863V17.0002H9.414C9.679 17.0002 9.934 16.8952 10.121 16.7072L20.707 6.12125C21.098 5.73125 21.098 5.09825 20.707 4.70725V4.70725Z' stroke='%23EFAD00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.9101 7.91375L16.0901 5.09375' stroke='%23EFAD00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 11V19C21 20.105 20.105 21 19 21H5C3.895 21 3 20.105 3 19V5C3 3.895 3.895 3 5 3H13' stroke='%23EFAD00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.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: 11px;
}
.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;
}

:root:not(.dark-theme) .header__search .header__search__icon 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='M12.5243 5.60489C10.6553 3.73587 7.62503 3.73587 5.75601 5.60489C3.88699 7.4739 3.88699 10.5042 5.75601 12.3732C7.62503 14.2422 10.6553 14.2422 12.5243 12.3732C14.3933 10.5042 14.3933 7.4739 12.5243 5.60489ZM13.4966 4.63262C11.0906 2.22663 7.18973 2.22663 4.78374 4.63262C2.37775 7.0386 2.37775 10.9395 4.78374 13.3455C7.18973 15.7515 11.0906 15.7515 13.4966 13.3455C15.9026 10.9395 15.9026 7.0386 13.4966 4.63262Z' fill='%2335393F' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4881 12.4009C12.7584 12.1343 13.1937 12.1372 13.4604 12.4075L18.8229 17.8434C19.0895 18.1137 19.0866 18.549 18.8163 18.8156C18.546 19.0823 18.1107 19.0793 17.844 18.809L12.4815 13.3732C12.2149 13.1029 12.2178 12.6676 12.4881 12.4009Z' fill='%2335393F' /%3E%3C/svg%3E");
}
:root:not(.dark-theme) .header__create-article {
  color: var(--font-primary);
}
:root:not(.dark-theme) .header__logo-desktop {
  display: none;
}
:root:not(.dark-theme) .header__logo-desktop-dark {
  display: none;
}
:root:not(.dark-theme) .header__logo-desktop-white {
  display: block;
}
:root:not(.dark-theme) .header.gutenberg-header .header-editor__exit i {
  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='M11 19.392V7.50298C11 6.81298 10.645 6.17198 10.06 5.80698L6.06 3.30698C4.728 2.47498 3 3.43198 3 5.00298V16.891C3 17.581 3.355 18.222 3.94 18.587L7.94 21.087C9.272 21.92 11 20.962 11 19.392Z' stroke='%23959CA4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M15 11H21' stroke='%23959CA4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M19 13L21 11L19 9' stroke='%23959CA4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M11 19H15C16.105 19 17 18.105 17 17V16' stroke='%23959CA4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M17 6V5C17 3.895 16.105 3 15 3H5' stroke='%23959CA4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}

@media (max-width: 980px) {
  :root:not(.dark-theme) .header__logo-desktop {
    display: none;
  }
  :root:not(.dark-theme) .header__logo-mobile-dark {
    display: none;
  }
  :root:not(.dark-theme) .header__logo-mobile-white {
    display: block;
  }
  .header__login {
    display: none;
  }
  .header__profile {
    display: none;
  }
  .header__wrap {
    padding: 8.5px 10px;
  }
  .header .switch-theme {
    display: none;
  }
  .header__logo {
    gap: 15px;
    margin-right: 20px;
  }
  .header__logo p {
    font-size: 12px;
    line-height: 120%;
    margin: 0 !important;
  }
  .header__logo b {
    font-size: 14px;
  }
  .header__logo-flip {
    -webkit-transform: none;
            transform: none;
    width: 75px;
    height: 30px;
  }
  .header__logo-flip-front, .header__logo-flip-back {
    font-size: 12px;
    line-height: 120%;
  }
  .header__logo-desktop {
    display: none;
  }
  .header__logo-desktop-dark {
    display: none;
  }
  .header__logo-desktop-white {
    display: none;
  }
  .header__logo-mobile {
    display: block;
  }
  .header__logo-mobile-dark {
    display: block;
  }
  .header__logo-mobile-white {
    display: none;
  }
  .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;
    padding: 0px;
    gap: 0;
  }
  .header__create-article p {
    display: none;
  }
  .header__button-menu {
    display: none;
  }
  .top-box {
    height: 120px;
  }
}
@media (max-width: 768px) {
  .header {
    display: none;
  }
  .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.news-category-sorting .sorting__options {
  width: 200px;
}
.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: var(--font-secondary);
  position: relative;
}
.sorting__option.sorting__option--active {
  pointer-events: none;
  border-color: var(--font-blue);
}
.sorting__option:hover {
  background: var(--divide-bg);
  border-color: var(--divide-line);
}
.sorting__option-select {
  position: relative;
  line-height: 1;
  height: 100%;
  color: var(--font-light-1);
}
.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;
  max-height: 400px;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  padding: 5px;
  border-radius: 10px;
  background: var(--base-4);
  border: 1px solid var(--active-border);
  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: 980px) {
  .sorting__options {
    right: 0;
    left: auto;
  }
  .sorting.circle-indicator::before {
    display: none;
  }
}
.hidden-sort {
  display: none !important;
}

.sort-pending .feed-sorting,
.sort-pending .times-sorting {
  visibility: hidden;
}

.tabs-mobile {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 13px;
  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: var(--font-secondary);
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
}
.tabs-mobile__option:hover {
  background: var(--divide-bg);
  border-color: var(--divide-line);
}
.tabs-mobile__option-select {
  position: relative;
  line-height: 1;
  height: 100%;
  color: var(--font-primary);
  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(--font-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;
  min-width: 163px;
  padding: 5px;
  border-radius: 10px;
  background: var(--base-4);
  border: 1px solid var(--active-border);
  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 var(--base-border);
  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: 2px solid var(--active-border);
  border-radius: 6px;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.edit-menu__btn i {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  -webkit-mask-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.9608 11C16.9608 11.2533 16.7555 11.4586 16.5023 11.4586C16.2491 11.4586 16.0438 11.2533 16.0438 11C16.0438 10.7468 16.2491 10.5415 16.5023 10.5415C16.7555 10.5415 16.9608 10.7468 16.9608 11' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M11.4585 11C11.4585 11.2533 11.2532 11.4586 11 11.4586C10.7468 11.4586 10.5415 11.2533 10.5415 11C10.5415 10.7468 10.7468 10.5415 11 10.5415C11.2532 10.5415 11.4585 10.7468 11.4585 11' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M5.95623 11C5.95623 11.2533 5.75094 11.4586 5.49771 11.4586C5.24447 11.4586 5.03918 11.2533 5.03918 11C5.03918 10.7468 5.24447 10.5415 5.49771 10.5415C5.75094 10.5415 5.95623 10.7468 5.95623 11' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
          mask-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.9608 11C16.9608 11.2533 16.7555 11.4586 16.5023 11.4586C16.2491 11.4586 16.0438 11.2533 16.0438 11C16.0438 10.7468 16.2491 10.5415 16.5023 10.5415C16.7555 10.5415 16.9608 10.7468 16.9608 11' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M11.4585 11C11.4585 11.2533 11.2532 11.4586 11 11.4586C10.7468 11.4586 10.5415 11.2533 10.5415 11C10.5415 10.7468 10.7468 10.5415 11 10.5415C11.2532 10.5415 11.4585 10.7468 11.4585 11' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M5.95623 11C5.95623 11.2533 5.75094 11.4586 5.49771 11.4586C5.24447 11.4586 5.03918 11.2533 5.03918 11C5.03918 10.7468 5.24447 10.5415 5.49771 10.5415C5.75094 10.5415 5.95623 10.7468 5.95623 11' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  width: 22px;
  height: 22px;
  background-color: var(--icon-secondary);
  background-size: contain;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.edit-menu-wrap {
  position: relative;
}
.edit-menu__list {
  display: block;
  position: absolute;
  top: calc(100% + 12px);
  right: -4px;
  background: var(--base-4);
  border: 1px solid var(--base-border);
  border-radius: 10px;
  padding: 5px;
  width: 212px;
  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: var(--font-secondary);
  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: var(--base-border);
}
.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;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--icon-secondary);
}
.edit-menu__item[data-action=edit-modify] i {
  -webkit-mask-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");
          mask-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 {
  -webkit-mask-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");
          mask-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 {
  -webkit-mask-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");
          mask-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 {
  -webkit-mask-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");
          mask-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 {
  -webkit-mask-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");
          mask-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 {
  -webkit-mask-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");
          mask-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__item[data-action=report-abuse] i {
  -webkit-mask-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='M11 2.75V2.75C15.5568 2.75 19.25 6.44325 19.25 11V11C19.25 15.5568 15.5568 19.25 11 19.25V19.25C6.44325 19.25 2.75 15.5568 2.75 11V11C2.75 6.44325 6.44325 2.75 11 2.75Z' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M10.9998 11.4583V6.875' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M10.9989 14.6667C10.8724 14.6667 10.7698 14.7693 10.7707 14.8958C10.7707 15.0223 10.8733 15.125 10.9998 15.125C11.1263 15.125 11.229 15.0223 11.229 14.8958C11.229 14.7693 11.1263 14.6667 10.9989 14.6667' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
          mask-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='M11 2.75V2.75C15.5568 2.75 19.25 6.44325 19.25 11V11C19.25 15.5568 15.5568 19.25 11 19.25V19.25C6.44325 19.25 2.75 15.5568 2.75 11V11C2.75 6.44325 6.44325 2.75 11 2.75Z' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M10.9998 11.4583V6.875' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M10.9989 14.6667C10.8724 14.6667 10.7698 14.7693 10.7707 14.8958C10.7707 15.0223 10.8733 15.125 10.9998 15.125C11.1263 15.125 11.229 15.0223 11.229 14.8958C11.229 14.7693 11.1263 14.6667 10.9989 14.6667' stroke='%23AEB5C0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.edit-menu__item[data-action=edit-more-information] i {
  -webkit-mask-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='M10.0042 11.2547V10.0042C10.925 10.0042 11.6715 9.25767 11.6715 8.33681C11.6715 7.41595 10.925 6.66945 10.0042 6.66945C9.08331 6.66945 8.33681 7.41595 8.33681 8.33681' stroke='%237385A2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Ccircle cx='10.0042' cy='10.0042' r='7.50312' stroke='%237385A2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M10.0042 13.2972C9.98114 13.2972 9.96248 13.3159 9.96248 13.3389C9.96248 13.3619 9.98114 13.3806 10.0042 13.3806C10.0272 13.3806 10.0459 13.3619 10.0459 13.3389C10.0459 13.3159 10.0272 13.2972 10.0042 13.2972' stroke='%237385A2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
          mask-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='M10.0042 11.2547V10.0042C10.925 10.0042 11.6715 9.25767 11.6715 8.33681C11.6715 7.41595 10.925 6.66945 10.0042 6.66945C9.08331 6.66945 8.33681 7.41595 8.33681 8.33681' stroke='%237385A2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Ccircle cx='10.0042' cy='10.0042' r='7.50312' stroke='%237385A2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M10.0042 13.2972C9.98114 13.2972 9.96248 13.3159 9.96248 13.3389C9.96248 13.3619 9.98114 13.3806 10.0042 13.3806C10.0272 13.3806 10.0459 13.3619 10.0459 13.3389C10.0459 13.3159 10.0272 13.2972 10.0042 13.2972' stroke='%237385A2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.edit-menu__item--future i {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M19 4h-1V3a1 1 0 0 0-2 0v1H8V3a1 1 0 0 0-2 0v1H5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3zm1 15a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9h16v9zm0-11H4V7a1 1 0 0 1 1-1h1v1a1 1 0 0 0 2 0V6h8v1a1 1 0 0 0 2 0V6h1a1 1 0 0 1 1 1v1z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M19 4h-1V3a1 1 0 0 0-2 0v1H8V3a1 1 0 0 0-2 0v1H5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3zm1 15a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9h16v9zm0-11H4V7a1 1 0 0 1 1-1h1v1a1 1 0 0 0 2 0V6h8v1a1 1 0 0 0 2 0V6h1a1 1 0 0 1 1 1v1z'/%3E%3C/svg%3E");
}
.edit-menu__item--future span {
  color: var(--focus-blue);
}
.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-menu__list .edit-menu__item--favourite {
  display: none;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 5px;
  background: transparent;
}
.edit-menu__list .edit-menu__item--favourite i {
  width: 22px;
  height: 22px;
  margin-right: 5px;
  background-image: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--icon-secondary);
  -webkit-mask-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='M5.5 3.66667H16.5V19.25L11 15.4L5.5 19.25V3.66667Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
          mask-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='M5.5 3.66667H16.5V19.25L11 15.4L5.5 19.25V3.66667Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.edit-menu__list .edit-menu__item--favourite .edit-menu__item-label-remove {
  display: none;
}
.edit-menu__list .edit-menu__item--favourite.active {
  background: transparent;
}
.edit-menu__list .edit-menu__item--favourite.active i {
  background-image: none;
  background-color: var(--font-yellow);
  -webkit-mask-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='M5.5 3.66667H16.5V19.25L11 15.4L5.5 19.25V3.66667Z' fill='black' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
          mask-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='M5.5 3.66667H16.5V19.25L11 15.4L5.5 19.25V3.66667Z' fill='black' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.edit-menu__list .edit-menu__item--favourite.active .edit-menu__item-label-add {
  display: none;
}
.edit-menu__list .edit-menu__item--favourite.active .edit-menu__item-label-remove {
  display: inline;
}

.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(--font-yellow);
  border-radius: 8px;
}
.edit-buttons.rejected-status .btn {
  border: 1px solid var(--red);
}
.edit-buttons .btn.btn-non-active {
  pointer-events: none;
}

.btn-status {
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.btn-status__label, .btn-status__hover {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.btn-status__hover {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  white-space: nowrap;
}
.btn-status:hover .btn-status__label {
  opacity: 0;
}
.btn-status:hover .btn-status__hover {
  opacity: 1;
}
.btn-status--rejected {
  border-color: var(--red) !important;
}
.btn-status--blocked {
  border-color: var(--font-yellow) !important;
}
.btn-status--future {
  border-color: var(--focus-blue) !important;
}
.btn-status--overdue {
  border-color: var(--red) !important;
}

@media (max-width: 768px) {
  .edit-buttons {
    display: none;
  }
  .edit-menu__list .edit-menu__item--favourite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.profile {
  position: relative;
  z-index: 100;
  margin-left: 15px;
}
.profile__icon {
  border-radius: 1000px;
  padding: 3px;
  width: 42px;
  height: 42px;
  background: var(--base-4);
  border: 1px solid var(--base-border);
  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 i {
  width: 24px;
  height: 24px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--grey);
  -webkit-mask-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='M20 20V19.25C20 16.9028 18.0972 15 15.75 15H8.25C5.90279 15 4 16.9028 4 19.25V20' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='7' r='4' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-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='M20 20V19.25C20 16.9028 18.0972 15 15.75 15H8.25C5.90279 15 4 16.9028 4 19.25V20' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='7' r='4' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.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: var(--base-4);
  border: 1px solid var(--active-border);
  border-radius: 10px;
  padding: 5px;
  width: 212px;
  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(--font-secondary);
  padding: 5px;
  margin-bottom: 5px;
  border-radius: 5px;
  line-height: 138%;
  border: 1px solid transparent;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.profile-menu__item:hover, .profile-menu__item.active {
  background-color: var(--divide-bg);
  border-color: var(--divide-line);
}
.profile-menu__item.active {
  pointer-events: none;
}
.profile-menu__item:last-child {
  margin-bottom: 0px;
}
.profile-menu__item[data-label=my-profile] i {
  -webkit-mask-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='M18.3337 18.3333V17.6458C18.3337 15.4942 16.5894 13.75 14.4378 13.75H7.56283C5.41122 13.75 3.66699 15.4942 3.66699 17.6458V18.3333' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='10.9997' cy='6.41667' r='3.66667' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-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='M18.3337 18.3333V17.6458C18.3337 15.4942 16.5894 13.75 14.4378 13.75H7.56283C5.41122 13.75 3.66699 15.4942 3.66699 17.6458V18.3333' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='10.9997' cy='6.41667' r='3.66667' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.profile-menu__item[data-label=bookmarks] i {
  -webkit-mask-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='M7.05794 2.75H14.9413C15.9542 2.75 16.7746 3.57042 16.7746 4.58333V19.25L11.0069 16.2498L5.22461 19.25V4.58333C5.22461 3.57042 6.04503 2.75 7.05794 2.75Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-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='M7.05794 2.75H14.9413C15.9542 2.75 16.7746 3.57042 16.7746 4.58333V19.25L11.0069 16.2498L5.22461 19.25V4.58333C5.22461 3.57042 6.04503 2.75 7.05794 2.75Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.profile-menu__item[data-label=my-articles] i {
  -webkit-mask-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.9817 4.31498L17.6856 3.01881C17.3272 2.6604 16.7469 2.6604 16.3894 3.01881L6.68558 12.7226C6.51324 12.8941 6.41699 13.1278 6.41699 13.3707V15.5836H8.62983C8.87274 15.5836 9.10649 15.4873 9.27791 15.315L18.9817 5.61115C19.3402 5.25365 19.3402 4.6734 18.9817 4.31498V4.31498Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.334 7.24906L14.749 4.66406' stroke='black' 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='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-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.9817 4.31498L17.6856 3.01881C17.3272 2.6604 16.7469 2.6604 16.3894 3.01881L6.68558 12.7226C6.51324 12.8941 6.41699 13.1278 6.41699 13.3707V15.5836H8.62983C8.87274 15.5836 9.10649 15.4873 9.27791 15.315L18.9817 5.61115C19.3402 5.25365 19.3402 4.6734 18.9817 4.31498V4.31498Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.334 7.24906L14.749 4.66406' stroke='black' 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='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.profile-menu__item[data-label=settings] i {
  -webkit-mask-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='M11.7338 2.74219C12.1207 2.74219 12.4659 2.98513 12.5967 3.34927L13.0626 4.6469C13.1365 4.85095 13.28 5.0224 13.4679 5.1311L14.8499 5.92893C15.0376 6.03721 15.2575 6.07555 15.4707 6.03714L16.828 5.79229C17.2091 5.72299 17.5926 5.90064 17.7863 6.23614L18.5199 7.50167C18.7141 7.83626 18.6774 8.2567 18.4282 8.55261L17.5378 9.60538C17.3975 9.77092 17.3205 9.98083 17.3204 10.1978V11.7935C17.3205 12.0104 17.3975 12.2203 17.5378 12.3859L18.4282 13.4386C18.6774 13.7345 18.7141 14.155 18.5199 14.4896L17.7863 15.7551C17.5928 16.0902 17.2097 16.2678 16.8289 16.199L15.4716 15.9541C15.2584 15.9157 15.0385 15.954 14.8508 16.0623L13.4688 16.8602C13.2809 16.9688 13.1374 17.1403 13.0635 17.3444L12.5976 18.642C12.4667 19.0064 12.121 19.2494 11.7338 19.2491H10.2665C9.87956 19.2491 9.53431 19.0061 9.40353 18.642L8.93767 17.3444C8.86375 17.1406 8.72062 16.9692 8.53325 16.8602L7.15035 16.0623C6.96268 15.954 6.74274 15.9157 6.5295 15.9541L5.17227 16.199C4.79115 16.2683 4.40759 16.0906 4.21396 15.7551L3.48032 14.4896C3.28617 14.155 3.32285 13.7345 3.57202 13.4386L4.46248 12.3859C4.60272 12.2203 4.67973 12.0104 4.67982 11.7935V10.1978C4.67973 9.98083 4.60272 9.77092 4.46248 9.60538L3.58119 8.55261C3.33202 8.2567 3.29534 7.83626 3.48949 7.50167L4.22313 6.23614C4.41664 5.901 4.79971 5.72341 5.18052 5.79229L6.53776 6.03714C6.75099 6.07555 6.97093 6.03721 7.1586 5.92893L8.54151 5.1311C8.72887 5.02206 8.872 4.85069 8.94593 4.6469L9.41179 3.34927C9.54153 2.98796 9.88259 2.7457 10.2665 2.74219H11.7338Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='11.0004' cy='10.9984' r='2.52188' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-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='M11.7338 2.74219C12.1207 2.74219 12.4659 2.98513 12.5967 3.34927L13.0626 4.6469C13.1365 4.85095 13.28 5.0224 13.4679 5.1311L14.8499 5.92893C15.0376 6.03721 15.2575 6.07555 15.4707 6.03714L16.828 5.79229C17.2091 5.72299 17.5926 5.90064 17.7863 6.23614L18.5199 7.50167C18.7141 7.83626 18.6774 8.2567 18.4282 8.55261L17.5378 9.60538C17.3975 9.77092 17.3205 9.98083 17.3204 10.1978V11.7935C17.3205 12.0104 17.3975 12.2203 17.5378 12.3859L18.4282 13.4386C18.6774 13.7345 18.7141 14.155 18.5199 14.4896L17.7863 15.7551C17.5928 16.0902 17.2097 16.2678 16.8289 16.199L15.4716 15.9541C15.2584 15.9157 15.0385 15.954 14.8508 16.0623L13.4688 16.8602C13.2809 16.9688 13.1374 17.1403 13.0635 17.3444L12.5976 18.642C12.4667 19.0064 12.121 19.2494 11.7338 19.2491H10.2665C9.87956 19.2491 9.53431 19.0061 9.40353 18.642L8.93767 17.3444C8.86375 17.1406 8.72062 16.9692 8.53325 16.8602L7.15035 16.0623C6.96268 15.954 6.74274 15.9157 6.5295 15.9541L5.17227 16.199C4.79115 16.2683 4.40759 16.0906 4.21396 15.7551L3.48032 14.4896C3.28617 14.155 3.32285 13.7345 3.57202 13.4386L4.46248 12.3859C4.60272 12.2203 4.67973 12.0104 4.67982 11.7935V10.1978C4.67973 9.98083 4.60272 9.77092 4.46248 9.60538L3.58119 8.55261C3.33202 8.2567 3.29534 7.83626 3.48949 7.50167L4.22313 6.23614C4.41664 5.901 4.79971 5.72341 5.18052 5.79229L6.53776 6.03714C6.75099 6.07555 6.97093 6.03721 7.1586 5.92893L8.54151 5.1311C8.72887 5.02206 8.872 4.85069 8.94593 4.6469L9.41179 3.34927C9.54153 2.98796 9.88259 2.7457 10.2665 2.74219H11.7338Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='11.0004' cy='10.9984' r='2.52188' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.profile-menu__item[data-label=exit] i {
  -webkit-mask-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='M9.03809 10.9974H18.3331' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.95845 18.3133L6.13778 18.3307C5.04237 18.3362 4.15137 17.4581 4.15137 16.3736V5.62115C4.15137 4.5404 5.03595 3.66406 6.12862 3.66406H10.0831' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.667 14.6693L18.3337 11.0026L14.667 7.33594' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-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='M9.03809 10.9974H18.3331' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.95845 18.3133L6.13778 18.3307C5.04237 18.3362 4.15137 17.4581 4.15137 16.3736V5.62115C4.15137 4.5404 5.03595 3.66406 6.12862 3.66406H10.0831' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.667 14.6693L18.3337 11.0026L14.667 7.33594' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.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 i {
  margin-right: 5px;
  width: 22px;
  height: 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;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--icon-secondary);
}
.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: 980px) {
  .profile {
    margin-left: 0;
    margin-bottom: 15px;
    border: 1px solid var(--base-border);
    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 var(--base-border);
    width: 100%;
    position: relative;
    padding-right: 44px;
    cursor: pointer;
    outline: none;
  }
  .profile-card .switch-theme {
    display: block;
    position: absolute;
    right: 0;
    margin: 0;
    top: 0;
  }
  .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;
    -webkit-mask-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='%23000' /%3E%3C/svg%3E%0A");
    mask-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='%23000' /%3E%3C/svg%3E%0A");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: center;
    mask-position: center;
    background-image: none;
    background-color: #fff;
    -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: 15px;
    padding-top: 15px;
    border-top: 1px solid var(--base-border);
  }
  .profile-menu__item.profile-menu__item--exit::before {
    top: 0px;
  }
}
.breadcrumbs {
  border-radius: 25px;
  border: 1px solid var(--base-border);
  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;
}
.breadcrumbs--account {
  display: none;
}

@media (max-width: 840px) {
  .breadcrumbs {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (max-width: 767px) {
  .breadcrumbs {
    background: var(--base-2);
    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;
    border: 1px solid transparent;
    border-radius: 5px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .breadcrumbs__menu.active {
    border: 1px solid var(--font-secondary);
  }
  .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;
  }
}
@media (max-width: 980px) {
  .breadcrumbs--account {
    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;
    background: var(--base-2);
    border: none;
    border-radius: 0px;
    padding: 16px 10px;
    margin-bottom: 15px;
    position: relative;
  }
  .breadcrumbs--account .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--account .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--account .breadcrumbs__link span {
    display: none;
  }
  .breadcrumbs--account .breadcrumbs__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    margin-top: 0px;
  }
  .breadcrumbs--account .breadcrumbs__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid transparent;
    border-radius: 5px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    cursor: pointer;
  }
  .breadcrumbs--account .breadcrumbs__menu.active {
    border: 1px solid var(--font-secondary);
  }
  .breadcrumbs--account .breadcrumbs__menu.active .breadcrumbs__dropdown {
    display: block;
  }
  .breadcrumbs--account .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;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: center;
    mask-position: center;
    background-image: none;
    background-color: var(--font-secondary);
    -webkit-mask-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='M11.997 17.5039C11.7219 17.5039 11.4968 17.729 11.4998 18.0041C11.4998 18.2792 11.7249 18.5043 12 18.5043C12.2751 18.5043 12.5002 18.2792 12.5002 18.0041C12.5002 17.729 12.2751 17.5039 11.997 17.5039' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.997 11.5039C11.7219 11.5039 11.4968 11.729 11.4998 12.0041C11.4998 12.2792 11.7249 12.5043 12 12.5043C12.2751 12.5043 12.5002 12.2792 12.5002 12.0041C12.5002 11.729 12.2751 11.5039 11.997 11.5039' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.997 5.5C11.7219 5.5 11.4968 5.72509 11.4998 6.00021C11.4998 6.27532 11.7249 6.50042 12 6.50042C12.2751 6.50042 12.5002 6.27532 12.5002 6.00021C12.5002 5.72509 12.2751 5.5 11.997 5.5' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
            mask-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='M11.997 17.5039C11.7219 17.5039 11.4968 17.729 11.4998 18.0041C11.4998 18.2792 11.7249 18.5043 12 18.5043C12.2751 18.5043 12.5002 18.2792 12.5002 18.0041C12.5002 17.729 12.2751 17.5039 11.997 17.5039' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.997 11.5039C11.7219 11.5039 11.4968 11.729 11.4998 12.0041C11.4998 12.2792 11.7249 12.5043 12 12.5043C12.2751 12.5043 12.5002 12.2792 12.5002 12.0041C12.5002 11.729 12.2751 11.5039 11.997 11.5039' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.997 5.5C11.7219 5.5 11.4968 5.72509 11.4998 6.00021C11.4998 6.27532 11.7249 6.50042 12 6.50042C12.2751 6.50042 12.5002 6.27532 12.5002 6.00021C12.5002 5.72509 12.2751 5.5 11.997 5.5' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
  }
  .breadcrumbs--account .breadcrumbs__dropdown {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    background: var(--base-2);
    border-bottom: 1px solid var(--base-border);
    border-radius: 0px 0px 15px 15px;
    padding: 13px 10px;
    min-width: 220px;
    z-index: 100;
  }
  .breadcrumbs--account .breadcrumbs__dropdown-section {
    padding-top: 9px;
    margin-top: 16px;
    border-top: 1px solid var(--base-border);
  }
  .breadcrumbs--account .breadcrumbs__dropdown-section:first-child {
    padding-top: 0px;
    margin-top: 0px;
    border-top: none;
  }
  .breadcrumbs--account .breadcrumbs__dropdown-section > span {
    font-weight: 500;
    font-size: 13px;
    padding: 6px 15px;
    line-height: 138%;
    color: var(--font-light-3);
    display: block;
  }
  .breadcrumbs--account .breadcrumbs__dropdown-link {
    padding: 7px 15px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    color: var(--font-secondary);
    display: block;
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 14px;
    white-space: nowrap;
  }
  .breadcrumbs--account .breadcrumbs__dropdown-link:hover, .breadcrumbs--account .breadcrumbs__dropdown-link.active {
    background: var(--base-3);
    color: var(--font-primary);
  }
  .breadcrumbs--account .breadcrumbs__dropdown-link.active {
    border-color: var(--active-border);
  }
}
@media (max-width: 768px) {
  .breadcrumbs--account {
    margin-bottom: 0px;
  }
  .breadcrumbs--account .breadcrumbs__dropdown {
    width: 100%;
  }
}
@-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(--font-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: 980px) {
  .mobile-menu {
    position: fixed;
    bottom: 10px;
    left: 10px;
    right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    z-index: 9999999999;
    width: calc(100% - 20px);
    max-width: 650px;
    margin: 0 auto;
    pointer-events: none;
  }
  .mobile-menu__create {
    pointer-events: auto;
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 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;
    -webkit-backdrop-filter: blur(114px);
            backdrop-filter: blur(114px);
    background: var(--base-1);
    border: 1px solid var(--base-border);
    cursor: pointer;
  }
  .mobile-menu__create i {
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-mask-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='M20.707 4.70725L19.293 3.29325C18.902 2.90225 18.269 2.90225 17.879 3.29325L7.293 13.8792C7.105 14.0662 7 14.3213 7 14.5863V17.0002H9.414C9.679 17.0002 9.934 16.8952 10.121 16.7072L20.707 6.12125C21.098 5.73125 21.098 5.09825 20.707 4.70725V4.70725Z' fill='%23000'/%3E%3Cpath d='M18.9101 7.91375L16.0901 5.09375' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 11V19C21 20.105 20.105 21 19 21H5C3.895 21 3 20.105 3 19V5C3 3.895 3.895 3 5 3H13' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-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='M20.707 4.70725L19.293 3.29325C18.902 2.90225 18.269 2.90225 17.879 3.29325L7.293 13.8792C7.105 14.0662 7 14.3213 7 14.5863V17.0002H9.414C9.679 17.0002 9.934 16.8952 10.121 16.7072L20.707 6.12125C21.098 5.73125 21.098 5.09825 20.707 4.70725V4.70725Z' fill='%23000'/%3E%3Cpath d='M18.9101 7.91375L16.0901 5.09375' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 11V19C21 20.105 20.105 21 19 21H5C3.895 21 3 20.105 3 19V5C3 3.895 3.895 3 5 3H13' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: center;
    mask-position: center;
    background-image: none;
    background-color: var(--icon-secondary);
  }
  .mobile-menu__bar {
    pointer-events: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 50px;
    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;
    -webkit-backdrop-filter: blur(114px);
            backdrop-filter: blur(114px);
    background: var(--base-1);
    border: 1px solid var(--base-border);
    border-radius: 30px;
    cursor: pointer;
  }
  .mobile-menu__bar::before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: -10px;
    right: 0;
    width: calc(100% + 20px);
    height: 20px;
    backdrop-filter: blur(1000px);
    -webkit-backdrop-filter: blur(1000px);
    mask-image: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
    mask-image: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0));
    -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
    -webkit-mask-image: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0));
    pointer-events: none;
  }
  .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;
    cursor: pointer;
  }
  .mobile-menu__item i {
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mobile-menu__item[data-action=home] i {
    -webkit-mask-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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    mask-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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: center;
    mask-position: center;
    background-image: none;
    background-color: var(--icon-secondary);
  }
  .mobile-menu__item[data-action=search] i {
    -webkit-mask-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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M14.2749 14.0601L20.1249 19.9901' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    mask-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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M14.2749 14.0601L20.1249 19.9901' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: center;
    mask-position: center;
    background-image: none;
    background-color: var(--icon-secondary);
  }
  .mobile-menu__item[data-action=login] i, .mobile-menu__item[data-action=profile] i {
    -webkit-mask-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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Ccircle cx='12.875' cy='7' r='4' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    mask-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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Ccircle cx='12.875' cy='7' r='4' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: center;
    mask-position: center;
    background-image: none;
    background-color: var(--icon-secondary);
  }
  .mobile-menu__item[data-action=menu] i {
    -webkit-mask-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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M6.12268 16.0017H19.1278' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M6.12231 7.99832H19.1274' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    mask-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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M6.12268 16.0017H19.1278' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M6.12231 7.99832H19.1274' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: center;
    mask-position: center;
    background-image: none;
    background-color: var(--icon-secondary);
  }
  .mobile-menu__item.active i {
    -webkit-mask-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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M16.875 8L8.875 16' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    mask-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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M16.875 8L8.875 16' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: center;
    mask-position: center;
    background-image: none;
    background-color: var(--focus-blue);
  }
}
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(--base-border);
}
.not-found-random-btn {
  color: var(--font-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(--font-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 var(--base-border);
  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 {
  pointer-events: none;
}
.favorite-button i {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58333 0.75H10.4667C11.4796 0.75 12.3 1.57042 12.3 2.58333V17.25L6.53233 14.2498L0.75 17.25V2.58333C0.75 1.57042 1.57042 0.75 2.58333 0.75Z' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  width: 14px;
  height: 18px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-size: cover;
}
.favorite-button:hover i {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58333 0.75H10.4667C11.4796 0.75 12.3 1.57042 12.3 2.58333V17.25L6.53233 14.2498L0.75 17.25V2.58333C0.75 1.57042 1.57042 0.75 2.58333 0.75Z' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.favorite-button.active {
  background: var(--base-4);
  border-color: var(--active-border);
}
.favorite-button.active i {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.75 16.2565V3.75125C0.75 2.09371 2.09371 0.75 3.75125 0.75H11.7546C13.4121 0.75 14.7558 2.09371 14.7558 3.75125V16.2565C14.756 16.444 14.6512 16.6158 14.4845 16.7016C14.3177 16.7874 14.117 16.7728 13.9645 16.6636L8.04404 12.4339C7.86995 12.3093 7.63588 12.3093 7.4618 12.4339L1.54133 16.6626C1.38898 16.7717 1.18847 16.7864 1.02179 16.7009C0.855119 16.6153 0.750223 16.4438 0.75 16.2565Z' fill='%23FFC700' stroke='%23FFC700' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}

.article-island__item.fav-removing {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

:root:not(.dark-theme) .favorite-button i {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58333 0.75H10.4667C11.4796 0.75 12.3 1.57042 12.3 2.58333V17.25L6.53233 14.2498L0.75 17.25V2.58333C0.75 1.57042 1.57042 0.75 2.58333 0.75Z' stroke='%23959CA4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
:root:not(.dark-theme) .favorite-button.active i {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.75 16.2565V3.75125C0.75 2.09371 2.09371 0.75 3.75125 0.75H11.7546C13.4121 0.75 14.7558 2.09371 14.7558 3.75125V16.2565C14.756 16.444 14.6512 16.6158 14.4845 16.7016C14.3177 16.7874 14.117 16.7728 13.9645 16.6636L8.04404 12.4339C7.86995 12.3093 7.63588 12.3093 7.4618 12.4339L1.54133 16.6626C1.38898 16.7717 1.18847 16.7864 1.02179 16.7009C0.855119 16.6153 0.750223 16.4438 0.75 16.2565Z' fill='%23dea000' stroke='%23dea000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}

.navigation-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 9px;
}
.navigation-buttons__item {
  height: 26px;
  padding: 0px 7px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 600;
  color: var(--font-light-2);
  background: var(--divide-bg);
  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 span {
  opacity: 0.6;
}
.navigation-buttons__item i {
  width: 22px;
  height: 22px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--icon-secondary);
}
.navigation-buttons__item.reaction i {
  -webkit-mask-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.36517 17.4193H4.6345C4.10009 17.4193 3.6665 16.9857 3.6665 16.4513V9.67894C3.6665 9.14452 4.10009 8.71094 4.6345 8.71094H6.36517C6.89959 8.71094 7.33317 9.14452 7.33317 9.67894V16.4513C7.33317 16.9857 6.89959 17.4193 6.36517 17.4193V17.4193Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M7.3335 9.68752L10.6784 5.33244C11.3008 4.52119 12.5163 4.50102 13.1662 5.29027V5.29027C13.4092 5.58452 13.5412 5.95485 13.5412 6.33619V9.3346H16.3792C16.9301 9.3346 17.4443 9.6096 17.7505 10.067L18.0521 10.5171C18.3225 10.9214 18.4013 11.4246 18.2666 11.8912L17.0208 16.2197C16.8173 16.9264 16.1711 17.4132 15.4359 17.4132H9.671C9.21266 17.4132 8.7745 17.2225 8.46283 16.887L7.3335 15.6715' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  mask-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.36517 17.4193H4.6345C4.10009 17.4193 3.6665 16.9857 3.6665 16.4513V9.67894C3.6665 9.14452 4.10009 8.71094 4.6345 8.71094H6.36517C6.89959 8.71094 7.33317 9.14452 7.33317 9.67894V16.4513C7.33317 16.9857 6.89959 17.4193 6.36517 17.4193V17.4193Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M7.3335 9.68752L10.6784 5.33244C11.3008 4.52119 12.5163 4.50102 13.1662 5.29027V5.29027C13.4092 5.58452 13.5412 5.95485 13.5412 6.33619V9.3346H16.3792C16.9301 9.3346 17.4443 9.6096 17.7505 10.067L18.0521 10.5171C18.3225 10.9214 18.4013 11.4246 18.2666 11.8912L17.0208 16.2197C16.8173 16.9264 16.1711 17.4132 15.4359 17.4132H9.671C9.21266 17.4132 8.7745 17.2225 8.46283 16.887L7.3335 15.6715' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.navigation-buttons__item[data-action=discussion] i {
  -webkit-mask-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='M11 16.4974H16.5C18.0189 16.4974 19.25 15.2663 19.25 13.7474V6.41406C19.25 4.89515 18.0189 3.66406 16.5 3.66406H5.5C3.98108 3.66406 2.75 4.89515 2.75 6.41406V13.7474C2.75 15.2663 3.98108 16.4974 5.5 16.4974H6.875V19.2474L11 16.4974Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  mask-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='M11 16.4974H16.5C18.0189 16.4974 19.25 15.2663 19.25 13.7474V6.41406C19.25 4.89515 18.0189 3.66406 16.5 3.66406H5.5C3.98108 3.66406 2.75 4.89515 2.75 6.41406V13.7474C2.75 15.2663 3.98108 16.4974 5.5 16.4974H6.875V19.2474L11 16.4974Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.navigation-buttons__item[data-action=share] i {
  -webkit-mask-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='M10.1582 8.19963C5.6775 8.70531 2.29043 12.4942 2.28809 17.0033V17.5645C4.23543 15.2187 7.1098 13.8397 10.1582 13.789V16.7484C10.1583 17.1777 10.4037 17.5693 10.7901 17.7566C11.1765 17.9438 11.636 17.8938 11.973 17.6278L19.3003 11.8421C19.5604 11.6371 19.7122 11.3242 19.7122 10.993C19.7122 10.6617 19.5604 10.3488 19.3003 10.1438L11.973 4.35812C11.636 4.09212 11.1765 4.04212 10.7901 4.22937C10.4037 4.41661 10.1583 4.80818 10.1582 5.23757V8.19963Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  mask-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='M10.1582 8.19963C5.6775 8.70531 2.29043 12.4942 2.28809 17.0033V17.5645C4.23543 15.2187 7.1098 13.8397 10.1582 13.789V16.7484C10.1583 17.1777 10.4037 17.5693 10.7901 17.7566C11.1765 17.9438 11.636 17.8938 11.973 17.6278L19.3003 11.8421C19.5604 11.6371 19.7122 11.3242 19.7122 10.993C19.7122 10.6617 19.5604 10.3488 19.3003 10.1438L11.973 4.35812C11.636 4.09212 11.1765 4.04212 10.7901 4.22937C10.4037 4.41661 10.1583 4.80818 10.1582 5.23757V8.19963Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}

.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("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.36517 17.4193H4.6345C4.10009 17.4193 3.6665 16.9857 3.6665 16.4513V9.67894C3.6665 9.14452 4.10009 8.71094 4.6345 8.71094H6.36517C6.89959 8.71094 7.33317 9.14452 7.33317 9.67894V16.4513C7.33317 16.9857 6.89959 17.4193 6.36517 17.4193V17.4193Z' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M7.3335 9.68752L10.6784 5.33244C11.3008 4.52119 12.5163 4.50102 13.1662 5.29027V5.29027C13.4092 5.58452 13.5412 5.95485 13.5412 6.33619V9.3346H16.3792C16.9301 9.3346 17.4443 9.6096 17.7505 10.067L18.0521 10.5171C18.3225 10.9214 18.4013 11.4246 18.2666 11.8912L17.0208 16.2197C16.8173 16.9264 16.1711 17.4132 15.4359 17.4132H9.671C9.21266 17.4132 8.7745 17.2225 8.46283 16.887L7.3335 15.6715' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: 0s;
  transition: 0s;
}
.reaction__list {
  max-height: 210px;
  position: absolute;
  background: var(--hover-bg);
  border: 1px solid var(--active-border);
  border-radius: 10px;
  padding: 15px;
  padding-right: 0;
  width: 173px;
  z-index: 12;
  font-size: 13px;
  font-weight: 500;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-transition: none;
  transition: none;
  display: none;
}
.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: var(--base-border);
  border-radius: 35px;
  background: var(--font-blue);
}
.reaction__item.active {
  background: var(--font-blue);
  color: var(--white);
}
.reaction.action-active {
  background: rgba(191, 216, 255, 0.15);
  color: var(--font-yellow);
  border-color: var(--font-yellow);
}
.reaction.action-active .reaction__list {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.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: var(--font-light-2);
  max-width: 62%;
  width: 100%;
}
.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: var(--divide-bg);
  padding: 0px 7px;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: var(--font-light-2);
}
.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.first-reaction i {
  width: 22px;
  height: 22px;
  -webkit-mask-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.4167H4.63402C4.0996 17.4167 3.66602 16.9831 3.66602 16.4487V9.67637C3.66602 9.14196 4.0996 8.70837 4.63402 8.70837H6.36468C6.8991 8.70837 7.33268 9.14196 7.33268 9.67637V16.4487C7.33268 16.9831 6.8991 17.4167 6.36468 17.4167V17.4167Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.33398 9.69106L10.6789 5.33598C11.3013 4.52473 12.5168 4.50456 13.1667 5.29381V5.29381C13.4097 5.58806 13.5417 5.95839 13.5417 6.33973V9.33814H16.3797C16.9306 9.33814 17.4448 9.61314 17.751 10.0706L18.0526 10.5206C18.323 10.9249 18.4018 11.4281 18.2671 11.8947L17.0213 16.2232C16.8178 16.93 16.1716 17.4167 15.4364 17.4167H9.67148C9.21315 17.4167 8.77498 17.2261 8.46332 16.8906L7.33398 15.6751' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-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.4167H4.63402C4.0996 17.4167 3.66602 16.9831 3.66602 16.4487V9.67637C3.66602 9.14196 4.0996 8.70837 4.63402 8.70837H6.36468C6.8991 8.70837 7.33268 9.14196 7.33268 9.67637V16.4487C7.33268 16.9831 6.8991 17.4167 6.36468 17.4167V17.4167Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.33398 9.69106L10.6789 5.33598C11.3013 4.52473 12.5168 4.50456 13.1667 5.29381V5.29381C13.4097 5.58806 13.5417 5.95839 13.5417 6.33973V9.33814H16.3797C16.9306 9.33814 17.4448 9.61314 17.751 10.0706L18.0526 10.5206C18.323 10.9249 18.4018 11.4281 18.2671 11.8947L17.0213 16.2232C16.8178 16.93 16.1716 17.4167 15.4364 17.4167H9.67148C9.21315 17.4167 8.77498 17.2261 8.46332 16.8906L7.33398 15.6751' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--icon-secondary);
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.emoji-reaction__item.first-reaction.active i {
  background-color: var(--focus-blue);
}
.emoji-reaction__item.active {
  background: var(--font-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: var(--divide-bg);
  padding: 0px 7px;
  cursor: pointer;
  color: var(--font-light-2);
}
.emoji-reaction-more.active span {
  display: none;
}

.emoji-reaction .more-emotions .reaction__btn i {
  -webkit-mask-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='M11.0007 4.58337V17.4167M4.58398 11H17.4173' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-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='M11.0007 4.58337V17.4167M4.58398 11H17.4173' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--icon-secondary);
}

@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%;
  }
}
.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-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: 0s;
  transition: 0s;
}

.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(--font-blue);
  -webkit-transition: background 0.3s ease, -webkit-transform 0.3s ease;
  transition: background 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, background 0.3s ease;
  transition: transform 0.3s ease, background 0.3s ease, -webkit-transform 0.3s ease;
}
.reaction__item.active {
  background: var(--font-blue);
  color: var(--white);
}

.reaction.action-active {
  background: rgba(191, 216, 255, 0.15);
  color: var(--font-yellow);
  border-color: var(--font-yellow);
}
.reaction.action-active .reaction__list {
  display: block;
}

.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: var(--font-light-2);
  max-width: 62%;
  width: 100%;
}
.emoji-reaction .reaction.action-active .reaction__btn 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 d='M11.0007 4.58337V17.4167M4.58398 11H17.4173' stroke='%23959CA4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* click '+' */
/* default '+' */
.emoji-reactionn .reaction__btn 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 d='M11.0007 4.58337V17.4167M4.58398 11H17.4173' stroke='%2374849C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.emoji-reaction.simplified {
  /* article-island default */
}
.emoji-reaction.simplified .reaction__btn 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.36517 17.4193H4.6345C4.10009 17.4193 3.6665 16.9857 3.6665 16.4513V9.67894C3.6665 9.14452 4.10009 8.71094 4.6345 8.71094H6.36517C6.89959 8.71094 7.33317 9.14452 7.33317 9.67894V16.4513C7.33317 16.9857 6.89959 17.4193 6.36517 17.4193V17.4193Z' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M7.3335 9.68752L10.6784 5.33244C11.3008 4.52119 12.5163 4.50102 13.1662 5.29027V5.29027C13.4092 5.58452 13.5412 5.95485 13.5412 6.33619V9.3346H16.3792C16.9301 9.3346 17.4443 9.6096 17.7505 10.067L18.0521 10.5171C18.3225 10.9214 18.4013 11.4246 18.2666 11.8912L17.0208 16.2197C16.8173 16.9264 16.1711 17.4132 15.4359 17.4132H9.671C9.21266 17.4132 8.7745 17.2225 8.46283 16.887L7.3335 15.6715' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.emoji-reaction.simplified {
  /* article-island click */
}
.emoji-reaction.simplified .reaction.action-active .reaction__btn 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.36517 17.4193H4.6345C4.10009 17.4193 3.6665 16.9857 3.6665 16.4513V9.67894C3.6665 9.14452 4.10009 8.71094 4.6345 8.71094H6.36517C6.89959 8.71094 7.33317 9.14452 7.33317 9.67894V16.4513C7.33317 16.9857 6.89959 17.4193 6.36517 17.4193V17.4193Z' stroke='%23FFC700' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M7.3335 9.68752L10.6784 5.33244C11.3008 4.52119 12.5163 4.50102 13.1662 5.29027V5.29027C13.4092 5.58452 13.5412 5.95485 13.5412 6.33619V9.3346H16.3792C16.9301 9.3346 17.4443 9.6096 17.7505 10.067L18.0521 10.5171C18.3225 10.9214 18.4013 11.4246 18.2666 11.8912L17.0208 16.2197C16.8173 16.9264 16.1711 17.4132 15.4359 17.4132H9.671C9.21266 17.4132 8.7745 17.2225 8.46283 16.887L7.3335 15.6715' stroke='%23FFC700' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.emoji-reaction.simplified.has-reaction .reaction__btn 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.36517 17.4193H4.6345C4.10009 17.4193 3.6665 16.9857 3.6665 16.4513V9.67894C3.6665 9.14452 4.10009 8.71094 4.6345 8.71094H6.36517C6.89959 8.71094 7.33317 9.14452 7.33317 9.67894V16.4513C7.33317 16.9857 6.89959 17.4193 6.36517 17.4193V17.4193Z' stroke='%23FFC700' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M7.3335 9.68752L10.6784 5.33244C11.3008 4.52119 12.5163 4.50102 13.1662 5.29027V5.29027C13.4092 5.58452 13.5412 5.95485 13.5412 6.33619V9.3346H16.3792C16.9301 9.3346 17.4443 9.6096 17.7505 10.067L18.0521 10.5171C18.3225 10.9214 18.4013 11.4246 18.2666 11.8912L17.0208 16.2197C16.8173 16.9264 16.1711 17.4132 15.4359 17.4132H9.671C9.21266 17.4132 8.7745 17.2225 8.46283 16.887L7.3335 15.6715' stroke='%23FFC700' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.emoji-reaction.simplified.has-reaction .navigation-buttons__item {
  border: 1px solid var(--font-yellow);
}
.emoji-reaction.simplified.has-reaction span {
  color: var(--font-yellow);
}

:root:not(.dark-theme) .simplified.has-reaction .navigation-buttons__item {
  background: var(--focus-yellow);
}
:root:not(.dark-theme) .simplified.has-reaction .navigation-buttons__item span {
  color: #fff;
}
:root:not(.dark-theme) .simplified.has-reaction .reaction__btn 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.36517 17.4193H4.6345C4.10009 17.4193 3.6665 16.9857 3.6665 16.4513V9.67894C3.6665 9.14452 4.10009 8.71094 4.6345 8.71094H6.36517C6.89959 8.71094 7.33317 9.14452 7.33317 9.67894V16.4513C7.33317 16.9857 6.89959 17.4193 6.36517 17.4193V17.4193Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M7.3335 9.68752L10.6784 5.33244C11.3008 4.52119 12.5163 4.50102 13.1662 5.29027V5.29027C13.4092 5.58452 13.5412 5.95485 13.5412 6.33619V9.3346H16.3792C16.9301 9.3346 17.4443 9.6096 17.7505 10.067L18.0521 10.5171C18.3225 10.9214 18.4013 11.4246 18.2666 11.8912L17.0208 16.2197C16.8173 16.9264 16.1711 17.4132 15.4359 17.4132H9.671C9.21266 17.4132 8.7745 17.2225 8.46283 16.887L7.3335 15.6715' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  /* article-island click */
}
:root:not(.dark-theme) .simplified .action-active.navigation-buttons__item {
  background: var(--focus-yellow);
}
:root:not(.dark-theme) .simplified .action-active.navigation-buttons__item span {
  color: #fff;
}
:root:not(.dark-theme) .simplified .action-active .reaction__btn 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.36517 17.4193H4.6345C4.10009 17.4193 3.6665 16.9857 3.6665 16.4513V9.67894C3.6665 9.14452 4.10009 8.71094 4.6345 8.71094H6.36517C6.89959 8.71094 7.33317 9.14452 7.33317 9.67894V16.4513C7.33317 16.9857 6.89959 17.4193 6.36517 17.4193V17.4193Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M7.3335 9.68752L10.6784 5.33244C11.3008 4.52119 12.5163 4.50102 13.1662 5.29027V5.29027C13.4092 5.58452 13.5412 5.95485 13.5412 6.33619V9.3346H16.3792C16.9301 9.3346 17.4443 9.6096 17.7505 10.067L18.0521 10.5171C18.3225 10.9214 18.4013 11.4246 18.2666 11.8912L17.0208 16.2197C16.8173 16.9264 16.1711 17.4132 15.4359 17.4132H9.671C9.21266 17.4132 8.7745 17.2225 8.46283 16.887L7.3335 15.6715' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  /* article-island click */
}
:root:not(.dark-theme) {
  /* click */
}

.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;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0.12px;
  gap: 5px;
  border-radius: 30px;
  background: var(--divide-bg);
  padding: 0px 7px;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

:root:not(.dark-theme) .emoji-reaction__item {
  background: var(--divide-bg);
}

:root:not(.dark-theme) .emoji-reaction__item.user-selected {
  background: var(--focus-yellow);
  color: #fff;
}

.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);
  /* transform: translateY(-2px); */
  -webkit-transition: background 0.3s ease, -webkit-transform 0.3s ease;
  transition: background 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, background 0.3s ease;
  transition: transform 0.3s ease, background 0.3s ease, -webkit-transform 0.3s ease;
}
.emoji-reaction__item.active {
  background: var(--font-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 {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -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: var(--font-light-2);
  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;
}

/* Анимация при добавлении реакции */
@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);
  }
}
.emoji-reaction__item.animating img,
.emoji-reaction__item.animating i {
  -webkit-animation: likeAnimation 0.4s ease-in-out;
          animation: likeAnimation 0.4s ease-in-out;
}

/* Удаляем все анимации и transition */
.navigation-buttons__item.reaction .reaction__list.fadeOut, .navigation-buttons__item.reaction .reaction__list.fadeIn {
  -webkit-animation: none;
          animation: none;
}
.navigation-buttons__item.reaction.action-active .reaction__list {
  -webkit-transform: none;
          transform: none;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  will-change: auto;
  bottom: 35px;
  left: 0;
  -webkit-transition: none;
  transition: none;
}

/* Улучшенные анимации для реакций */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-8%) rotate(-5deg);
            transform: translateX(-8%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(6%) rotate(3deg);
            transform: translateX(6%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-4%) rotate(-3deg);
            transform: translateX(-4%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(2%) rotate(2deg);
            transform: translateX(2%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-1%) rotate(-1deg);
            transform: translateX(-1%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-8%) rotate(-5deg);
            transform: translateX(-8%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(6%) rotate(3deg);
            transform: translateX(6%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-4%) rotate(-3deg);
            transform: translateX(-4%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(2%) rotate(2deg);
            transform: translateX(2%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-1%) rotate(-1deg);
            transform: translateX(-1%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
/* Анимация для реакций при добавлении */
.emoji-reaction__item.new-reaction {
  -webkit-animation: popIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
          animation: popIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
.emoji-reaction__item.reaction-added {
  -webkit-animation: wobble 0.8s ease;
          animation: wobble 0.8s ease;
}

/* Улучшенная анимация при активации кнопки */
.navigation-buttons__item.reaction {
  -webkit-transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.emoji-reaction__item.active, .emoji-reaction__item.user-selected {
  -webkit-animation: likeAnimation 0.6s ease;
          animation: likeAnimation 0.6s ease;
}
.emoji-reaction__item.active, .emoji-reaction__item.user-selected {
  -webkit-animation: ripple 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          animation: ripple 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@-webkit-keyframes popIn {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes popIn {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
/* Дополнительная анимация для затухания */
@-webkit-keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(191, 216, 255, 0.3);
            box-shadow: 0 0 0 0 rgba(191, 216, 255, 0.3);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(191, 216, 255, 0);
            box-shadow: 0 0 0 10px rgba(191, 216, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(191, 216, 255, 0);
            box-shadow: 0 0 0 0 rgba(191, 216, 255, 0);
  }
}
@keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(191, 216, 255, 0.3);
            box-shadow: 0 0 0 0 rgba(191, 216, 255, 0.3);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(191, 216, 255, 0);
            box-shadow: 0 0 0 10px rgba(191, 216, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(191, 216, 255, 0);
            box-shadow: 0 0 0 0 rgba(191, 216, 255, 0);
  }
}
/* Применяем ripple эффект к активным элементам */
.reaction__item.active, .reaction__item.user-selected {
  -webkit-animation: ripple 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          animation: ripple 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Анимация пульсации желтым цветом для мини-карточек при смене реакции */
@-webkit-keyframes pulse-highlight {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 199, 0, 0.5);
            box-shadow: 0 0 0 0 rgba(255, 199, 0, 0.5);
  }
  50% {
    -webkit-box-shadow: 0 0 0 8px rgba(255, 199, 0, 0);
            box-shadow: 0 0 0 8px rgba(255, 199, 0, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 199, 0, 0);
            box-shadow: 0 0 0 0 rgba(255, 199, 0, 0);
  }
}
@keyframes pulse-highlight {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 199, 0, 0.5);
            box-shadow: 0 0 0 0 rgba(255, 199, 0, 0.5);
  }
  50% {
    -webkit-box-shadow: 0 0 0 8px rgba(255, 199, 0, 0);
            box-shadow: 0 0 0 8px rgba(255, 199, 0, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 199, 0, 0);
            box-shadow: 0 0 0 0 rgba(255, 199, 0, 0);
  }
}
/* Класс для активации анимации */
.emoji-reaction.simplified .navigation-buttons__item.reaction.pulse-animation {
  -webkit-animation: pulse-highlight 0.8s ease-out;
          animation: pulse-highlight 0.8s ease-out;
}

.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(--font-light-3);
  font-weight: 600;
  line-height: 20px;
  margin-left: 5px;
}
.views-counter i {
  width: 24px;
  height: 24px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--icon-primary);
  -webkit-mask-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.1218 9.87975C15.2928 11.0508 15.2928 12.9518 14.1218 14.1248C12.9508 15.2958 11.0498 15.2958 9.87679 14.1248C8.70579 12.9538 8.70579 11.0527 9.87679 9.87975C11.0498 8.70675 12.9498 8.70675 14.1218 9.87975' stroke='%234B5769' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 12C3 11.341 3.152 10.689 3.446 10.088V10.088C4.961 6.991 8.309 5 12 5C15.691 5 19.039 6.991 20.554 10.088V10.088C20.848 10.689 21 11.341 21 12C21 12.659 20.848 13.311 20.554 13.912V13.912C19.039 17.009 15.691 19 12 19C8.309 19 4.961 17.009 3.446 13.912V13.912C3.152 13.311 3 12.659 3 12Z' stroke='%234B5769' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
          mask-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.1218 9.87975C15.2928 11.0508 15.2928 12.9518 14.1218 14.1248C12.9508 15.2958 11.0498 15.2958 9.87679 14.1248C8.70579 12.9538 8.70579 11.0527 9.87679 9.87975C11.0498 8.70675 12.9498 8.70675 14.1218 9.87975' stroke='%234B5769' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 12C3 11.341 3.152 10.689 3.446 10.088V10.088C4.961 6.991 8.309 5 12 5C15.691 5 19.039 6.991 20.554 10.088V10.088C20.848 10.689 21 11.341 21 12C21 12.659 20.848 13.311 20.554 13.912V13.912C19.039 17.009 15.691 19 12 19C8.309 19 4.961 17.009 3.446 13.912V13.912C3.152 13.311 3 12.659 3 12Z' stroke='%234B5769' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.views-counter span {
  opacity: 0.5;
}

/* auth */
.auth-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(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;
  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: 450px;
  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 var(--base-border);
  background: var(--base-3);
  padding-top: 30px;
  padding-bottom: 25px;
}
.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: 50px;
}
.auth-modal__title {
  font-size: 24px;
  color: var(--font-primary);
  text-align: center;
  margin-top: 8px;
  font-weight: 600;
}
.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: 10px;
}
.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: 25px;
}
.auth-modal__form#loginForm {
  margin-top: 0px;
}
.auth-modal__label {
  margin-bottom: 7px;
  display: block;
}
.auth-modal__input {
  border-radius: 10px;
  border: 1px solid var(--base-border);
  background: var(--base-2);
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 14px;
  width: 100%;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  color: var(--font-secondary);
}
.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__input.is-invalid {
  border-color: var(--active-border);
  -webkit-animation: auth-shake 0.6s ease-in-out both;
          animation: auth-shake 0.6s ease-in-out both;
}
.auth-modal__input:-webkit-autofill, .auth-modal__input:-webkit-autofill:hover, .auth-modal__input:-webkit-autofill:focus, .auth-modal__input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--font-secondary);
  -webkit-box-shadow: 0 0 0 1000px var(--base-2) inset;
  box-shadow: 0 0 0 1000px var(--base-2) inset;
  caret-color: var(--font-secondary);
  -webkit-transition: background-color 9999s ease-in-out 0s;
  transition: background-color 9999s ease-in-out 0s;
}
.auth-modal__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 26px;
  -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 var(--base-border);
  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: var(--base-4);
  border-color: var(--active-border);
}
.auth-modal__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  font-size: 13px;
  color: var(--font-light-3);
  margin: 20px 0px 15px 0px;
}
.auth-modal__more hr {
  height: 1px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: none;
  background: var(--base-border);
}
.auth-modal__submit {
  color: #fff;
  margin-top: 20px;
  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__reset {
  font-size: 13px;
  text-align: center;
  margin-top: 15px;
  font-weight: 600;
  color: var(--focus-blue);
  text-decoration: none;
}
.auth-modal__reset:hover {
  text-decoration: underline;
}
.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: 25px;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  color: var(--font-light-2);
}
.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: 13px;
}
.auth-modal__footer a {
  color: var(--focus-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;
}

.checkbox-auth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  gap: 10px;
  color: var(--font-light-2);
  font-size: 13px;
  margin-top: 15px;
  font-weight: 500;
}
.checkbox-auth a {
  color: var(--font-light-2);
  text-decoration: underline;
}
.checkbox-auth input[type=checkbox] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  margin: 0;
  width: 16px;
  height: 16px;
  min-width: 16px;
  border: 1px solid var(--font-light-2);
  border-radius: 3px;
  background: transparent;
  outline: none;
  -webkit-transition: border-color 0.2s, background 0.2s;
  transition: border-color 0.2s, background 0.2s;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  margin-top: 4px;
}
.checkbox-auth input[type=checkbox]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--font-light-2);
}
.checkbox-auth input[type=checkbox]::before {
  display: none;
}
.checkbox-auth input[type=checkbox]:checked {
  border-color: var(--font-light-2);
}
.checkbox-auth input[type=checkbox]:checked::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  background: var(--focus-blue);
  border-radius: 3px;
  pointer-events: none;
}
.checkbox-auth input[type=checkbox]::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.checkbox-auth span {
  line-height: 140%;
}

@media (max-width: 980px) {
  .auth-modal {
    background: var(--base-1);
    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 {
    top: 0;
    height: 100vh;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 50px;
  }
  .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__content {
    margin: 16px;
    padding: 24px;
  }
  .auth-modal__content__title {
    font-size: 20px;
  }
}
@-webkit-keyframes auth-shake {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-3px);
            transform: translateX(-3px);
  }
  40% {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
  60% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  80% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
}
@keyframes auth-shake {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-3px);
            transform: translateX(-3px);
  }
  40% {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
  60% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  80% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
}
.main {
  margin-top: var(--top-offset);
  overflow: hidden;
}
.main.single-article-main {
  overflow: visible;
}
.main__wrap {
  gap: clamp(20px, (100vw - 1290px) * 0.0857 + 20px, 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 {
  width: 650px;
  min-width: 650px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 650px;
          flex: 0 0 650px;
  margin-top: 0px;
  padding-bottom: 60px;
}
.main__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 10px;
  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(--base-border);
}
.main__title {
  font-weight: 700;
  font-size: 20px;
  color: var(--font-primary);
  position: relative;
  line-height: 0;
}
.main__view-all {
  font-weight: 500;
  font-size: 12px;
  line-height: 142%;
  letter-spacing: 0.01em;
  color: var(--font-light-1);
  text-decoration: none;
  margin-left: 20px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.main__view-all:hover {
  color: var(--font-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 var(--base-border);
  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;
  color: var(--icon-secondary);
}
.arrow:hover {
  border-color: var(--active-border);
}
.arrow::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 22px;
  height: 22px;
  margin: auto;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.1387 15.1541C8.87022 14.8856 8.87022 14.4503 9.1387 14.1818L12.3192 11.0013L9.1387 7.82077C8.87022 7.55229 8.87022 7.11698 9.1387 6.8485C9.40719 6.58001 9.84249 6.58001 10.111 6.8485L13.7776 10.5152C14.0461 10.7837 14.0461 11.219 13.7776 11.4874L10.111 15.1541C9.84249 15.4226 9.40719 15.4226 9.1387 15.1541Z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.1387 15.1541C8.87022 14.8856 8.87022 14.4503 9.1387 14.1818L12.3192 11.0013L9.1387 7.82077C8.87022 7.55229 8.87022 7.11698 9.1387 6.8485C9.40719 6.58001 9.84249 6.58001 10.111 6.8485L13.7776 10.5152C14.0461 10.7837 14.0461 11.219 13.7776 11.4874L10.111 15.1541C9.84249 15.4226 9.40719 15.4226 9.1387 15.1541Z' fill='black'/%3E%3C/svg%3E");
}
.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 (min-width: 1290px) {
  .main__content.tariff-page {
    max-width: 100%;
    width: 950px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 950px;
            flex: 0 0 950px;
  }
}
@media (max-width: 980px) {
  .main {
    margin-top: var(--top-offset);
  }
  .main__wrap {
    max-width: 650px;
    margin: 0 auto;
  }
  .main__content {
    width: 100%;
    min-width: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    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;
    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: var(--base-3);
    margin-right: -20px;
    margin-left: -20px;
    width: calc(100% + 40px);
  }
}
@media (max-width: 767px) {
  .main {
    margin-top: 0px;
  }
  .main.single-article-main {
    margin-top: 0px;
  }
  .post-type-archive-news .main {
    overflow: visible;
  }
}
.sidebar-nav {
  width: 250px;
  padding-bottom: 10px;
  min-width: 250px;
}
.sidebar-nav__main {
  -webkit-backdrop-filter: blur(114px);
          backdrop-filter: blur(114px);
  background: var(--base-2);
  border: 1px solid var(--base-border);
  border-radius: 15px;
  padding: 13px 10px 8px 10px;
}
.sidebar-nav__master {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--base-border);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.sidebar-nav__pages {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid var(--base-border);
}
.sidebar-nav__pages .sidebar-nav__item {
  color: var(--font-light-1);
}
.sidebar-nav__item {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: var(--font-light-1);
  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;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: 1px solid transparent;
}
.sidebar-nav__item:hover {
  background: var(--base-4);
}
.sidebar-nav__item.active {
  background: var(--base-4);
  border-color: var(--hover-border);
  pointer-events: none;
}
.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(--font-light-3);
  font-family: Inter;
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.sidebar-nav__link:hover {
  color: var(--font-light-1);
  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;
  color: var(--font-light-3);
}
.sidebar-nav__license:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--base-border);
  margin-bottom: 10px;
}
.sidebar-nav__mobile {
  display: none;
}

@media (max-width: 980px) {
  .sidebar-nav {
    position: fixed;
    top: 0;
    background: var(--base-2);
    right: -100%;
    width: 100%;
    max-width: 304px;
    z-index: 10;
    top: 70px;
    padding: 13px 12px;
    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: 15px;
  }
  .sidebar-nav__documents {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid var(--base-border);
  }
  .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%;
  }
}
@media (max-width: 767px) {
  .sidebar-nav {
    top: 0;
    max-width: 100%;
    height: 100vh;
    max-height: 100vh;
    height: 100dvh;
    max-height: 100dvh;
    padding-bottom: 90px;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }
}
.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(--font-blue);
  visibility: hidden;
}
.article-island-box .article-island-box__btn {
  min-height: 26px;
  color: var(--font-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: var(--base-2);
}
.article-island-box .btn:hover img {
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}
.article-island__item {
  padding: 15px;
  border-radius: 20px;
  border: 1px solid var(--base-border);
  background: var(--base-3);
  overflow: hidden;
  position: relative;
}
.article-island__item .emoji-reaction {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.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: autod;
  display: none;
}
.article-island__item.loading-card {
  pointer-events: none;
  min-height: 280px;
}
.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: var(--loading-bg);
  z-index: 10;
  -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%, var(--loading-shine)), to(transparent));
  background: linear-gradient(90deg, transparent 0%, var(--loading-shine) 50%, transparent 100%);
  z-index: 12;
  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: 63.6%;
  width: 100%;
  background-position: center;
  background-size: cover;
  margin-bottom: 10px;
  display: block;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  overflow: hidden;
  background-color: var(--loading-bg);
}
.article-island__image::before {
  width: 36px;
  height: 36px;
}
.article-island__image:has(.lazy-loaded)::before {
  display: none;
}
.article-island__image:has(.lazy-loaded) {
  background-color: transparent;
}
.article-island__image:hover {
  opacity: 0.8;
}
.article-island__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 2;
}
.article-island__image img.lazy-loaded {
  opacity: 1;
}
.article-island__image .favorite-button {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 10;
  background: var(--base-3);
}
.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: var(--font-light-2);
}
.article-island__title {
  min-height: 66px;
  max-height: 66px;
  font-weight: 500;
  margin-top: 8px;
  line-height: 131%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  overflow: hidden;
  color: var(--font-primary);
  display: block;
}
.article-island__title:hover {
  opacity: 0.8;
}
.article-island__author {
  font-size: 13px;
  color: var(--font-light-2);
  margin-top: 6px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  line-height: 18px;
  max-height: 18px;
  min-height: 18px;
  overflow: hidden;
  display: block;
}
.article-island__author:hover {
  opacity: 0.5;
}
.article-island__category {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  padding-left: 20px;
  position: relative;
  color: var(--font-light-2);
}
.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;
}
.article-island__date.circle-indicator:before {
  margin-left: 12px;
  margin-right: 6px;
}
.article-island .navigation-buttons {
  margin-top: 15px;
}

.reaction-options {
  display: none;
}

:root:not(.dark-theme) .article-island .favorite-button {
  background: #fff;
}
:root:not(.dark-theme) .article-island .favorite-button.active {
  background: rgba(17, 20, 25, 0.7);
}
:root:not(.dark-theme) .article-island__category span:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3333 11.9974H4' stroke='%23D0D0D0' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M2 12V4C2 2.89533 2.89533 2 4 2H10.6667C11.4033 2 12 2.59667 12 3.33333V9.33333C12 9.70133 11.7013 10 11.3333 10H4C2.89533 10 2 10.8953 2 12V12C2 13.1047 2.89533 14 4 14H12.6667C13.4033 14 14 13.4033 14 12.6667V3.33333' stroke='%23D0D0D0' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
:root:not(.dark-theme) .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='%23D0D0D0' 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='%23D0D0D0' 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='%23D0D0D0' 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='%23D0D0D0' 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='%23D0D0D0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}

@media (max-width: 1290px) {
  .article-island__image {
    padding-top: 62.5%;
  }
}
@media (max-width: 980px) {
  .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;
  min-width: 250px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 250px;
          flex: 0 0 250px;
  padding-bottom: 10px;
  overflow: hidden;
}
.sidebar-different.sidebar-different-single {
  position: -webkit-sticky;
  position: sticky;
  top: 90px;
  z-index: 10;
}
.sidebar-support {
  border: 1px solid var(--base-border);
  border-radius: 20px;
  padding: 15px;
  background: var(--base-2);
  margin-bottom: 13px;
}
.sidebar-support__title {
  margin-bottom: 10px;
  font-weight: 600;
  color: var(--white);
  line-height: 137%;
}
.sidebar-support__title em {
  color: var(--font-blue);
  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 var(--font-blue);
  height: 42px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
  color: var(--font-secondary);
}
.sidebar-support__btn.btn:hover {
  border-color: var(--focus-blue);
}
.sidebar-box {
  border-radius: 25px;
  border: 1px solid var(--base-border);
  background: var(--base-3);
  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: 8px;
  gap: 8px;
  border-radius: 20px;
  border: 1px solid var(--base-border);
  background: var(--base-2);
}
.sidebar-discussed__list {
  margin-top: 8px;
}
.sidebar-discussed__title {
  color: var(--font-primary);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  padding-left: 10px;
  padding-top: 11px;
}
.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__category {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: var(--font-light-2);
  display: block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.sidebar-discussed__category:hover {
  color: var(--font-blue);
  opacity: 1;
}
.sidebar-discussed__label {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--font-secondary);
  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: var(--font-light-2);
  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);
  opacity: 0.5;
}
.sidebar-discussed__coin i {
  width: 22px;
  height: 22px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--gray-light);
  -webkit-mask-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='%23000'/%3E%3C/svg%3E");
  mask-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='%23000'/%3E%3C/svg%3E");
}
.sidebar-author {
  padding: 19px 9px 5px 9px;
  border-radius: 20px;
  border-radius: 20px;
  border: 1px solid var(--base-border);
  background: var(--base-2);
  margin-top: 13px;
  overflow: hidden;
}
.sidebar-author__title {
  color: var(--font-primary);
  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;
  border-radius: 8px;
  height: 46px;
  padding: 0px 5px;
  margin-top: 5px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: 1px solid transparent;
  position: relative;
}
.sidebar-author__item:hover {
  background: var(--base-4);
  border-color: var(--hover-border);
}
.sidebar-author__item:first-child {
  margin-top: 0px;
}
.sidebar-author__number {
  color: var(--font-light-2);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  width: 20px;
  height: 20px;
  margin-right: 3px;
  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: 24px;
  min-width: 24px;
  height: 24px;
  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: var(--font-secondary);
  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: var(--font-light-2);
  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 {
    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: 980px) {
  .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 var(--base-border);
  border-radius: 15px;
  padding: 15px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  background: var(--base-3);
  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;
  color: var(--font-light-2);
}
.main-box-article__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.main-box-article__bottom .btn {
  height: 42px;
  border: 1px solid var(--font-blue);
  border-radius: 8px;
}
.main-box-article__excerpt {
  font-size: 16px;
  line-height: 131%;
  color: var(--font-secondary);
  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(--font-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(--font-secondary);
  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(--font-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(--font-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");
}

:root:not(.dark-theme) .main-box-article__bottom .btn {
  color: var(--font-primary);
}

@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;
  margin-top: 15px;
}
.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 var(--base-border);
  background: var(--base-3);
  padding: 20px 24px 25px 24px;
  margin-top: 15px;
  position: relative;
  overflow: hidden;
}
.article__item[data-post-type=news] .article__more {
  margin-top: 10px;
  margin-bottom: 25px;
}
.article__item[data-post-type=news] .article__description {
  margin-bottom: 10px;
}
.article__item[data-post-type=news] .article__category span:before {
  -webkit-mask-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='%23000' 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='%23000' 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='%23000' 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='%23000' 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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  mask-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='%23000' 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='%23000' 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='%23000' 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='%23000' 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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--icon-primary);
}
.article__item-box .article__name {
  pointer-events: none;
}
.article__item-box .article__logo {
  background: var(--focus-blue);
}
.article__item-box .box-body__navigation-fixed {
  top: 10px;
  bottom: auto;
}
.article__item-box .article-box__button {
  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: var(--focus-blue-dark);
  padding: 0px 20px;
  font-size: 14px;
  border-radius: 8px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.article__item-box .article-box__button span {
  color: #fff;
}
.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;
  -webkit-mask-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='%23000' /%3E%3C/svg%3E");
  mask-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='%23000' /%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: #fff;
}
.article__item.loading-card {
  pointer-events: none;
  min-height: 350px;
}
.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: var(--loading-bg);
  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%, var(--loading-shine)), to(transparent));
  background: linear-gradient(90deg, transparent 0%, var(--loading-shine) 50%, transparent 100%);
  z-index: 12;
  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;
  min-width: 40px;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  margin-right: 10px;
  position: relative;
}
.article__logo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.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(--font-primary);
  margin-right: 10px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  word-break: break-word;
}
.article__name:hover {
  color: var(--font-blue);
}
.article__pin {
  color: var(--font-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;
  -webkit-mask-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='%23000' 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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  mask-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='%23000' 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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--focus-yellow-dark);
}
.article__category {
  color: var(--font-light-2);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  padding-left: 23px;
  -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(3px);
          transform: translateY(3px);
  width: 16px;
  height: 16px;
  -webkit-mask-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='%23000' 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='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  mask-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='%23000' 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='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--icon-primary);
}
.article__category:hover {
  color: var(--font-blue);
}
.article__date {
  color: var(--font-light-2);
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}
.article__label {
  color: var(--font-primary);
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 10px;
  margin-top: 21px;
  display: block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.article__label:hover {
  opacity: 0.8;
}
.article__description {
  color: var(--font-light-1);
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.08px;
  max-height: 75px;
  overflow: hidden;
}
.article__full-content {
  margin-bottom: 25px;
}
.article__more {
  color: var(--focus-blue);
  font-size: 14px;
  font-weight: 500;
  margin-top: 12px;
  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;
  cursor: pointer;
  margin: 25px 0px;
}
.article__more:hover {
  opacity: 0.8;
}
.article__more i {
  width: 20px;
  height: 20px;
  -webkit-mask-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 fill-rule='evenodd' clip-rule='evenodd' d='M6.22456 8.30806C6.46864 8.06398 6.86437 8.06398 7.10845 8.30806L9.99984 11.1994L12.8912 8.30806C13.1353 8.06398 13.531 8.06398 13.7751 8.30806C14.0192 8.55214 14.0192 8.94786 13.7751 9.19194L10.4418 12.5253C10.1977 12.7694 9.80197 12.7694 9.5579 12.5253L6.22456 9.19194C5.98048 8.94786 5.98048 8.55214 6.22456 8.30806Z' fill='%23000' /%3E%3C/svg%3E");
  mask-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 fill-rule='evenodd' clip-rule='evenodd' d='M6.22456 8.30806C6.46864 8.06398 6.86437 8.06398 7.10845 8.30806L9.99984 11.1994L12.8912 8.30806C13.1353 8.06398 13.531 8.06398 13.7751 8.30806C14.0192 8.55214 14.0192 8.94786 13.7751 9.19194L10.4418 12.5253C10.1977 12.7694 9.80197 12.7694 9.5579 12.5253L6.22456 9.19194C5.98048 8.94786 5.98048 8.55214 6.22456 8.30806Z' fill='%23000' /%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--focus-blue);
  margin-left: 7px;
}
.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__buttons .author-card__subscriber-active.follow-author.btn-transparent {
  border-color: var(--base-border);
}
.article__image {
  margin: 25px -25px;
  display: block;
  padding-top: 65.5%;
  background-position: center;
  background-size: cover;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: relative;
  overflow: hidden;
  background-color: var(--loading-bg);
}
.article__image:has(.lazy-loaded)::before {
  display: none;
}
.article__image:has(.lazy-loaded) {
  background-color: transparent;
}
.article__image:hover {
  opacity: 0.8;
}
.article__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 2;
}
.article__image img.lazy-loaded {
  opacity: 1;
}
.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;
}

.loading-card .skel-bone {
  display: block;
  background: var(--base-border);
  border-radius: inherit;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 11;
}
.loading-card .skel-bone--sm {
  height: 12px;
  border-radius: 6px;
}
.loading-card .skel-bone--md {
  height: 14px;
  border-radius: 7px;
}
.loading-card .skel-bone--lg {
  height: 20px;
  border-radius: 10px;
}
.loading-card .skel-bone--pill {
  height: 28px;
  border-radius: 14px;
}
.loading-card .skel-bone--w36 {
  width: 36px;
}
.loading-card .skel-bone--w50 {
  width: 50px;
}
.loading-card .skel-bone--w55 {
  width: 55px;
}
.loading-card .skel-bone--w60 {
  width: 60px;
}
.loading-card .skel-bone--w70 {
  width: 70px;
}
.loading-card .skel-bone--w100 {
  width: 100px;
}
.loading-card .skel-bone--w120 {
  width: 120px;
}
.loading-card .skel-bone--w40 {
  width: 40%;
}
.loading-card .skel-bone--w60p {
  width: 60%;
}
.loading-card .skel-bone--w80p {
  width: 80%;
}
.loading-card .skel-bone--w85 {
  width: 85%;
}
.loading-card .skel-bone--w90p {
  width: 90%;
}
.loading-card .skel-bone--mt-sm {
  margin-top: 6px;
}
.loading-card .skel-bone--mt-md {
  margin-top: 10px;
}
.loading-card .skel-bone--mt-lg {
  margin-top: 15px;
}
.loading-card .skel-bone--ml {
  margin-left: 8px;
}

:root:not(.dark-theme) .article__item-box .article-box__button {
  background: var(--blue);
}

@media (max-width: 767px) {
  .article__buttons > .favorite-button {
    display: none;
  }
  .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;
    width: calc(100% + 20px);
    margin-left: -10px;
    border-radius: 0px;
  }
  .article__item-box .article__name {
    margin-right: 130px;
  }
  .article__item-box .article__logo {
    min-width: 40px;
  }
  .article__category span::before {
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
  }
  .article__pin span {
    display: none;
  }
  .article__label {
    font-size: 20px;
    line-height: 140%;
  }
  .article__column .article__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;
  }
  .article__date {
    font-size: 12px;
  }
  .article__date::before {
    display: none;
  }
  .article__description {
    font-size: 16px;
    line-height: 25px;
    max-height: 100px;
    min-height: auto;
    height: auto;
  }
  .article__image {
    width: calc(100% + 30px);
    margin: 15px -15px 15px -15px;
  }
  .article__navigation {
    -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;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 15px;
  }
  .article__navigation .navigation-buttons {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .article__navigation .navigation-buttons .views-counter {
    margin-left: auto;
  }
}
@media (max-width: 380px) {
  .article__date {
    font-size: 12px;
  }
}
/* Components */
.write-story {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 13px;
  padding: 12px;
  font-size: 14px;
  border-radius: 15px;
  border: 1px solid var(--base-border);
  background: var(--base-3);
  margin-top: 19px;
  color: var(--font-light-2);
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.write-story:hover {
  background: --base-2;
  color: var(--font-light-3);
}
.write-story__icon {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.write-story__icon i {
  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='M20.707 4.70725L19.293 3.29325C18.902 2.90225 18.269 2.90225 17.879 3.29325L7.293 13.8792C7.105 14.0662 7 14.3213 7 14.5863V17.0002H9.414C9.679 17.0002 9.934 16.8952 10.121 16.7072L20.707 6.12125C21.098 5.73125 21.098 5.09825 20.707 4.70725V4.70725Z' stroke='%234B5769' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M18.9098 7.91375L16.0898 5.09375' stroke='%234B5769' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M21 11V19C21 20.105 20.105 21 19 21H5C3.895 21 3 20.105 3 19V5C3 3.895 3.895 3 5 3H13' stroke='%234B5769' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  mask-color: var(--icon-primary);
}

@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: 39px;
  padding: 0px 15px 0px 15px;
  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: var(--font-secondary);
  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: var(--font-primary);
}
.tabs__item.active span::after {
  width: 100%;
}
.tabs__item span {
  position: relative;
  padding-bottom: 12px;
  letter-spacing: 0.3px;
  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(--focus-yellow);
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.tabs__item.circle-indicator:before {
  margin-right: 10px;
  margin-left: 15px;
}
.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 var(--base-border);
  gap: 5px;
  color: var(--font-secondary);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  background: var(--base-2);
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.tabs-author__item:hover {
  background: var(--base-border);
}
.tabs-author__item-reader i {
  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='M12 20C11.3794 18.7588 10.1107 17.9747 8.723 17.9747H5.519C4.6801 17.9747 4.00002 17.2946 4 16.4557V6.519C4 5.68008 4.68008 5 5.519 5H7.94937C10.2425 5.14373 12.0222 7.05689 12 9.35444V20Z' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0002 20C12.6208 18.7588 13.8895 17.9747 15.2772 17.9747H18.4812C19.3201 17.9747 20.0002 17.2946 20.0002 16.4557V6.519C20.0002 5.6801 19.3202 5.00003 18.4813 5H16.0509C13.7577 5.14373 11.978 7.05688 12.0002 9.35444V20Z' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.tabs-author__item-reader.active {
  background: var(--base-4);
  border-color: var(--font-blue);
  color: var(--font-primary);
}
.tabs-author__item-reader.active i {
  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='M12 20C11.3794 18.7588 10.1107 17.9747 8.723 17.9747H5.519C4.6801 17.9747 4.00002 17.2946 4 16.4557V6.519C4 5.68008 4.68008 5 5.519 5H7.94937C10.2425 5.14373 12.0222 7.05689 12 9.35444V20Z' stroke='%2347B5FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0002 20C12.6208 18.7588 13.8895 17.9747 15.2772 17.9747H18.4812C19.3201 17.9747 20.0002 17.2946 20.0002 16.4557V6.519C20.0002 5.6801 19.3202 5.00003 18.4813 5H16.0509C13.7577 5.14373 11.978 7.05688 12.0002 9.35444V20Z' stroke='%2347B5FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.tabs-author__item-author i {
  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='M20.707 4.70725L19.293 3.29325C18.902 2.90225 18.269 2.90225 17.879 3.29325L7.293 13.8792C7.105 14.0662 7 14.3213 7 14.5863V17.0002H9.414C9.679 17.0002 9.934 16.8952 10.121 16.7072L20.707 6.12125C21.098 5.73125 21.098 5.09825 20.707 4.70725V4.70725Z' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M18.9098 7.90984L16.0898 5.08984' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M21 11V19C21 20.105 20.105 21 19 21H5C3.895 21 3 20.105 3 19V5C3 3.895 3.895 3 5 3H13' stroke='%2374849C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.tabs-author__item-author.active {
  background: var(--base-4);
  border-color: var(--font-yellow);
  color: var(--white);
}
.tabs-author__item-author.active i {
  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='M20.707 4.70725L19.293 3.29325C18.902 2.90225 18.269 2.90225 17.879 3.29325L7.293 13.8792C7.105 14.0662 7 14.3213 7 14.5863V17.0002H9.414C9.679 17.0002 9.934 16.8952 10.121 16.7072L20.707 6.12125C21.098 5.73125 21.098 5.09825 20.707 4.70725V4.70725Z' stroke='%23EFAD00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M18.9098 7.90984L16.0898 5.08984' stroke='%23EFAD00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M21 11V19C21 20.105 20.105 21 19 21H5C3.895 21 3 20.105 3 19V5C3 3.895 3.895 3 5 3H13' stroke='%23EFAD00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.tabs-author__item i {
  width: 22px;
  height: 22px;
  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-wrap {
    display: none;
  }
}
@media (max-width: 767px) {
  .tabs__item.circle-indicator:before {
    margin-right: 17px;
    margin-left: 16px;
  }
}
@media (max-width: 390px) {
  .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: var(--base-3);
}
.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(--font-primary);
  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(--font-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 var(--base-border);
  border-radius: 15px;
  width: 100%;
  max-height: 492px;
  overflow-y: auto;
  margin-top: 17px;
  min-height: 42px;
  background: var(--base-2);
  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 var(--divide-bg);
  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(--font-secondary);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: block;
}
.sub-modal-author:hover {
  color: var(--font-blue);
}
.sub-modal-info {
  margin-left: 21px;
  font-size: 14px;
}
.sub-modal-info span {
  color: var(--font-light-2);
  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;
  height: 22px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  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-button:hover {
  opacity: 0.8;
}
.search-author-button i {
  -webkit-mask-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='M12.5241 5.60489C10.6551 3.73587 7.62478 3.73587 5.75577 5.60489C3.88675 7.4739 3.88675 10.5042 5.75577 12.3732C7.62478 14.2422 10.6551 14.2422 12.5241 12.3732C14.3931 10.5042 14.3931 7.4739 12.5241 5.60489ZM13.4963 4.63262C11.0904 2.22663 7.18948 2.22663 4.78349 4.63262C2.37751 7.0386 2.37751 10.9395 4.78349 13.3455C7.18948 15.7515 11.0904 15.7515 13.4963 13.3455C15.9023 10.9395 15.9023 7.0386 13.4963 4.63262Z' fill='%23000' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4879 12.4009C12.7582 12.1343 13.1935 12.1372 13.4601 12.4075L18.8226 17.8434C19.0893 18.1137 19.0863 18.549 18.816 18.8156C18.5457 19.0823 18.1104 19.0793 17.8438 18.809L12.4813 13.3732C12.2146 13.1029 12.2176 12.6676 12.4879 12.4009Z' fill='%23000' /%3E%3C/svg%3E");
  mask-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='M12.5241 5.60489C10.6551 3.73587 7.62478 3.73587 5.75577 5.60489C3.88675 7.4739 3.88675 10.5042 5.75577 12.3732C7.62478 14.2422 10.6551 14.2422 12.5241 12.3732C14.3931 10.5042 14.3931 7.4739 12.5241 5.60489ZM13.4963 4.63262C11.0904 2.22663 7.18948 2.22663 4.78349 4.63262C2.37751 7.0386 2.37751 10.9395 4.78349 13.3455C7.18948 15.7515 11.0904 15.7515 13.4963 13.3455C15.9023 10.9395 15.9023 7.0386 13.4963 4.63262Z' fill='%23000' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4879 12.4009C12.7582 12.1343 13.1935 12.1372 13.4601 12.4075L18.8226 17.8434C19.0893 18.1137 19.0863 18.549 18.816 18.8156C18.5457 19.0823 18.1104 19.0793 17.8438 18.809L12.4813 13.3732C12.2146 13.1029 12.2176 12.6676 12.4879 12.4009Z' fill='%23000' /%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--icon-secondary);
  width: 22px;
  height: 22px;
  display: block;
}
.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 i {
  opacity: 0;
}
.search-author__icon {
  width: 22px;
  height: 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 i {
  -webkit-mask-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='M12.5241 5.60489C10.6551 3.73587 7.62478 3.73587 5.75577 5.60489C3.88675 7.4739 3.88675 10.5042 5.75577 12.3732C7.62478 14.2422 10.6551 14.2422 12.5241 12.3732C14.3931 10.5042 14.3931 7.4739 12.5241 5.60489ZM13.4963 4.63262C11.0904 2.22663 7.18948 2.22663 4.78349 4.63262C2.37751 7.0386 2.37751 10.9395 4.78349 13.3455C7.18948 15.7515 11.0904 15.7515 13.4963 13.3455C15.9023 10.9395 15.9023 7.0386 13.4963 4.63262Z' fill='%23000' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4879 12.4009C12.7582 12.1343 13.1935 12.1372 13.4601 12.4075L18.8226 17.8434C19.0893 18.1137 19.0863 18.549 18.816 18.8156C18.5457 19.0823 18.1104 19.0793 17.8438 18.809L12.4813 13.3732C12.2146 13.1029 12.2176 12.6676 12.4879 12.4009Z' fill='%23000' /%3E%3C/svg%3E");
  mask-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='M12.5241 5.60489C10.6551 3.73587 7.62478 3.73587 5.75577 5.60489C3.88675 7.4739 3.88675 10.5042 5.75577 12.3732C7.62478 14.2422 10.6551 14.2422 12.5241 12.3732C14.3931 10.5042 14.3931 7.4739 12.5241 5.60489ZM13.4963 4.63262C11.0904 2.22663 7.18948 2.22663 4.78349 4.63262C2.37751 7.0386 2.37751 10.9395 4.78349 13.3455C7.18948 15.7515 11.0904 15.7515 13.4963 13.3455C15.9023 10.9395 15.9023 7.0386 13.4963 4.63262Z' fill='%23000' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4879 12.4009C12.7582 12.1343 13.1935 12.1372 13.4601 12.4075L18.8226 17.8434C19.0893 18.1137 19.0863 18.549 18.816 18.8156C18.5457 19.0823 18.1104 19.0793 17.8438 18.809L12.4813 13.3732C12.2146 13.1029 12.2176 12.6676 12.4879 12.4009Z' fill='%23000' /%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--yellow);
  width: 22px;
  height: 22px;
  display: block;
}
.search-author__input {
  background: transparent;
  font-size: 16px;
  border: none;
  width: 100%;
  color: var(--white);
}
.search-author__input::-webkit-input-placeholder {
  opacity: 0.6;
}
.search-author__input::-moz-placeholder {
  opacity: 0.6;
}
.search-author__input:-ms-input-placeholder {
  opacity: 0.6;
}
.search-author__input::-ms-input-placeholder {
  opacity: 0.6;
}
.search-author__input::placeholder {
  opacity: 0.6;
}
.search-author__close {
  width: 22px;
  height: 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 i {
  -webkit-mask-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 5L17 17M17 5L5 17' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-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 5L17 17M17 5L5 17' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--icon-secondary);
  width: 22px;
  height: 22px;
  display: block;
}
.search-author__close:hover {
  opacity: 1;
}
.search-author-wrap {
  display: none;
}
.search-author-wrap.active {
  display: block;
}
.search-author-wrap.active ~ .tabs__content {
  display: none;
}
.search-author-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.search-author-list .search-result__empty {
  color: rgba(191, 216, 255, 0.6);
  font-size: 14px;
  text-align: center;
  padding: 20px 0;
}

.type-tabs {
  border: 1px solid var(--base-border);
  border-radius: 13px;
  padding: 8px;
  width: 100%;
  background: var(--base-3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
  margin-top: 15px;
}
.type-tabs.big-margin {
  margin-top: 33px;
}
.type-tabs__item {
  height: 34px;
  border: 1px solid var(--base-border);
  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: 13px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  color: var(--font-primary);
  background: var(--base-4);
}
.type-tabs__item i {
  font-style: normal;
  margin-left: 4px;
}
.type-tabs__item:hover {
  border: 1px solid var(--focus-yellow);
}
.type-tabs__item.active {
  background: var(--base-4);
  border-color: var(--focus-yellow);
}

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

@media (max-width: 768px) {
  .type-tabs {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .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;
  }
}
.switch-theme {
  position: relative;
  width: 44px;
  height: 44px;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  margin-right: 15px;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.switch-theme:hover {
  opacity: 0.8;
}
.switch-theme__track {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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;
  width: 100%;
  height: 100%;
  background: var(--base-2);
  border: 1px solid var(--base-border);
  border-radius: 50px;
  padding: 5px;
  -webkit-transition: background 0.3s ease, border-color 0.3s ease;
  transition: background 0.3s ease, border-color 0.3s ease;
}
.switch-theme__slider {
  width: 34px;
  height: 34px;
  background: var(--base-4);
  border: 1px solid var(--base-border);
  border-radius: 50px;
  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: background 0.3s ease, border-color 0.3s ease;
  transition: background 0.3s ease, border-color 0.3s ease;
}
.switch-theme__icon {
  position: absolute;
  z-index: 2;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.switch-theme__icon--sun {
  opacity: 0;
  width: 24px;
  height: 24px;
  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='M15.0052 8.9948C13.3454 7.33507 10.6545 7.33507 8.99476 8.9948C7.33503 10.6545 7.33503 13.3455 8.99476 15.0052C10.6545 16.6649 13.3454 16.6649 15.0052 15.0052C16.6649 13.3455 16.6649 10.6545 15.0052 8.9948ZM16.0658 7.93414C13.8203 5.68863 10.1796 5.68863 7.9341 7.93414C5.68859 10.1797 5.68859 13.8204 7.9341 16.0659C10.1796 18.3114 13.8203 18.3114 16.0658 16.0659C18.3113 13.8204 18.3113 10.1797 16.0658 7.93414Z' fill='%2335393F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1.25C12.4142 1.25 12.75 1.58579 12.75 2V4C12.75 4.41421 12.4142 4.75 12 4.75C11.5858 4.75 11.25 4.41421 11.25 4V2C11.25 1.58579 11.5858 1.25 12 1.25Z' fill='%2335393F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 19.25C12.4142 19.25 12.75 19.5858 12.75 20V22C12.75 22.4142 12.4142 22.75 12 22.75C11.5858 22.75 11.25 22.4142 11.25 22V20C11.25 19.5858 11.5858 19.25 12 19.25Z' fill='%2335393F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.6003 4.39967C19.8932 4.69256 19.8932 5.16744 19.6003 5.46033L18.8903 6.17033C18.5974 6.46322 18.1226 6.46322 17.8297 6.17033C17.5368 5.87744 17.5368 5.40256 17.8297 5.10967L18.5397 4.39967C18.8326 4.10678 19.3074 4.10678 19.6003 4.39967Z' fill='%2335393F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.17033 17.8297C6.46322 18.1226 6.46322 18.5974 6.17033 18.8903L5.46033 19.6003C5.16744 19.8932 4.69256 19.8932 4.39967 19.6003C4.10678 19.3074 4.10678 18.8326 4.39967 18.5397L5.10967 17.8297C5.40256 17.5368 5.87744 17.5368 6.17033 17.8297Z' fill='%2335393F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.25 12C19.25 11.5858 19.5858 11.25 20 11.25H22C22.4142 11.25 22.75 11.5858 22.75 12C22.75 12.4142 22.4142 12.75 22 12.75H20C19.5858 12.75 19.25 12.4142 19.25 12Z' fill='%2335393F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.25 12C1.25 11.5858 1.58579 11.25 2 11.25H4C4.41421 11.25 4.75 11.5858 4.75 12C4.75 12.4142 4.41421 12.75 4 12.75H2C1.58579 12.75 1.25 12.4142 1.25 12Z' fill='%2335393F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.8297 17.8297C18.1226 17.5368 18.5974 17.5368 18.8903 17.8297L19.6003 18.5397C19.8932 18.8326 19.8932 19.3074 19.6003 19.6003C19.3074 19.8932 18.8326 19.8932 18.5397 19.6003L17.8297 18.8903C17.5368 18.5974 17.5368 18.1226 17.8297 17.8297Z' fill='%2335393F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.39967 4.39967C4.69256 4.10678 5.16744 4.10678 5.46033 4.39967L6.17033 5.10967C6.46322 5.40256 6.46322 5.87744 6.17033 6.17033C5.87744 6.46322 5.40256 6.46322 5.10967 6.17033L4.39967 5.46033C4.10678 5.16744 4.10678 4.69256 4.39967 4.39967Z' fill='%2335393F'/%3E%3C/svg%3E%0A");
}
.switch-theme__icon--moon {
  opacity: 0;
  width: 24px;
  height: 24px;
  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='M12.2492 3.62482C12.3963 3.87947 12.381 4.19662 12.2101 4.43594C10.4117 6.95375 10.6032 10.5427 12.8301 12.7697C14.6094 14.5489 17.2074 15.0101 19.4712 14.2857C19.7493 14.1967 20.0538 14.2772 20.2516 14.492C20.4494 14.7069 20.5045 15.017 20.3928 15.2868C19.0834 18.4511 15.9203 20.75 12.2998 20.75C7.48559 20.75 3.5498 16.8142 3.5498 12C3.5498 7.40385 7.05299 3.69004 11.527 3.25356C11.8197 3.225 12.1021 3.37016 12.2492 3.62482ZM10.1505 5.05739C7.18672 5.99531 5.0498 8.73297 5.0498 12C5.0498 15.9858 8.31402 19.25 12.2998 19.25C14.7402 19.25 16.9507 17.9746 18.2701 16.0649C15.97 16.3127 13.5532 15.6141 11.7695 13.8303C9.41961 11.4805 8.91129 7.95437 10.1505 5.05739Z' fill='%23BAC2CE'/%3E%3C/svg%3E%0A");
}
:root.dark-theme .switch-theme .switch-theme__track {
  background: #1d222a;
  border-color: #232934;
}
:root.dark-theme .switch-theme .switch-theme__icon--sun {
  opacity: 0;
}
:root.dark-theme .switch-theme .switch-theme__icon--moon {
  opacity: 1;
}
:root:not(.dark-theme) .switch-theme .switch-theme__icon--sun {
  opacity: 1;
  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='M13.7552 7.7448C12.0954 6.08507 9.40449 6.08507 7.74476 7.7448C6.08503 9.40453 6.08503 12.0955 7.74476 13.7552C9.40449 15.4149 12.0954 15.4149 13.7552 13.7552C15.4149 12.0955 15.4149 9.40453 13.7552 7.7448ZM14.8158 6.68414C12.5703 4.43863 8.92961 4.43863 6.6841 6.68414C4.43859 8.92965 4.43859 12.5704 6.6841 14.8159C8.92961 17.0614 12.5703 17.0614 14.8158 14.8159C17.0613 12.5704 17.0613 8.92965 14.8158 6.68414Z' fill='%2335393F' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.75 0C11.1642 0 11.5 0.335786 11.5 0.75V2.75C11.5 3.16421 11.1642 3.5 10.75 3.5C10.3358 3.5 10 3.16421 10 2.75V0.75C10 0.335786 10.3358 0 10.75 0Z' fill='%2335393F' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.75 18C11.1642 18 11.5 18.3358 11.5 18.75V20.75C11.5 21.1642 11.1642 21.5 10.75 21.5C10.3358 21.5 10 21.1642 10 20.75V18.75C10 18.3358 10.3358 18 10.75 18Z' fill='%2335393F' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.3503 3.14967C18.6432 3.44256 18.6432 3.91744 18.3503 4.21033L17.6403 4.92033C17.3474 5.21322 16.8726 5.21322 16.5797 4.92033C16.2868 4.62744 16.2868 4.15256 16.5797 3.85967L17.2897 3.14967C17.5826 2.85678 18.0574 2.85678 18.3503 3.14967Z' fill='%2335393F' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.92033 16.5797C5.21322 16.8726 5.21322 17.3474 4.92033 17.6403L4.21033 18.3503C3.91744 18.6432 3.44256 18.6432 3.14967 18.3503C2.85678 18.0574 2.85678 17.5826 3.14967 17.2897L3.85967 16.5797C4.15256 16.2868 4.62744 16.2868 4.92033 16.5797Z' fill='%2335393F' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 10.75C18 10.3358 18.3358 10 18.75 10H20.75C21.1642 10 21.5 10.3358 21.5 10.75C21.5 11.1642 21.1642 11.5 20.75 11.5H18.75C18.3358 11.5 18 11.1642 18 10.75Z' fill='%2335393F' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 10.75C0 10.3358 0.335786 10 0.75 10H2.75C3.16421 10 3.5 10.3358 3.5 10.75C3.5 11.1642 3.16421 11.5 2.75 11.5H0.75C0.335786 11.5 0 11.1642 0 10.75Z' fill='%2335393F' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5797 16.5797C16.8726 16.2868 17.3474 16.2868 17.6403 16.5797L18.3503 17.2897C18.6432 17.5826 18.6432 18.0574 18.3503 18.3503C18.0574 18.6432 17.5826 18.6432 17.2897 18.3503L16.5797 17.6403C16.2868 17.3474 16.2868 16.8726 16.5797 16.5797Z' fill='%2335393F' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.14967 3.14967C3.44256 2.85678 3.91744 2.85678 4.21033 3.14967L4.92033 3.85967C5.21322 4.15256 5.21322 4.62744 4.92033 4.92033C4.62744 5.21322 4.15256 5.21322 3.85967 4.92033L3.14967 4.21033C2.85678 3.91744 2.85678 3.44256 3.14967 3.14967Z' fill='%2335393F' /%3E%3C/svg%3E");
}
:root:not(.dark-theme) .switch-theme .switch-theme__icon--moon {
  opacity: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.69941 0.374818C8.84653 0.629473 8.83124 0.946621 8.6603 1.18594C6.86187 3.70375 7.05336 7.29271 9.28033 9.51968C11.0596 11.2989 13.6576 11.7601 15.9214 11.0357C16.1995 10.9467 16.504 11.0272 16.7018 11.242C16.8996 11.4569 16.9547 11.767 16.843 12.0368C15.5336 15.2011 12.3705 17.5 8.75 17.5C3.93579 17.5 0 13.5642 0 8.75001C0 4.15385 3.50318 0.440044 7.97718 0.00355737C8.26989 -0.025 8.55228 0.120162 8.69941 0.374818ZM6.60074 1.80739C3.63691 2.74531 1.5 5.48297 1.5 8.75001C1.5 12.7358 4.76421 16 8.75 16C11.1904 16 13.4009 14.7246 14.7202 12.8149C12.4202 13.0627 10.0034 12.3641 8.21967 10.5803C5.8698 8.23047 5.36149 4.70437 6.60074 1.80739Z' fill='%23D0D0D0' /%3E%3C/svg%3E");
}
.switch-theme:active .switch-theme__slider {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: -webkit-transform 0.1s ease;
  transition: -webkit-transform 0.1s ease;
  transition: transform 0.1s ease;
  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
}

.cookie-notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 8px 10px;
  gap: 10px;
  isolation: isolate;
  position: fixed;
  width: 355px;
  right: 10px;
  bottom: 10px;
  background: var(--base-2);
  border: 1px solid var(--focus-blue);
  border-radius: 10px;
  z-index: 99999999999;
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  pointer-events: none;
}
.cookie-notice.is-visible {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  pointer-events: auto;
}
.cookie-notice__icon {
  width: 24px;
  height: 24px;
  display: block;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--focus-blue);
  -webkit-mask-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='M7.99725 13.8381C7.95442 13.838 7.91334 13.8551 7.88324 13.8856C7.85314 13.9161 7.83655 13.9574 7.83718 14.0002C7.83752 14.0896 7.90988 14.1619 7.99925 14.1623C8.05715 14.1619 8.11046 14.1307 8.13911 14.0804C8.16775 14.0301 8.16737 13.9683 8.1381 13.9183C8.10884 13.8683 8.05515 13.8378 7.99725 13.8381' stroke='%2347B5FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.99774 8.83033C8.95491 8.83023 8.91383 8.84733 8.88373 8.87781C8.85363 8.90828 8.83704 8.94957 8.83767 8.9924C8.83801 9.08177 8.91037 9.15413 8.99974 9.15446C9.08925 9.15391 9.16136 9.0809 9.16081 8.9914C9.16025 8.90189 9.08725 8.82978 8.99774 8.83033' stroke='%2347B5FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.9997 15.8381C12.9569 15.838 12.9158 15.8551 12.8857 15.8856C12.8556 15.9161 12.839 15.9574 12.8396 16.0002C12.84 16.0896 12.9123 16.1619 13.0017 16.1623C13.0912 16.1617 13.1633 16.0887 13.1628 15.9992C13.1622 15.9097 13.0892 15.8376 12.9997 15.8381' stroke='%2347B5FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9992 11.8381C11.9564 11.838 11.9153 11.8551 11.8852 11.8856C11.8551 11.9161 11.8385 11.9574 11.8391 12.0002C11.8395 12.0896 11.9118 12.1619 12.0012 12.1623C12.0591 12.1619 12.1124 12.1307 12.1411 12.0804C12.1697 12.0301 12.1693 11.9683 12.1401 11.9183C12.1108 11.8683 12.0571 11.8378 11.9992 11.8381' stroke='%2347B5FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0003 2.99219C12.0003 7.96482 16.0314 11.9959 21.0041 11.9959C21.0041 16.9686 16.973 20.9997 12.0003 20.9997C7.0277 20.9997 2.99658 16.9686 2.99658 11.9959C2.99658 7.0233 7.0277 2.99219 12.0003 2.99219Z' stroke='%2347B5FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
          mask-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='M7.99725 13.8381C7.95442 13.838 7.91334 13.8551 7.88324 13.8856C7.85314 13.9161 7.83655 13.9574 7.83718 14.0002C7.83752 14.0896 7.90988 14.1619 7.99925 14.1623C8.05715 14.1619 8.11046 14.1307 8.13911 14.0804C8.16775 14.0301 8.16737 13.9683 8.1381 13.9183C8.10884 13.8683 8.05515 13.8378 7.99725 13.8381' stroke='%2347B5FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.99774 8.83033C8.95491 8.83023 8.91383 8.84733 8.88373 8.87781C8.85363 8.90828 8.83704 8.94957 8.83767 8.9924C8.83801 9.08177 8.91037 9.15413 8.99974 9.15446C9.08925 9.15391 9.16136 9.0809 9.16081 8.9914C9.16025 8.90189 9.08725 8.82978 8.99774 8.83033' stroke='%2347B5FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.9997 15.8381C12.9569 15.838 12.9158 15.8551 12.8857 15.8856C12.8556 15.9161 12.839 15.9574 12.8396 16.0002C12.84 16.0896 12.9123 16.1619 13.0017 16.1623C13.0912 16.1617 13.1633 16.0887 13.1628 15.9992C13.1622 15.9097 13.0892 15.8376 12.9997 15.8381' stroke='%2347B5FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9992 11.8381C11.9564 11.838 11.9153 11.8551 11.8852 11.8856C11.8551 11.9161 11.8385 11.9574 11.8391 12.0002C11.8395 12.0896 11.9118 12.1619 12.0012 12.1623C12.0591 12.1619 12.1124 12.1307 12.1411 12.0804C12.1697 12.0301 12.1693 11.9683 12.1401 11.9183C12.1108 11.8683 12.0571 11.8378 11.9992 11.8381' stroke='%2347B5FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0003 2.99219C12.0003 7.96482 16.0314 11.9959 21.0041 11.9959C21.0041 16.9686 16.973 20.9997 12.0003 20.9997C7.0277 20.9997 2.99658 16.9686 2.99658 11.9959C2.99658 7.0233 7.0277 2.99219 12.0003 2.99219Z' stroke='%2347B5FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.cookie-notice__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0;
  gap: 3px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.cookie-notice__title {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: var(--font-primary);
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.cookie-notice__text {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--font-secondary);
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.cookie-notice__text a {
  color: var(--focus-blue);
  text-decoration: none;
}
.cookie-notice__text a:hover {
  text-decoration: underline;
}
.cookie-notice__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0;
  gap: 5px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.cookie-notice__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 14px;
  gap: 5px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  height: 34px;
  background: var(--focus-blue-2);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: #FFFFFF;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.cookie-notice__btn:hover {
  background: var(--focus-blue);
}

@media (max-width: 980px) {
  .cookie-notice {
    bottom: 70px;
  }
}
@media (max-width: 480px) {
  .cookie-notice {
    width: calc(100% - 20px);
  }
}
.tariff-status {
  border-radius: 30px;
  height: 23px;
  padding: 0px 10px;
  border: 1px solid var(--base-border);
  background: var(--divide-bg);
  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(--font-blue);
}
.tariff-status.elite {
  border-color: var(--purple);
}
.tariff-status.royal {
  border-color: var(--font-yellow);
}

.tariff-icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1.5px solid var(--base-border);
  background-color: var(--base-4);
  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(--font-yellow);
  border-color: var(--font-yellow);
}
.tariff-icon-description {
  position: absolute;
  top: 25px;
  left: 0;
  border: 1px solid var(--base-border);
  border-radius: 10px;
  background: var(--base-3);
  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: var(--font-light-2);
}
.tariff-icon-description a {
  text-decoration: underline;
  color: var(--font-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: var(--font-light-2);
  margin-top: 14px;
  max-width: 575px;
}
.tariff-slider {
  background: var(--base-2);
  border: 1px solid var(--base-border);
  border-radius: 25px;
  padding: 19px;
  margin-top: 30px;
  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__item {
  background: var(--base-3);
  border: 1px solid var(--base-border);
  border-radius: 15px;
  -ms-flex-preferred-size: calc(50% - 10px);
      flex-basis: calc(50% - 10px);
  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;
  height: auto;
}
.tariff__item.basic .tariff__li:nth-child(1) {
  opacity: 0;
}
.tariff__item.premium .tariff__label {
  color: var(--font-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(--font-blue);
  border-color: var(--font-blue);
  color: var(--black);
}
.tariff__item.premium .tariff__button:hover {
  color: var(--white);
}
.tariff__item.premium .tariff__button.change-status {
  border-color: var(--font-blue);
  color: var(--white);
}
.tariff__item.premium .tariff__button.change-status:hover {
  background: var(--font-blue);
  color: var(--black);
}
.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(--font-blue);
}
.tariff__item.elite .tariff__button {
  background-color: var(--purple);
  border-color: var(--purple);
  color: var(--black);
}
.tariff__item.elite .tariff__button:hover {
  color: var(--white);
}
.tariff__item.elite .tariff__button.change-status {
  border-color: var(--purple);
  color: var(--white);
}
.tariff__item.elite .tariff__button.change-status:hover {
  background: var(--purple);
  color: var(--black);
}
.tariff__item.royal .tariff__label {
  color: var(--font-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(--font-yellow);
  border-color: var(--font-yellow);
  color: var(--black);
}
.tariff__item.royal .tariff__button:hover {
  color: var(--white);
}
.tariff__item.royal .tariff__button.change-status {
  border-color: var(--font-yellow);
  color: var(--white);
}
.tariff__item.royal .tariff__button.change-status:hover {
  background: var(--font-yellow);
  color: var(--black);
}
.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__label .tariff-icon {
  margin-left: 3px;
}
.tariff__label span:first-child {
  font-weight: 600;
}
.tariff__description {
  font-size: 13px;
  line-height: 138%;
  color: var(--font-light-2);
  margin-top: 5px;
  max-width: 90%;
  font-weight: 500;
}
.tariff__price {
  font-weight: 700;
  font-size: 30px;
  line-height: 127%;
  letter-spacing: -0.01em;
  color: var(--font-secondary);
  margin-top: 17px;
  line-height: 1;
}
.tariff__price span {
  font-size: 13px;
}
.tariff__button.btn {
  margin-top: 18px;
  width: 100%;
  font-size: 14px;
  line-height: 143%;
  color: var(--font-primary);
}
.tariff__button.btn.change-status {
  background: transparent;
}
.tariff__button.btn.disabled {
  border-color: var(--font-light-2);
  color: var(--font-light-2);
  background: transparent;
}
.tariff__button.btn.tariff__button--placeholder {
  visibility: hidden;
  pointer-events: none;
}
.tariff__button.btn:hover:not(.change-status) {
  background: transparent;
}
.tariff__li {
  font-size: 15px;
  line-height: 140%;
  letter-spacing: 0.01em;
  color: var(--font-secondary);
  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 var(--base-border);
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.tariff-more-features {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 13px;
  padding-left: 30px;
  border: 1px solid var(--base-border);
  border-radius: 20px;
  background-color: var(--base-1);
  -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(--font-swap);
  line-height: 110%;
}
.tariff-more-features__description {
  color: var(--font-primary);
  line-height: 110%;
  margin-top: 2px;
  font-weight: 600;
}
.tariff-more-features__button {
  background: var(--focus-blue-dark);
  height: 50px;
  border: var(--font-blue);
  gap: 8px;
  font-size: 14px;
  padding: 0px 30px;
}
.tariff-more-features__button i {
  width: 24px;
  height: 24px;
  display: inline-block;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: #fff;
  -webkit-mask-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='M11.795 16.9066L9.72995 18.9156C9.37195 19.2636 8.77295 19.1096 8.62795 18.6316L7.25195 14.1016' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.104 10.9275C14.104 10.9275 11.515 13.2635 10.187 14.4625C9.78995 14.8205 9.82295 15.4505 10.253 15.7675L15.631 19.7405C16.16 20.1315 16.916 19.8445 17.053 19.2005L19.694 6.75348C19.822 6.15148 19.231 5.64848 18.657 5.86948L3.14195 11.8535C2.68495 12.0295 2.70695 12.6825 3.17395 12.8285L7.25095 14.1005' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
          mask-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='M11.795 16.9066L9.72995 18.9156C9.37195 19.2636 8.77295 19.1096 8.62795 18.6316L7.25195 14.1016' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.104 10.9275C14.104 10.9275 11.515 13.2635 10.187 14.4625C9.78995 14.8205 9.82295 15.4505 10.253 15.7675L15.631 19.7405C16.16 20.1315 16.916 19.8445 17.053 19.2005L19.694 6.75348C19.822 6.15148 19.231 5.64848 18.657 5.86948L3.14195 11.8535C2.68495 12.0295 2.70695 12.6825 3.17395 12.8285L7.25095 14.1005' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.tariff-more-features__button:hover i {
  -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;
}
.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(--font-blue);
  color: var(--font-blue);
}
.tariff-box.page-author-item.elite {
  border-color: var(--purple);
  color: var(--purple);
}
.tariff-box.page-author-item.royal {
  border-color: var(--font-yellow);
  color: var(--font-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;
}

:root:not(.dark-theme) .tariff-more-features {
  background-image: url(../../images/tariff/more-features-back-white.jpg);
}
:root:not(.dark-theme) .tariff-more-features__button {
  background-color: var(--focus-blue);
}
:root:not(.dark-theme) .tariff__item .tariff__li:before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5303 3.96967C15.8232 4.26256 15.8232 4.73744 15.5303 5.03033L7.28033 13.2803C6.98744 13.5732 6.51256 13.5732 6.21967 13.2803L2.46967 9.53033C2.17678 9.23744 2.17678 8.76256 2.46967 8.46967C2.76256 8.17678 3.23744 8.17678 3.53033 8.46967L6.75 11.6893L14.4697 3.96967C14.7626 3.67678 15.2374 3.67678 15.5303 3.96967Z' fill='%231D222A' /%3E%3C/svg%3E");
}
:root:not(.dark-theme) .tariff__item.premium .tariff__li:before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5303 3.96967C15.8232 4.26256 15.8232 4.73744 15.5303 5.03033L7.28033 13.2803C6.98744 13.5732 6.51256 13.5732 6.21967 13.2803L2.46967 9.53033C2.17678 9.23744 2.17678 8.76256 2.46967 8.46967C2.76256 8.17678 3.23744 8.17678 3.53033 8.46967L6.75 11.6893L14.4697 3.96967C14.7626 3.67678 15.2374 3.67678 15.5303 3.96967Z' fill='%230B86D8' /%3E%3C/svg%3E");
}
:root:not(.dark-theme) .tariff__item.elite .tariff__li:before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5303 3.96967C15.8232 4.26256 15.8232 4.73744 15.5303 5.03033L7.28033 13.2803C6.98744 13.5732 6.51256 13.5732 6.21967 13.2803L2.46967 9.53033C2.17678 9.23744 2.17678 8.76256 2.46967 8.46967C2.76256 8.17678 3.23744 8.17678 3.53033 8.46967L6.75 11.6893L14.4697 3.96967C14.7626 3.67678 15.2374 3.67678 15.5303 3.96967Z' fill='%23741FFF' /%3E%3C/svg%3E");
}
:root:not(.dark-theme) .tariff__item.royal .tariff__li:before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5303 3.96967C15.8232 4.26256 15.8232 4.73744 15.5303 5.03033L7.28033 13.2803C6.98744 13.5732 6.51256 13.5732 6.21967 13.2803L2.46967 9.53033C2.17678 9.23744 2.17678 8.76256 2.46967 8.46967C2.76256 8.17678 3.23744 8.17678 3.53033 8.46967L6.75 11.6893L14.4697 3.96967C14.7626 3.67678 15.2374 3.67678 15.5303 3.96967Z' fill='%23EFAD00' /%3E%3C/svg%3E");
}

@media (max-width: 1290px) {
  .tariff__item {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media (max-width: 980px) {
  .tariff-slider {
    padding: 0px;
    border: none;
    background: transparent;
    margin-left: 0px;
  }
  .tariff-slider .swiper {
    overflow: visible;
  }
  .tariff-row {
    -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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tariff__item {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .tariff-more-features {
    padding-left: 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;
  }
}
.post .article__category {
  color: var(--font-light-2);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.post .article__category:hover {
  color: var(--font-blue);
}
.post .article__date {
  color: var(--font-light-2);
}
.post-wrap {
  background: var(--base-3);
  padding: 30px 35px;
  border: 1px solid var(--base-border);
  border-radius: 25px;
  margin-bottom: 30px;
  padding: 20px 24px 25px 24px;
}
.post-wrap .btn.btn-transparent {
  border-color: var(--font-blue);
  color: var(--font-primary);
  padding: 0px 14px;
}
.post-wrap .favorite-button {
  background: var(--base-4);
}
.post-wrap .edit-menu__btn {
  background: var(--base-4);
}
.post__title, .post-content h1 {
  font-weight: 600;
  font-size: 22px;
  line-height: 136%;
  color: var(--font-primary);
  margin-top: 20px;
  margin-bottom: 11px;
}
.post-toc {
  font-weight: 400;
  font-size: 18px;
  line-height: 161%;
  background: var(--base-2);
  padding: 20px 30px;
  border: 1px solid var(--base-border);
  border-radius: 15px;
  position: relative;
}
.post-toc-mobile {
  display: none;
}
.post-toc-mobile__overlay, .post-toc-mobile__backdrop {
  display: none;
}
.post-toc-desktop {
  display: block;
  font-size: 14px;
  padding: 15px 14px 20px 20px;
  max-height: calc(100vh - 105px);
  overflow-y: auto;
  -webkit-transition: opacity 0.25s, visibility 0.25s;
  transition: opacity 0.25s, visibility 0.25s;
}
.post-toc-desktop.is-out-of-scope {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.post-toc-desktop::-webkit-scrollbar {
  width: 4px;
  background: transparent;
}
.post-toc-desktop::-webkit-scrollbar-track {
  background: transparent;
  margin: 15px 0;
}
.post-toc-desktop::-webkit-scrollbar-thumb {
  background: var(--base-border);
  border-radius: 10px;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.post-toc-desktop::-webkit-scrollbar-thumb:hover {
  background: var(--font-light-1);
}
.post-toc-desktop:before {
  content: "";
  position: absolute;
  left: 12px;
  height: calc(100% - 30px);
  top: 0;
  bottom: 0;
  margin: auto;
  width: 2px;
  background: var(--base-border);
  display: none;
}
.post-toc__title {
  margin-bottom: 23px;
  color: var(--font-secondary);
  opacity: 1;
  font-size: 14px;
  font-weight: 500;
}
.post-toc__link {
  max-height: 46px;
  display: block;
}
.post-toc__link:not(.js-shaved) {
  overflow: hidden;
}
.post-toc__skeleton {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
}
.post-toc__skeleton li {
  position: relative;
  height: 14px;
  margin-top: 14px;
  border-radius: 4px;
  overflow: hidden;
  background-color: var(--loading-bg);
}
.post-toc__skeleton li:first-child {
  margin-top: 0;
}
.post-toc__skeleton li:nth-child(1) {
  width: 92%;
}
.post-toc__skeleton li:nth-child(2) {
  width: 78%;
}
.post-toc__skeleton li:nth-child(3) {
  width: 85%;
}
.post-toc__skeleton li:nth-child(4) {
  width: 64%;
}
.post-toc__skeleton li:nth-child(5) {
  width: 80%;
}
.post-toc__skeleton li:after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  right: 0;
  bottom: 0;
  width: 200%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, var(--loading-shine)), to(transparent));
  background: linear-gradient(90deg, transparent 0%, var(--loading-shine) 50%, transparent 100%);
  -webkit-animation: loading-shine 1.5s infinite;
          animation: loading-shine 1.5s infinite;
}
.post-toc.is-loading .post-toc__list {
  display: none;
}
.post-toc.is-loading .post-toc__skeleton {
  display: block;
}
.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: var(--font-light-2);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: inline-block;
  position: relative;
}
.post-toc__list a::before {
  content: "";
  width: 2px;
  height: 100%;
  background: var(--font-yellow);
  position: absolute;
  left: -20px;
  top: 0;
  bottom: 0;
  opacity: 0;
}
.post-toc__list a:hover:before {
  background: var(--font-light-3);
  opacity: 1;
}
.post-toc__list a.active-tab {
  color: var(--font-yellow);
}
.post-toc__list a.active-tab:before {
  background: var(--font-yellow);
  opacity: 1;
}
.post-toc__list a::after {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.post-toc__list a:hover::after {
  content: attr(data-text);
  position: absolute;
  background: var(--base-2);
  border: 1px solid var(--active-border);
  border-radius: 10px;
  color: var(--font-primary);
  padding: 15px 20px;
  max-width: 425px;
  color: var(--white);
  right: calc(100% + 24px);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  top: -100%;
}
.post-toc__list a:hover {
  color: var(--font-primary);
  opacity: 1;
}
.post-meta-mobile {
  display: none;
}
.post-navigation {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid var(--base-border);
}
.post-content {
  margin-top: 28px;
}

:root:not(.dark-theme) .post-toc__list a.active-tab {
  color: var(--font-blue);
}
:root:not(.dark-theme) .post-toc__list a.active-tab:before {
  background: var(--font-blue);
}

.post-content {
  line-height: 169%;
  color: var(--font-secondary);
  letter-spacing: 0.01em;
  font-size: 16px;
  margin-top: 0px;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.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(--font-blue);
}
.post-content a:hover {
  color: var(--font-blue);
}
.post-content img {
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.post-content p {
  margin: 11px 0px;
  font-size: 16px;
  line-height: 169%;
}
.post-content strong {
  font-weight: 700;
}
.post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
  font-weight: 600;
  color: var(--font-primary);
  scroll-margin-top: var(--header-h, 80px);
}
.post-content h2 {
  font-size: 19px;
  line-height: 142%;
  margin: 26px 0px 11px 0px;
}
.post-content h3, .post-content h4, .post-content h5, .post-content h6 {
  font-size: 17px;
  line-height: 142%;
  margin: 26px 0px 11px 0px;
}
.post-content ul, .post-content ol {
  padding-left: 27px;
  margin: 14px 0px;
}
.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%;
  margin-top: 7px;
}
.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 .excerpt {
  margin: 0;
  background: var(--base-2);
  color: var(--white);
  padding: 8px 17px;
  padding-left: 21px;
  color: var(--font-light-1);
  margin: 18px 0px 30px 0px;
  width: 100%;
  border-radius: 0px 5px 5px 0px;
  overflow: hidden;
  position: relative;
}
.post-content .excerpt p {
  font-size: 16px;
  color: var(--font-secondary);
  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(--font-yellow);
}
.post-content .text-block {
  margin: 0;
  background: var(--base-2);
  padding: 10px 18px;
  border: 1px solid var(--base-border);
  border-radius: 10px;
  margin: 15px 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: 24px 0;
  background: var(--base-2);
  position: relative;
  padding: 30px 40px;
  border: 1px solid var(--focus-blue);
  border-radius: 10px;
  padding: 14px 29px 20px 30px;
}
.post-content blockquote span {
  font-size: 14px;
  color: var(--font-light-2);
  position: relative;
  margin-top: 7px;
  display: block;
}
.post-content blockquote span:before {
  content: "";
  display: inline-block;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 1px;
  vertical-align: middle;
  margin-right: 11px;
  top: 0;
  background: var(--font-light-3);
}
.post-content blockquote i {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  color: var(--font-primary);
  line-height: 150%;
  font-style: normal;
}
.post-content blockquote::before {
  content: "";
  position: absolute;
  left: -6px;
  top: -14px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='34' height='26' viewBox='0 0 34 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 26V18.8481C0 16.7373 0.397225 14.5148 1.19168 12.1805C1.98613 9.84622 3.09091 7.61127 4.50602 5.47564C5.92114 3.34001 7.58452 1.5148 9.49617 0L15.0077 3.94842C13.4932 6.15855 12.2023 8.468 11.1347 10.8768C10.0672 13.2856 9.53341 15.9054 9.53341 18.7364V26H0ZM18.9923 26V18.8481C18.9923 16.7373 19.3896 14.5148 20.184 12.1805C20.9785 9.84622 22.0832 7.61127 23.4984 5.47564C24.9135 3.34001 26.5769 1.5148 28.4885 0L34 3.94842C32.4856 6.15855 31.1946 8.468 30.1271 10.8768C29.0595 13.2856 28.5257 15.9054 28.5257 18.7364V26H18.9923Z' fill='%23000' /%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='34' height='26' viewBox='0 0 34 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 26V18.8481C0 16.7373 0.397225 14.5148 1.19168 12.1805C1.98613 9.84622 3.09091 7.61127 4.50602 5.47564C5.92114 3.34001 7.58452 1.5148 9.49617 0L15.0077 3.94842C13.4932 6.15855 12.2023 8.468 11.1347 10.8768C10.0672 13.2856 9.53341 15.9054 9.53341 18.7364V26H0ZM18.9923 26V18.8481C18.9923 16.7373 19.3896 14.5148 20.184 12.1805C20.9785 9.84622 22.0832 7.61127 23.4984 5.47564C24.9135 3.34001 26.5769 1.5148 28.4885 0L34 3.94842C32.4856 6.15855 31.1946 8.468 30.1271 10.8768C29.0595 13.2856 28.5257 15.9054 28.5257 18.7364V26H18.9923Z' fill='%23000' /%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--focus-blue);
  width: 34px;
  height: 26px;
}
.post-content blockquote::after {
  content: "";
  position: absolute;
  right: -6px;
  bottom: -14px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='34' height='26' viewBox='0 0 34 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0033 0V7.15186C15.0033 9.26266 14.6052 11.4852 13.809 13.8195C13.0377 16.1289 11.9429 18.3515 10.5247 20.4871C9.10648 22.6227 7.43944 24.4604 5.5236 26L0 22.0516C1.46798 19.916 2.73692 17.6437 3.8068 15.235C4.90157 12.8262 5.44896 10.1691 5.44896 7.26361V0H15.0033ZM34 0V7.15186C34 9.26266 33.6019 11.4852 32.8057 13.8195C32.0344 16.1289 30.9396 18.3515 29.5214 20.4871C28.1032 22.6227 26.4361 24.4604 24.5203 26L18.9967 22.0516C20.4647 19.916 21.7336 17.6437 22.8035 15.235C23.8983 12.8262 24.4457 10.1691 24.4457 7.26361V0H34Z' fill='%23000' /%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='34' height='26' viewBox='0 0 34 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0033 0V7.15186C15.0033 9.26266 14.6052 11.4852 13.809 13.8195C13.0377 16.1289 11.9429 18.3515 10.5247 20.4871C9.10648 22.6227 7.43944 24.4604 5.5236 26L0 22.0516C1.46798 19.916 2.73692 17.6437 3.8068 15.235C4.90157 12.8262 5.44896 10.1691 5.44896 7.26361V0H15.0033ZM34 0V7.15186C34 9.26266 33.6019 11.4852 32.8057 13.8195C32.0344 16.1289 30.9396 18.3515 29.5214 20.4871C28.1032 22.6227 26.4361 24.4604 24.5203 26L18.9967 22.0516C20.4647 19.916 21.7336 17.6437 22.8035 15.235C23.8983 12.8262 24.4457 10.1691 24.4457 7.26361V0H34Z' fill='%23000' /%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--focus-blue);
  width: 34px;
  height: 26px;
}
.post-content .wp-block-inscale-image-block {
  margin: 40px auto;
}
.post-content .wp-block-inscale-image-block img {
  border-radius: 10px;
}
.post-content .inscale-image-lazy {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  background-color: var(--loading-bg);
}
.post-content .inscale-image-lazy:not([style*=aspect-ratio]):not([data-reserved]):not(:has(.lazy-loaded)) {
  min-height: 200px;
}
.post-content .inscale-image-lazy:has(.lazy-loaded)::before, .post-content .inscale-image-lazy:has(img[data-skip-skeleton])::before {
  display: none;
}
.post-content .inscale-image-lazy:has(.lazy-loaded), .post-content .inscale-image-lazy:has(img[data-skip-skeleton]) {
  background-color: transparent;
}
.post-content .inscale-image-lazy img {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 2;
  position: relative;
}
.post-content .inscale-image-lazy img.lazy-loaded, .post-content .inscale-image-lazy img[data-skip-skeleton] {
  opacity: 1;
}
.post-content figcaption {
  text-align: center;
  font-size: 15px;
  color: var(--font-light-2);
  margin-top: 6px;
  line-height: 140%;
}
.post-content figure {
  margin: 17px 0px 12px 0px;
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
  font-size: 15px;
  color: var(--font-light-2);
}
.post-content figure p, .post-content figure span {
  margin: 0;
}
.post-content figure a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.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%;
  border: 1px solid var(--base-border);
  border-radius: 10px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--base-border) transparent;
}
.post-content .wp-block-table::-webkit-scrollbar {
  height: 4px;
  width: 4px;
  background: transparent;
}
.post-content .wp-block-table::-webkit-scrollbar-track {
  background: transparent;
}
.post-content .wp-block-table::-webkit-scrollbar-thumb {
  background: var(--base-border);
  border-radius: 10px;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.post-content .wp-block-table::-webkit-scrollbar-thumb:hover {
  background: var(--font-light-1);
}
.post-content .wp-block-table table {
  border: 0;
}
.post-content .table {
  border: 1px solid var(--base-border);
}
.post-content table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 10px;
  overflow-x: auto;
}
.post-content th {
  background-color: var(--base-3);
  font-weight: 600;
  padding: 12px 15px;
  text-align: left;
  border: 1px solid var(--base-border);
  white-space: normal;
  overflow-wrap: break-word;
}
.post-content tr {
  border-bottom: 1px solid var(--base-border);
}
.post-content tr:last-child {
  border-bottom: 0px;
}
.post-content tr td {
  border-right: 1px solid var(--base-border);
}
.post-content tr td:last-child {
  border-right: 0px;
}
.post-content td {
  padding: 12px 15px;
  background: var(--base-3);
  font-size: 16px;
  color: var(--font-secondary);
  overflow-wrap: break-word;
  word-break: normal;
}
.post-content td.has-text-align-center {
  text-align: center;
}
.post-content td.has-text-align-right {
  text-align: right;
}
.post-content hr {
  border: 0;
  height: 1px;
  background: var(--divide-line);
  margin: 23px 0 18px 0px;
}
.post-content .wp-block-table figcaption {
  margin-top: 0px;
}
.post-content .wp-block-inscale-slideshow-block {
  margin: 35px auto 35px auto;
  border-radius: 0;
  overflow: visible;
  text-align: left;
  font-size: inherit;
  color: inherit;
}

/* AUTHOR INFO */
.post-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--base-4);
  padding: 15px 20px;
  padding-right: 15px;
  -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: 15px;
  margin-top: 18px;
  border: 1px solid var(--base-border);
}
.post-author__info a {
  color: var(--font-primary);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-weight: 600;
}
.post-author__info a:hover {
  color: var(--font-blue);
}
.post-author__info span {
  color: var(--font-light-1);
}
.post-author__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 9px;
}
.post-author__left p {
  font-size: 16px;
}
.post-author__left span {
  display: block;
  color: var(--font-light-2);
  font-weight: 500;
  font-size: 12px;
  margin-top: 4px;
}
.post-author__image {
  width: 40px;
  height: 40px;
  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: 5px;
}
.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: 30px;
  height: 30px;
  font-size: 13px;
  border: 1px solid var(--base-border);
  border-radius: 8px;
  position: relative;
  background: var(--base-3);
  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;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--icon-secondary);
}
.post-author__social.vk-link i {
  -webkit-mask-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='M19.749 6.29323C19.8749 5.8678 19.749 5.55469 19.1432 5.55469H17.1386C16.6281 5.55469 16.3932 5.82356 16.2673 6.12306C16.2673 6.12306 15.2463 8.61094 13.8033 10.2242C13.337 10.6904 13.1226 10.8402 12.8673 10.8402C12.7414 10.8402 12.5474 10.6904 12.5474 10.265V6.29323C12.5474 5.78272 12.4045 5.55469 11.9824 5.55469H8.83089C8.51097 5.55469 8.32038 5.79293 8.32038 6.01415C8.32038 6.49743 9.0419 6.60974 9.11678 7.9711V10.9253C9.11678 11.5719 9.00106 11.691 8.7458 11.691C8.06512 11.691 6.41107 9.19292 5.43089 6.33407C5.23349 5.77931 5.0395 5.55469 4.52559 5.55469H2.52098C1.94921 5.55469 1.8335 5.82356 1.8335 6.12306C1.8335 6.65399 2.51418 9.29162 5.00206 12.7767C6.65952 15.1557 8.99425 16.4456 11.118 16.4456C12.3943 16.4456 12.5508 16.1597 12.5508 15.6662C12.5508 13.3927 12.4351 13.1783 13.0749 13.1783C13.371 13.1783 13.8815 13.3281 15.0727 14.475C16.4341 15.8364 16.6587 16.4456 17.4211 16.4456H19.4257C19.9975 16.4456 20.2867 16.1597 20.12 15.5947C19.7388 14.4069 17.1624 11.9633 17.0467 11.7999C16.7506 11.4187 16.8357 11.2486 17.0467 10.9082C17.0501 10.9048 19.4972 7.46059 19.749 6.29323Z' fill='%23000' /%3E%3C/svg%3E");
  mask-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='M19.749 6.29323C19.8749 5.8678 19.749 5.55469 19.1432 5.55469H17.1386C16.6281 5.55469 16.3932 5.82356 16.2673 6.12306C16.2673 6.12306 15.2463 8.61094 13.8033 10.2242C13.337 10.6904 13.1226 10.8402 12.8673 10.8402C12.7414 10.8402 12.5474 10.6904 12.5474 10.265V6.29323C12.5474 5.78272 12.4045 5.55469 11.9824 5.55469H8.83089C8.51097 5.55469 8.32038 5.79293 8.32038 6.01415C8.32038 6.49743 9.0419 6.60974 9.11678 7.9711V10.9253C9.11678 11.5719 9.00106 11.691 8.7458 11.691C8.06512 11.691 6.41107 9.19292 5.43089 6.33407C5.23349 5.77931 5.0395 5.55469 4.52559 5.55469H2.52098C1.94921 5.55469 1.8335 5.82356 1.8335 6.12306C1.8335 6.65399 2.51418 9.29162 5.00206 12.7767C6.65952 15.1557 8.99425 16.4456 11.118 16.4456C12.3943 16.4456 12.5508 16.1597 12.5508 15.6662C12.5508 13.3927 12.4351 13.1783 13.0749 13.1783C13.371 13.1783 13.8815 13.3281 15.0727 14.475C16.4341 15.8364 16.6587 16.4456 17.4211 16.4456H19.4257C19.9975 16.4456 20.2867 16.1597 20.12 15.5947C19.7388 14.4069 17.1624 11.9633 17.0467 11.7999C16.7506 11.4187 16.8357 11.2486 17.0467 10.9082C17.0501 10.9048 19.4972 7.46059 19.749 6.29323Z' fill='%23000' /%3E%3C/svg%3E");
}
.post-author__social.instagram-link i {
  -webkit-mask-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='M11.0018 6.77262C8.66074 6.77262 6.77239 8.66096 6.77239 11.0021C6.77239 13.3432 8.66074 15.2315 11.0018 15.2315C13.3429 15.2315 15.2313 13.3432 15.2313 11.0021C15.2313 8.66096 13.3429 6.77262 11.0018 6.77262ZM11.0018 13.7518C9.48896 13.7518 8.25215 12.5186 8.25215 11.0021C8.25215 9.4855 9.48528 8.25237 11.0018 8.25237C12.5184 8.25237 13.7515 9.4855 13.7515 11.0021C13.7515 12.5186 12.5147 13.7518 11.0018 13.7518ZM16.3908 6.59961C16.3908 7.14808 15.9491 7.58612 15.4043 7.58612C14.8558 7.58612 14.4178 7.1444 14.4178 6.59961C14.4178 6.05483 14.8595 5.61311 15.4043 5.61311C15.9491 5.61311 16.3908 6.05483 16.3908 6.59961ZM19.192 7.60084C19.1294 6.27937 18.8276 5.10881 17.8595 4.1444C16.8951 3.17998 15.7245 2.87814 14.4031 2.81188C13.0411 2.73458 8.9589 2.73458 7.59693 2.81188C6.27914 2.87446 5.10859 3.1763 4.14049 4.14072C3.17239 5.10513 2.87423 6.27569 2.80798 7.59716C2.73067 8.95912 2.73067 13.0413 2.80798 14.4033C2.87055 15.7248 3.17239 16.8953 4.14049 17.8597C5.10859 18.8242 6.27546 19.126 7.59693 19.1922C8.9589 19.2696 13.0411 19.2696 14.4031 19.1922C15.7245 19.1297 16.8951 18.8278 17.8595 17.8597C18.8239 16.8953 19.1258 15.7248 19.192 14.4033C19.2693 13.0413 19.2693 8.9628 19.192 7.60084ZM17.4325 15.8646C17.1454 16.5861 16.5896 17.1419 15.8644 17.4327C14.7785 17.8634 12.2018 17.764 11.0018 17.764C9.80184 17.764 7.22147 17.8597 6.13926 17.4327C5.41779 17.1456 4.86196 16.5898 4.57117 15.8646C4.14049 14.7788 4.23988 12.2021 4.23988 11.0021C4.23988 9.80207 4.14417 7.2217 4.57117 6.13949C4.85828 5.41802 5.41411 4.86219 6.13926 4.57139C7.22515 4.14072 9.80184 4.2401 11.0018 4.2401C12.2018 4.2401 14.7822 4.1444 15.8644 4.57139C16.5859 4.85851 17.1417 5.41434 17.4325 6.13949C17.8632 7.22538 17.7638 9.80207 17.7638 11.0021C17.7638 12.2021 17.8632 14.7824 17.4325 15.8646Z' fill='%23000' /%3E%3C/svg%3E");
  mask-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='M11.0018 6.77262C8.66074 6.77262 6.77239 8.66096 6.77239 11.0021C6.77239 13.3432 8.66074 15.2315 11.0018 15.2315C13.3429 15.2315 15.2313 13.3432 15.2313 11.0021C15.2313 8.66096 13.3429 6.77262 11.0018 6.77262ZM11.0018 13.7518C9.48896 13.7518 8.25215 12.5186 8.25215 11.0021C8.25215 9.4855 9.48528 8.25237 11.0018 8.25237C12.5184 8.25237 13.7515 9.4855 13.7515 11.0021C13.7515 12.5186 12.5147 13.7518 11.0018 13.7518ZM16.3908 6.59961C16.3908 7.14808 15.9491 7.58612 15.4043 7.58612C14.8558 7.58612 14.4178 7.1444 14.4178 6.59961C14.4178 6.05483 14.8595 5.61311 15.4043 5.61311C15.9491 5.61311 16.3908 6.05483 16.3908 6.59961ZM19.192 7.60084C19.1294 6.27937 18.8276 5.10881 17.8595 4.1444C16.8951 3.17998 15.7245 2.87814 14.4031 2.81188C13.0411 2.73458 8.9589 2.73458 7.59693 2.81188C6.27914 2.87446 5.10859 3.1763 4.14049 4.14072C3.17239 5.10513 2.87423 6.27569 2.80798 7.59716C2.73067 8.95912 2.73067 13.0413 2.80798 14.4033C2.87055 15.7248 3.17239 16.8953 4.14049 17.8597C5.10859 18.8242 6.27546 19.126 7.59693 19.1922C8.9589 19.2696 13.0411 19.2696 14.4031 19.1922C15.7245 19.1297 16.8951 18.8278 17.8595 17.8597C18.8239 16.8953 19.1258 15.7248 19.192 14.4033C19.2693 13.0413 19.2693 8.9628 19.192 7.60084ZM17.4325 15.8646C17.1454 16.5861 16.5896 17.1419 15.8644 17.4327C14.7785 17.8634 12.2018 17.764 11.0018 17.764C9.80184 17.764 7.22147 17.8597 6.13926 17.4327C5.41779 17.1456 4.86196 16.5898 4.57117 15.8646C4.14049 14.7788 4.23988 12.2021 4.23988 11.0021C4.23988 9.80207 4.14417 7.2217 4.57117 6.13949C4.85828 5.41802 5.41411 4.86219 6.13926 4.57139C7.22515 4.14072 9.80184 4.2401 11.0018 4.2401C12.2018 4.2401 14.7822 4.1444 15.8644 4.57139C16.5859 4.85851 17.1417 5.41434 17.4325 6.13949C17.8632 7.22538 17.7638 9.80207 17.7638 11.0021C17.7638 12.2021 17.8632 14.7824 17.4325 15.8646Z' fill='%23000' /%3E%3C/svg%3E");
}
.post-author__social.google-link i {
  -webkit-mask-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%3Cg clip-path='url(%23clip0_7383_57018)'%3E%3Cpath d='M1.52128 11.135C1.40327 8.00619 4.12472 5.11477 7.23483 5.07726C8.81998 4.94111 10.3621 5.561 11.5617 6.57202C11.0697 7.11689 10.569 7.65545 10.0342 8.15965C8.9781 7.51353 7.7066 7.02114 6.47235 7.45844C4.4816 8.02928 3.27601 10.3963 4.0127 12.3575C4.62279 14.4058 7.09677 15.5299 9.03567 14.6694C10.0396 14.3074 10.7016 13.3745 10.992 12.3722C9.8414 12.3491 8.69051 12.3635 7.53988 12.3315C7.53701 11.6421 7.53415 10.9553 7.53701 10.2659C9.45586 10.263 11.3776 10.2573 13.2993 10.2746C13.4173 11.9637 13.1698 13.7715 12.0794 15.1272C10.5862 17.0624 7.82747 17.6304 5.58326 16.8712C3.20151 16.0834 1.46944 13.667 1.52128 11.135ZM17.0395 8.52744H18.751C18.7542 9.10405 18.7596 9.68354 18.7628 10.2599C19.3351 10.2657 19.9105 10.2685 20.4831 10.2714V11.9981L18.7628 12.0067C18.757 12.5862 18.7542 13.1626 18.751 13.7421C18.1787 13.7392 17.6059 13.7421 17.0364 13.7421C17.0309 13.1626 17.0309 12.5862 17.025 12.0096C16.4526 12.0036 15.8772 12.001 15.3046 11.9978V10.2712C15.8772 10.2683 16.4498 10.2654 17.025 10.2596C17.0278 9.68354 17.0335 9.10405 17.0395 8.52744Z' fill='%23000' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7383_57018'%3E%3Crect width='22' height='22' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  mask-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%3Cg clip-path='url(%23clip0_7383_57018)'%3E%3Cpath d='M1.52128 11.135C1.40327 8.00619 4.12472 5.11477 7.23483 5.07726C8.81998 4.94111 10.3621 5.561 11.5617 6.57202C11.0697 7.11689 10.569 7.65545 10.0342 8.15965C8.9781 7.51353 7.7066 7.02114 6.47235 7.45844C4.4816 8.02928 3.27601 10.3963 4.0127 12.3575C4.62279 14.4058 7.09677 15.5299 9.03567 14.6694C10.0396 14.3074 10.7016 13.3745 10.992 12.3722C9.8414 12.3491 8.69051 12.3635 7.53988 12.3315C7.53701 11.6421 7.53415 10.9553 7.53701 10.2659C9.45586 10.263 11.3776 10.2573 13.2993 10.2746C13.4173 11.9637 13.1698 13.7715 12.0794 15.1272C10.5862 17.0624 7.82747 17.6304 5.58326 16.8712C3.20151 16.0834 1.46944 13.667 1.52128 11.135ZM17.0395 8.52744H18.751C18.7542 9.10405 18.7596 9.68354 18.7628 10.2599C19.3351 10.2657 19.9105 10.2685 20.4831 10.2714V11.9981L18.7628 12.0067C18.757 12.5862 18.7542 13.1626 18.751 13.7421C18.1787 13.7392 17.6059 13.7421 17.0364 13.7421C17.0309 13.1626 17.0309 12.5862 17.025 12.0096C16.4526 12.0036 15.8772 12.001 15.3046 11.9978V10.2712C15.8772 10.2683 16.4498 10.2654 17.025 10.2596C17.0278 9.68354 17.0335 9.10405 17.0395 8.52744Z' fill='%23000' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7383_57018'%3E%3Crect width='22' height='22' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.post-author__social.youtube-link i {
  -webkit-mask-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='M19.7837 6.57163C19.5729 5.77772 18.9517 5.15246 18.1629 4.94026C16.7332 4.55469 11.0002 4.55469 11.0002 4.55469C11.0002 4.55469 5.2672 4.55469 3.83745 4.94026C3.04867 5.15249 2.42744 5.77772 2.21659 6.57163C1.8335 8.01065 1.8335 11.013 1.8335 11.013C1.8335 11.013 1.8335 14.0154 2.21659 15.4544C2.42744 16.2483 3.04867 16.8475 3.83745 17.0597C5.2672 17.4453 11.0002 17.4453 11.0002 17.4453C11.0002 17.4453 16.7331 17.4453 18.1629 17.0597C18.9517 16.8475 19.5729 16.2483 19.7837 15.4544C20.1668 14.0154 20.1668 11.013 20.1668 11.013C20.1668 11.013 20.1668 8.01065 19.7837 6.57163ZM9.12515 13.7389V8.28709L13.9168 11.0131L9.12515 13.7389Z' fill='%23000' /%3E%3C/svg%3E");
  mask-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='M19.7837 6.57163C19.5729 5.77772 18.9517 5.15246 18.1629 4.94026C16.7332 4.55469 11.0002 4.55469 11.0002 4.55469C11.0002 4.55469 5.2672 4.55469 3.83745 4.94026C3.04867 5.15249 2.42744 5.77772 2.21659 6.57163C1.8335 8.01065 1.8335 11.013 1.8335 11.013C1.8335 11.013 1.8335 14.0154 2.21659 15.4544C2.42744 16.2483 3.04867 16.8475 3.83745 17.0597C5.2672 17.4453 11.0002 17.4453 11.0002 17.4453C11.0002 17.4453 16.7331 17.4453 18.1629 17.0597C18.9517 16.8475 19.5729 16.2483 19.7837 15.4544C20.1668 14.0154 20.1668 11.013 20.1668 11.013C20.1668 11.013 20.1668 8.01065 19.7837 6.57163ZM9.12515 13.7389V8.28709L13.9168 11.0131L9.12515 13.7389Z' fill='%23000' /%3E%3C/svg%3E");
}
.post-author__social.email-link i {
  -webkit-mask-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='M14.6667 11C14.6667 13.0249 13.0249 14.6667 11 14.6667C8.97508 14.6667 7.33333 13.0249 7.33333 11C7.33333 8.97508 8.97508 7.33333 11 7.33333V7.33333C13.0249 7.33333 14.6667 8.97508 14.6667 11V12.375C14.6667 13.6409 15.6924 14.6667 16.9583 14.6667C18.2243 14.6667 19.25 13.6409 19.25 12.375V11C19.25 6.44325 15.5568 2.75 11 2.75C6.44325 2.75 2.75 6.44325 2.75 11C2.75 15.5568 6.44325 19.25 11 19.25C12.0533 19.25 13.1239 19.0502 14.157 18.6221C14.7143 18.3911 15.2295 18.1014 15.7053 17.7705' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  mask-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='M14.6667 11C14.6667 13.0249 13.0249 14.6667 11 14.6667C8.97508 14.6667 7.33333 13.0249 7.33333 11C7.33333 8.97508 8.97508 7.33333 11 7.33333V7.33333C13.0249 7.33333 14.6667 8.97508 14.6667 11V12.375C14.6667 13.6409 15.6924 14.6667 16.9583 14.6667C18.2243 14.6667 19.25 13.6409 19.25 12.375V11C19.25 6.44325 15.5568 2.75 11 2.75C6.44325 2.75 2.75 6.44325 2.75 11C2.75 15.5568 6.44325 19.25 11 19.25C12.0533 19.25 13.1239 19.0502 14.157 18.6221C14.7143 18.3911 15.2295 18.1014 15.7053 17.7705' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}

.post-slider {
  position: relative;
}
.post-slider .swiper {
  aspect-ratio: 1000/546;
  border-radius: 10px;
  overflow: hidden;
}
.post-slider .swiper-slide {
  background-color: var(--loading-bg);
  position: relative;
}
.post-slider .swiper-slide:has(.swiper-lazy-loaded) {
  background-color: transparent;
}
.post-slider .swiper-slide:has(.swiper-lazy-loaded)::before {
  display: none;
}
.post-slider-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.post-slider-image.swiper-lazy-loaded {
  opacity: 1;
}
.post-slider .arrow {
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  z-index: 10;
  margin: auto;
  background: var(--base-3);
}
.post-slider .arrow.arrow-next {
  right: 20px;
  left: auto;
}
.post-slider-pagination {
  margin: 19px auto 0 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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.post-slider-pagination .swiper-pagination-bullet {
  background: var(--font-secondary);
}
.post-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--font-yellow);
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}
.post-slider-pagination:not(.swiper-pagination-bullets-dynamic):not([class*=swiper-pagination-clickable]) .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  -webkit-animation: skeleton-pulse 1.5s ease-in-out infinite;
          animation: skeleton-pulse 1.5s ease-in-out infinite;
}

@media (max-width: 980px) {
  .post-toc {
    display: block;
  }
  .post-toc__title {
    display: block;
  }
  .post-toc-mobile {
    display: none;
  }
  .post-toc-mobile.is-ready {
    display: block;
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: 70px;
    z-index: 9000;
    padding: 0;
    background: var(--base-3);
    border: 1px solid var(--base-border);
    border-radius: 12px;
    font-size: 14px;
    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.25);
    will-change: transform, opacity;
    -webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
    transition: opacity 0.25s, -webkit-transform 0.25s;
    transition: opacity 0.25s, transform 0.25s;
    transition: opacity 0.25s, transform 0.25s, -webkit-transform 0.25s;
  }
  .post-toc-mobile.is-ready .post-toc__title, .post-toc-mobile.is-ready .post-toc__skeleton, .post-toc-mobile.is-ready .post-toc__list {
    display: none;
  }
  .post-toc-mobile.is-out-of-scope {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  .post-toc-mobile.is-open .post-toc-mobile__bar-arrow {
    display: none;
  }
  .post-toc-mobile.is-open .post-toc-mobile__bar-close {
    display: block;
  }
  .post-toc-mobile__bar {
    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: 13px 16px;
    color: var(--font-yellow);
    font-weight: 500;
    line-height: 140%;
    cursor: pointer;
    min-height: 48px;
  }
  .post-toc-mobile__bar.is-empty {
    color: var(--font-primary);
  }
  .post-toc-mobile__bar-text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .post-toc-mobile__bar-arrow, .post-toc-mobile__bar-close {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 20px;
    height: 20px;
    display: block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: center;
    mask-position: center;
    background-image: none;
    background-color: var(--icon-secondary);
  }
  .post-toc-mobile__bar-arrow {
    -webkit-mask-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='M5 12.5L10 7.5L15 12.5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            mask-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='M5 12.5L10 7.5L15 12.5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .post-toc-mobile__bar-close {
    display: none;
    -webkit-mask-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 5L5 15M5 5L15 15' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            mask-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 5L5 15M5 5L15 15' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .post-toc-mobile__overlay {
    display: none;
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: 144px;
    max-height: calc(100vh - 160px);
    z-index: 9000;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: var(--base-3);
    border: 1px solid var(--base-border);
    border-radius: 12px;
    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.25);
  }
  .post-toc-mobile__overlay.is-visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .post-toc-mobile__overlay.is-out-of-scope {
    display: none;
  }
  .post-toc-mobile__overlay-title {
    margin: 0 12px 2px 0;
    color: var(--font-secondary);
    font-size: 14px;
    font-weight: 500;
    padding: 20px 0px 0px 20px;
  }
  .post-toc-mobile__overlay-scroll {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow-y: auto;
    padding-right: 12px;
    padding-bottom: 20px;
  }
  .post-toc-mobile__overlay-scroll::-webkit-scrollbar {
    width: 4px;
    background: transparent;
  }
  .post-toc-mobile__overlay-scroll::-webkit-scrollbar-track {
    background: transparent;
    margin: 4px 0;
  }
  .post-toc-mobile__overlay-scroll::-webkit-scrollbar-thumb {
    background: var(--base-border);
    border-radius: 10px;
  }
  .post-toc-mobile__overlay-scroll::-webkit-scrollbar-thumb:hover {
    background: var(--font-light-1);
  }
  .post-toc-mobile__overlay .post-toc__list {
    margin-top: 0;
  }
  .post-toc-mobile__overlay .post-toc__list li {
    padding-left: 20px;
    margin-top: 14px;
  }
  .post-toc-mobile__overlay .post-toc__list a {
    max-height: 100%;
    overflow: visible;
    white-space: normal;
    padding-left: 0;
    font-size: 14px;
  }
  .post-toc-mobile__overlay .post-toc__list a::before {
    left: -20px;
  }
  .post-toc-mobile__overlay .post-toc__list ul a::before {
    left: -40px;
  }
  .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;
  }
  .post-toc-mobile__backdrop {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    z-index: 8999;
  }
  .post-toc-mobile__backdrop.is-visible {
    display: block;
    -webkit-animation: post-toc-mobile-fade-in 0.25s ease;
            animation: post-toc-mobile-fade-in 0.25s ease;
  }
}
@-webkit-keyframes post-toc-mobile-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes post-toc-mobile-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .post-wrap {
    padding: 25px 15px;
    width: calc(100% + 20px);
    margin-left: -10px;
    border-radius: 0px;
  }
  .post-meta-desktop {
    display: none;
  }
  .post-meta-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    margin-top: 15px;
    border-top: 1px solid var(--base-border);
  }
  .post-meta-mobile .article__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .post-meta-mobile .article__row .circle-indicator::before {
    display: inline-block;
  }
  .post__title, .post-content h1 {
    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 .wp-block-table {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  .post-content table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    scrollbar-width: thin;
    scrollbar-color: var(--base-border) transparent;
  }
  .post-content table::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    background: transparent;
  }
  .post-content table::-webkit-scrollbar-track {
    background: transparent;
  }
  .post-content table::-webkit-scrollbar-thumb {
    background: var(--base-border);
    border-radius: 10px;
  }
  .post-content table::-webkit-scrollbar-thumb:hover {
    background: var(--font-light-1);
  }
  .post-content th, .post-content td {
    font-size: 14px;
    line-height: 140%;
    white-space: nowrap;
    min-width: 110px;
    padding: 10px 12px;
  }
  .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;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .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;
  }
}