@charset "UTF-8";
/* stylelint-disable */
/*! 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 {
  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;
}

/**
* 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 */
}

/**
* 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 */
}

/**
* 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 {
  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] {
  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;
}

/* stylelint-disable */
/**
 * Swiper 5.3.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 29, 2020
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper-notification {
  display: none !important;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}

[data-tab=parent].no-transition [data-tab=content],
[data-tab=parent].no-transition [data-tab=element] {
  transition: none;
}

[data-tab=content] {
  position: relative;
  transition: height 0.3s;
}

[data-tab=element] {
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease-in;
  pointer-events: none;
}

[data-tab=element].is-active {
  z-index: 1;
  opacity: 1;
  pointer-events: inherit;
}

@font-face {
  font-family: "Logo font";
  src: url("/fonts/symbl/SYMBL.woff2") format("woff2"), url("/fonts/symbl/SYMBL.woff") format("woff");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Vitesco W05 Roman";
  src: url("/fonts/HelveticaNeueRegular.woff2") format("woff2"), url("/fonts/HelveticaNeueRegular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Helvetica Neue World W05_75 Bd";
  src: url("/fonts/HelveticaNeueBold.woff2") format("woff2"), url("/fonts/HelveticaNeueBold.woff") format("woff");
  text-rendering: optimizeLegibility;
  font-weight: 700;
  font-style: normal;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

*::-moz-selection {
  color: #ffffff;
  background: #000000;
}

*::selection {
  color: #ffffff;
  background: #000000;
}

html {
  box-sizing: border-box;
  font-size: 0.8337675873vw;
  line-height: 1.2506513809vw;
  scroll-padding-top: var(--sticky-header-height, 0);
  scroll-behavior: smooth;
}
@media (max-width: 1919px) {
  html {
    font-size: 16px;
    line-height: 18px;
  }
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  width: 100%;
  height: 100%;
  font-style: normal;
  font-weight: 400;
  font-family: "Helvetica Neue", "Vitesco W05 Roman", Helvetica, Arial, sans-serif;
  color: #000000;
  overscroll-behavior: none;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-y: scroll;
}
@media (max-width: 1919px) {
  body {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1599px) {
  body {
    font-size: 14px;
    line-height: 22px;
  }
}

a {
  color: #000000;
  text-decoration: none;
}

button {
  color: #000000;
}

a[data-label]:not([data-char-popup-item]),
button[data-label]:not([data-char-popup-item]),
[data-label]:not([data-char-popup-item]) {
  position: relative;
}
@media (min-width: 1024px) {
  a[data-label]:not([data-char-popup-item]):after,
  button[data-label]:not([data-char-popup-item]):after,
  [data-label]:not([data-char-popup-item]):after {
    content: attr(data-label);
    position: absolute;
    top: 110%;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.25rem 0.375rem;
    border-radius: 0.125rem;
    white-space: nowrap;
    background-color: #000000;
    color: #ffffff;
    font-family: "Helvetica Neue", "Vitesco W05 Roman", Helvetica, Arial, sans-serif;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
    font-size: 0.75rem;
    line-height: 1;
    z-index: 4;
    letter-spacing: 0.02em;
  }
  a[data-label]:not([data-char-popup-item]):hover:after,
  button[data-label]:not([data-char-popup-item]):hover:after,
  [data-label]:not([data-char-popup-item]):hover:after {
    opacity: 1;
    transition: opacity 0.2s 0.5s;
  }
}

img,
video {
  display: block;
  max-width: 100%;
  height: auto;
}

textarea {
  resize: none;
}

input:-webkit-autofill {
  box-shadow: inset 0 0 0 1000px #ffffff;
  -webkit-text-fill-color: #000000;
}

input,
textarea {
  border-radius: 0;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
}
input:invalid,
textarea:invalid {
  box-shadow: none;
}

select {
  border-radius: 0;
}

input::-ms-clear, input::-ms-reveal {
  display: none;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
          appearance: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
          appearance: none;
}

input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

select,
textarea,
input:matches([type=email],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=url]) {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.scroll-lock-ios {
  position: fixed;
  overflow: hidden;
}

.scroll-lock {
  overflow: hidden;
}

.wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  /* stylelint-disable-next-line */
  min-height: calc(100 * var(--vh, 1vh));
}
.wrapper--no-scrollbar {
  height: 100vh;
  /* stylelint-disable-next-line */
  height: calc(100 * var(--vh, 1vh));
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.wrapper--no-scrollbar::-webkit-scrollbar {
  display: none;
}
.wrapper .header,
.wrapper .footer {
  flex-shrink: 0;
}
.wrapper main {
  flex-grow: 1;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: none;
  clip: rect(0 0 0 0);
}

.no-transition {
  /* stylelint-disable-next-line */
  transition: none !important;
}

.rouble {
  font-family: "Rouble", "Arial", sans-serif;
  /* stylelint-disable */
  text-transform: lowercase !important;
  font-weight: 400 !important;
  /* stylelint-enable */
}

@keyframes disableBreakpointAnimation {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  100% {
    visibility: hidden;
    opacity: 0;
  }
}
.container {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 0px;
}
@media (max-width: 1023px) {
  .container {
    padding: 0 24px;
  }
}
@media (max-width: 767px) {
  .container {
    padding: 0 16px;
  }
}
@media (max-width: 767px) {
  .container--no-padding {
    padding: 0;
  }
}

.header {
  padding-top: 2.5rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
@media (max-width: 1919px) {
  .header {
    padding-top: 53px;
  }
}
@media (max-width: 1599px) {
  .header {
    padding-top: 20px;
  }
}
@media (max-width: 1023px) {
  .header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 0;
    position: relative;
  }
}
.header__logo-block {
  font-size: calc(0.67 * var(--main-page-title));
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  font-family: "Logo font", "Arial", sans-serif;
  margin-bottom: 0.9375rem;
  display: flex;
  flex-direction: column;
  gap: 0.4375rem;
  transform-origin: left center;
  transform: scale(var(--title-scale, 1));
  opacity: 0;
}
.header__logo-block.is-shown {
  opacity: 1;
}
@media (max-width: 1599px) {
  .header__logo-block {
    font-size: 65px;
    gap: 6px;
  }
}
@media (max-width: 1023px) {
  .header__logo-block {
    font-size: 30px;
    gap: 2px;
  }
}
.header__logo-text {
  margin: 0;
  font-size: var(--main-page-title, 7.125rem);
  line-height: 1;
  font-weight: 400;
}
.header__search {
  margin-top: 2.5rem;
  height: auto;
  min-width: 100%;
}
@media (max-width: 1599px) {
  .header__search {
    margin-top: 32px;
  }
}
@media (max-width: 1023px) {
  .header__search {
    margin-top: 24px;
  }
}
.header__text {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 125%;
  letter-spacing: -0.01em;
  margin: 0;
}
@media (max-width: 1599px) {
  .header__text {
    font-size: 20px;
    line-height: 120%;
  }
}
@media (max-width: 767px) {
  .header__text {
    font-size: 18px;
    line-height: 120%;
    letter-spacing: normal;
  }
}
@media (max-width: 1023px) {
  .header__text {
    font-size: 16px;
    line-height: 140%;
  }
}
.header__text-highlight {
  position: relative;
}
.header__text-highlight::before {
  content: "";
  position: absolute;
  top: 0;
  left: -0.375rem;
  width: calc(100% + 0.5rem);
  height: 100%;
  background-color: #E9FF70;
  z-index: -1;
}

:root:has(.header--en) {
  --main-page-title: 7.125rem;
}
@media (max-width: 1919px) {
  :root:has(.header--en) {
    --main-page-title: 109.6816976127px;
  }
}
@media (max-width: 1599px) {
  :root:has(.header--en) {
    --main-page-title: 97.7453580902px;
  }
}
@media (max-width: 1439px) {
  :root:has(.header--en) {
    --main-page-title: 90.1856763926px;
  }
}
@media (max-width: 1279px) {
  :root:has(.header--en) {
    --main-page-title: 81.6976127321px;
  }
}
@media (max-width: 1023px) {
  :root:has(.header--en) {
    --main-page-title: 44.5623342175px;
  }
}

:root:has(.header--de) {
  --main-page-title: 6.25rem;
}
@media (max-width: 1919px) {
  :root:has(.header--de) {
    --main-page-title: 95.0574712644px;
  }
}
@media (max-width: 1599px) {
  :root:has(.header--de) {
    --main-page-title: 84.7126436782px;
  }
}
@media (max-width: 1439px) {
  :root:has(.header--de) {
    --main-page-title: 78.1609195402px;
  }
}
@media (max-width: 1279px) {
  :root:has(.header--de) {
    --main-page-title: 70.8045977011px;
  }
}
@media (max-width: 1023px) {
  :root:has(.header--de) {
    --main-page-title: 38.6206896552px;
  }
}

:root:has(.header--es) {
  --main-page-title: 5.3125rem;
}
@media (max-width: 1919px) {
  :root:has(.header--es) {
    --main-page-title: 83.8742393509px;
  }
}
@media (max-width: 1599px) {
  :root:has(.header--es) {
    --main-page-title: 74.7464503043px;
  }
}
@media (max-width: 1439px) {
  :root:has(.header--es) {
    --main-page-title: 68.9655172414px;
  }
}
@media (max-width: 1279px) {
  :root:has(.header--es) {
    --main-page-title: 62.4746450304px;
  }
}
@media (max-width: 1023px) {
  :root:has(.header--es) {
    --main-page-title: 34.0770791075px;
  }
}

:root:has(.header--fr) {
  --main-page-title: 5.8125rem;
}
@media (max-width: 1919px) {
  :root:has(.header--fr) {
    --main-page-title: 89.1163793103px;
  }
}
@media (max-width: 1599px) {
  :root:has(.header--fr) {
    --main-page-title: 79.4181034483px;
  }
}
@media (max-width: 1439px) {
  :root:has(.header--fr) {
    --main-page-title: 73.275862069px;
  }
}
@media (max-width: 1279px) {
  :root:has(.header--fr) {
    --main-page-title: 66.3793103448px;
  }
}
@media (max-width: 1023px) {
  :root:has(.header--fr) {
    --main-page-title: 36.2068965517px;
  }
}

:root:has(.header--it) {
  --main-page-title: 5.8125rem;
}
@media (max-width: 1919px) {
  :root:has(.header--it) {
    --main-page-title: 83.8742393509px;
  }
}
@media (max-width: 1599px) {
  :root:has(.header--it) {
    --main-page-title: 74.7464503043px;
  }
}
@media (max-width: 1439px) {
  :root:has(.header--it) {
    --main-page-title: 68.9655172414px;
  }
}
@media (max-width: 1279px) {
  :root:has(.header--it) {
    --main-page-title: 62.4746450304px;
  }
}
@media (max-width: 1023px) {
  :root:has(.header--it) {
    --main-page-title: 34.0770791075px;
  }
}

:root:has(.header--pt) {
  --main-page-title: 5.5rem;
}
@media (max-width: 1919px) {
  :root:has(.header--pt) {
    --main-page-title: 83.8742393509px;
  }
}
@media (max-width: 1599px) {
  :root:has(.header--pt) {
    --main-page-title: 74.7464503043px;
  }
}
@media (max-width: 1439px) {
  :root:has(.header--pt) {
    --main-page-title: 68.9655172414px;
  }
}
@media (max-width: 1279px) {
  :root:has(.header--pt) {
    --main-page-title: 62.4746450304px;
  }
}
@media (max-width: 1023px) {
  :root:has(.header--pt) {
    --main-page-title: 34.0770791075px;
  }
}

:root:has(.header--pl) {
  --main-page-title: 7.0625rem;
}
@media (max-width: 1919px) {
  :root:has(.header--pl) {
    --main-page-title: 109.6816976127px;
  }
}
@media (max-width: 1599px) {
  :root:has(.header--pl) {
    --main-page-title: 97.7453580902px;
  }
}
@media (max-width: 1439px) {
  :root:has(.header--pl) {
    --main-page-title: 90.1856763926px;
  }
}
@media (max-width: 1279px) {
  :root:has(.header--pl) {
    --main-page-title: 81.6976127321px;
  }
}
@media (max-width: 1023px) {
  :root:has(.header--pl) {
    --main-page-title: 44.5623342175px;
  }
}

:root:has(.header--ru) {
  --main-page-title: 6.375rem;
}
@media (max-width: 1919px) {
  :root:has(.header--ru) {
    --main-page-title: 101.8472906404px;
  }
}
@media (max-width: 1599px) {
  :root:has(.header--ru) {
    --main-page-title: 90.763546798px;
  }
}
@media (max-width: 1439px) {
  :root:has(.header--ru) {
    --main-page-title: 83.7438423645px;
  }
}
@media (max-width: 1279px) {
  :root:has(.header--ru) {
    --main-page-title: 75.8620689655px;
  }
}
@media (max-width: 1023px) {
  :root:has(.header--ru) {
    --main-page-title: 41.3793103448px;
  }
}

:root:has(.header--tr) {
  --main-page-title: 6.375rem;
}
@media (max-width: 1919px) {
  :root:has(.header--tr) {
    --main-page-title: 95.0574712644px;
  }
}
@media (max-width: 1599px) {
  :root:has(.header--tr) {
    --main-page-title: 84.7126436782px;
  }
}
@media (max-width: 1439px) {
  :root:has(.header--tr) {
    --main-page-title: 78.1609195402px;
  }
}
@media (max-width: 1279px) {
  :root:has(.header--tr) {
    --main-page-title: 70.8045977011px;
  }
}
@media (max-width: 1023px) {
  :root:has(.header--tr) {
    --main-page-title: 38.6206896552px;
  }
}

:root:has(.header--cn) {
  --main-page-title: 7.5625rem;
}
@media (max-width: 1919px) {
  :root:has(.header--cn) {
    --main-page-title: 118.8218390805px;
  }
}
@media (max-width: 1599px) {
  :root:has(.header--cn) {
    --main-page-title: 105.8908045977px;
  }
}
@media (max-width: 1439px) {
  :root:has(.header--cn) {
    --main-page-title: 97.7011494253px;
  }
}
@media (max-width: 1279px) {
  :root:has(.header--cn) {
    --main-page-title: 88.5057471264px;
  }
}
@media (max-width: 1023px) {
  :root:has(.header--cn) {
    --main-page-title: 48.275862069px;
  }
}

:root:has(.header--th) {
  --main-page-title: 8.125rem;
}
@media (max-width: 1919px) {
  :root:has(.header--th) {
    --main-page-title: 142.5862068966px;
  }
}
@media (max-width: 1599px) {
  :root:has(.header--th) {
    --main-page-title: 127.0689655172px;
  }
}
@media (max-width: 1439px) {
  :root:has(.header--th) {
    --main-page-title: 117.2413793103px;
  }
}
@media (max-width: 1279px) {
  :root:has(.header--th) {
    --main-page-title: 106.2068965517px;
  }
}
@media (max-width: 1023px) {
  :root:has(.header--th) {
    --main-page-title: 57.9310344828px;
  }
}

:root:has(.header--hu) {
  --main-page-title: 5.9375rem;
}
@media (max-width: 1919px) {
  :root:has(.header--hu) {
    --main-page-title: 95.0574712644px;
  }
}
@media (max-width: 1599px) {
  :root:has(.header--hu) {
    --main-page-title: 84.7126436782px;
  }
}
@media (max-width: 1439px) {
  :root:has(.header--hu) {
    --main-page-title: 78.1609195402px;
  }
}
@media (max-width: 1279px) {
  :root:has(.header--hu) {
    --main-page-title: 70.8045977011px;
  }
}
@media (max-width: 1023px) {
  :root:has(.header--hu) {
    --main-page-title: 38.6206896552px;
  }
}

:root:has(.header--ro) {
  --main-page-title: 6.9375rem;
}
@media (max-width: 1919px) {
  :root:has(.header--ro) {
    --main-page-title: 109.6816976127px;
  }
}
@media (max-width: 1599px) {
  :root:has(.header--ro) {
    --main-page-title: 97.7453580902px;
  }
}
@media (max-width: 1439px) {
  :root:has(.header--ro) {
    --main-page-title: 90.1856763926px;
  }
}
@media (max-width: 1279px) {
  :root:has(.header--ro) {
    --main-page-title: 81.6976127321px;
  }
}
@media (max-width: 1023px) {
  :root:has(.header--ro) {
    --main-page-title: 44.5623342175px;
  }
}

:root:has(.header--jp) {
  --main-page-title: 7.5625rem;
}
@media (max-width: 1919px) {
  :root:has(.header--jp) {
    --main-page-title: 118.8218390805px;
  }
}
@media (max-width: 1599px) {
  :root:has(.header--jp) {
    --main-page-title: 105.8908045977px;
  }
}
@media (max-width: 1439px) {
  :root:has(.header--jp) {
    --main-page-title: 97.7011494253px;
  }
}
@media (max-width: 1279px) {
  :root:has(.header--jp) {
    --main-page-title: 88.5057471264px;
  }
}
@media (max-width: 1023px) {
  :root:has(.header--jp) {
    --main-page-title: 48.275862069px;
  }
}

:root:has(.header--kr) {
  --main-page-title: 8.0625rem;
}
@media (max-width: 1919px) {
  :root:has(.header--kr) {
    --main-page-title: 118.8218390805px;
  }
}
@media (max-width: 1599px) {
  :root:has(.header--kr) {
    --main-page-title: 105.8908045977px;
  }
}
@media (max-width: 1439px) {
  :root:has(.header--kr) {
    --main-page-title: 97.7011494253px;
  }
}
@media (max-width: 1279px) {
  :root:has(.header--kr) {
    --main-page-title: 88.5057471264px;
  }
}
@media (max-width: 1023px) {
  :root:has(.header--kr) {
    --main-page-title: 48.275862069px;
  }
}

:root:has(.header--hi) {
  --main-page-title: 7.3125rem;
}
@media (max-width: 1919px) {
  :root:has(.header--hi) {
    --main-page-title: 158.4291187739px;
  }
}
@media (max-width: 1599px) {
  :root:has(.header--hi) {
    --main-page-title: 141.1877394636px;
  }
}
@media (max-width: 1439px) {
  :root:has(.header--hi) {
    --main-page-title: 130.2681992337px;
  }
}
@media (max-width: 1279px) {
  :root:has(.header--hi) {
    --main-page-title: 118.0076628352px;
  }
}
@media (max-width: 1023px) {
  :root:has(.header--hi) {
    --main-page-title: 64.367816092px;
  }
}

:root:has(.header--nl) {
  --main-page-title: 5.75rem;
}
@media (max-width: 1919px) {
  :root:has(.header--nl) {
    --main-page-title: 95.0574712644px;
  }
}
@media (max-width: 1599px) {
  :root:has(.header--nl) {
    --main-page-title: 84.7126436782px;
  }
}
@media (max-width: 1439px) {
  :root:has(.header--nl) {
    --main-page-title: 78.1609195402px;
  }
}
@media (max-width: 1279px) {
  :root:has(.header--nl) {
    --main-page-title: 70.8045977011px;
  }
}
@media (max-width: 1023px) {
  :root:has(.header--nl) {
    --main-page-title: 38.6206896552px;
  }
}

.header-inner {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 12.3125rem;
  align-items: center;
  padding-top: 1.25rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid black;
  background-color: #ffffff;
  position: relative;
  transition: box-shadow 0.1s;
}
@media (max-width: 1919px) {
  .header-inner {
    grid-gap: 147px;
  }
}
@media (max-width: 1599px) {
  .header-inner {
    grid-gap: 141px;
    padding-bottom: 1rem;
  }
}
@media (max-width: 1439px) {
  .header-inner {
    grid-gap: 117px;
  }
}
@media (max-width: 1365px) {
  .header-inner {
    grid-gap: 87px;
  }
}
@media (max-width: 1279px) {
  .header-inner {
    grid-gap: 115px;
  }
}
@media (max-width: 1023px) {
  .header-inner {
    grid-template-columns: 196px 1fr max-content;
    grid-gap: 8px;
    padding-top: 18px;
  }
}
@media (max-width: 767px) {
  .header-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    grid-gap: 0;
    grid-template-columns: auto;
    justify-content: space-between;
    padding-bottom: 14px;
  }
}
.header-inner.shadow {
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.15);
}
.header-inner.shadow::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 4px;
  background-color: #ffffff;
  transform: translateX(-100%);
  left: 0;
}
.header-inner.shadow::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 4px;
  background-color: #ffffff;
  transform: translateX(100%);
  right: 0;
}
.header-inner__logo-block {
  font-family: "Logo font", "Arial", sans-serif;
  line-height: 1;
}
.header-inner__logo-block a {
  display: flex;
  height: -moz-max-content;
  height: max-content;
  align-items: center;
}
.header-inner__logo {
  font-size: 2rem;
}
@media (max-width: 767px) {
  .header-inner__logo {
    font-size: 24px;
  }
}
.header-inner__logo-text {
  font-size: 1.75rem;
}
@media (max-width: 767px) {
  .header-inner__logo-text {
    font-size: 22px;
  }
}
.header-inner__nav {
  display: flex;
  justify-content: flex-end;
}
.header-inner__btn {
  display: none;
}
.header-inner__btn:not(:first-child) {
  margin-left: 12px;
}
@media (max-width: 1023px) {
  .header-inner__btn {
    display: block;
    padding: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
    width: 32px;
    height: 32px;
  }
  .header-inner__btn svg {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .header-inner__btn {
    width: 24px;
    height: 24px;
  }
}
.header-inner__search {
  height: 2.5rem;
  width: 100%;
}
@media (max-width: 1599px) {
  .header-inner__search {
    height: 2rem;
  }
}
@media (max-width: 1023px) {
  .header-inner__search {
    width: auto;
    height: auto;
  }
}

.breadcrumbs {
  padding: 0.5rem 0;
  display: flex;
  align-items: center;
}
@media (max-width: 1599px) {
  .breadcrumbs {
    padding: 4px 0;
    min-height: 24px;
  }
}
@media (max-width: 767px) {
  .breadcrumbs {
    padding: 0;
    min-height: 16px;
    width: calc(100% + 24px);
    margin-left: -12px;
  }
}
.breadcrumbs__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 115%;
  flex-grow: 1;
}
@media (max-width: 1599px) {
  .breadcrumbs__list {
    font-size: 12px;
    line-height: 150%;
  }
}
@media (max-width: 767px) {
  .breadcrumbs__list {
    display: flex;
    overflow: auto visible;
    padding-left: 12px;
  }
  .breadcrumbs__list::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.breadcrumbs__item {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 115%;
}
@media (max-width: 1599px) {
  .breadcrumbs__item {
    font-size: 12px;
    line-height: 150%;
  }
}
.breadcrumbs__item:not(:last-child) {
  margin-right: 0.0625rem;
}
@media (max-width: 767px) {
  .breadcrumbs__item:not(:last-child) {
    margin-right: 4px;
  }
}
@media (max-width: 767px) {
  .breadcrumbs__item:last-child::after {
    content: "";
    display: block;
    position: absolute;
    right: -12px;
    width: 12px;
    height: 1px;
  }
}
.breadcrumbs__link {
  display: flex;
  transition: color 0.2s;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 115%;
}
@media (max-width: 1599px) {
  .breadcrumbs__link {
    font-size: 12px;
    line-height: 150%;
  }
}
@media (max-width: 767px) {
  .breadcrumbs__link {
    white-space: nowrap;
  }
}
.breadcrumbs__link--hover {
  margin-right: 0.25rem;
}
@media (min-width: 1024px) {
  .breadcrumbs__link--hover:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.breadcrumbs__link svg {
  display: block;
  margin-left: 0.25rem;
}
.breadcrumbs__link--btn svg {
  display: none;
}
@media (max-width: 1023px) {
  .breadcrumbs__link--btn {
    cursor: pointer;
    padding: 0 0.25rem 0 0.5rem;
    border-radius: 3rem;
    border: 1px solid black;
    transition: background-color 0.2s, border-color 0.2s;
  }
  .breadcrumbs__link--btn svg {
    display: block;
    height: auto;
  }
}

.breadcrumbs-nav {
  position: absolute;
  top: -0.25rem;
  left: 0;
  width: 18.75rem;
  height: 31.25rem;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s, height 0.2s, width 0.2s;
}
@media (max-width: 1919px) {
  .breadcrumbs-nav {
    width: 300px;
    height: 340px;
  }
}
@media (max-width: 767px) {
  .breadcrumbs-nav {
    position: fixed;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 20px;
    transition: opacity 0.2s, max-height 0s, width 0s;
  }
}
.breadcrumbs-nav.active {
  pointer-events: initial;
  opacity: 1;
  width: 33.75rem;
  height: 43.75rem;
}
@media (max-width: 1919px) {
  .breadcrumbs-nav.active {
    width: 480px;
    height: 620px;
  }
}
@media (max-width: 767px) {
  .breadcrumbs-nav.active {
    width: 100%;
    height: 100%;
  }
}
.breadcrumbs-nav__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px) {
  .breadcrumbs-nav__overlay {
    display: block;
  }
}
.breadcrumbs-nav__list-wrapper {
  position: relative;
  height: 100%;
  background-color: #ffffff;
  border: 1px solid #000000;
  border-radius: 0.75rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .breadcrumbs-nav__list-wrapper {
    z-index: 1;
    max-height: 440px;
  }
}
.breadcrumbs-nav__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow-x: auto;
  height: 100%;
  max-height: 100%;
  width: 100%;
  scrollbar-width: thin;
  scrollbar-color: #000000 transparent;
  padding: 0.5rem 0;
}
.breadcrumbs-nav__list::-webkit-scrollbar {
  width: 0.25rem;
  height: 0.25rem;
  background-color: transparent;
}
.breadcrumbs-nav__list::-webkit-scrollbar-thumb {
  border-radius: 0.125rem;
  background-color: #000000;
}
.breadcrumbs-nav__item {
  position: relative;
  z-index: 0;
}
.breadcrumbs-nav__item:hover {
  z-index: 1;
}
.breadcrumbs-nav__item:last-child .breadcrumbs-nav__link::after {
  top: auto;
  bottom: 110%;
}
.breadcrumbs-nav__link {
  position: relative;
  z-index: 10;
  display: flex;
  margin: 0;
  padding: 0.25rem 0.9375rem;
  transition: background-color 0.2s;
  width: 100%;
}
.breadcrumbs-nav__link--current {
  background-color: #F2F5FA;
}
@media (min-width: 1024px) {
  .breadcrumbs-nav__link:hover {
    background-color: #F2F5FA;
  }
}
@media (max-width: 767px) {
  .breadcrumbs-nav__link {
    flex-direction: column-reverse;
    padding: 4px 10px;
  }
}
.breadcrumbs-nav__range, .breadcrumbs-nav__title, .breadcrumbs-nav__date {
  display: block;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
@media (max-width: 1919px) {
  .breadcrumbs-nav__range, .breadcrumbs-nav__title, .breadcrumbs-nav__date {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.02em;
  }
}
.breadcrumbs-nav__range, .breadcrumbs-nav__date {
  opacity: 0.5;
}
.breadcrumbs-nav__range {
  margin-right: 0.5rem;
  width: 6.25rem;
}
.breadcrumbs-nav__date {
  margin-right: 1.5rem;
}
.breadcrumbs-nav__date + .breadcrumbs-nav__title {
  width: 100%;
}
.breadcrumbs-nav__title {
  flex-grow: 1;
  width: calc(100% - 108px);
  height: 1.375rem;
  overflow: hidden;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
@media (max-width: 1919px) {
  .breadcrumbs-nav__title {
    height: 16px;
  }
}
@media (max-width: 767px) {
  .breadcrumbs-nav__title {
    width: 100%;
  }
}

.ad-desktop {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.9375rem;
  width: 340px;
  height: 100%;
  max-height: 100vh;
}
@media (max-width: 1919px) {
  .ad-desktop {
    width: 321px;
    padding: 4px 0 4px 11px;
  }
}
@media (max-width: 1279px) {
  .ad-desktop {
    display: none;
  }
}
.ad-desktop__big {
  height: 600px;
  overflow: hidden;
}
.ad-desktop__small {
  margin-top: 20px;
  max-height: 250px;
  overflow: hidden;
}
@media (max-height: 880px) {
  .ad-desktop__small {
    display: none;
  }
}

.ad-incontent-rectangle,
.ad-billboard {
  margin: 4.875rem 0;
  height: 300px;
  flex-shrink: 0;
  overflow: hidden;
}
@media (max-width: 1599px) {
  .ad-incontent-rectangle,
  .ad-billboard {
    margin: 56px 0;
  }
}
@media (max-width: 1365px) {
  .ad-incontent-rectangle,
  .ad-billboard {
    margin: 60px 0;
  }
}
@media (max-width: 1279px) {
  .ad-incontent-rectangle,
  .ad-billboard {
    margin: 56px 0;
  }
}
@media (max-width: 767px) {
  .ad-incontent-rectangle,
  .ad-billboard {
    margin: 32px 0;
  }
}
.ad-incontent-rectangle .roxotPlacementDynamic,
.ad-billboard .roxotPlacementDynamic {
  text-align: left !important;
}
@media (max-width: 767px) {
  .ad-incontent-rectangle .roxotPlacementDynamic,
  .ad-billboard .roxotPlacementDynamic {
    text-align: center !important;
  }
}
.ad-incontent-rectangle--roxot,
.ad-billboard--roxot {
  height: 250px;
}

.ad-billboard {
  margin-top: 0px;
}
.ad-billboard:first-child {
  margin-top: 1.5rem;
}

.symbl-incontent-rectangle {
  margin-bottom: 0;
}

.symbl-billboard {
  margin-top: 0;
}
@media (max-width: 767px) {
  .symbl-billboard {
    margin: 32px -12px;
    margin-top: 0;
    width: calc(100% + 24px);
  }
}

.blocks-item--with-main-aside .blocks-item__main--column-9 .ad-billboard a:nth-child(3) {
  display: none;
}
@media (max-width: 643px) {
  .blocks-item--with-main-aside .blocks-item__main--column-9 .ad-billboard {
    justify-content: center;
  }
  .blocks-item--with-main-aside .blocks-item__main--column-9 .ad-billboard a:nth-child(2) {
    display: none;
  }
}

.billboard-dari {
  display: flex;
  gap: 30px;
}
.billboard-dari a {
  display: inline-block;
  width: 300px;
  height: 250px;
  flex-shrink: 0;
}
.billboard-dari a img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1380px) {
  .billboard-dari a:nth-child(3) {
    display: none;
  }
}
@media (max-width: 643px) {
  .billboard-dari {
    justify-content: center;
  }
  .billboard-dari a:nth-child(2) {
    display: none;
  }
}

.blocks-item--with-main-aside .billboard-dari a:nth-child(3) {
  display: none;
}
@media (max-width: 1527px) {
  .blocks-item--with-main-aside .billboard-dari a:nth-child(2) {
    display: none;
  }
  .blocks-item--with-main-aside .billboard-dari a:nth-child(3) {
    display: none;
  }
}
@media (max-width: 1279px) {
  .blocks-item--with-main-aside .billboard-dari a:nth-child(2) {
    display: block;
  }
}
@media (max-width: 643px) {
  .blocks-item--with-main-aside .billboard-dari {
    justify-content: center;
  }
  .blocks-item--with-main-aside .billboard-dari a:nth-child(2) {
    display: none;
  }
}

.see-also__main .billboard-dari a:nth-child(3) {
  display: none;
}
@media (max-width: 1517px) {
  .see-also__main .billboard-dari a:nth-child(2) {
    display: none;
  }
}
@media (max-width: 1280px) {
  .see-also__main .billboard-dari a:nth-child(2) {
    display: block;
  }
}
@media (max-width: 1198px) {
  .see-also__main .billboard-dari {
    justify-content: center;
  }
  .see-also__main .billboard-dari a:nth-child(2) {
    display: none;
  }
}

.billboard-dari {
  font-family: sans-serif;
}
.billboard-dari__banner {
  position: relative;
}
.billboard-dari__label {
  position: absolute;
  left: 4px;
  top: 4px;
  background-color: #d1d1d3;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1;
  padding: 2px 4px;
  opacity: 0.7;
}
.billboard-dari__button {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  top: 4px;
  right: 4px;
  border-radius: 50%;
  background-color: #d1d1d3;
  opacity: 0.7;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
}
.billboard-dari__button.active svg {
  display: none;
}
.billboard-dari__button.active::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 16px;
  transform: translate(-50%, -50%) rotate(45deg);
  background-color: white;
}
.billboard-dari__button.active::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 16px;
  transform: translate(-50%, -50%) rotate(-45deg);
  background-color: white;
}
.billboard-dari__info-block {
  position: absolute;
  width: calc(100% - 8px);
  left: 4px;
  top: 4px;
  z-index: 2;
  background: rgba(255, 255, 255, 0.95);
  font-size: 14px;
  line-height: 16px;
  padding: 8px;
  padding-right: 36px;
  border-radius: 6px;
  color: #a5acbe;
}
.billboard-dari__info-block p {
  margin: 0;
}

.billboard-left-dari {
  position: relative;
}

.publift-widget-Sticky_footer-container {
  z-index: 100 !important;
}

.ad-blank {
  height: 100%;
  background-color: #F2F5FA;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #AAAAAC;
  font-size: 2rem;
  margin: 0 5px;
  width: 300px;
  flex-shrink: 0;
  font-size: 14px;
  border-radius: 1.25rem;
}
.ad-blank--fullwidth {
  width: 100%;
}

.fuse .ad-blank {
  width: 336px;
  height: 280px;
}
.fuse .ad-blanks-wrapper:not(:has(.ad-blank:nth-child(2))) {
  justify-content: center;
}

.ad-blanks-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}

.page-title {
  margin: 0;
  font-family: "Helvetica Neue", "Vitesco W05 Roman", Helvetica, Arial, sans-serif;
  font-size: 3.25rem;
  line-height: 3.625rem;
}
@media (max-width: 1919px) {
  .page-title {
    font-size: 44px;
    line-height: 48px;
  }
}
@media (max-width: 1599px) {
  .page-title {
    font-size: 40px;
    line-height: 44px;
  }
}
@media (max-width: 767px) {
  .page-title {
    font-size: 24px;
    line-height: 30px;
  }
}

.cookie {
  position: fixed;
  bottom: 0;
  padding: 0 1rem;
  transform: translate(-50%, 140%);
  opacity: 0;
  left: 50%;
  z-index: 10000000000;
  margin-left: auto;
  margin-right: auto;
  transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out, bottom 0.2s;
}
@media (max-width: 1023px) {
  .cookie {
    width: 100%;
    left: 0;
    bottom: 40px;
    transform: translate(0, 140%);
  }
}
@media (max-width: 767px) {
  .cookie {
    padding: 0 8px;
  }
}
.cookie--showed {
  transform: translate(-50%, -50%);
  opacity: 1;
}
@media (max-width: 1023px) {
  .cookie--showed {
    transform: translate(0, 0);
  }
}
.cookie__wrapper {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: auto;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem;
  border-radius: 1.25rem;
  background-color: #000000;
}
@media (max-width: 767px) {
  .cookie__wrapper {
    padding: 12px;
    border-radius: 12px;
  }
}
.cookie__link {
  white-space: nowrap;
  text-decoration: none;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.375rem;
  border-bottom: 1px solid #ffffff;
  transition: border-color 0.2s;
}
@media (min-width: 1024px) {
  .cookie__link:hover {
    border-color: transparent;
  }
}
@media (max-width: 767px) {
  .cookie__link {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.02em;
  }
}
.cookie__message {
  margin: 0;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.375rem;
  white-space: nowrap;
}
@media (max-width: 1023px) {
  .cookie__message {
    white-space: initial;
  }
}
@media (max-width: 767px) {
  .cookie__message {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.02em;
  }
}
.cookie__btn {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  min-height: 2.5rem;
  padding: 0.4375rem 1rem;
  margin-left: 2.5rem;
  background-color: #ffffff;
  border-radius: 1.25rem;
  color: #000000;
  font-size: 1rem;
  line-height: 1.5rem;
  white-space: nowrap;
  transition: background-color 0.3s;
}
@media (min-width: 1024px) {
  .cookie__btn:hover {
    background-color: #E0E4EB;
  }
}
@media (max-width: 767px) {
  .cookie__btn {
    margin-left: 20px;
  }
}

.copy-symbol-popup {
  display: flex;
  position: fixed;
  width: 13.25rem;
  height: 13.25rem;
  z-index: 10000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.85);
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s;
}
@media (max-width: 1919px) {
  .copy-symbol-popup {
    width: 160px;
    height: 160px;
  }
}
.copy-symbol-popup.active {
  opacity: 1;
  pointer-events: inherit;
  transition: opacity 0s;
}
.copy-symbol-popup.active .copy-symbol-popup__symbol-block {
  transform: none;
  opacity: 1;
}
.copy-symbol-popup__container {
  padding: 2.25rem 1.5rem;
}
.copy-symbol-popup__block {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.copy-symbol-popup__symbol-block {
  position: relative;
  width: 100%;
  flex-grow: 1;
  margin: 0 0 1rem;
  min-height: 90px;
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.3s, transform 0.7s;
}
@media (max-width: 1919px) {
  .copy-symbol-popup__symbol-block {
    min-height: 56px;
  }
}
.copy-symbol-popup__symbol {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5.625rem;
  line-height: 2;
  color: #ffffff;
  white-space: nowrap;
}
.copy-symbol-popup__symbol.small-fonts {
  font-size: 2.25rem;
}
@media (max-width: 1599px) {
  .copy-symbol-popup__symbol.small-fonts {
    font-size: 28px;
  }
}
@media (max-width: 1919px) {
  .copy-symbol-popup__symbol {
    font-size: 56px;
  }
}

.copy-symbol-popup__text {
  color: #ffffff;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
@media (max-width: 1599px) {
  .copy-symbol-popup__text {
    font-size: 14px;
    line-height: 18px;
  }
}

.holiday {
  position: fixed;
  top: 1.25rem;
  right: 1.25rem;
  pointer-events: none;
  z-index: 5000;
  width: 26.25rem;
}
@media (max-width: 767px) {
  .holiday {
    width: calc(100vw - 24px);
    top: 16px;
    right: 12px;
  }
}
.holiday__item {
  position: relative;
  transform: translateX(120%);
  transition: transform 0.35s ease-in-out, max-height 0.35s 0.35s;
  transition-delay: 0s;
}
@media (max-width: 767px) {
  .holiday__item {
    transform: translate(0, -120%);
    transform: none;
  }
  .holiday__item:nth-child(1) {
    z-index: 5;
    transform: translate(0, -100px);
  }
  .holiday__item:nth-child(2) {
    z-index: 4;
    transform: translate(0, -200px);
  }
  .holiday__item:nth-child(3) {
    z-index: 3;
    transform: translate(0, -300px);
  }
  .holiday__item:nth-child(4) {
    z-index: 2;
    transform: translate(0, -400px);
  }
  .holiday__item:nth-child(5) {
    z-index: 1;
    transform: translate(0, -500px);
  }
}
.holiday__item.is-show {
  display: flex;
  transform: none;
}
@media (max-width: 767px) {
  .holiday__item.is-show:nth-child(1) {
    transform: none;
    transition: transform 0.35s ease-in-out, max-height 0.35s 0.35s;
  }
  .holiday__item.is-show:nth-child(2) {
    transform: none;
    transition: transform 0.7s ease-in-out, max-height 0.35s 0.35s;
  }
  .holiday__item.is-show:nth-child(3) {
    transform: none;
    transition: transform 1.05s ease-in-out, max-height 0.35s 0.35s;
  }
  .holiday__item.is-show:nth-child(4) {
    transform: none;
    transition: transform 1.4s ease-in-out, max-height 0.35s 0.35s;
  }
  .holiday__item.is-show:nth-child(5) {
    transform: none;
    transition: transform 1.75s ease-in-out, max-height 0.35s 0.35s;
  }
}
.holiday__link {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 120%;
  letter-spacing: -0.01em;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25rem 0;
  width: 100%;
  color: #ffffff;
  line-height: 120%;
  padding: 1rem 1.25rem;
  pointer-events: initial;
  border-radius: 1rem;
  background-color: #000000;
  margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .holiday__link {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
    padding: 12px 16px;
    margin-bottom: 4px;
    max-width: 100%;
    justify-content: flex-start;
  }
}
.holiday__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.125rem;
  height: 3.125rem;
  margin-right: 1.25rem;
  flex-shrink: 0;
  font-size: 3.125rem;
  line-height: 1;
}
@media (max-width: 767px) {
  .holiday__icon {
    font-size: 50px;
    width: 40px;
    height: 40px;
    margin-right: 16px;
  }
}
.holiday__icon img {
  width: 3.125rem;
  height: auto;
  font-size: 1px;
}
@media (max-width: 767px) {
  .holiday__icon img {
    width: 2.5rem;
  }
}
.holiday__info {
  flex-grow: 1;
}
.holiday__title {
  margin: 0;
}
.holiday__date {
  color: rgba(255, 255, 255, 0.5);
  margin: 0.25rem 0 0;
}
@media (max-width: 767px) {
  .holiday__date {
    margin-top: 0;
  }
}
.holiday__btn-container {
  flex-shrink: 0;
}
.holiday__close {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 -0.5rem 0 0.75rem;
  z-index: 2;
  width: 3rem;
  height: 3rem;
  color: #ffffff;
}
@media (max-width: 767px) {
  .holiday__close {
    margin: 0 -4px 0 12px;
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 1024px) {
  .holiday__close:hover {
    color: rgba(255, 255, 255, 0.5);
  }
}
.holiday__close svg {
  width: 2rem;
  height: auto;
}
@media (max-width: 767px) {
  .holiday__close svg {
    width: 24px;
  }
}

[data-tabs=parent] [data-tabs=content] {
  position: relative;
}

[data-tabs=element] {
  display: none;
}

[data-tabs=element].is-active {
  display: flex;
}

.btn-round {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  transition: background-color 0.3s ease, color 0.3s ease;
  border-radius: 50%;
}
@media (max-width: 1599px) {
  .btn-round {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 1023px) {
  .btn-round {
    width: 40px;
    height: 40px;
  }
}
.btn-round svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
@media (max-width: 1599px) {
  .btn-round svg {
    width: 24px;
    height: 24px;
  }
}
@media (min-width: 1024px) {
  .btn-round:hover {
    background-color: #E0E4EB;
    color: #000000;
  }
}
.btn-round:active {
  background-color: #F2F5FA;
}
.btn-round--small {
  width: 2rem;
  height: 2rem;
}
@media (max-width: 1599px) {
  .btn-round--small {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 1023px) {
  .btn-round--small {
    width: 32px;
    height: 32px;
  }
}
.btn-round--small svg {
  width: 1.5rem;
  height: 1.5rem;
}
@media (max-width: 1599px) {
  .btn-round--small svg {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 1023px) {
  .btn-round--small svg {
    width: 24px;
    height: 24px;
  }
}
.btn-round--gray {
  color: #808080;
}
.btn-round--gray:active {
  color: #000000;
}
.btn-round--bg-gray {
  background-color: #E0E4EB;
}
.btn-round--bg-gray:active {
  background-color: #E0E4EB;
}

.btn-solid {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  background-color: #000000;
  color: #ffffff;
  border-radius: 48px;
  border: none;
  outline: none;
  padding: 1rem 1.75rem;
  transition: background-color 0.2s, color 0.2s;
  cursor: pointer;
}
@media (max-width: 1599px) {
  .btn-solid {
    font-size: 14px;
    line-height: 22px;
  }
}
.btn-solid svg {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
}
.btn-solid span {
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .btn-solid:hover {
    background-color: #808080;
  }
}
.btn-solid--secondary {
  background-color: #F2F5FA;
  color: #000000;
}
@media (min-width: 1024px) {
  .btn-solid--secondary:hover {
    background-color: #E0E4EB;
  }
}
.btn-solid--s {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #ffffff;
  font-style: normal;
  padding: 0.75rem 1.5rem;
}
@media (max-width: 1599px) {
  .btn-solid--s {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .btn-solid--s {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .btn-solid--s {
    padding: 10px 20px;
  }
}

.btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  width: 2.5rem;
  color: #000000;
}
.btn-icon svg {
  width: 2rem;
  height: 2rem;
  display: block;
}
@media (min-width: 1024px) {
  .btn-icon:hover {
    color: #808080;
  }
}

.onboarding {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: rgba(0, 0, 0, 0.3);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3;
  pointer-events: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.onboarding::-webkit-scrollbar {
  display: none;
}
.onboarding__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.onboarding__container {
  display: flex;
  align-items: center;
}
.onboarding__container--reverse .onboarding__arrow {
  transform: scale(-1, 1);
  order: -1;
  margin: 0;
}
.onboarding__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 19.375rem;
  padding: 1.25rem;
  background-color: #ffffff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 20px 30px rgba(0, 0, 0, 0.2);
  border-radius: 1.25rem;
}
@media (max-width: 767px) {
  .onboarding__content {
    width: 100%;
  }
}
.onboarding__arrow {
  padding-right: 25px;
}
@media (max-width: 767px) {
  .onboarding__arrow {
    display: none;
  }
}
.onboarding__arrow svg {
  width: 8.125rem;
  height: 16rem;
}
.onboarding__text {
  margin: 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #000000;
}
.onboarding__btn {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  margin: 1rem 0 0;
  background-color: transparent;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  min-width: 8.375rem;
  border-radius: 24px;
  background-color: #000000;
  color: #ffffff;
  transition: background-color 0.2s;
}
@media (min-width: 1024px) {
  .onboarding__btn:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }
}
.onboarding__btn-skip {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  margin: 1rem 0 0;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(0, 0, 0, 0.5);
  transition: color 0.2s;
}
@media (min-width: 1024px) {
  .onboarding__btn-skip:hover {
    color: #000000;
  }
}
.onboarding.is-active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.emoji-keyboard .tippy-box {
  background-color: transparent;
}

.emoji-keyboard .tippy-content {
  padding: 0;
  background-color: transparent;
  width: 100%;
  min-height: 6.875rem;
  max-width: 29.375rem;
  box-shadow: none;
  border-radius: 0;
}
@media (max-width: 767px) {
  .emoji-keyboard .tippy-content {
    max-width: 380px;
    padding: 0 16px;
  }
}

@media (max-width: 767px) {
  .emoji-keyboard .tippy-box[data-placement^=bottom] {
    padding-top: 7.5625rem;
  }
}

.emoji-keyboard .tippy-box[data-placement^=bottom] > .tippy-svg-arrow {
  top: 0;
}

@media (max-width: 767px) {
  .emoji-keyboard .tippy-box[data-placement^=top] {
    padding-bottom: 7.5625rem;
  }
}

.emoji-keyboard .tippy-box[data-placement^=top-end] .onboarding__arrow svg {
  transform: scale(1, -1);
}

.emoji-keyboard .tippy-box[data-placement^=top] > .tippy-svg-arrow {
  bottom: 0;
}
.emoji-keyboard .tippy-box[data-placement^=top] > .tippy-svg-arrow svg {
  transform: rotate(180deg);
}

.title-tip {
  position: fixed;
  padding: 4px 8px;
  background-color: #000000;
  color: #ffffff;
  z-index: 10000;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 115%;
}
@media (max-width: 1599px) {
  .title-tip {
    font-size: 12px;
    line-height: 150%;
  }
}

.label {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #000000;
  padding: 0.1875rem 1rem;
  background-color: #F2F5FA;
  border-radius: 2rem;
  white-space: nowrap;
}
@media (max-width: 1599px) {
  .label {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .label {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 1599px) {
  .label {
    padding: 2px 12px;
    border-radius: 32px;
  }
}
.label--anchor {
  border: 1px solid #000000;
  padding: 0.125rem 0.9375rem;
  background: transparent;
  transition: 0.2s;
}
@media (max-width: 1599px) {
  .label--anchor {
    padding: 1px 11px;
  }
}
@media (min-width: 1024px) {
  .label--anchor:hover {
    color: #ffffff;
    background-color: #000000;
  }
}

.tab {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #000000;
  padding: 0.5rem 1rem;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  border-radius: 3rem;
}
@media (max-width: 1599px) {
  .tab {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .tab {
    font-size: 12px;
    line-height: 20px;
  }
}
.tab.active {
  background-color: #F2F5FA;
}
@media (max-width: 1599px) {
  .tab {
    padding: 8px 12px;
  }
}
@media (min-width: 1024px) {
  .tab:hover {
    background-color: #E1F3FF;
  }
}
.tab span {
  white-space: nowrap;
}
.tab svg {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
}
@media (max-width: 1599px) {
  .tab svg {
    width: 16px;
    height: 16px;
  }
}

.switch {
  padding: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 2rem;
  background-color: #F2F5FA;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.switch.is-initialized .switch__bg {
  transition: 0.3s;
  background-color: #ffffff;
}
.switch__label {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .switch__label:not(:has(input:checked)):hover svg {
    color: #808080;
  }
}
@media (max-width: 1599px) {
  .switch__label {
    width: 24px;
    height: 24px;
  }
}
.switch__label svg {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
}
@media (max-width: 1599px) {
  .switch__label svg {
    width: 16px;
    height: 16px;
  }
}
.switch__bg {
  display: block;
  width: 2rem;
  height: 2rem;
  background-color: #ffffff;
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  border-radius: 50%;
}
@media (max-width: 1599px) {
  .switch__bg {
    width: 24px;
    height: 24px;
  }
}

.link-standart {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  display: flex;
  gap: 0.25rem;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media (max-width: 1919px) {
  .link-standart {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1599px) {
  .link-standart {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .link-standart {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (min-width: 1024px) {
  .link-standart:hover {
    color: #808080;
  }
}
.link-standart.rotate svg {
  transform: rotate(180deg);
}
.link-standart span {
  display: block;
}
.link-standart svg {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  transition: transform 0.3s;
}
@media (max-width: 1599px) {
  .link-standart svg {
    width: 20px;
    height: 20px;
  }
}

.search-form {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.search-form__form {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  .search-form__form {
    display: none;
  }
  .search-form__form.active {
    display: block;
  }
}
.search-form__form.active {
  overflow: visible;
}
@media (max-width: 1023px) {
  .search-form__form.active {
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
    height: -webkit-fill-available;
    box-shadow: none;
    background-color: #ffffff;
  }
  .search-form__form.active .search-form__icon--close {
    display: flex;
  }
  .search-form__form.active .search-form__input {
    background-color: #ffffff;
    padding: 4px 24px 14px 32px;
    border-bottom: 1px solid #000000;
    font-size: 16px;
    line-height: 24px;
  }
  .search-form__form.active .search-form__icon--close {
    left: 12px;
  }
}
@media (max-width: 1023px) {
  .search-form__form.active .search-form__block-input {
    padding: 14px 12px 0 12px;
  }
}
.search-form__block-input {
  position: relative;
  width: 100%;
}
.search-form__input {
  display: block;
  width: 100%;
  font-size: 1.25rem;
  line-height: 1.5rem;
  transition: background-color 0.2s;
  outline: none;
  border: none;
}
@media (max-width: 1919px) {
  .search-form__input {
    padding: 12px 48px 12px 20px;
    font-size: 16px;
  }
}
@media (max-width: 1439px) {
  .search-form__input {
    padding-left: 16px;
    font-size: 14px;
    line-height: 24px;
  }
}
.search-form__icon {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  transition: opacity 0.1s;
}
.search-form__icon.hide {
  display: none;
}
.search-form__icon svg {
  display: block;
  width: 2.5rem;
  height: auto;
}
@media (max-width: 767px) {
  .search-form__icon {
    width: 1.5rem;
  }
  .search-form__icon svg {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.search-form__icon--search {
  cursor: pointer;
}
@media (min-width: 1024px) {
  .search-form__icon--search:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.search-form__icon--clear {
  right: 1.125rem;
  left: auto;
  z-index: 1;
  pointer-events: auto;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .search-form__icon--clear {
    right: 12px;
  }
}
@media (min-width: 1024px) {
  .search-form__icon--clear:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.search-form__icon--close {
  display: none;
  left: 16px;
  height: 32px;
  width: 32px;
  top: 50%;
  cursor: pointer;
}
@media (max-width: 767px) {
  .search-form__icon--close {
    width: 1.5rem;
  }
  .search-form__icon--close svg {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.search-form__mobile-open-button {
  display: none;
}
@media (max-width: 1023px) {
  .search-form__mobile-open-button {
    padding: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
    display: block;
    height: 32px;
    width: 32px;
  }
  .search-form__mobile-open-button svg {
    display: block;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .search-form__mobile-open-button {
    width: 24px;
    height: 24px;
  }
}

.search-form-inner .search-form__block-input {
  height: 2.5rem;
}
@media (max-width: 1599px) {
  .search-form-inner .search-form__block-input {
    height: 32px;
  }
}
@media (max-width: 1023px) {
  .search-form-inner .search-form__block-input {
    height: auto;
  }
}
.search-form-inner .search-form__input {
  padding: 1.6875rem 3.75rem 0.9375rem 3.75rem;
  position: relative;
  top: -1.25rem;
  display: none;
  background: transparent;
  overflow: visible;
}
@media (max-width: 1599px) {
  .search-form-inner .search-form__input {
    padding: 1.6875rem 2.75rem 1rem 2.75rem;
  }
}
@media (max-width: 1023px) {
  .search-form-inner .search-form__input {
    top: 0;
  }
}
.search-form-inner .search-form__icon {
  width: 2.5rem;
}
@media (max-width: 1599px) {
  .search-form-inner .search-form__icon {
    width: 2rem;
  }
  .search-form-inner .search-form__icon svg {
    width: 2rem;
    height: 2rem;
  }
}
@media (max-width: 1023px) {
  .search-form-inner .search-form__icon {
    width: 1.5rem;
  }
  .search-form-inner .search-form__icon svg {
    width: 24px;
    height: 24px;
  }
}
.search-form-inner .search-form__icon--search {
  right: 0;
  top: 0;
  transform: none;
  width: 100%;
  padding-bottom: 0.75rem;
  padding-top: 1.25rem;
  margin-top: -1.25rem;
  transition: 0.15s;
  display: flex;
}
.search-form-inner .search-form__icon--search svg {
  margin-left: auto;
}
@media (max-width: 1599px) {
  .search-form-inner .search-form__icon--search {
    padding-bottom: 1rem;
  }
}
.search-form-inner .search-form__icon--clear {
  right: 0;
}
@media (max-width: 1023px) {
  .search-form-inner .search-form__icon--clear {
    right: 12px;
  }
}
.search-form-inner .search-form__form.active .search-form__icon--search {
  right: 100%;
  transform: translate(100%);
  width: auto;
  padding-bottom: 0;
  cursor: default;
}
@media (min-width: 1024px) {
  .search-form-inner .search-form__form.active .search-form__icon--search:hover {
    color: #000000;
  }
}
@media (max-width: 1023px) {
  .search-form-inner .search-form__form.active .search-form__icon--search {
    display: none;
  }
}
.search-form-inner .search-form__form.active .search-form__input {
  display: block;
}
.search-form-inner .search-form__form.active .search-form__input.active {
  border-bottom-color: #E0E4EB;
}
.search-form-inner .search-form__form .search-form__search-btn {
  display: none;
}

.search-form-main {
  height: auto;
}
@media (max-width: 1023px) {
  .search-form-main {
    max-width: none;
  }
}
.search-form-main .search-form__form {
  height: auto;
  position: static;
  display: flex;
  flex-direction: row;
}
@media (max-width: 1023px) {
  .search-form-main .search-form__form.active {
    overflow: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
    box-shadow: none;
    background-color: #ffffff;
    display: block;
  }
  .search-form-main .search-form__form.active .search-form__input {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
  .search-form-main .search-form__form.active .search-form__icon--search {
    display: none;
  }
  .search-form-main .search-form__form.active .search-result {
    position: static;
    width: 100%;
    box-shadow: none;
    max-width: none;
  }
  .search-form-main .search-form__form.active .search-form__icon svg {
    width: 24px;
  }
}
.search-form-main .search-form__input {
  padding: 0.625rem 3.75rem 0.8125rem 4.1875rem;
  border: 0.125rem solid #000000;
  border-radius: 2.125rem;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2.3125rem;
}
@media (max-width: 1599px) {
  .search-form-main .search-form__input {
    font-size: 25px;
    line-height: 120%;
    padding-left: 56px;
    padding-right: 56px;
  }
}
@media (max-width: 767px) {
  .search-form-main .search-form__input {
    padding: 7px 51px 7px 51px;
    font-size: 16px;
    line-height: 24px;
  }
}
.search-form-main .search-form__icon--search {
  left: 16px;
  pointer-events: none;
}
@media (max-width: 1599px) {
  .search-form-main .search-form__icon--search {
    width: 32px;
    height: 32px;
  }
}
.search-form-main .search-result {
  margin-left: 34px;
  max-width: 40.375rem;
  position: absolute;
  top: 4rem;
  max-height: 31rem;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #000000 #ffffff;
  box-sizing: border-box;
}
.search-form-main .search-result::-webkit-scrollbar {
  width: 0.25rem;
  height: 0.25rem;
  background-color: transparent;
}
.search-form-main .search-result::-webkit-scrollbar-thumb {
  border-radius: 0.125rem;
  background-color: #000000;
}
@media (max-width: 1919px) {
  .search-form-main .search-result {
    max-width: 608px;
    max-height: 27.5rem;
  }
}
@media (max-width: 1599px) {
  .search-form-main .search-result {
    top: 57px;
    max-width: 531px;
    max-height: 436px;
  }
}
@media (max-width: 1439px) {
  .search-form-main .search-result {
    max-width: 475px;
    max-height: 348px;
  }
}
@media (max-width: 1365px) {
  .search-form-main .search-result {
    max-width: 410px;
  }
}
@media (max-width: 1279px) {
  .search-form-main .search-result {
    max-width: 478px;
    max-height: 304px;
  }
}
@media (max-width: 1023px) {
  .search-form-main .search-result {
    max-width: calc(100% - 68px);
    left: 34px;
    margin-left: 0;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
    max-height: none;
  }
}
@media (max-width: 767px) {
  .search-form-main .search-result {
    max-width: 100%;
    left: 0;
    top: 46px;
    border-radius: 8px;
    margin-left: 0;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
  }
}
.search-form-main .search-form__search-btn {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  background-color: #000000;
  display: flex;
  align-items: center;
  color: #ffffff;
  width: auto;
  padding: 0 32px;
  margin-left: 12px;
  border-radius: 160px;
  font-size: 24px;
  line-height: 125%;
  cursor: pointer;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .search-form-main .search-form__search-btn:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }
}
@media (max-width: 1599px) {
  .search-form-main .search-form__search-btn {
    font-size: 20px;
    line-height: 120%;
  }
}
@media (max-width: 1023px) {
  .search-form-main .search-form__search-btn {
    display: none;
  }
}
@media (max-width: 1023px) {
  .search-form-main .search-form__mobile-open-button {
    display: none;
  }
}
@media (max-width: 1599px) {
  .search-form-main .search-form__icon--clear {
    width: 32px;
    height: 32px;
  }
}

.search-result {
  width: calc(100% - 40px);
  margin-left: auto;
  background-color: #ffffff;
  z-index: 2;
  display: none;
  border-radius: 8px;
}
.search-result.active {
  display: block;
  margin-top: 2px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
}
@media (max-width: 1023px) {
  .search-result.active {
    box-shadow: none;
    margin-top: 10px;
  }
}
@media (max-width: 1023px) {
  .search-result {
    position: static;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    width: 100%;
  }
}
.search-result__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.25rem;
  line-height: 120%;
  transition: background-color 0.2s;
  padding: 0.75rem 0.75rem 0.75rem 1.25rem;
  margin: 0;
}
@media (max-width: 1599px) {
  .search-result__link {
    padding: 8px 16px 8px 16px;
    font-size: 16px;
    line-height: 150%;
  }
}
@media (max-width: 1023px) {
  .search-result__link {
    padding: 8px 20px 8px 16px;
    font-size: 14px;
    line-height: 160%;
  }
}
@media (min-width: 1024px) {
  .search-result__link:hover {
    background-color: #F2F5FA;
  }
}
.search-result__link.current {
  background-color: #F2F5FA;
}
.search-result__info {
  word-break: break-all;
  overflow: hidden;
  height: 1.5rem;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.search-result__symbol {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 1599px) {
  .search-result__symbol {
    width: 1.75rem;
    height: 1.75rem;
  }
}
@media (max-width: 767px) {
  .search-result__symbol {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.search-result__history-title {
  color: rgba(0, 0, 0, 0.3);
}
@media (min-width: 1024px) {
  .search-result__history-title:hover {
    background: transparent;
  }
}

.pagination-swiper {
  display: flex;
  margin-top: 1rem;
  justify-content: center;
}
.pagination-swiper .swiper-pagination-bullet {
  background-color: #F2F5FA;
  opacity: 1;
  margin: 0.1875rem;
}
.pagination-swiper .swiper-pagination-bullet-active {
  background-color: #000000;
}

pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1rem;
}

code.hljs {
  padding: 0.1875rem 0.3125rem;
  border-radius: 0.5rem;
}

code {
  white-space: pre-wrap;
}
@media (max-width: 767px) {
  code {
    font-size: 14px;
    line-height: 22px;
  }
}

.hljs {
  color: #000000;
  background-color: #F2F5FA;
}

.hljs-comment {
  color: #888;
}

.hljs-punctuation,
.hljs-tag {
  color: rgba(68, 68, 68, 0.6666666667);
}

.hljs-tag .hljs-attr,
.hljs-tag .hljs-name {
  color: #444;
}

.hljs-attribute, .hljs-doctag, .hljs-keyword, .hljs-meta .hljs-keyword, .hljs-name, .hljs-selector-tag {
  font-weight: 700;
}

.hljs-deletion, .hljs-number, .hljs-quote, .hljs-selector-class, .hljs-selector-id, .hljs-string, .hljs-template-tag, .hljs-type {
  color: #800;
}

.hljs-section, .hljs-title {
  color: #800;
  font-weight: 700;
}

.hljs-link, .hljs-operator, .hljs-regexp, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-symbol, .hljs-template-variable, .hljs-variable {
  color: #bc6060;
}

.hljs-literal {
  color: #78a960;
}

.hljs-addition, .hljs-built_in, .hljs-bullet, .hljs-code {
  color: #397300;
}

.hljs-meta {
  color: #1f7199;
}

.hljs-meta .hljs-string {
  color: #4d99bf;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: 700;
}

.hljs-addition, .hljs-attribute, .hljs-bullet, .hljs-link, .hljs-section, .hljs-string, .hljs-symbol, .hljs-template-variable, .hljs-variable {
  color: #888;
}

.hljs-comment, .hljs-deletion, .hljs-meta, .hljs-quote {
  color: #ccc;
}

.hljs-keyword, .hljs-name, .hljs-section, .hljs-selector-tag, .hljs-strong, .hljs-type {
  font-weight: 700;
}

.main-nav {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
}
@media (max-width: 1919px) {
  .main-nav {
    padding: 1.25rem 0 1.25rem 0;
    min-height: 202px;
  }
}
@media (max-width: 1023px) and (orientation: landscape) {
  .main-nav {
    overflow-x: hidden;
    display: block;
    padding-bottom: 0;
  }
}
.main-nav__close-btn {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  display: none;
  transition: color 0.3s ease;
  z-index: 2;
}
@media (min-width: 1024px) {
  .main-nav__close-btn:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 1919px) {
  .main-nav__close-btn {
    display: block;
    top: 20px;
    right: 20px;
  }
  .main-nav__close-btn svg {
    display: block;
    width: 100%;
    height: auto;
  }
}
@media (max-width: 1599px) {
  .main-nav__close-btn {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 1023px) {
  .main-nav__close-btn {
    width: 40px;
    height: 40px;
    padding: 4px;
    z-index: 200;
    top: 12px;
    right: 12px;
  }
}
.main-nav__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: auto;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .main-nav__wrapper {
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (max-width: 1023px) and (orientation: landscape) {
  .main-nav__wrapper {
    margin-bottom: 16px;
  }
}
.main-nav__container {
  position: relative;
  display: flex;
  width: 100%;
  background-color: #ffffff;
  z-index: 1;
}
@media (max-width: 1023px) {
  .main-nav__container {
    padding-top: 56px;
  }
}
.main-nav__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-flex;
  flex-direction: column;
  transition: border-color 0.2s;
}
@media (max-width: 1919px) {
  .main-nav__list {
    transition: 0.3s;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }
  .main-nav__list.active {
    transform: translateX(-100%);
  }
}
@media (max-width: 1023px) {
  .main-nav__list {
    width: 100%;
    padding-left: 28px;
    padding-right: 68px;
  }
}
.main-nav__item {
  margin-bottom: 2px;
}
@media (max-width: 1023px) {
  .main-nav__item {
    margin: 0;
    padding: 4px 0;
  }
}
.main-nav__item.active .main-nav__submenu {
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 1919px) {
  .main-nav__item.active .main-nav__submenu {
    left: 100%;
    z-index: 10;
    opacity: 1;
  }
}
.main-nav__link {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  display: inline-flex;
  font: inherit;
  padding: 0.25rem 0.5rem;
  border-radius: 8px;
  transition: border-color 0.2s;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 125%;
  letter-spacing: -0.01em;
  white-space: nowrap;
}
@media (max-width: 1599px) {
  .main-nav__link {
    font-size: 20px;
    line-height: 120%;
  }
}
@media (max-width: 767px) {
  .main-nav__link {
    font-size: 18px;
    line-height: 120%;
    letter-spacing: normal;
  }
}
@media (min-width: 1024px) {
  .main-nav__link:hover {
    background-color: #F2F5FA;
  }
}
@media (max-width: 1023px) {
  .main-nav__link {
    padding: 5px 12px;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 125%;
    letter-spacing: -0.01em;
  }
}
.main-nav__btn-nav {
  display: flex;
  align-items: center;
}
@media (max-width: 1919px) {
  .main-nav__btn-nav {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    z-index: 2;
  }
}
.main-nav__arrow {
  margin-left: 8px;
  width: 1.5rem;
  height: 1.5rem;
}
@media (max-width: 1599px) {
  .main-nav__arrow {
    width: 24px;
    height: 24px;
  }
}
.main-nav__arrow svg {
  display: block;
  width: 100%;
  height: auto;
}
.main-nav__submenu {
  position: absolute;
  top: 0;
  width: 0px;
  overflow: hidden;
  left: 150%;
  transition: left 0.2s;
  background-color: white;
}
@media (max-width: 1919px) {
  .main-nav__submenu {
    left: 100%;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (max-width: 1023px) {
  .main-nav__submenu {
    padding-left: 28px;
    padding-right: 28px;
    top: -56px;
    opacity: 0;
  }
}
.main-nav__submenu-button {
  display: inline-flex;
  align-items: center;
}
.main-nav__submenu-text {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 125%;
  letter-spacing: -0.01em;
}
@media (max-width: 1599px) {
  .main-nav__submenu-text {
    font-size: 20px;
    line-height: 120%;
  }
}
@media (max-width: 767px) {
  .main-nav__submenu-text {
    font-size: 18px;
    line-height: 120%;
    letter-spacing: normal;
  }
}
@media (max-width: 1023px) {
  .main-nav__submenu-text {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 125%;
    letter-spacing: -0.01em;
  }
}
.main-nav__submenu-close-button {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
  padding: 0.25rem 0.5rem;
  border-radius: 8px;
}
.main-nav__submenu-close-button span:not(:first-child) {
  margin-left: 8px;
}
@media (min-width: 1024px) {
  .main-nav__submenu-close-button:hover {
    background-color: #F2F5FA;
  }
}
@media (max-width: 1599px) {
  .main-nav__submenu-close-button {
    margin-bottom: 1rem;
  }
}
@media (max-width: 1023px) {
  .main-nav__submenu-close-button {
    padding: 9px 40px;
    margin-left: -28px;
    margin-top: -12px;
    margin-bottom: 20px;
  }
  .main-nav__submenu-close-button span:not(:first-child) {
    margin-left: 4px;
  }
}
.main-nav__submenu-close-button svg {
  display: block;
}
.main-nav__submenu-arrow {
  width: 1.5rem;
  height: 1.5rem;
}
@media (max-width: 1919px) {
  .main-nav__submenu-arrow {
    width: 24px;
    height: 24px;
  }
}
.main-nav__submenu-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: 16px;
}
.main-nav__lang-list-wrapper {
  display: none;
}
.main-nav__lang-button {
  display: none;
}
@media (max-width: 1023px) {
  .main-nav__lang-button {
    padding: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 150%;
  }
}
.main-nav__lang-close-button {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 16px;
}
.main-nav__lang-close-button svg {
  display: block;
  position: relative;
  top: -1px;
}
.main-nav__lang-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.main-nav__lang-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  font-size: 16px;
  line-height: 150%;
  padding: 0.125rem 0.5rem;
}
.main-nav__lang-link--current {
  background-color: #000000;
  color: #ffffff;
  border-radius: 8px;
}
.main-nav .language-select {
  display: none;
}
@media (max-width: 1023px) {
  .main-nav .language-select {
    display: block;
  }
}

@keyframes menucloser {
  0% {
    transform: scale(1) skew(0) rotateX(0);
  }
  100% {
    transform: scale(0.2) rotateZ(10deg);
  }
}
.main-page__search-wrapper {
  width: 100%;
  max-width: 54.0625rem;
}
@media (max-width: 1919px) {
  .main-page__search-wrapper {
    max-width: 827px;
  }
}
@media (max-width: 1599px) {
  .main-page__search-wrapper {
    max-width: 737px;
  }
}
@media (max-width: 1439px) {
  .main-page__search-wrapper {
    max-width: 680px;
  }
}
@media (max-width: 1279px) {
  .main-page__search-wrapper {
    max-width: 616px;
  }
}
.main-page__title {
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  font-size: var(--main-page-title, 7.125rem);
  line-height: 1;
  margin: 3rem 0 0;
  color: #000000;
  letter-spacing: -0.02em;
  max-width: -moz-fit-content;
  max-width: fit-content;
  white-space: nowrap;
  transform-origin: left center;
  transform: scale(var(--title-scale, 1));
  opacity: 0;
}
.main-page__title.is-shown {
  opacity: 1;
}
@media (max-width: 1919px) {
  .main-page__title {
    margin-top: 34px;
  }
}
@media (max-width: 1599px) {
  .main-page__title {
    margin-top: 40px;
  }
}
@media (max-width: 1023px) {
  .main-page__title {
    margin-top: 32px;
  }
}
.main-page__mobile-favorites {
  display: none;
}
@media (max-width: 1023px) {
  .main-page__mobile-favorites {
    display: block;
  }
}
.main-page__aside-container {
  width: 100%;
  max-width: 22rem;
}
@media (max-width: 1919px) {
  .main-page__aside-container {
    max-width: 273px;
  }
}
@media (max-width: 1599px) {
  .main-page__aside-container {
    max-width: 240px;
  }
}
@media (max-width: 1439px) {
  .main-page__aside-container {
    max-width: 225px;
  }
}
@media (max-width: 1365px) {
  .main-page__aside-container {
    max-width: 210px;
  }
}
@media (max-width: 1279px) {
  .main-page__aside-container {
    max-width: 222px;
  }
}
.main-page__aside {
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (max-width: 1919px) {
  .main-page__aside {
    padding: 16px;
  }
}
@media (max-width: 1023px) {
  .main-page__aside {
    padding: 24px 20px;
  }
}

.popular-set {
  position: relative;
  margin-top: auto;
  box-sizing: border-box;
  overflow: initial;
  margin-top: 89px;
  margin-bottom: 78px;
  margin-left: 0;
}
@media (max-width: 1919px) {
  .popular-set {
    margin-top: 78px;
    margin-bottom: 78px;
  }
}
@media (max-width: 1599px) {
  .popular-set {
    margin-bottom: 56px;
  }
}
@media (max-width: 1439px) {
  .popular-set {
    margin-top: 20px;
  }
}
@media (max-width: 1365px) {
  .popular-set {
    margin-top: 58px;
  }
}
@media (max-width: 1365px) {
  .popular-set {
    margin-top: 62px;
    margin-bottom: 55px;
  }
}
@media (max-width: 1279px) {
  .popular-set {
    margin-top: 19px;
  }
}
@media (max-width: 1023px) {
  .popular-set {
    margin: 56px 0 32px;
  }
}
@media (max-width: 767px) {
  .popular-set {
    overflow: hidden;
    width: calc(100% + 24px);
    margin-left: -12px;
    padding: 0 12px;
  }
}
.popular-set__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .popular-set__list {
    display: flex;
  }
}
.popular-set__item {
  display: block;
}
.popular-set__item--mobile {
  display: none;
}
@media (max-width: 767px) {
  .popular-set__item--mobile {
    display: block;
  }
}
.popular-set__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.25rem;
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .popular-set__link:hover .popular-set__img-symbol {
    transform: translateY(-0.9375rem);
  }
}
.popular-set__img-symbol {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.25rem;
  font-size: 6.125rem;
  line-height: 1;
  flex-grow: 1;
  transition: transform 0.2s;
}
.popular-set__img-symbol img {
  width: 6.5rem;
  font-size: 1px;
}
@media (max-width: 1919px) {
  .popular-set__img-symbol {
    font-size: 98px;
  }
  .popular-set__img-symbol img {
    width: 96px;
  }
}
@media (max-width: 1599px) {
  .popular-set__img-symbol {
    font-size: 80px;
  }
  .popular-set__img-symbol img {
    width: 80px;
  }
}
@media (max-width: 1439px) {
  .popular-set__img-symbol {
    font-size: 76px;
  }
  .popular-set__img-symbol img {
    width: 76px;
  }
}
@media (max-width: 1365px) {
  .popular-set__img-symbol {
    font-size: 68px;
  }
  .popular-set__img-symbol img {
    width: 68px;
  }
}
@media (max-width: 1279px) {
  .popular-set__img-symbol {
    font-size: 60px;
  }
  .popular-set__img-symbol img {
    width: 60px;
  }
}
@media (max-width: 1023px) {
  .popular-set__img-symbol {
    font-size: 56px;
  }
  .popular-set__img-symbol img {
    width: 56px;
  }
}
.popular-set__text {
  margin: 0.5rem 0 0;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.5rem;
  height: 3rem;
}
@media (max-width: 1919px) {
  .popular-set__text {
    font-size: 14px;
    line-height: 100%;
    height: 28px;
  }
}
@media (max-width: 767px) {
  .popular-set__text {
    font-size: 12px;
    letter-spacing: 0.02em;
    height: 24px;
  }
}
.popular-set__badge {
  position: absolute;
  font-size: 0.75rem;
  line-height: 0.875rem;
  padding: 0.1875rem 0.5rem;
  background-color: #12FF12;
  border-radius: 0.625rem;
  top: 5.9375rem;
  left: 50%;
  transform: translateX(-50%);
  text-transform: uppercase;
}
@media (max-width: 1599px) {
  .popular-set__badge {
    font-size: 10px;
    line-height: 1;
    top: 80px;
  }
}
@media (max-width: 1439px) {
  .popular-set__badge {
    top: 75px;
  }
}
@media (max-width: 1365px) {
  .popular-set__badge {
    top: 67px;
  }
}
@media (max-width: 1279px) {
  .popular-set__badge {
    top: 59px;
  }
}
@media (max-width: 1023px) {
  .popular-set__badge {
    top: 55px;
  }
}
.popular-set__pagination {
  display: none;
}
@media (max-width: 767px) {
  .popular-set__pagination {
    display: flex;
  }
}

.top-section {
  margin-bottom: 78px;
}
@media (max-width: 1599px) {
  .top-section {
    margin-bottom: 56px;
  }
}
@media (max-width: 1365px) {
  .top-section {
    margin-bottom: 60px;
  }
}
@media (max-width: 1279px) {
  .top-section {
    margin-bottom: 56px;
  }
}
@media (max-width: 767px) {
  .top-section {
    margin-bottom: 32px;
  }
}
.top-section__title-link {
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 2rem;
}
@media (max-width: 1599px) {
  .top-section__title-link {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .top-section__title-link {
    margin-bottom: 20px;
  }
}
@media (min-width: 1024px) {
  .top-section__title-link:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.top-section__title-link svg {
  width: 2rem;
  height: 2rem;
}
@media (max-width: 1599px) {
  .top-section__title-link svg {
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 767px) {
  .top-section__title-link svg {
    width: 24px;
    height: 24px;
  }
}
.top-section__title-link .top-section__title {
  margin-bottom: 0;
}
.top-section__title {
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 110%;
  margin: 0;
  margin-right: 0.5rem;
  margin-bottom: 2rem;
}
@media (max-width: 1599px) {
  .top-section__title {
    font-size: 30px;
    line-height: 115%;
    margin-right: 4px;
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .top-section__title {
    font-size: 24px;
    line-height: 125%;
    margin-bottom: 20px;
  }
}
.top-section__symbols-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(14, 1fr);
}
@media (max-width: 1023px) {
  .top-section__symbols-list {
    grid-template-columns: repeat(8, 1fr);
    overflow: hidden;
  }
}
.top-section__symbol {
  font-weight: 400;
  font-size: 48px;
  line-height: 100%;
  height: 83px;
  width: 83px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 8px;
}
@media (min-width: 1024px) {
  .top-section__symbol:hover {
    background-color: #F2F5FA;
  }
}
@media (max-width: 1919px) {
  .top-section__symbol {
    width: 79px;
    height: 79px;
    font-size: 42px;
  }
}
@media (max-width: 1599px) {
  .top-section__symbol {
    width: 70px;
    height: 70px;
    font-size: 36px;
  }
}
@media (max-width: 1439px) {
  .top-section__symbol {
    width: 65px;
    height: 65px;
    font-size: 32px;
  }
}
@media (max-width: 1365px) {
  .top-section__symbol {
    width: 59px;
    height: 59px;
    font-size: 28px;
  }
}
@media (max-width: 1279px) {
  .top-section__symbol {
    width: 65px;
    height: 65px;
    font-size: 32px;
  }
}
@media (max-width: 1023px) {
  .top-section__symbol {
    width: 91px;
    height: 91px;
  }
}
@media (max-width: 767px) {
  .top-section__symbol {
    width: 40px;
    height: 56px;
    font-size: 32px;
  }
}
@media (max-width: 1599px) {
  .top-section__all-news-link {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .top-section__all-news-link {
    margin-bottom: 20px;
  }
}
.top-section .sets-list__list {
  flex-wrap: nowrap;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1023px) {
  .top-section .sets-list__list {
    display: flex;
    max-width: 100%;
    grid-gap: 0;
    margin-top: 0;
  }
}
.top-section .sets-list__item {
  width: 100%;
}
@media (max-width: 1023px) {
  .top-section .sets-list__item {
    width: 144px;
  }
  .top-section .sets-list__item .sets-list__preview-image {
    width: 72px;
    height: 72px;
  }
  .top-section .sets-list__item .sets-list__name {
    line-height: 16px;
  }
}
@media (max-width: 767px) {
  .top-section .sets-list__item {
    width: 140px;
    height: 140px;
    min-width: 140px;
    min-height: 140px;
  }
  .top-section .sets-list__item .sets-list__preview-image {
    width: 72px;
    height: 72px;
  }
}
.top-section__mobile-tools {
  display: none;
}
@media (max-width: 1023px) {
  .top-section__mobile-tools {
    display: block;
    overflow: hidden;
    width: calc(100% + 40px);
    margin-left: -20px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .top-section__mobile-tools {
    width: calc(100% + 24px);
    margin: 0 -12px;
    padding: 0 12px;
  }
}
@media (max-width: 1023px) {
  .top-section__desktop-tools {
    display: none;
  }
}
.top-section .sets-list__list {
  margin-top: 0;
}

.pagination-description {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 2rem;
  margin-top: 4.875rem;
}
@media (max-width: 1599px) {
  .pagination-description {
    margin-top: 56px;
    grid-column-gap: 24px;
  }
}
@media (max-width: 767px) {
  .pagination-description {
    margin-top: 32px;
  }
}
.pagination-description noindex:last-child {
  margin-left: auto;
}
.pagination-description__link {
  display: flex;
  align-items: center;
  transition: color 0.3s ease;
}
.pagination-description__link--prev {
  margin-right: auto;
}
.pagination-description__link--next {
  margin-left: auto;
}
@media (min-width: 1024px) {
  .pagination-description__link:hover:not(.disabled):hover .pagination-description__icon-block, .pagination-description__link:hover:not(.disabled):hover .pagination-description__title {
    color: rgba(0, 0, 0, 0.5);
  }
  .pagination-description__link:hover:not(.disabled):hover .pagination-description__range {
    color: rgba(0, 0, 0, 0.3);
  }
}
.pagination-description__link.disabled {
  opacity: 0.3;
  cursor: default;
}
@media (max-width: 767px) {
  .pagination-description__link:last-child .pagination-description__info {
    justify-content: flex-end;
  }
}
.pagination-description__info {
  max-width: 25rem;
  display: flex;
  align-items: center;
  transition: color 0.3s ease;
}
.pagination-description__info + .pagination-description__icon-block {
  margin-left: 8px;
}
.pagination-description__icon-block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  transition: color 0.2s, background-color 0.2s;
  flex-shrink: 0;
  transition: color 0.3s ease;
}
.pagination-description__icon-block + .pagination-description__info {
  margin-left: 8px;
}
@media (max-width: 1599px) {
  .pagination-description__icon-block {
    width: 24px;
    height: 24px;
  }
}
.pagination-description__icon-block svg {
  width: 100%;
  height: 100%;
}
.pagination-description__range {
  font-family: Arial, "Helvetica Neue", "Vitesco W05 Roman", Helvetica, sans-serif;
  color: #B3B3B3;
  word-break: break-all;
  white-space: nowrap;
  transition: color 0.3s ease;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
@media (max-width: 1599px) {
  .pagination-description__range {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 1023px) {
  .pagination-description__range {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0;
  }
}
@media (max-width: 1023px) and (max-width: 1919px) {
  .pagination-description__range {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1023px) and (max-width: 1599px) {
  .pagination-description__range {
    font-size: 14px;
    line-height: 22px;
  }
}
.pagination-description__range + .pagination-description__title {
  margin-left: 16px;
}
.pagination-description__title {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: color 0.3s ease;
}
@media (max-width: 1919px) {
  .pagination-description__title {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1599px) {
  .pagination-description__title {
    font-size: 14px;
    line-height: 22px;
  }
}
.pagination-description__title + .pagination-description__range {
  margin-left: 16px;
}
@media (max-width: 767px) {
  .pagination-description__title {
    margin-right: 0;
    display: none;
  }
}

.favorites {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  padding: 1.25rem;
}
.favorites__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .favorites__header {
    margin-bottom: 24px;
  }
}
.favorites__title {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 125%;
  letter-spacing: -0.01em;
  margin: 0;
}
@media (max-width: 1599px) {
  .favorites__title {
    font-size: 20px;
    line-height: 120%;
  }
}
@media (max-width: 1023px) {
  .favorites {
    margin-top: 24px;
    position: fixed;
    height: 100%;
  }
  .favorites.active {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 150;
    background-color: #ffffff;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .favorites {
    margin: 20px 0 4px;
    padding-bottom: 0;
  }
}
.favorites__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  max-height: calc(100% - 72px);
  padding-bottom: 20px;
  overflow: auto;
}
@media (max-width: 1023px) {
  .favorites__list {
    grid-template-columns: repeat(8, 1fr);
    width: 100%;
  }
}
.favorites__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  width: 50px;
  cursor: pointer;
  font-size: 34px;
  line-height: 100%;
  overflow: hidden;
  transition: background-color 0.3s ease;
  border-radius: 0.125rem;
}
@media (min-width: 1024px) {
  .favorites__item:hover {
    background-color: #F2F5FA;
  }
}
.favorites__item img {
  display: block;
  width: 36px;
}
@media (max-width: 1599px) {
  .favorites__item {
    font-size: 34px;
  }
}
@media (max-width: 1023px) {
  .favorites__item {
    width: auto;
    height: auto;
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    height: 91px;
  }
  .favorites__item img {
    width: auto;
    height: 20px;
  }
}
@media (max-width: 767px) {
  .favorites__item {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }
}
.favorites__close-btn {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  width: 2rem;
  height: 2rem;
  transition: color 0.3s ease;
}
.favorites__close-btn svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .favorites__close-btn:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 1599px) {
  .favorites__close-btn {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 1023px) {
  .favorites__close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
  }
}
@media (max-width: 767px) {
  .favorites__close-btn {
    width: 24px;
    height: 24px;
  }
}

.language-select {
  display: inline-flex;
  z-index: 2;
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
}
@media (max-width: 1919px) {
  .language-select {
    position: static;
    right: 0;
    top: 0;
    margin-top: 12px;
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 1599px) {
  .language-select {
    margin-top: 8px;
  }
}
@media (max-width: 1023px) {
  .language-select {
    margin-left: auto;
    position: static;
  }
}
.language-select__container {
  position: relative;
  width: 100%;
}
@media (max-width: 1919px) {
  .language-select__container {
    padding: 0;
    position: static;
  }
}
@media (max-width: 1023px) {
  .language-select__container {
    position: absolute;
    top: 0;
    left: 100%;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    transition: 0.3s;
    background: #ffffff;
  }
  .language-select__container.gradient::after {
    content: "";
    position: fixed;
    display: block;
    left: right;
    bottom: 0;
    width: 100%;
    height: 68px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 115.18%);
  }
}
@media (max-width: 1023px) {
  .language-select__container.is-active {
    top: 0;
    left: 0;
    width: 100%;
    bottom: auto;
    right: auto;
    max-height: 100%;
    overflow-x: auto;
    padding-top: 8px;
  }
  .language-select__container.is-active .language-select__mobile-back-button {
    display: flex;
  }
}
.language-select__btn {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 0.125rem;
  height: 2.5rem;
  min-width: 2.5rem;
  text-transform: uppercase;
  background-color: #000000;
  color: #ffffff;
  transition: background-color 0.3s ease;
}
@media (max-width: 1599px) {
  .language-select__btn {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .language-select__btn {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 1919px) {
  .language-select__btn {
    height: 32px;
    min-width: 32px;
  }
}
@media (min-width: 1024px) {
  .language-select__btn:hover {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 1023px) {
  .language-select__btn {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.875rem;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    width: 48px;
    height: 48px;
    left: -12px;
    bottom: 20px;
    position: absolute;
    transform: translateX(-100%);
  }
}
@media (max-width: 1023px) and (max-width: 1599px) {
  .language-select__btn {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 1023px) and (max-width: 767px) {
  .language-select__btn {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0;
  }
}
.language-select__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: absolute;
  z-index: 5;
  top: -8rem;
  right: 3.75rem;
  background-color: #ffffff;
  overflow: hidden;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.08);
  border-radius: 1.25rem;
  padding: 1.25rem 1.5rem;
  display: none;
  grid-template: repeat(4, auto)/repeat(4, auto);
  grid-auto-flow: column;
  grid-gap: 0.25rem 1rem;
  pointer-events: none;
  opacity: 0;
  border: 1px solid #E0E4EB;
  transition: opacity 0.15s;
}
@media (max-width: 1919px) {
  .language-select__list {
    top: -6.75rem;
  }
}
@media (max-width: 1599px) {
  .language-select__list {
    right: 64px;
    padding: 15px 19px;
    grid-gap: 4px 12px;
  }
}
@media (max-width: 1023px) {
  .language-select__list {
    margin-top: 20px;
    position: static;
    border: none;
    display: none;
    grid-gap: 0;
    padding: 0;
    padding-bottom: 20px;
    max-height: none;
    box-shadow: none;
    border-radius: 0;
    display: block;
    opacity: 1;
  }
}
.language-select__list.is-active {
  opacity: 1;
  pointer-events: initial;
  display: grid;
}
@media (max-width: 1023px) {
  .language-select__list.is-active {
    display: block;
  }
}
.language-select__item {
  min-width: 6.625rem;
  min-height: 2.5rem;
  border-radius: 0.5rem;
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 1599px) {
  .language-select__item {
    min-width: 89px;
    min-height: 32px;
  }
}
@media (max-width: 1023px) {
  .language-select__item {
    min-width: 0;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    margin: 0;
    padding: 4px 28px;
  }
}
.language-select__link {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  display: flex;
  padding: 0.5rem 1rem;
  align-items: center;
  border-radius: 0.5rem;
  transition: background-color 0.2s;
  width: 100%;
}
@media (max-width: 1919px) {
  .language-select__link {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1599px) {
  .language-select__link {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (min-width: 1024px) {
  .language-select__link:not(.language-select__link--disabled):not(.language-select__link--current):hover {
    background-color: #F2F5FA;
  }
}
@media (max-width: 1599px) {
  .language-select__link {
    padding: 5px 12px;
  }
}
@media (max-width: 1023px) {
  .language-select__link {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 125%;
    letter-spacing: -0.01em;
    padding: 5px 12px;
    width: -moz-max-content;
    width: max-content;
  }
}
.language-select__link--current {
  background-color: #E0E4EB;
  cursor: default;
}
.language-select__link--disabled {
  color: #B3B3B3;
}
.language-select__mobile-back-button {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 125%;
  letter-spacing: -0.01em;
  display: none;
  align-items: center;
  padding: 9px 40px;
}
.language-select__mobile-back-button span {
  margin-left: 4px;
}

.main-nav-mobile {
  display: none;
}
@media (max-width: 1023px) {
  .main-nav-mobile {
    display: flex;
    position: absolute;
    top: 64px;
    right: 12px;
  }
}
.main-nav-mobile__btn {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-nav-mobile__btn:not(:first-child) {
  margin-left: 12px;
}
@media (max-width: 767px) {
  .main-nav-mobile__btn {
    width: 24px;
    height: 24px;
  }
}
.main-nav-mobile__btn svg {
  display: block;
}
.main-nav-mobile__btn svg:nth-child(2) {
  margin: 0 0.375rem;
}

.pagination-header {
  display: flex;
}
@media (max-width: 767px) {
  .pagination-header {
    display: none;
  }
}
.pagination-header__link {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.75rem;
  transition: color 0.3s ease;
}
@media (min-width: 1024px) {
  .pagination-header__link:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.pagination-header__link.disabled {
  color: rgba(0, 0, 0, 0.3);
  cursor: default;
}
@media (min-width: 1024px) {
  .pagination-header__link.disabled:hover {
    color: rgba(0, 0, 0, 0.3);
  }
}
.pagination-header__link svg {
  width: 2rem;
  height: 2rem;
}
@media (max-width: 1599px) {
  .pagination-header__link svg {
    width: 24px;
    height: 24px;
  }
}

.character-list {
  margin-top: 4.875rem;
}
@media (max-width: 1599px) {
  .character-list {
    margin-top: 56px;
  }
}
@media (max-width: 767px) {
  .character-list {
    margin-top: 32px;
  }
}
.character-list--cards-view .underlined-heading {
  margin-bottom: 2rem;
}
.character-list--cards-view .character-list__list {
  grid-template-columns: repeat(16, 1fr);
}
.character-list--cards-view .character-list__list:last-child {
  margin-bottom: 7.5rem;
}
@media (max-width: 767px) {
  .character-list--cards-view .character-list__list {
    grid-template-columns: repeat(8, 1fr);
  }
}
.character-list--blog {
  margin-top: 2rem;
  margin-bottom: 3rem;
}
.character-list--narrow .character-list__list {
  grid-template-columns: repeat(8, 1fr);
  margin: 0;
}
.character-list--narrow .character-list__subsection {
  margin-bottom: 4.875rem;
}
@media (max-width: 1599px) {
  .character-list--narrow .character-list__subsection {
    margin-bottom: 56px;
  }
}
@media (max-width: 767px) {
  .character-list--narrow .character-list__subsection {
    margin-bottom: 32px;
  }
}
.character-list__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  width: 100%;
}
@media (max-width: 767px) {
  .character-list__list {
    row-gap: 8px;
  }
}
.character-list__list--cards-view {
  row-gap: 0.625rem;
}
@media (max-width: 1919px) {
  .character-list__list--cards-view {
    row-gap: 10px;
  }
}
@media (max-width: 1599px) {
  .character-list__list--cards-view {
    row-gap: 8px;
  }
}
@media (max-width: 767px) {
  .character-list__list--cards-view {
    row-gap: 0;
  }
}
.character-list__list--text-art {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2rem;
  margin-top: -1.5rem;
}
@media (max-width: 767px) {
  .character-list__list--text-art {
    margin-top: -16px;
    margin-left: -24px;
  }
}
.character-list__list--text-art:not(:first-child) {
  margin-top: -1.5rem;
}
@media (max-width: 1599px) {
  .character-list__list--text-art:not(:first-child) {
    margin-top: -24px;
  }
}
@media (max-width: 767px) {
  .character-list__list--text-art:not(:first-child) {
    margin-top: -16px;
  }
}
.character-list__list--kaomoji {
  grid-template-columns: repeat(4, 1fr) !important;
}
@media (max-width: 767px) {
  .character-list__list--kaomoji {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
.character-list__list--kaomoji--big {
  grid-template-columns: repeat(3, 1fr) !important;
}
@media (max-width: 767px) {
  .character-list__list--kaomoji--big {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
.character-list__list--kaomoji--large {
  display: flex;
  flex-wrap: wrap;
}
.character-list__list--kaomoji--large .character-list-item {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 33.333%;
}
@media (max-width: 767px) {
  .character-list__list--kaomoji--large .character-list-item {
    flex-basis: 50%;
  }
}
.character-list__list--kaomoji--large .character-list-item--title {
  flex-basis: 100%;
}
.character-list__title {
  margin: 0;
  font-weight: 400;
  font-size: 40px;
  line-height: 110%;
  letter-spacing: -0.02em;
  font-weight: 400;
  font-size: 2rem;
  line-height: 115%;
  letter-spacing: -0.64px;
  color: #000000;
  font-style: normal;
}
@media (max-width: 1599px) {
  .character-list__title {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
@media (max-width: 767px) {
  .character-list__title {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
@media (max-width: 1439px) {
  .character-list__title {
    font-size: 24px;
  }
}
.character-list__title--text-art {
  margin-top: 3.5rem;
}
.character-list__title--text-art:first-child {
  margin-top: 0;
}
@media (max-width: 767px) {
  .character-list__title--text-art {
    margin-top: 32px;
  }
}
.character-list__title--emoji {
  margin-top: 3.5rem;
}
.character-list__title--emoji:first-child {
  margin-top: 0;
}
@media (max-width: 767px) {
  .character-list__title--emoji {
    margin-top: 32px;
  }
}
.character-list__title--emoji + .character-list__subsection {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .character-list__title--emoji + .character-list__subsection {
    margin-top: 16px;
  }
}
.character-list__title--holiday {
  margin-bottom: 2rem;
}
@media (max-width: 1599px) {
  .character-list__title--holiday {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .character-list__title--holiday {
    margin-bottom: 20px;
  }
}
.character-list__title--platform {
  margin-bottom: 2.5rem;
}
@media (max-width: 1599px) {
  .character-list__title--platform {
    margin-bottom: 32px;
  }
}
.character-list__title-link {
  transition: color 0.15s;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (min-width: 1024px) {
  .character-list__title-link:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.character-list__title-link svg {
  width: 2rem;
  height: 2rem;
}
@media (max-width: 1599px) {
  .character-list__title-link svg {
    width: 28px;
    height: 28px;
    gap: 4px;
  }
}
@media (max-width: 767px) {
  .character-list__title-link svg {
    width: 24px;
    height: 24px;
  }
}
.character-list__title-icon {
  width: 2.375rem;
  height: 2.375rem;
  flex-shrink: 0;
  display: block;
  overflow: hidden;
}
@media (max-width: 1599px) {
  .character-list__title-icon {
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 767px) {
  .character-list__title-icon {
    width: 24px;
    height: 24px;
  }
}
.character-list__title-icon svg {
  width: 100%;
  height: auto;
  display: block;
}
.character-list__subtitle {
  margin: 0 0 1rem 0;
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 2.125rem;
  letter-spacing: -0.0375rem;
}
@media (max-width: 1599px) {
  .character-list__subtitle {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 767px) {
  .character-list__subtitle {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.24px;
  }
}
.character-list__subtitle svg {
  width: 1.875rem;
  margin-bottom: -0.125rem;
}
@media (max-width: 1919px) {
  .character-list__subtitle svg {
    width: 28px;
  }
}
@media (max-width: 767px) {
  .character-list__subtitle {
    margin: 0 0 4px 0;
  }
  .character-list__subtitle svg {
    width: 22px;
  }
}

.character-list--block {
  margin-top: 2.875rem;
}
@media (max-width: 1023px) {
  .character-list--block {
    margin-top: 40px;
  }
}
.character-list--block .character-list-item--title {
  margin-bottom: 0.75rem;
  margin-top: 2rem;
}
@media (max-width: 1023px) {
  .character-list--block .character-list-item--title {
    margin-top: 24px;
  }
}
.character-list--block .character-list__title {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 130%;
  letter-spacing: -0.24px;
  color: #000000;
  font-style: normal;
}
@media (max-width: 1599px) {
  .character-list--block .character-list__title {
    font-size: 20px;
    line-height: 130%;
    letter-spacing: -0.2px;
  }
}
@media (max-width: 767px) {
  .character-list--block .character-list__title {
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0;
    letter-spacing: -0.2px;
  }
}

.character-list-item {
  max-width: 5.1875rem;
  height: 5.1875rem;
  width: 100%;
}
@media (max-width: 1919px) {
  .character-list-item {
    max-width: 4.9375rem;
    height: 4.9375rem;
  }
}
@media (max-width: 1599px) {
  .character-list-item {
    max-width: 4.375rem;
    height: 70px;
  }
}
@media (max-width: 1439px) {
  .character-list-item {
    max-width: 4.0625rem;
    height: 65px;
  }
}
@media (max-width: 1365px) {
  .character-list-item {
    max-width: 3.6875rem;
    height: 59px;
  }
}
@media (max-width: 1279px) {
  .character-list-item {
    max-width: 4.0625rem;
    height: 65px;
  }
}
@media (max-width: 1023px) {
  .character-list-item {
    max-width: 5.6875rem;
    height: 91px;
  }
}
@media (max-width: 767px) {
  .character-list-item {
    max-width: 2.5rem;
    height: 56px;
  }
}
.character-list-item--adx {
  width: 100%;
  grid-column: 1/-1;
  min-height: 0;
  max-width: none;
  height: auto !important;
}
.character-list-item--adx:first-child .symbl-incontent-rectangle {
  margin-top: 0;
}
.character-list-item--adx-center .symbl-incontent-rectangle {
  margin-bottom: 4.875rem;
  height: auto;
  min-height: 6.25rem;
}
@media (max-width: 1599px) {
  .character-list-item--adx-center .symbl-incontent-rectangle {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 1023px) {
  .character-list-item--adx-center .symbl-incontent-rectangle {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 767px) {
  .character-list-item--adx-center .symbl-incontent-rectangle {
    margin-bottom: 2rem;
  }
}
.character-list-item--title {
  width: 100%;
  grid-column: 1/-1;
  min-height: 0;
  height: auto;
  margin: 4.875rem 0 2rem;
  max-width: none;
}
@media (max-width: 1599px) {
  .character-list-item--title {
    margin: 56px 0 20px;
  }
}
@media (max-width: 1023px) {
  .character-list-item--title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .character-list-item--title {
    margin: 32px 0 20px;
    letter-spacing: -0.01em;
    margin-top: 32px;
  }
}
.character-list-item--title:first-child {
  margin-top: 0px;
}
.character-list-item--subgroup-title {
  margin-bottom: 20px;
}
@media (max-width: 1599px) {
  .character-list-item--subgroup-title {
    margin-bottom: 16px;
  }
}
.character-list-item--kaomoji {
  max-width: 100%;
  height: auto;
}
.character-list-item--text-art {
  display: flex;
  margin-left: 32px;
  margin-top: 48px;
  width: auto;
  height: auto;
  max-width: 100%;
}
@media (max-width: 767px) {
  .character-list-item--text-art {
    margin-top: 32px;
    margin-left: 24px;
  }
}
.character-list-item__link {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  line-height: 1;
  padding: 0.125rem 0.125rem 0.125rem;
  border-radius: 0.25rem;
  height: 100%;
  cursor: pointer;
}
.character-list-item__link--kaomoji {
  padding: 32px 12px;
}
@media (max-width: 1599px) {
  .character-list-item__link--kaomoji {
    padding: 23px 4px;
  }
}
@media (max-width: 767px) {
  .character-list-item__link--kaomoji {
    padding: 14px 4px;
  }
}
.character-list-item__link--disabled {
  cursor: default;
}
.character-list-item__link--disabled .character-list-item__char::before {
  content: "";
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8.5' y='2.5' width='19' height='31' stroke='%23E0E4EB'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1599px) {
  .character-list-item__link--disabled .character-list-item__char::before {
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7.5' y='1.5' width='15' height='27' stroke='%23E0E4EB'/%3E%3C/svg%3E");
  }
}
@media (max-width: 767px) {
  .character-list-item__link--disabled .character-list-item__char::before {
    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%3Crect x='6.5' y='2.5' width='11' height='19' stroke='%23E0E4EB'/%3E%3C/svg%3E%0A");
  }
}
@media (min-width: 1024px) {
  .character-list-item__link:not(.character-list-item--disabled):hover {
    background-color: #F2F5FA;
  }
}
.character-list-item__char {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  font-size: 3rem;
  height: 100%;
  line-height: 1;
  flex-grow: 1;
}
.character-list-item__char img {
  width: 3rem;
  font-size: 1px;
}
@media (max-width: 1919px) {
  .character-list-item__char img {
    width: 42px;
  }
}
@media (max-width: 1599px) {
  .character-list-item__char img {
    width: 40px;
  }
}
@media (max-width: 1439px) {
  .character-list-item__char img {
    width: 32px;
  }
}
@media (max-width: 1365px) {
  .character-list-item__char img {
    width: 28px;
  }
}
@media (max-width: 1279px) {
  .character-list-item__char img {
    width: 32px;
  }
}
@media (max-width: 1023px) {
  .character-list-item__char img {
    width: 48px;
  }
}
@media (max-width: 767px) {
  .character-list-item__char img {
    width: 32px;
  }
}
.character-list-item__char svg {
  height: 2rem;
  width: auto;
}
@media (max-width: 1599px) {
  .character-list-item__char svg {
    height: 26px;
  }
}
@media (max-width: 767px) {
  .character-list-item__char svg {
    height: 22px;
  }
}
@media (max-width: 1599px) {
  .character-list-item__char {
    font-size: 40px;
  }
}
@media (max-width: 1279px) {
  .character-list-item__char {
    font-size: 32px;
  }
}
@media (max-width: 1023px) {
  .character-list-item__char {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .character-list-item__char {
    font-size: 32px;
  }
}
.character-list-item__char--kaomoji {
  white-space: nowrap;
  font-weight: 400;
  font-size: 14px;
  line-height: 115%;
}
@media (max-width: 1599px) {
  .character-list-item__char--kaomoji {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 115%;
    letter-spacing: 0;
  }
}
.character-list-item__pre {
  margin: 0;
  display: block;
  font-size: 0.625rem;
  line-height: 1;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", Menlo, Monaco, Consolas, monospace;
}
.character-list-item__title {
  display: none;
}

.list .character-list-item {
  height: 2rem;
  max-width: 100%;
}
@media (max-width: 1599px) {
  .list .character-list-item {
    height: 28px;
  }
}
@media (max-width: 767px) {
  .list .character-list-item {
    height: 30px;
  }
}
@media (max-width: 767px) {
  .list .character-list-item + .character-list-item {
    margin-top: 4px;
  }
}
.list .character-list-item__link {
  flex-direction: row;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .list .character-list-item__link:not(.character-list-item__link--disabled):hover {
    background: transparent;
  }
  .list .character-list-item__link:not(.character-list-item__link--disabled):hover .character-list-item__title {
    color: #808080;
  }
}
.list .character-list-item__link--disabled {
  cursor: default;
}
.list .character-list-item__link--disabled .character-list-item__title {
  color: #808080;
}
.list .character-list-item__char {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #000000;
  font-style: normal;
  width: 2rem;
  display: flex;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}
@media (max-width: 1599px) {
  .list .character-list-item__char {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .list .character-list-item__char {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .list .character-list-item__char {
    width: 28px;
    height: 28px;
    margin: 0;
    margin-right: 12px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: #F2F5FA;
    font-size: 14px;
    line-height: 22px;
  }
}
.list .character-list-item__char img {
  height: 1.5rem;
  width: auto;
}
@media (max-width: 1599px) {
  .list .character-list-item__char img {
    height: 22px;
  }
}
@media (max-width: 767px) {
  .list .character-list-item__char img {
    height: 14px;
  }
}
.list .character-list-item__char svg {
  display: block;
  height: 1rem;
  width: auto;
}
@media (max-width: 1599px) {
  .list .character-list-item__char svg {
    height: 14px;
  }
}
.list .character-list-item__title {
  display: block;
  font-family: "Helvetica Neue", "Vitesco W05 Roman", Helvetica, Arial, sans-serif;
  flex-shrink: 1;
  line-height: 1.5;
  display: -webkit-box;
  display: -moz-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.character-item {
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  .character-item {
    max-width: 91px;
    height: 91px;
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .character-item {
    max-width: 40px;
    height: 56px;
  }
}
.character-item__link {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  cursor: pointer;
  border-radius: 0.25rem;
  height: 4.25rem;
}
@media (max-width: 1919px) {
  .character-item__link {
    height: 64px;
  }
}
@media (max-width: 1599px) {
  .character-item__link {
    height: 58px;
  }
}
@media (max-width: 1439px) {
  .character-item__link {
    height: 50px;
  }
}
@media (max-width: 1023px) {
  .character-item__link {
    height: 100%;
  }
}
.character-item__link--disabled {
  cursor: default;
}
.character-item__link--disabled .character-item__title {
  color: #808080;
}
.character-item__char-block {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  padding: 0.5rem 0.125rem;
}
@media (max-width: 1279px) {
  .character-item__char-block {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
@media (max-width: 1023px) {
  .character-item__char-block {
    padding: 0;
  }
}
.character-item__char {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 100%;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
@media (max-width: 1919px) {
  .character-item__char {
    font-size: 32px;
  }
}
@media (max-width: 1599px) {
  .character-item__char {
    font-size: 28px;
  }
}
@media (max-width: 1439px) {
  .character-item__char {
    font-size: 24px;
  }
}
@media (max-width: 1279px) {
  .character-item__char {
    font-size: 26px;
  }
}
@media (max-width: 1023px) {
  .character-item__char {
    position: static;
    transform: none;
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .character-item__char {
    font-size: 24px;
  }
}
.character-item__code {
  font-family: Arial, "Helvetica Neue", "Vitesco W05 Roman", Helvetica, sans-serif;
  text-align: center;
  color: #C1C1C1;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 100%;
  padding: 0.125rem 0 0.25rem;
  flex-shrink: 0;
}
@media (max-width: 1919px) {
  .character-item__code {
    font-size: 11px;
  }
}
@media (max-width: 1599px) {
  .character-item__code {
    font-size: 10px;
  }
}
@media (max-width: 1439px) {
  .character-item__code {
    font-size: 9px;
  }
}
@media (max-width: 1023px) {
  .character-item__code {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 115%;
    color: rgba(0, 0, 0, 0.5);
    padding: 0;
  }
}
@media (max-width: 1023px) and (max-width: 1599px) {
  .character-item__code {
    font-size: 10px;
    line-height: 120%;
  }
}
.character-item__title {
  display: none;
}

.character-lines-list {
  margin-top: 3.5rem;
}
@media (max-width: 767px) {
  .character-lines-list {
    margin-top: 40px;
  }
}
.character-lines-list__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.character-lines-list__list .symbl-incontent-rectangle {
  margin: 2rem 0;
}
@media (max-width: 767px) {
  .character-lines-list__list .symbl-incontent-rectangle {
    margin: 24px 0;
  }
}
.character-lines-list__title-wrapper {
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}
@media (max-width: 1023px) {
  .character-lines-list__title-wrapper {
    margin-top: 24px;
  }
}
.character-lines-list__title {
  margin: 0;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 130%;
  letter-spacing: -0.24px;
  color: #000000;
  font-style: normal;
}
@media (max-width: 1599px) {
  .character-lines-list__title {
    font-size: 20px;
    line-height: 130%;
    letter-spacing: -0.2px;
  }
}
@media (max-width: 767px) {
  .character-lines-list__title {
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0;
    letter-spacing: -0.2px;
  }
}
.character-lines-list__title-link {
  display: flex;
  align-items: center;
  transition: color 0.15s;
  gap: 0.5rem;
}
@media (min-width: 1024px) {
  .character-lines-list__title-link:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.character-lines-list__title-link svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
@media (max-width: 1599px) {
  .character-lines-list__title-link svg {
    width: 28px;
    height: 28px;
    gap: 4px;
  }
}
@media (max-width: 767px) {
  .character-lines-list__title-link svg {
    width: 24px;
    height: 24px;
  }
}
.character-lines-list__char img {
  height: 1.5rem;
  width: auto;
}
@media (max-width: 1599px) {
  .character-lines-list__char img {
    height: 22px;
  }
}
.character-lines-list__char svg {
  height: 1rem;
  width: auto;
}
@media (max-width: 1599px) {
  .character-lines-list__char svg {
    height: 14px;
  }
}

.characters-line-block {
  height: 2rem;
}
@media (max-width: 1599px) {
  .characters-line-block {
    height: 28px;
  }
}
@media (max-width: 767px) {
  .characters-line-block {
    height: 30px;
  }
}
.characters-line-block__link {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .characters-line-block__link:not(.characters-line-block__link--disabled):hover .characters-line-block__title {
    color: #808080;
  }
}
.characters-line-block__link--disabled {
  cursor: default;
}
.characters-line-block__link--disabled .characters-line-block__title {
  color: #808080;
}
.characters-line-block__code {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #B3B3B3;
  width: auto;
  font-family: Arial, "Helvetica Neue", "Vitesco W05 Roman", Helvetica, sans-serif;
  padding: 6px 0 4px 0;
  flex-shrink: 0;
}
@media (max-width: 1599px) {
  .characters-line-block__code {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .characters-line-block__code {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 1599px) {
  .characters-line-block__code {
    padding: 5px 0 3px 0;
  }
}
@media (max-width: 1023px) {
  .characters-line-block__code {
    font-size: 14px;
    line-height: 22px;
  }
}
.characters-line-block__char-block {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #000000;
  font-style: normal;
  width: 2rem;
  display: flex;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}
@media (max-width: 1599px) {
  .characters-line-block__char-block {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .characters-line-block__char-block {
    font-size: 14px;
    line-height: 22px;
  }
}
.characters-line-block__char {
  width: -moz-fit-content;
  width: fit-content;
}
.characters-line-block__char img {
  height: 1.5rem;
  width: auto;
}
@media (max-width: 1599px) {
  .characters-line-block__char img {
    height: 22px;
  }
}
.characters-line-block__char svg {
  display: block;
  height: 1rem;
  width: auto;
}
@media (max-width: 1599px) {
  .characters-line-block__char svg {
    height: 14px;
  }
}
.characters-line-block__title {
  font-family: "Helvetica Neue", "Vitesco W05 Roman", Helvetica, Arial, sans-serif;
  flex-shrink: 1;
  display: -webkit-box;
  display: -moz-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.character-card {
  width: calc(100% + 0.625rem);
  height: calc(100% + 0.625rem);
  padding: 0.3125rem;
  margin: -0.3125rem;
}
@media (max-width: 1599px) {
  .character-card {
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    padding: 4px;
    margin: -4px;
  }
}
@media (max-width: 1023px) {
  .character-card {
    padding: 0;
    margin: 0;
    width: auto;
    max-width: 91px;
    height: 91px;
  }
}
@media (max-width: 767px) {
  .character-card {
    max-width: 40px;
    height: 56px;
  }
}
.character-card__link {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  cursor: pointer;
  border-radius: 0.25rem;
  min-height: 4.25rem;
  height: 100%;
}
@media (max-width: 1919px) {
  .character-card__link {
    min-height: 64px;
  }
}
@media (max-width: 1599px) {
  .character-card__link {
    min-height: 58px;
  }
}
@media (max-width: 1439px) {
  .character-card__link {
    min-height: 50px;
  }
}
@media (max-width: 1279px) {
  .character-card__link {
    min-height: 54px;
  }
}
@media (max-width: 1023px) {
  .character-card__link {
    min-height: auto;
  }
}
.character-card__link--disabled {
  cursor: default;
}
@media (min-width: 1024px) {
  .character-card__link:not(.character-card__link--disabled):hover {
    background-color: #E1F3FF;
  }
  .character-card__link:not(.character-card__link--disabled):hover .character-card__code {
    color: #778490 !important;
  }
}
.character-card__char-block {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  padding: 0.5rem 0.125rem;
}
@media (max-width: 1023px) {
  .character-card__char-block {
    padding: 0;
  }
}
.character-card__char {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 100%;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
@media (max-width: 1919px) {
  .character-card__char {
    font-size: 32px;
  }
}
@media (max-width: 1599px) {
  .character-card__char {
    font-size: 28px;
  }
}
@media (max-width: 1439px) {
  .character-card__char {
    font-size: 24px;
  }
}
@media (max-width: 1279px) {
  .character-card__char {
    font-size: 26px;
  }
}
@media (max-width: 1023px) {
  .character-card__char {
    position: static;
    transform: none;
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .character-card__char {
    font-size: 32px;
  }
}
.character-card__char img {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
}
@media (max-width: 1919px) {
  .character-card__char img {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 1439px) {
  .character-card__char img {
    width: 28px;
    height: 28px;
  }
}
.character-card__code {
  font-family: Arial, "Helvetica Neue", "Vitesco W05 Roman", Helvetica, sans-serif;
  text-align: center;
  color: #C1C1C1;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 100%;
  padding: 0.125rem 0 0.25rem;
  flex-shrink: 0;
}
@media (max-width: 1919px) {
  .character-card__code {
    font-size: 11px;
  }
}
@media (max-width: 1599px) {
  .character-card__code {
    font-size: 10px;
  }
}
@media (max-width: 1439px) {
  .character-card__code {
    font-size: 9px;
  }
}
@media (max-width: 1023px) {
  .character-card__code {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 115%;
    color: rgba(0, 0, 0, 0.5);
    padding: 0;
  }
}
@media (max-width: 1023px) and (max-width: 1599px) {
  .character-card__code {
    font-size: 10px;
    line-height: 120%;
  }
}
.character-card__title {
  display: none;
}

.list .character-card {
  height: 2rem;
  max-width: 100%;
  padding: 0;
  margin: 0;
}
@media (max-width: 1599px) {
  .list .character-card {
    height: 28px;
  }
}
@media (max-width: 767px) {
  .list .character-card {
    height: 30px;
  }
}
@media (max-width: 767px) {
  .list .character-card + .character-card {
    margin-top: 4px;
  }
}
.list .character-card__link {
  flex-direction: row;
  gap: 0.25rem;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  min-height: 0;
}
@media (min-width: 1024px) {
  .list .character-card__link:not(.character-card__link--disabled):hover {
    background: transparent;
  }
  .list .character-card__link:not(.character-card__link--disabled):hover .character-card__title {
    color: #808080;
  }
}
.list .character-card__link--disabled {
  cursor: default;
}
.list .character-card__link--disabled .character-card__title {
  color: #808080;
}
@media (max-width: 767px) {
  .list .character-card__link {
    gap: 12px;
  }
}
.list .character-card__char-block {
  flex-grow: 0;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.25rem;
  padding: 0.25rem;
  background-color: #F2F5FA;
}
@media (max-width: 767px) {
  .list .character-card__char-block {
    padding: 0;
  }
}
.list .character-card__char {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #000000;
  font-style: normal;
  display: flex;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
  position: static;
  transform: none;
  height: 1.5rem;
  width: 1.5rem;
}
@media (max-width: 1599px) {
  .list .character-card__char {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .list .character-card__char {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .list .character-card__char {
    height: 22px;
    width: 22px;
  }
}
@media (max-width: 767px) {
  .list .character-card__char {
    width: 28px;
    height: 28px;
    margin: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 22px;
  }
}
.list .character-card__char img {
  height: 1.5rem;
  width: auto;
}
@media (max-width: 1599px) {
  .list .character-card__char img {
    height: 22px;
  }
}
@media (max-width: 767px) {
  .list .character-card__char img {
    height: 14px;
  }
}
.list .character-card__char svg {
  display: block;
  height: 1rem;
  width: auto;
}
@media (max-width: 1599px) {
  .list .character-card__char svg {
    height: 14px;
  }
}
.list .character-card__title {
  display: block;
  font-family: "Helvetica Neue", "Vitesco W05 Roman", Helvetica, Arial, sans-serif;
  flex-shrink: 1;
  line-height: 1.5;
  display: -webkit-box;
  display: -moz-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.list .character-card__code {
  display: none;
}

.character-table {
  margin-top: 2.5rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 1599px) {
  .character-table {
    margin-top: 32px;
  }
}
@media (max-width: 1023px) {
  .character-table {
    position: relative;
    padding-top: 0;
    margin-top: 12px;
    display: flex;
    flex-direction: column;
  }
}
.character-table__container {
  position: relative;
  height: 100%;
}
.character-table__block-link-wrapper {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
  display: none;
  padding-bottom: 16px;
}
@media (max-width: 1023px) {
  .character-table__block-link-wrapper {
    display: block;
    width: calc(100% + 40px);
    margin: 0 -20px;
  }
}
@media (max-width: 767px) {
  .character-table__block-link-wrapper {
    width: calc(100% + 24px);
    margin: 0 -12px;
    padding-bottom: 12px;
  }
}
.character-table__block-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background-color: #F2F5FA;
  padding: 14px 20px;
  min-height: 80px;
}
@media (max-width: 767px) {
  .character-table__block-link {
    min-height: 56px;
    padding: 14px 12px;
  }
}
.character-table__block-link-text {
  font-size: 14px;
  line-height: 160%;
}
@media (max-width: 767px) {
  .character-table__block-link-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 115%;
  }
}
.character-table__block-name {
  display: block;
  margin-bottom: 4px;
}
.character-table__block-range {
  display: block;
  color: rgba(0, 0, 0, 0.5);
}
.character-table__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-gap: 0.625rem 0;
  align-items: center;
  justify-items: center;
  height: 100%;
  background-color: #ffffff;
  position: sticky;
  height: 100vh;
  top: 0;
  margin-bottom: 4.125rem;
}
@media (max-width: 1599px) {
  .character-table__list {
    grid-gap: 8px 0;
    margin-bottom: 56px;
  }
}
@media (max-width: 1279px) {
  .character-table__list {
    grid-gap: 7px 0;
  }
}
@media (max-width: 1023px) {
  .character-table__list {
    grid-gap: 0;
  }
}
@media (max-width: 767px) {
  .character-table__list {
    row-gap: 8px;
  }
}
@media (max-width: 1023px) {
  .character-table__list {
    grid-template-columns: repeat(8, 1fr);
    row-gap: 8px;
    top: 96px;
    height: calc(100vh - 96px);
  }
}
@media (max-width: 767px) {
  .character-table__list {
    height: calc(100vh - 68px);
  }
}
.character-table__list::-webkit-scrollbar {
  width: 0;
}
.character-table__item {
  width: 100%;
  height: calc(100% + 0.625rem);
  padding: 0.3125rem 0;
  margin: -0.3125rem 0;
}
.character-table__item:nth-child(16n+1), .character-table__item:nth-child(16n+16) {
  width: calc(100% + 0.3125rem);
}
@media (max-width: 1599px) {
  .character-table__item:nth-child(16n+1), .character-table__item:nth-child(16n+16) {
    width: calc(100% + 4px);
  }
}
@media (max-width: 1023px) {
  .character-table__item:nth-child(16n+1), .character-table__item:nth-child(16n+16) {
    width: auto;
  }
}
.character-table__item:nth-child(16n+1) {
  padding-left: 0.3125rem;
  margin-left: -0.3125rem;
}
@media (max-width: 1599px) {
  .character-table__item:nth-child(16n+1) {
    padding-left: 4px;
    margin-left: -4px;
  }
}
@media (max-width: 1023px) {
  .character-table__item:nth-child(16n+1) {
    padding-left: 0;
    margin-left: 0;
  }
}
.character-table__item:nth-child(16n+16) {
  padding-right: 0.3125rem;
  margin-right: -0.3125rem;
}
@media (max-width: 1599px) {
  .character-table__item:nth-child(16n+16) {
    padding-right: 4px;
    margin-right: -4px;
  }
}
@media (max-width: 1023px) {
  .character-table__item:nth-child(16n+16) {
    padding-right: 0;
    margin-right: 0;
  }
}
@media (max-width: 1599px) {
  .character-table__item {
    height: calc(100% + 8px);
    padding: 4px 0;
    margin: -4px 0;
  }
}
@media (max-width: 1023px) {
  .character-table__item {
    padding: 0;
    margin: 0;
    width: auto;
    max-width: 91px;
    height: 91px;
  }
}
@media (max-width: 767px) {
  .character-table__item {
    max-width: 40px;
    height: 56px;
  }
}
@media (min-width: 1024px) {
  .character-table__item.is-highlight .character-table__link:not(.character-table__link--disabled):hover {
    background-color: #EDF5B4;
  }
  .character-table__item.is-highlight .character-table__link:not(.character-table__link--disabled):hover .character-table__code {
    color: #BAC384 !important;
  }
}
.character-table__link {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  cursor: pointer;
  border-radius: 0.25rem;
  min-height: 4.25rem;
  height: 100%;
}
@media (max-width: 1919px) {
  .character-table__link {
    min-height: 64px;
  }
}
@media (max-width: 1599px) {
  .character-table__link {
    min-height: 58px;
  }
}
@media (max-width: 1439px) {
  .character-table__link {
    min-height: 50px;
  }
}
@media (max-width: 1279px) {
  .character-table__link {
    min-height: 54px;
  }
}
@media (max-width: 1023px) {
  .character-table__link {
    min-height: auto;
  }
}
.character-table__link--disabled {
  cursor: default;
}
.character-table__link--disabled .character-table__char::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.07 16L4.3952 1.4435L5.60481 0.556458L16 14.7317L26.3952 0.556458L27.6048 1.4435L16.9301 16L27.6048 30.5565L26.3952 31.4435L16 17.2682L5.60481 31.4435L4.3952 30.5565L15.07 16Z' fill='%23FFC5C8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1919px) {
  .character-table__link--disabled .character-table__char::before {
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 1599px) {
  .character-table__link--disabled .character-table__char::before {
    width: 26px;
    height: 26px;
  }
}
@media (max-width: 1599px) {
  .character-table__link--disabled .character-table__char::before {
    width: 26px;
    height: 26px;
  }
}
@media (max-width: 1439px) {
  .character-table__link--disabled .character-table__char::before {
    width: 22px;
    height: 22px;
  }
}
@media (max-width: 1279px) {
  .character-table__link--disabled .character-table__char::before {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 1279px) {
  .character-table__link--disabled .character-table__char::before {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 1023px) {
  .character-table__link--disabled .character-table__char::before {
    width: 48px;
    height: 48px;
  }
}
@media (max-width: 767px) {
  .character-table__link--disabled .character-table__char::before {
    width: 32px;
    height: 32px;
  }
}
.character-table__link--disabled .character-table__char.is-private-symbol::before {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.07 16L4.3952 1.4435L5.60481 0.556458L16 14.7317L26.3952 0.556458L27.6048 1.4435L16.9301 16L27.6048 30.5565L26.3952 31.4435L16 17.2682L5.60481 31.4435L4.3952 30.5565L15.07 16Z' fill='%23B8D7EE'/%3E%3C/svg%3E");
}
@media (min-width: 1024px) {
  .character-table__link:not(.character-table__link--disabled):hover {
    background-color: #E1F3FF;
  }
  .character-table__link:not(.character-table__link--disabled):hover .character-table__code {
    color: #778490 !important;
  }
}
@media (max-width: 1023px) {
  .character-table__link {
    justify-content: space-between;
    padding: 2px 2px 0;
  }
}
.character-table__char-block {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  padding: 0.5rem 0.125rem;
}
@media (max-width: 1023px) {
  .character-table__char-block {
    padding: 0;
  }
}
.character-table__char {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 100%;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
@media (max-width: 1919px) {
  .character-table__char {
    font-size: 32px;
  }
}
@media (max-width: 1599px) {
  .character-table__char {
    font-size: 28px;
  }
}
@media (max-width: 1439px) {
  .character-table__char {
    font-size: 24px;
  }
}
@media (max-width: 1279px) {
  .character-table__char {
    font-size: 26px;
  }
}
@media (max-width: 1023px) {
  .character-table__char {
    position: static;
    transform: none;
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .character-table__char {
    font-size: 32px;
  }
}
.character-table__code {
  font-family: Arial, "Helvetica Neue", "Vitesco W05 Roman", Helvetica, sans-serif;
  text-align: center;
  color: #C1C1C1;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 100%;
  padding: 0.125rem 0 0.25rem;
  flex-shrink: 0;
}
@media (max-width: 1919px) {
  .character-table__code {
    font-size: 11px;
  }
}
@media (max-width: 1599px) {
  .character-table__code {
    font-size: 10px;
  }
}
@media (max-width: 1439px) {
  .character-table__code {
    font-size: 9px;
  }
}
@media (max-width: 1023px) {
  .character-table__code {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 115%;
    color: rgba(0, 0, 0, 0.5);
    padding: 0;
  }
}
@media (max-width: 1023px) and (max-width: 1599px) {
  .character-table__code {
    font-size: 10px;
    line-height: 120%;
  }
}
.character-table .btn-back-top {
  position: fixed;
}

.chars-list:has(.switch):not(.is-initialized) {
  opacity: 0;
}
.chars-list__section-title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.875rem;
  margin-top: 2.5rem;
}
@media (max-width: 1599px) {
  .chars-list__section-title-wrapper {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
.chars-list__section-title {
  font-weight: 400;
  font-size: 2rem;
  line-height: 115%;
  letter-spacing: -0.64px;
  color: #000000;
  font-style: normal;
  display: block;
  margin: 0;
}
@media (max-width: 1599px) {
  .chars-list__section-title {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
@media (max-width: 767px) {
  .chars-list__section-title {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
.chars-list.list .chars-list__table-ad {
  display: none;
}
.chars-list.list .chars-list__list-ad {
  display: block;
}
.chars-list.list .chars-list__list {
  grid-template-columns: 1fr;
  gap: 0.25rem;
}
@media (max-width: 767px) {
  .chars-list.list .chars-list__list {
    gap: 0;
  }
}
.chars-list__title-wrapper {
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}
@media (max-width: 1023px) {
  .chars-list__title-wrapper {
    margin-top: 24px;
  }
}
.chars-list__title {
  margin: 0;
  font-weight: 400;
  font-size: 1.75rem;
  line-height: 120%;
  letter-spacing: -0.56px;
  color: #000000;
  font-style: normal;
}
@media (max-width: 1599px) {
  .chars-list__title {
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 767px) {
  .chars-list__title {
    font-size: 24px;
    line-height: 130%;
  }
}
.chars-list__title-link {
  font-weight: 400;
  font-size: 1.75rem;
  line-height: 120%;
  letter-spacing: -0.56px;
  color: #000000;
  font-style: normal;
  transition: color 0.15s;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 1599px) {
  .chars-list__title-link {
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 767px) {
  .chars-list__title-link {
    font-size: 24px;
    line-height: 130%;
  }
}
@media (min-width: 1024px) {
  .chars-list__title-link:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.chars-list__title-link svg {
  width: 2rem;
  height: 2rem;
}
@media (max-width: 1599px) {
  .chars-list__title-link svg {
    width: 28px;
    height: 28px;
    gap: 4px;
  }
}
@media (max-width: 767px) {
  .chars-list__title-link svg {
    width: 24px;
    height: 24px;
  }
}
.chars-list__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  width: 100%;
}
@media (max-width: 767px) {
  .chars-list__list {
    row-gap: 8px;
  }
}
.chars-list__list--kaomoji {
  grid-template-columns: repeat(4, 1fr) !important;
}
@media (max-width: 767px) {
  .chars-list__list--kaomoji {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
.chars-list__list--kaomoji--big {
  grid-template-columns: repeat(3, 1fr) !important;
}
@media (max-width: 767px) {
  .chars-list__list--kaomoji--big {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
.chars-list__list--kaomoji--large {
  display: flex;
  flex-wrap: wrap;
}
.chars-list__list--kaomoji--large .character-list-item {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 33.333%;
}
@media (max-width: 767px) {
  .chars-list__list--kaomoji--large .character-list-item {
    flex-basis: 50%;
  }
}
.chars-list__list--kaomoji--large .character-list-item--title {
  flex-basis: 100%;
}
.chars-list__subsection {
  margin-bottom: 4.875rem;
}
@media (max-width: 767px) {
  .chars-list__subsection {
    margin-bottom: 32px;
  }
}
.chars-list__subtitle {
  margin: 0 0 1rem 0;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 125%;
  letter-spacing: -0.01em;
}
@media (max-width: 1599px) {
  .chars-list__subtitle {
    font-size: 20px;
    line-height: 120%;
  }
}
@media (max-width: 767px) {
  .chars-list__subtitle {
    font-size: 18px;
    line-height: 120%;
    letter-spacing: normal;
  }
}
.chars-list__subtitle svg {
  width: 1.875rem;
  margin-bottom: -0.125rem;
}
@media (max-width: 1919px) {
  .chars-list__subtitle svg {
    width: 28px;
  }
}
@media (max-width: 767px) {
  .chars-list__subtitle {
    margin: 0 0 4px 0;
  }
  .chars-list__subtitle svg {
    width: 22px;
  }
}
.chars-list__list-ad {
  display: none;
}
.chars-list__table-ad {
  grid-column: 1/-1;
}
.chars-list--block {
  margin-bottom: 7.5rem;
}
@media (max-width: 767px) {
  .chars-list--block {
    margin-bottom: 56px;
  }
}
.chars-list--block .chars-list__list {
  grid-template-columns: repeat(16, 1fr);
}
@media (max-width: 767px) {
  .chars-list--block .chars-list__list {
    grid-template-columns: repeat(8, 1fr);
  }
}

.description-block {
  max-width: 42.5rem;
  color: #000000;
  padding-right: 20px;
  margin-top: 4.875rem;
}
@media (max-width: 1599px) {
  .description-block {
    margin-top: 56px;
    max-width: 569px;
    padding-right: 0;
  }
}
@media (max-width: 1023px) {
  .description-block {
    width: 100%;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .description-block {
    margin-top: 32px;
  }
}
.description-block h2 {
  font-weight: 400;
  font-size: 2rem;
  line-height: 115%;
  letter-spacing: -0.64px;
  color: #000000;
  font-style: normal;
  margin: 4.875rem 0 2rem 0;
}
@media (max-width: 1599px) {
  .description-block h2 {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
@media (max-width: 767px) {
  .description-block h2 {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
@media (max-width: 1599px) {
  .description-block h2 {
    margin: 64px 0 24px 0;
  }
}
@media (max-width: 767px) {
  .description-block h2 {
    margin: 40px 0 20px 0;
  }
}
.description-block h2:first-child {
  margin-top: 0;
}
.description-block h2:last-child {
  margin-bottom: 0;
}
.description-block h3 {
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 2.125rem;
  letter-spacing: -0.0375rem;
  margin: 3.5rem 0 1rem;
}
@media (max-width: 1599px) {
  .description-block h3 {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 767px) {
  .description-block h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 767px) {
  .description-block h3 {
    margin: 32px 0 12px;
  }
}
.description-block h4 {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 125%;
  letter-spacing: -0.01em;
  margin: 2rem 0 1rem;
}
@media (max-width: 1599px) {
  .description-block h4 {
    font-size: 20px;
    line-height: 120%;
  }
}
@media (max-width: 767px) {
  .description-block h4 {
    font-size: 18px;
    line-height: 120%;
    letter-spacing: normal;
  }
}
@media (max-width: 1599px) {
  .description-block h4 {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .description-block h4 {
    margin: 20px 0 12px;
  }
}
.description-block p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 1rem 0;
}
@media (max-width: 1919px) {
  .description-block p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1599px) {
  .description-block p {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .description-block p {
    margin: 16px 0;
  }
}
.description-block p:first-child {
  margin-top: 0;
}
.description-block p:last-child {
  margin-bottom: 0;
}
.description-block ul, .description-block ol {
  padding-left: 1.5rem;
  margin: 0;
  color: #000000;
}
@media (max-width: 1599px) {
  .description-block ul, .description-block ol {
    padding-left: 20px;
  }
}
.description-block ol {
  padding-left: 1.75rem;
}
@media (max-width: 1599px) {
  .description-block ol {
    padding-left: 22px;
  }
  .description-block ol li:not(:first-child) {
    margin-top: 4px;
  }
}
.description-block ul p {
  margin-bottom: 0;
}
.description-block li {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media (max-width: 1919px) {
  .description-block li {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1599px) {
  .description-block li {
    font-size: 14px;
    line-height: 22px;
  }
}
.description-block .symb-link-wrap a {
  display: inline-flex;
  align-items: center;
  min-width: 1.375rem;
  min-height: 1.375rem;
  justify-content: center;
  padding: 0 0.25rem;
  background-color: #F2F5FA;
  border-radius: 0.25rem;
  transition: background-color 0.2s, color 0.2s;
  color: #000000;
  border-bottom: none;
}
.description-block .symb-link-wrap a::before {
  display: none;
}
@media (min-width: 1024px) {
  .description-block .symb-link-wrap a:hover {
    background-color: #000000;
    color: #ffffff;
  }
}
.description-block a {
  position: relative;
  transition: color 0.2s;
}
@media (min-width: 1024px) {
  .description-block a:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.description-block a::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.0625rem;
  background-color: #E0E4EB;
}
.description-block__title {
  font-weight: 400;
  font-size: 2rem;
  line-height: 115%;
  letter-spacing: -0.64px;
  color: #000000;
  font-style: normal;
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 1599px) {
  .description-block__title {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
@media (max-width: 767px) {
  .description-block__title {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
@media (max-width: 767px) {
  .description-block__title {
    margin-top: 56px;
  }
}
.description-block__title + .description-block {
  margin-top: 0;
}
.description-block table {
  border-collapse: collapse;
}
.description-block table th, .description-block table td {
  padding: 0.1875rem 1.25rem 0.1875rem 0;
  min-width: 3.375rem;
  box-sizing: content-box;
}
@media (max-width: 1599px) {
  .description-block table th, .description-block table td {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .description-block table th, .description-block table td {
    padding: 0.1875rem 0.25rem 0.1875rem 0;
  }
}
.description-block--emoji-keyboard {
  max-width: 100%;
  margin-top: 16px;
  padding-right: 0;
}
@media (max-width: 767px) {
  .description-block--emoji-keyboard {
    margin-top: 8px;
    margin-bottom: 32px;
  }
}
.description-block--emoji-keyboard h2 {
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 115%;
  letter-spacing: -0.01em;
}
@media (max-width: 1919px) {
  .description-block--emoji-keyboard h2 {
    font-size: 30px;
  }
}
@media (max-width: 1599px) {
  .description-block--emoji-keyboard h2 {
    font-size: 24px;
    line-height: 125%;
  }
}
@media (max-width: 767px) {
  .description-block--emoji-keyboard h2 {
    font-size: 20px;
    line-height: 120%;
    margin-top: 0;
  }
}
.description-block .mention-table__row {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
}
.description-block .mention-table__row:not(:last-child) {
  margin-bottom: 0.5rem;
}
@media (max-width: 1599px) {
  .description-block .mention-table__row:not(:last-child) {
    margin-bottom: 4px;
  }
}
.description-block .mention-table span {
  white-space: nowrap;
}
.description-block .mention-table span.mention-table__description {
  white-space: normal;
}
.description-block .mention-table__description {
  font-size: 1rem;
  line-height: 150%;
  margin-left: 20px;
}
@media (max-width: 1599px) {
  .description-block .mention-table__description {
    font-size: 14px;
    line-height: 160%;
  }
}

.ml-set,
.ml-symbol {
  position: relative;
  border-bottom: 1px solid #E0E4EB;
}
@media (min-width: 1024px) {
  .ml-set:hover,
  .ml-symbol:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}

.character-list + .description-block {
  margin-top: 4.875rem;
}
@media (max-width: 767px) {
  .character-list + .description-block {
    margin-top: 56px;
  }
}

.description-block--blocks-item {
  padding: 0;
  padding-top: 2.5rem;
  margin-top: 0;
}
@media (max-width: 1599px) {
  .description-block--blocks-item {
    padding-top: 32px;
  }
}
.description-block--blocks-item li:not(:last-of-type) {
  margin-bottom: 8px;
}
.description-block--blocks-item p {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.description-block--blocks-item h2 {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 130%;
  letter-spacing: -0.24px;
  color: #000000;
  font-style: normal;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}
@media (max-width: 1599px) {
  .description-block--blocks-item h2 {
    font-size: 20px;
    line-height: 130%;
    letter-spacing: -0.2px;
  }
}
@media (max-width: 767px) {
  .description-block--blocks-item h2 {
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0;
    letter-spacing: -0.2px;
  }
}
.description-block--blocks-item h3 {
  font-weight: 400;
  margin-top: 1.5rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 1599px) {
  .description-block--blocks-item h3 {
    font-size: 20px;
    line-height: 120%;
    margin-top: 20px;
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .description-block--blocks-item h3 {
    font-size: 16px;
    line-height: 150%;
    margin-top: 12px;
    margin-bottom: 12px;
  }
}
.description-block--blocks-item .description-block__map-img {
  width: 100%;
}
.description-block--blocks-item ol {
  padding-left: 0px;
  list-style-position: inside;
}
.description-block--blocks-item + .symbl-incontent-rectangle {
  margin: 3rem 0;
}
@media (max-width: 1599px) {
  .description-block--blocks-item + .symbl-incontent-rectangle {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .description-block--blocks-item + .symbl-incontent-rectangle {
    margin-top: 32px;
  }
}

.ml-block {
  vertical-align: bottom;
  display: inline-flex;
  align-items: center;
  height: 1.375rem;
  background-color: #F2F5FA;
  border-radius: 0.25rem;
  overflow: hidden;
  max-width: 100%;
  transition: background-color 0.2s, color 0.2s;
  cursor: pointer;
}
.ml-block::before {
  display: none !important;
}
@media (min-width: 1024px) {
  .ml-block:hover {
    background-color: #000000;
    color: #ffffff !important;
  }
  .ml-block:hover .ml-block__unicode-logo {
    background-color: #5555FF;
    color: #ffffff;
  }
}
@media (max-width: 1599px) {
  .ml-block {
    border-radius: 4px;
    height: 20px;
  }
}
.ml-block__unicode-logo {
  transition: background-color 0.2s, color 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  width: 1.5rem;
  height: 100%;
  border-radius: 0.25rem 0 0 0.25rem;
  color: #000000;
  margin-right: 0.25rem;
  position: static !important;
}
@media (max-width: 1599px) {
  .ml-block__unicode-logo {
    width: 22px;
  }
}
.ml-block__unicode-logo--text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: inherit;
  font-style: normal;
}
@media (max-width: 1599px) {
  .ml-block__unicode-logo--text {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .ml-block__unicode-logo--text {
    font-size: 14px;
    line-height: 22px;
  }
}
.ml-block__unicode-logo svg {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
}
@media (max-width: 1599px) {
  .ml-block__unicode-logo svg {
    width: 22px;
    height: 22px;
  }
}
.ml-block__content {
  display: flex;
  align-items: baseline;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 1px;
  overflow: hidden;
  padding-right: 0.5rem;
}
.ml-block__name {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: inherit;
  font-style: normal;
  line-height: 1 !important;
  vertical-align: baseline;
  white-space: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1599px) {
  .ml-block__name {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .ml-block__name {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .ml-block__name {
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.ml-block__range {
  vertical-align: baseline;
  white-space: nowrap;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #808080;
  line-height: 1 !important;
}
@media (max-width: 1599px) {
  .ml-block__range {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .ml-block__range {
    font-size: 12px;
    line-height: 20px;
  }
}

.tippy-box {
  outline: none;
}

.tippy-box[data-theme~=light-border] {
  background-color: transparent;
  padding-left: 1.25rem;
  margin-left: -0.75rem;
}
@media (max-width: 768px) {
  .tippy-box[data-theme~=light-border] {
    padding-left: 0;
  }
}

.tippy-content {
  padding: 0;
  background-color: #ffffff;
  color: #000000;
  min-height: 18.75rem;
  width: 16.75rem;
  box-sizing: border-box;
  box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 1.25rem;
}
@media (max-width: 767px) {
  .tippy-content {
    width: 252px;
  }
}

.cupertino-pane-wrapper .pane {
  max-width: 100%;
  z-index: 1000;
  border-radius: 20px 20px 0px 0px;
  border: 1px solid #F2F5FA;
}

.cupertino-pane-wrapper .backdrop {
  z-index: 999;
}

.cupertino-pane-wrapper .draggable {
  padding: 12px 0 16px 0;
  height: auto;
}

.cupertino-pane-wrapper .move {
  height: 4px;
  width: 48px;
  background-color: #E0E4EB;
  border-radius: 5px;
}

.tooltip {
  position: relative;
  padding: 1.5rem;
}
@media (max-width: 767px) {
  .tooltip {
    width: 100%;
    padding: 16px 20px calc(48px + env(safe-area-inset-bottom)) 20px;
    display: grid !important;
    grid-template-columns: min-content 1fr;
    -moz-column-gap: 16px;
         column-gap: 16px;
    height: -moz-min-content !important;
    height: min-content !important;
    transition: opacity 0s !important;
    overflow: visible !important;
  }
}
.tooltip__symbol-block {
  width: 13.75rem;
  align-items: center;
  justify-content: center;
  display: flex;
  font-size: 7.5rem;
  line-height: 1;
  position: relative;
  margin: 0 auto 1.25rem;
}
@media (max-width: 767px) {
  .tooltip__symbol-block {
    width: 120px;
    height: 120px;
    grid-row: 1/3;
    grid-column: 1/2;
    margin: 0;
  }
}
.tooltip__symbol-block-square {
  background-color: #F2F5FA;
  border-radius: 16px;
  left: 0;
  top: 0;
  padding-top: 100%;
  width: 100%;
}
.tooltip__img-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.75rem;
}
@media (max-width: 767px) {
  .tooltip__img-wrapper {
    gap: 16px;
  }
}
.tooltip__symbol-img {
  width: 7.5rem;
  height: 7.5rem;
}
@media (max-width: 767px) {
  .tooltip__symbol-img {
    width: 60px;
    height: 60px;
  }
}
.tooltip__symbol {
  min-height: 7.5rem;
}
@media (max-width: 767px) {
  .tooltip__symbol {
    min-height: 60px;
    font-size: 60px;
    line-height: 60px;
  }
}
.tooltip__code {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #000000;
  font-family: Arial, "Helvetica Neue", "Vitesco W05 Roman", Helvetica, sans-serif;
  color: #808080;
}
@media (max-width: 1599px) {
  .tooltip__code {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .tooltip__code {
    font-size: 12px;
    line-height: 20px;
  }
}
.tooltip__desc.is-loading {
  height: 1.5rem;
  position: relative;
  background-color: #F2F5FA;
  overflow: hidden;
  border-radius: 0.25rem;
}
@media (max-width: 1599px) {
  .tooltip__desc.is-loading {
    height: 22.4px;
  }
}
.tooltip__desc.is-loading::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  animation: loading 1.5s infinite;
  z-index: 1;
}
.tooltip__desc.is-loading > a {
  opacity: 0;
}
@media (min-width: 1024px) {
  .tooltip__desc.is-loading > a:hover {
    opacity: 0;
  }
}
.tooltip__desc a {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 130%;
  color: #000000;
  font-style: normal;
  display: block;
  transition: opacity 0.2s;
  text-align: center;
}
@media (max-width: 1599px) {
  .tooltip__desc a {
    font-size: 18px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .tooltip__desc a {
    font-size: 18px;
    line-height: 140%;
  }
}
.tooltip__desc a span {
  display: inline-flex;
  align-items: center;
}
.tooltip__desc a svg {
  height: 1.5rem;
}
@media (max-width: 1599px) {
  .tooltip__desc a svg {
    height: 16px;
    width: auto;
    position: relative;
    top: -1;
  }
}
@media (max-width: 767px) {
  .tooltip__desc a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #000000;
    font-style: normal;
  }
}
@media (max-width: 767px) and (max-width: 1599px) {
  .tooltip__desc a {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .tooltip__desc a {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (min-width: 1024px) {
  .tooltip__desc a:hover {
    opacity: 0.5;
  }
}
.tooltip__btn-copy {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #ffffff;
  font-style: normal;
  display: block;
  width: 100%;
  margin-top: 1.25rem;
  padding: 1rem 1rem;
  background-color: #000000;
  border-radius: 3rem;
  text-align: center;
  transition: opacity 0.2s;
}
@media (max-width: 1599px) {
  .tooltip__btn-copy {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .tooltip__btn-copy {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .tooltip__btn-copy {
    margin-top: auto;
    padding: 9px 16px;
    height: 40px;
  }
}
@media (min-width: 1024px) {
  .tooltip__btn-copy:hover {
    opacity: 0.8;
  }
}
.tooltip__btn-favorites {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E0E4EB;
  z-index: 1;
  transition: color 0.2s;
}
.tooltip__btn-favorites svg {
  width: 1.5rem;
  height: auto;
  display: block;
}
@media (min-width: 1024px) {
  .tooltip__btn-favorites:hover {
    color: rgba(0, 0, 0, 0.5);
  }
  .tooltip__btn-favorites.active:hover {
    color: #000000;
  }
}
.tooltip__btn-favorites.active {
  color: #000000;
}
.tooltip__skeleton-wrapper {
  display: none;
  position: absolute;
  left: -10px;
  top: -16px;
  width: calc(100% + 20px);
  height: 100vh;
  background-color: #ffffff;
}
.tooltip__skeleton-wrapper.active .tooltip__skeleton {
  opacity: 1;
}
.tooltip__skeleton {
  opacity: 0;
  transition: 0.2s;
  width: 100%;
  height: 100%;
  padding: 10px 20px;
}
.tooltip__skeleton-block {
  background: #F3F5FA;
  position: relative;
  overflow: hidden;
  border-radius: 32px;
}
.tooltip__skeleton-block::after {
  content: "";
  position: absolute;
  left: -100%;
  top: 0;
  background: linear-gradient(90deg, #F3F4FA 0%, #E0E4EB 49.09%, #F3F5FA 100%);
  display: block;
  width: 100%;
  height: 100%;
  animation: skeleton-gradient 2.5s infinite;
}
.tooltip__skeleton-header {
  width: calc(100% - 32px);
  height: 48px;
  margin-bottom: 13px;
}
.tooltip__skeleton-breadcrumbs {
  width: 250px;
  height: 20px;
  margin-bottom: 22px;
}
.tooltip__skeleton-ad {
  width: 100%;
  height: 257px;
  margin-bottom: 23px;
}
.tooltip__skeleton-title-first {
  width: 100%;
  height: 38px;
  margin-bottom: 9px;
}
.tooltip__skeleton-title-second {
  width: 187px;
  height: 38px;
  margin-bottom: 51px;
}
.tooltip__skeleton-img {
  width: 255px;
  height: 251px;
  margin-bottom: 51px;
  margin-left: auto;
  margin-right: auto;
}
.tooltip__skeleton-copy {
  width: 114px;
  height: 47px;
  margin-bottom: 51px;
  margin-left: auto;
  margin-right: auto;
}

@keyframes skeleton-gradient {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@media screen and (max-width: 768px) {
  div.popup-char[data-tippy-root] {
    position: fixed !important;
    transform: translate(-50%, -50%) !important;
    top: 50% !important;
    left: 50% !important;
    bottom: unset !important;
    right: unset !important;
    z-index: 9999 !important;
  }
  .char-popup-overlay {
    position: fixed;
    z-index: 9998;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
  }
}
@keyframes loading {
  100% {
    transform: translateX(100%);
  }
}
.table-section table,
.table-encodings table {
  display: block;
  box-sizing: border-box;
  border-collapse: collapse;
}
.table-section tr:not(:last-child) td, .table-section th:not(:last-child) td,
.table-encodings tr:not(:last-child) td,
.table-encodings th:not(:last-child) td {
  border-bottom: 1px solid #000000;
}
.table-section td, .table-section th,
.table-encodings td,
.table-encodings th {
  padding: 0.25rem 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 1919px) {
  .table-section td, .table-section th,
  .table-encodings td,
  .table-encodings th {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1599px) {
  .table-section td, .table-section th,
  .table-encodings td,
  .table-encodings th {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .table-section td, .table-section th,
  .table-encodings td,
  .table-encodings th {
    padding: 3px 0;
  }
}
@media (max-width: 767px) {
  .table-section td, .table-section th,
  .table-encodings td,
  .table-encodings th {
    white-space: nowrap;
  }
}
.table-section td:not(:first-child), .table-section th:not(:first-child),
.table-encodings td:not(:first-child),
.table-encodings th:not(:first-child) {
  padding-left: 1.3125rem;
  color: #000000;
}
@media (max-width: 1919px) {
  .table-section td:not(:first-child), .table-section th:not(:first-child),
  .table-encodings td:not(:first-child),
  .table-encodings th:not(:first-child) {
    padding-left: 21px;
  }
}
.table-section td .code, .table-section th .code,
.table-encodings td .code,
.table-encodings th .code {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  display: inline-flex;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 0.125rem 0.75rem;
  transition: background-color 0.2s;
  border-radius: 20px;
  background-color: #5555FF;
  color: #ffffff;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: Arial, "Helvetica Neue", "Vitesco W05 Roman", Helvetica, sans-serif;
}
@media (max-width: 1919px) {
  .table-section td .code, .table-section th .code,
  .table-encodings td .code,
  .table-encodings th .code {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1599px) {
  .table-section td .code, .table-section th .code,
  .table-encodings td .code,
  .table-encodings th .code {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (min-width: 1024px) {
  .table-section td .code:hover, .table-section th .code:hover,
  .table-encodings td .code:hover,
  .table-encodings th .code:hover {
    background-color: rgba(85, 85, 255, 0.8);
  }
}
.table-section td .link, .table-section th .link,
.table-encodings td .link,
.table-encodings th .link {
  display: inline-flex;
  position: relative;
  transition: color 0.2s;
  color: #000000;
}
@media (min-width: 1024px) {
  .table-section td .link:hover, .table-section th .link:hover,
  .table-encodings td .link:hover,
  .table-encodings th .link:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.table-section__text,
.table-encodings__text {
  margin-top: 0;
  margin-bottom: 1.5rem;
  max-width: 40.125rem;
}
@media (max-width: 1919px) {
  .table-section__text,
  .table-encodings__text {
    margin-bottom: 20px;
    max-width: 571px;
  }
}
@media (max-width: 1439px) {
  .table-section__text,
  .table-encodings__text {
    margin-bottom: 16px;
  }
}

.table-section.table-section--encodings tr th {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
}
.table-section.table-section--encodings td, .table-section.table-section--encodings th {
  color: #000000;
}
.table-section.table-section--encodings td:not(:first-child), .table-section.table-section--encodings th:not(:first-child) {
  text-align: right;
}

.emoji-device {
  width: 100%;
}
.emoji-device__title {
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 2.125rem;
  letter-spacing: -0.0375rem;
  margin: 0;
  margin-bottom: 0.75rem;
}
@media (max-width: 1599px) {
  .emoji-device__title {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 767px) {
  .emoji-device__title {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 1599px) {
  .emoji-device__title {
    margin-bottom: 18px;
  }
}
@media (max-width: 767px) {
  .emoji-device__title {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 125%;
    letter-spacing: -0.01em;
  }
}
.emoji-device__text {
  margin: 0;
  margin-bottom: 2rem;
  max-width: 31.25rem;
}
@media (max-width: 1599px) {
  .emoji-device__text {
    margin-bottom: 24px;
  }
}
.emoji-device__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 0.5rem;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}
@media (max-width: 767px) {
  .emoji-device__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .emoji-device__item:nth-child(n+7) {
    display: none;
  }
}
@media (max-width: 767px) {
  .emoji-device.active .emoji-device__item:nth-child(n+7) {
    display: block;
  }
}
.emoji-device__show-more {
  display: none;
}
@media (max-width: 767px) {
  .emoji-device__show-more {
    margin-top: 12px;
    display: flex;
  }
}

.description-map {
  max-width: 50.4375rem;
  width: 100%;
  margin-top: 1.5rem;
  padding: 1.25rem 2.5rem;
  border: 1px solid #E0E4EB;
  border-radius: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1439px) {
  .description-map {
    padding: 20px 0 20px 32px;
  }
}
@media (max-width: 1365px) {
  .description-map {
    padding: 20px 0 20px 24px;
  }
}
@media (max-width: 767px) {
  .description-map {
    margin-top: 16px;
    padding: 16px;
    flex-direction: column;
  }
}
.description-map__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 20.75rem;
  margin: -1.25rem 1.875rem 0 -0.625rem;
}
@media (max-width: 1439px) {
  .description-map__list {
    margin: -20px 20px 0 -10px;
  }
}
@media (max-width: 767px) {
  .description-map__list {
    order: 1;
    margin: 8px -12px 0 0;
    justify-content: flex-start;
  }
}
.description-map__item {
  margin: 1.25rem 0.625rem 0;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
@media (max-width: 767px) {
  .description-map__item {
    margin: 8px 20px 0 0;
  }
}
.description-map__item--lang {
  width: 100%;
}
@media (max-width: 767px) {
  .description-map__item--type {
    width: 100%;
  }
}
.description-map__item span {
  color: rgba(0, 0, 0, 0.5);
}
.description-map__item p {
  margin: 0;
}
.description-map__map {
  margin-right: 1.5rem;
}
@media (max-width: 1439px) {
  .description-map__map {
    margin-right: 16px;
  }
}
@media (max-width: 767px) {
  .description-map__map {
    margin-right: 0;
  }
}

.table-of-content {
  margin-top: 4.875rem;
  width: 100%;
}
@media (max-width: 1599px) {
  .table-of-content {
    margin-top: 56px;
  }
}
@media (max-width: 767px) {
  .table-of-content {
    margin-top: 32px;
  }
}
@media (max-width: 1023px) {
  .table-of-content--collection {
    display: none;
  }
}
.table-of-content--blog {
  margin-top: 3rem;
}
.table-of-content--blog .table-of-content__title {
  font-weight: 400;
  font-size: 2rem;
  line-height: 115%;
  letter-spacing: -0.64px;
  color: #000000;
  font-style: normal;
}
@media (max-width: 1599px) {
  .table-of-content--blog .table-of-content__title {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
@media (max-width: 767px) {
  .table-of-content--blog .table-of-content__title {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
.table-of-content--blog .table-of-content__toggle svg {
  width: 2rem;
  height: 2rem;
}
.table-of-content--blog .table-of-content__link, .table-of-content--blog .table-of-content__list li::before {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.875rem;
}
@media (max-width: 1599px) {
  .table-of-content--blog .table-of-content__link, .table-of-content--blog .table-of-content__list li::before {
    font-size: 18px;
    line-height: 28px;
  }
}
.table-of-content--blog .table-of-content__item:not(:last-child) {
  margin-bottom: 0.5rem;
}
.table-of-content__header {
  display: flex;
  justify-content: flex-start;
}
.table-of-content__title {
  margin: 0;
  color: #000000;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 125%;
}
@media (max-width: 1919px) {
  .table-of-content__title {
    font-size: 24px;
  }
}
@media (max-width: 1599px) {
  .table-of-content__title {
    font-size: 20px;
    line-height: 120%;
  }
}
@media (max-width: 767px) {
  .table-of-content__title {
    font-size: 16px;
    line-height: 150%;
  }
}
.table-of-content__toggle {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #000000;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.table-of-content__toggle svg {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.5rem;
}
@media (max-width: 1599px) {
  .table-of-content__toggle svg {
    margin-left: 0.25rem;
  }
}
@media (max-width: 767px) {
  .table-of-content__toggle svg {
    position: relative;
    top: -2px;
  }
}
.table-of-content__toggle.close svg {
  transform: rotate(180deg);
  position: relative;
  top: 0.125rem;
}
@media (max-width: 1919px) {
  .table-of-content__toggle {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.02em;
    min-height: 28px;
  }
}
.table-of-content__wrapper {
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.table-of-content__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-top: 1.25rem;
  counter-reset: li;
}
@media (max-width: 1599px) {
  .table-of-content__list {
    margin-top: 16px;
  }
}
.table-of-content__list--colums {
  -moz-column-count: 2;
       column-count: 2;
}
@media (max-width: 767px) {
  .table-of-content__list--colums {
    -moz-column-count: auto;
         column-count: auto;
  }
}
.table-of-content__item {
  display: flex;
}
.table-of-content__item:not(:last-child) {
  margin-bottom: 0.125rem;
}
.table-of-content__link {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  transition: color 0.15s;
  font-size: 1rem;
  line-height: 1.5rem;
}
.table-of-content__link img {
  width: 1.5rem;
  margin-right: 0.5rem;
  font-size: 1px;
  margin-top: 0.0625rem;
}
@media (min-width: 1024px) {
  .table-of-content__link:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 1919px) {
  .table-of-content__link {
    align-items: center;
    margin-top: 0;
  }
  .table-of-content__link img {
    width: 18px;
  }
}
@media (max-width: 1599px) {
  .table-of-content__link {
    font-size: 14px;
    line-height: 22px;
  }
  .table-of-content__link img {
    width: 16px;
    margin: 0 10px 0 2px;
  }
}
.table-of-content li::before {
  counter-increment: li;
  content: counters(li, ".") ". ";
  font-size: 1rem;
  line-height: 1.5rem;
  margin-right: 0.5rem;
}
@media (max-width: 1599px) {
  .table-of-content li::before {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .table-of-content li::before {
    margin-right: 4px;
  }
}
.table-of-content--emoji ol {
  padding-left: 0;
}
.table-of-content--emoji li::before {
  content: none;
}

.page__container {
  display: flex;
  min-height: calc(var(--vh, 1vh) * 100);
  max-width: 100%;
}
@media (max-width: 1023px) {
  .page__container {
    flex-direction: column;
  }
}
.page__ad-container {
  position: relative;
  width: 21.25rem;
  flex-shrink: 0;
}
@media (max-width: 1279px) {
  .page__ad-container {
    width: auto;
  }
}
.page__ad-container .ad-desktop {
  position: sticky;
  top: 0;
}
.page__container-block {
  flex-grow: 1;
  margin: 0 auto;
  width: calc(100% - 21.25rem);
  display: grid;
  grid-template-columns: calc(100% - 21.25rem) 21.25rem;
}
@media (max-width: 1919px) {
  .page__container-block {
    max-width: calc(100% - 340px);
    grid-template-columns: calc(100% - 70px) 70px;
  }
}
@media (max-width: 1279px) {
  .page__container-block {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 1023px) {
  .page__container-block {
    display: block;
    flex-direction: column;
  }
}
.page__wrapper {
  padding: 0 2.5rem 0 2.5rem;
  width: 100%;
  flex-grow: 1;
}
@media (max-width: 1599px) {
  .page__wrapper {
    padding: 0 20px;
  }
}
@media (max-width: 1023px) {
  .page__wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
}
@media (max-width: 767px) {
  .page__wrapper {
    padding: 0 12px;
  }
}
.page__block {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.page__header-wrapper {
  background-color: #ffffff;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  box-sizing: content-box;
  width: 100%;
  margin-left: -2.5rem;
}
.page__header-wrapper--sticky {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 101;
}
@media (max-width: 1599px) {
  .page__header-wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-left: -1.25rem;
  }
}
@media (max-width: 1023px) {
  .page__header-wrapper {
    width: calc(100% + 40px);
    box-sizing: border-box;
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ffffff;
  }
}
@media (max-width: 767px) {
  .page__header-wrapper {
    margin: 0 -12px;
    width: calc(100% + 24px);
    padding-left: 12px;
    padding-right: 12px;
  }
}
.page__navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  margin-top: 1rem;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 1599px) {
  .page__navigation {
    margin-top: 16px;
    padding-bottom: 5px;
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .page__navigation {
    min-height: auto;
    padding: 0;
    margin-bottom: 24px;
  }
}
.page__aside-container {
  width: 21.25rem;
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
}
.page__aside-container:has(.is-active) {
  z-index: 150;
}
@media (max-width: 1919px) {
  .page__aside-container {
    width: 70px;
  }
}
@media (max-width: 1023px) {
  .page__aside-container {
    width: 100%;
    z-index: 150;
  }
}
.page__aside {
  position: sticky;
  top: 0;
  right: 0;
  height: 100%;
  max-height: calc(var(--vh, 1vh) * 100);
  transition: 0.3s ease;
}
.page__aside-inner {
  position: relative;
  height: 100%;
  width: 100%;
}
@media (max-width: 1023px) {
  .page__aside-inner {
    overflow: hidden;
  }
}
.page__aside-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.25rem 1.25rem 1.25rem 0.75rem;
  z-index: 20;
  background-color: #ffffff;
  transition: transform 0.3s ease;
}
@media (max-width: 1919px) {
  .page__aside-wrapper {
    position: fixed;
    width: 340px;
    padding: 0;
    right: 0;
    z-index: 30;
    top: 0;
    transform: translateX(120%);
  }
  .page__aside-wrapper.is-active {
    transform: none;
  }
}
@media (max-width: 1599px) {
  .page__aside-wrapper {
    width: 302px;
  }
}
.page__aside-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 30;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateX(120%);
  position: absolute;
}
@media (max-width: 1919px) {
  .page__aside-block {
    pointer-events: none;
    opacity: 0;
    transform: none;
    height: 100%;
    transition: opacity 0.3s ease 0.4s, transform 0.3s ease;
  }
}
.page__aside-block--menu {
  position: relative;
  transform: none;
  z-index: 20;
}
.page__aside-block.is-active {
  transform: none;
}
@media (max-width: 1919px) {
  .page__aside-block.is-active {
    opacity: 1;
    pointer-events: initial;
    transition: opacity 0.3s ease, transform 0.3s ease;
  }
}
.page__overlay {
  z-index: 30;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  display: none;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.25);
  transition: opacity 0.3s ease;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
@media (max-width: 1919px) {
  .page__overlay {
    display: block;
  }
}
.page__overlay.is-active {
  pointer-events: initial;
  opacity: 1;
}
.page__sticky-header {
  top: 0;
  position: sticky;
  background-color: #ffffff;
  z-index: 100;
  transition: 0.2s;
}
@media (max-width: 1023px) {
  .page__sticky-header {
    transition: none;
  }
}
.page__sticky-header--hidden {
  top: -150px;
  opacity: 0;
}

.search-page__result-block {
  flex-grow: 1;
}
.search-page__title {
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 2.125rem;
  letter-spacing: -0.0375rem;
  margin: 0;
}
@media (max-width: 1599px) {
  .search-page__title {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 767px) {
  .search-page__title {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 1599px) {
  .search-page__title {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .search-page__title {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 120%;
    letter-spacing: -0.01em;
  }
}
.search-page__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin: 2rem 0 0;
  width: 100%;
  max-width: 41.75rem;
}
@media (max-width: 1599px) {
  .search-page__list {
    margin: 24px 0 0;
    max-width: 653px;
  }
}
@media (max-width: 1279px) {
  .search-page__list {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .search-page__list {
    margin-top: 16px;
  }
}
.search-page__item {
  width: 100%;
}
.search-page__item:not(:first-child) {
  margin-top: 1.25rem;
}
@media (max-width: 767px) {
  .search-page__item:not(:first-child) {
    margin-top: 0;
  }
}
.search-page__item--symbol .search-page__char {
  margin-top: 0;
}
.search-page__link {
  align-items: center;
  display: flex;
  padding: 0.6875rem 1.25rem 0.6875rem 0.75rem;
  border: 1px solid #E0E4EB;
  transition: background-color 0.2s;
  border-radius: 0.75rem;
  min-height: 6.5rem;
}
@media (min-width: 1024px) {
  .search-page__link:hover {
    background-color: #F2F5FA;
  }
  .search-page__link:hover .search-page__heading:not(.search-page__heading--symbol) {
    color: rgba(0, 0, 0, 0.8);
  }
  .search-page__link:hover .search-page__heading:not(.search-page__heading--symbol)::before {
    opacity: 1;
  }
  .search-page__link:hover .search-page__copy-block {
    opacity: 1;
  }
}
@media (max-width: 1599px) {
  .search-page__link {
    border-radius: 8px;
    padding: 8px 16px 8px 8px;
    min-height: 92px;
  }
}
@media (max-width: 767px) {
  .search-page__link {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #E0E4EB;
    min-height: 64px;
    padding: 8px 0;
  }
}
.search-page__char-block {
  position: relative;
  width: 5rem;
  height: 5rem;
  margin-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.search-page__char-block::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../i/symbl/cover-search.svg");
  background-size: cover;
}
@media (max-width: 767px) {
  .search-page__char-block::before {
    background-image: url("../i/symbl/cover-search-mobile.svg");
  }
}
@media (max-width: 1599px) {
  .search-page__char-block {
    width: 66px;
    height: 66px;
    margin-right: 12px;
  }
}
@media (max-width: 767px) {
  .search-page__char-block {
    width: 48px;
    height: 48px;
    margin-right: 8px;
  }
}
.search-page__char-block--symbol {
  width: 4.5rem;
  height: 4.5rem;
  background-color: #ffffff;
  border-radius: 0.25rem;
  margin-right: 1.25rem;
}
.search-page__char-block--symbol::before {
  content: none;
}
@media (max-width: 767px) {
  .search-page__char-block--symbol {
    width: 48px;
    height: 48px;
    margin-right: 8px;
  }
}
.search-page__char {
  z-index: 1;
  font-size: 2.25rem;
  line-height: 1;
  margin-top: 0.5rem;
}
.search-page__char img {
  display: block;
  width: 3rem;
  height: auto;
}
.search-page__char svg {
  display: block;
}
@media (max-width: 767px) {
  .search-page__char {
    margin-top: 6px;
    font-size: 28px;
  }
  .search-page__char img {
    width: 32px;
  }
}
.search-page__descr {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
}
.search-page__title-block {
  display: flex;
}
.search-page__heading {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  position: relative;
  display: inline-flex;
  margin: 0;
  transition: color 0.2s;
  overflow: hidden;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
@media (max-width: 1919px) {
  .search-page__heading {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1599px) {
  .search-page__heading {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .search-page__heading {
    max-width: 100%;
  }
}
.search-page__heading::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.0625rem;
  bottom: 0.125rem;
  left: 0;
  background-color: #E0E4EB;
  transition: opacity 0.2s;
  opacity: 0;
}
.search-page__heading a {
  display: block;
}
@media (min-width: 1024px) {
  .search-page__heading--symbol:hover a {
    color: rgba(0, 0, 0, 0.8);
  }
  .search-page__heading--symbol:hover::before {
    opacity: 1;
  }
}
.search-page__range {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-left: 0.5rem;
  color: rgba(0, 0, 0, 0.5);
  word-break: break-all;
  flex-shrink: 0;
}
@media (max-width: 1919px) {
  .search-page__range {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1599px) {
  .search-page__range {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .search-page__range {
    display: none;
  }
}
.search-page__info {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 115%;
  position: relative;
  margin: 0;
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 1599px) {
  .search-page__info {
    font-size: 12px;
    line-height: 150%;
  }
}
@media (max-width: 767px) {
  .search-page__info {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 115%;
  }
}
@media (max-width: 767px) and (max-width: 1599px) {
  .search-page__info {
    font-size: 10px;
    line-height: 120%;
  }
}
.search-page__info--symbol a {
  color: rgba(0, 0, 0, 0.5);
}
.search-page__info--symbol::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.0625rem;
  bottom: -0.125rem;
  left: 0;
  background-color: #E0E4EB;
  transition: opacity 0.2s;
  opacity: 0;
}
@media (min-width: 1024px) {
  .search-page__info--symbol:hover a {
    color: rgba(0, 0, 0, 0.8);
  }
  .search-page__info--symbol:hover::before {
    opacity: 1;
  }
}
.search-page__symb-block {
  margin-top: 0.5rem;
  display: flex;
}
@media (max-width: 767px) {
  .search-page__symb-block {
    display: none;
  }
}
.search-page__copy-block {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: 2rem;
  width: 100%;
  max-width: 13.125rem;
  opacity: 0;
  transition: opacity 0.2s;
  flex-shrink: 0;
}
@media (max-width: 1023px) {
  .search-page__copy-block {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .search-page__copy-block {
    width: auto;
    height: 100%;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .search-page__code-block {
    display: none;
  }
}
.search-page__code {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  padding: 0.125rem 0.5rem;
  display: block;
  font-size: 0.875rem;
  line-height: 160%;
  border-bottom: 1px solid transparent;
  transition: color 0.2s;
  border-radius: 1.25rem;
  transition: background-color 0.3s;
}
@media (min-width: 1024px) {
  .search-page__code:hover {
    background-color: #ffffff;
  }
}
.search-page__btn-copy {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  margin-left: 1rem;
  border-radius: 2.5rem;
  background-color: #000000;
  color: #ffffff;
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  transition: background-color 0.2s;
}
.search-page__btn-copy svg {
  display: none;
}
@media (min-width: 1024px) {
  .search-page__btn-copy:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }
}
@media (max-width: 767px) {
  .search-page__btn-copy {
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #000000;
    background-color: transparent;
    margin-left: 4px;
  }
  .search-page__btn-copy svg {
    display: block;
    width: 24px;
    height: 24px;
  }
  .search-page__btn-copy span {
    display: none;
  }
}
.search-page__symb-el {
  display: flex;
  align-items: center;
  margin-right: 0.375rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.search-page__symb-el img {
  display: block;
  width: 1rem;
  height: auto;
}
.search-page__arrow-block {
  width: 24px;
  height: 24px;
  display: none;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .search-page__arrow-block {
    display: flex;
  }
}
.search-page__empty {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-top: 2rem;
}
@media (max-width: 1599px) {
  .search-page__empty {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .search-page__empty {
    margin-top: 16px;
  }
}
.search-page__empty-item {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
}
@media (max-width: 1599px) {
  .search-page__empty-item {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .search-page__empty-item {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
  }
}
.search-page__empty-item:not(:first-child) {
  margin-top: 0.25rem;
}
.search-page__empty-item a {
  position: relative;
  transition: color 0.3s ease;
}
.search-page__empty-item a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.0625rem;
  bottom: -0.0625rem;
  left: 0;
  background-color: #E0E4EB;
}
@media (min-width: 1024px) {
  .search-page__empty-item a:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 1599px) {
  .search-page__empty-item {
    font-size: 14px;
  }
}

.search-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 7.5rem 0 2.625rem;
}
@media (max-width: 1599px) {
  .search-empty {
    margin: 100px 0 42px;
  }
}
@media (max-width: 767px) {
  .search-empty {
    margin: 80px 0 28px;
  }
}
.search-empty__icon {
  font-size: 7.625rem;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.04em;
}
@media (max-width: 1599px) {
  .search-empty__icon {
    font-size: 94px;
  }
}
@media (max-width: 767px) {
  .search-empty__icon {
    font-size: 56px;
  }
}
.search-empty__title {
  font-weight: 400;
  font-size: 72px;
  line-height: 100%;
  letter-spacing: -0.03em;
  margin: 3.5rem 0 0;
  text-align: center;
}
@media (max-width: 1599px) {
  .search-empty__title {
    font-weight: 400;
    font-size: 56px;
    line-height: 100%;
    letter-spacing: -0.03em;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .search-empty__title {
    font-weight: 400;
    font-size: 2rem;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-top: 32px;
  }
}
.search-empty__text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  margin: 3.5rem 0 0;
  text-align: center;
}
@media (max-width: 1599px) {
  .search-empty__text {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .search-empty__text {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
    margin: 40px 0 0;
  }
}
@media (max-width: 767px) {
  .search-empty__text {
    margin-top: 32px;
  }
}
.search-empty__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin: 2rem 0 0;
}
@media (max-width: 1599px) {
  .search-empty__list {
    margin: 28px 0 0;
  }
}
@media (max-width: 767px) {
  .search-empty__list {
    margin: 20px 0 0;
  }
}
.search-empty__item {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  text-align: center;
}
@media (max-width: 1599px) {
  .search-empty__item {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .search-empty__item {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
  }
}
.search-empty__item:not(:first-child) {
  margin-top: 0.25rem;
}
.search-empty__item a {
  position: relative;
  transition: color 0.3s ease;
}
.search-empty__item a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.0625rem;
  bottom: -0.0625rem;
  left: 0;
  background-color: #E0E4EB;
}
@media (min-width: 1024px) {
  .search-empty__item a:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 1599px) {
  .search-empty__item {
    font-size: 14px;
  }
}

.table-symbols:not(:last-child) {
  margin-bottom: 3.5rem;
}
@media (max-width: 1439px) {
  .table-symbols:not(:last-child) {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .table-symbols:not(:last-child) {
    margin-bottom: 32px;
  }
}
.table-symbols__container {
  margin-top: 4.875rem;
}
@media (max-width: 1599px) {
  .table-symbols__container {
    margin-top: 56px;
  }
}
@media (max-width: 767px) {
  .table-symbols__container {
    margin-top: 32px;
  }
}
.table-symbols__title {
  font-weight: 400;
  font-size: 2rem;
  line-height: 115%;
  letter-spacing: -0.64px;
  color: #000000;
  font-style: normal;
  margin: 0;
  color: #000000;
}
@media (max-width: 1599px) {
  .table-symbols__title {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
@media (max-width: 767px) {
  .table-symbols__title {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
.table-symbols__table-wrapper {
  margin-top: 2.5rem;
  overflow-y: hidden;
}
.table-symbols__table-wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
}
@media (max-width: 1599px) {
  .table-symbols__table-wrapper {
    margin-top: 25px;
  }
}
@media (max-width: 767px) {
  .table-symbols__table-wrapper {
    margin: 20px 0 0;
    width: calc(100% + 12px);
    display: flex;
    padding-bottom: 0;
    padding-right: 12px;
  }
}
.table-symbols__table {
  border-spacing: 0;
  width: 100%;
  position: relative;
}
.table-symbols__head-col, .table-symbols__body-col {
  font-size: 1rem;
  line-height: 150%;
  text-align: left;
  color: #000000;
  padding-right: 1rem;
  padding-bottom: 0.4375rem;
}
.table-symbols__head-col--symbol, .table-symbols__body-col--symbol {
  width: 5.375rem;
  position: sticky;
  left: 0;
  z-index: 2;
  background-color: #ffffff;
}
@media (max-width: 1599px) {
  .table-symbols__head-col--symbol, .table-symbols__body-col--symbol {
    width: 75px;
  }
}
@media (max-width: 767px) {
  .table-symbols__head-col--symbol, .table-symbols__body-col--symbol {
    min-width: 64px;
    padding-right: 12px;
  }
}
.table-symbols__head-col--html, .table-symbols__head-col--css, .table-symbols__head-col--unicode, .table-symbols__head-col--entity, .table-symbols__body-col--html, .table-symbols__body-col--css, .table-symbols__body-col--unicode, .table-symbols__body-col--entity {
  width: 7.25rem;
}
@media (max-width: 1599px) {
  .table-symbols__head-col--html, .table-symbols__head-col--css, .table-symbols__head-col--unicode, .table-symbols__head-col--entity, .table-symbols__body-col--html, .table-symbols__body-col--css, .table-symbols__body-col--unicode, .table-symbols__body-col--entity {
    width: 108px;
  }
}
.table-symbols__head-col--entity, .table-symbols__body-col--entity {
  width: 7.625rem;
}
@media (max-width: 1599px) {
  .table-symbols__head-col--entity, .table-symbols__body-col--entity {
    width: 100px;
  }
}
.table-symbols__head-col--title, .table-symbols__body-col--title {
  width: auto;
}
@media (max-width: 1599px) {
  .table-symbols__head-col, .table-symbols__body-col {
    font-size: 14px;
    line-height: 160%;
  }
  .table-symbols__head-col--title, .table-symbols__body-col--title {
    min-width: 94px;
  }
}
@media (max-width: 767px) {
  .table-symbols__head-col, .table-symbols__body-col {
    padding: 4px 16px 4px 0;
    position: relative;
  }
  .table-symbols__head-col--title, .table-symbols__body-col--title {
    min-width: 250px;
    padding-right: 6px;
  }
}
.table-symbols__head-col {
  font-weight: 400;
  padding-bottom: 0.4375rem;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.5);
}
.table-symbols__body-col {
  padding-top: 0.4375rem;
}
@media (max-width: 1599px) {
  .table-symbols__body-col {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
.table-symbols__body-col--symbol a.table-symbols__link {
  width: 100%;
  min-height: 1.75rem;
  padding: 0;
  max-width: 60px;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1599px) {
  .table-symbols__body-col--symbol a.table-symbols__link {
    min-height: 24px;
    max-width: 48px;
  }
}
.table-symbols__body-col button, .table-symbols__body-col span {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-min-content;
  width: min-content;
  border-radius: 1.25rem;
  padding: 0.125rem 0.75rem;
}
@media (max-width: 1919px) {
  .table-symbols__body-col button, .table-symbols__body-col span {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1599px) {
  .table-symbols__body-col button, .table-symbols__body-col span {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .table-symbols__body-col button, .table-symbols__body-col span {
    padding: 1px 8px;
  }
}
.table-symbols__body-col span {
  cursor: default;
}
.table-symbols__body-col--entity button, .table-symbols__body-col--entity span {
  background-color: #F8FF79;
}
.table-symbols__body-col--title button, .table-symbols__body-col--html button, .table-symbols__body-col--title span, .table-symbols__body-col--html span {
  background-color: #98FF98;
}
.table-symbols__body-col--css button, .table-symbols__body-col--css span {
  background-color: #9DFAFF;
}
.table-symbols__body-col--unicode button, .table-symbols__body-col--unicode span {
  background-color: #5555FF;
  color: #ffffff;
}
.table-symbols__link {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  line-height: 1;
  transition: background-color 0.2s;
  border-radius: 1.25rem;
  padding: 0.125rem 0.75rem;
}
.table-symbols__link img {
  width: 1.5rem;
}
@media (min-width: 1024px) {
  .table-symbols__link:hover {
    background-color: #F2F5FA;
  }
}
@media (max-width: 1919px) {
  .table-symbols__link {
    max-width: 58px;
  }
}
@media (max-width: 1599px) {
  .table-symbols__link {
    max-width: 50px;
    font-size: 20px;
    padding: 4px 8px;
  }
  .table-symbols__link img {
    width: 20px;
  }
}
@media (max-width: 767px) {
  .table-symbols__link {
    justify-content: center;
    max-width: 30px;
    font-size: 20px;
    line-height: 120%;
    width: auto;
    padding: 0;
  }
}
.table-symbols__descr-link {
  position: relative;
  display: inline;
  height: 100%;
  transition: color 0.2s;
  color: #000000;
  width: 100%;
  padding: 0;
}
@media (min-width: 1024px) {
  .table-symbols__descr-link:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.table-symbols__body-col {
  border-top: 1px solid #000000;
}

.aside-sets {
  display: flex;
  max-height: 100vh;
  height: 100%;
  flex-direction: column;
  padding: 2.5rem 1.25rem;
}
@media (max-width: 1919px) {
  .aside-sets {
    padding: 16px;
    padding-top: 20px;
  }
}
@media (max-width: 1023px) {
  .aside-sets {
    padding: 24px 20px;
    max-height: 100%;
  }
}
@media (max-width: 767px) {
  .aside-sets {
    padding: 0 20px 6px;
  }
}
.aside-sets__btn-block {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 25;
  height: 100vh;
  padding: 1.25rem 1.25rem 1.25rem 0;
}
.aside-sets__btn-block.hide {
  display: none;
}
@media (max-width: 1919px) {
  .aside-sets__btn-block {
    padding-right: 15px;
    background-color: #ffffff;
  }
}
@media (max-width: 1599px) {
  .aside-sets__btn-block {
    padding: 20px 16px 16px 0;
  }
}
.aside-sets__btn-toggle {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  display: none;
  margin-bottom: 4px;
}
@media (min-width: 1024px) {
  .aside-sets__btn-toggle:hover svg:nth-child(1) {
    transform: translateX(12px);
  }
  .aside-sets__btn-toggle:hover svg:nth-child(2) {
    transform: scale(2);
  }
  .aside-sets__btn-toggle:hover svg:nth-child(3) {
    transform: translateX(-12px);
  }
}
.aside-sets__btn-toggle svg {
  display: block;
  width: 0.375rem;
  height: 0.375rem;
  transition: transform 0.467s cubic-bezier(0.55, 0, 0.1, 1);
}
.aside-sets__btn-toggle svg:nth-child(2) {
  margin: 0 0.375rem;
}
@media (max-width: 1919px) {
  .aside-sets__btn-toggle {
    display: flex;
  }
}
@media (max-width: 1599px) {
  .aside-sets__btn-toggle {
    margin-bottom: 0;
  }
}
.aside-sets__btn {
  width: 2.5rem;
  height: 2.5rem;
}
.aside-sets__btn:not(:last-child) {
  margin-bottom: 0.75rem;
}
@media (max-width: 1599px) {
  .aside-sets__btn:not(:last-child) {
    margin-bottom: 8px;
  }
}
.aside-sets__btn svg {
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .aside-sets__btn:hover {
    opacity: 0.5;
  }
}
@media (max-width: 1599px) {
  .aside-sets__btn {
    width: 32px;
    height: 32px;
  }
}
.aside-sets__auth-btn {
  display: block;
}
.aside-sets__auth-btn svg {
  display: block;
}
.aside-sets__favorites-btn {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}
.aside-sets__favorites-btn svg {
  display: block;
}
.aside-sets__recent-btn {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}
.aside-sets__recent-btn svg {
  display: block;
}
.aside-sets__favorites {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.75rem;
}
.aside-sets__favorites svg {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 1919px) {
  .aside-sets__favorites {
    margin-top: -4px;
    width: 32px;
    height: 32px;
    margin-left: 14px;
  }
}
@media (max-width: 1365px) {
  .aside-sets__favorites {
    margin-left: 8px;
  }
}

.proposed-sets-inner {
  position: sticky;
  top: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  margin-top: -20px;
}
@media (max-width: 1023px) {
  .proposed-sets-inner {
    background-color: #ffffff;
    margin: 0;
    padding-top: 0;
  }
}
.proposed-sets-inner__container {
  position: relative;
  display: block;
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  box-sizing: border-box;
  padding-left: 1.75rem;
  margin-left: -1.75rem;
  box-sizing: content-box;
}
.proposed-sets-inner__container ::-webkit-scrollbar {
  width: 12px;
}
.proposed-sets-inner__container ::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 10px;
}
.proposed-sets-inner__container ::-webkit-scrollbar-track {
  background-color: #ffffff;
}
.proposed-sets-inner__container::-webkit-scrollbar {
  width: 0.25rem;
  height: 0.25rem;
  background-color: #ffffff;
}
.proposed-sets-inner__container::-webkit-scrollbar-thumb {
  border-radius: 0.125rem;
  background-color: #000000;
  background-color: transparent;
}
@media (max-width: 1599px) {
  .proposed-sets-inner__container {
    height: calc(100% - 32px);
  }
}
@media (max-width: 1439px) {
  .proposed-sets-inner__container {
    height: calc(100% - 36px);
  }
}
@media (max-width: 1023px) {
  .proposed-sets-inner__container {
    height: calc(var(--vh, 1vh) * 100 - 53px);
    padding: 0;
    margin: 0;
    overflow-y: auto;
  }
}
@media (min-width: 1024px) {
  .proposed-sets-inner__container:hover {
    scrollbar-color: #000000 #ffffff;
  }
  .proposed-sets-inner__container:hover::-webkit-scrollbar-thumb {
    background-color: #000000;
  }
}
.proposed-sets-inner__title {
  margin: 0;
  margin-bottom: 0.75rem;
  font-weight: 400;
  color: #000000;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 125%;
  letter-spacing: -0.01em;
}
@media (max-width: 1599px) {
  .proposed-sets-inner__title {
    font-size: 20px;
    line-height: 120%;
  }
}
@media (max-width: 767px) {
  .proposed-sets-inner__title {
    font-size: 18px;
    line-height: 120%;
    letter-spacing: normal;
  }
}
@media (max-width: 1599px) {
  .proposed-sets-inner__title {
    margin-bottom: 8px;
  }
}
@media (max-width: 1023px) {
  .proposed-sets-inner__title {
    font-weight: 400;
    margin: 0;
    font-size: 16px;
    line-height: 150%;
  }
}
.proposed-sets-inner__list-category {
  margin: 0;
  padding: 0;
  list-style-type: none;
  padding-bottom: 20px;
  width: 100%;
}
@media (max-width: 1023px) {
  .proposed-sets-inner__list-category {
    padding-left: 0;
    padding-bottom: 0;
  }
  .proposed-sets-inner__list-category > .proposed-sets-inner__item-text {
    padding: 0;
    margin-top: 0;
  }
}
.proposed-sets-inner__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
  padding-left: 1.75rem;
  margin-left: -1.75rem;
}
.proposed-sets-inner__list--alphabets {
  max-height: none;
}
.proposed-sets-inner__link-text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0;
  position: relative;
  display: block;
  cursor: pointer;
}
@media (max-width: 1919px) {
  .proposed-sets-inner__link-text {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1599px) {
  .proposed-sets-inner__link-text {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1023px) {
  .proposed-sets-inner__link-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.proposed-sets-inner__link-text.is-current {
  font-weight: 700;
}
.proposed-sets-inner__link-text.is-current .proposed-sets-inner__range {
  font-weight: 400;
  color: #000000;
}
.proposed-sets-inner__link-text--emoji {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media (max-width: 1919px) {
  .proposed-sets-inner__link-text--emoji {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1599px) {
  .proposed-sets-inner__link-text--emoji {
    font-size: 14px;
    line-height: 22px;
  }
}
.proposed-sets-inner__link-text--emoji.is-current {
  font-weight: 700;
}
@media (min-width: 1024px) {
  .proposed-sets-inner__link-text:hover:not(.is-current)::before {
    content: "";
    position: absolute;
    top: 0;
    left: -1.75rem;
    width: 1.5rem;
    height: 1.5rem;
    background: url("/i/symbl/hand.svg") no-repeat;
    background-size: cover;
  }
}
.proposed-sets-inner__item-text {
  padding-top: 8px;
  padding-bottom: 9px;
  position: relative;
  box-sizing: border-box;
}
@media (max-width: 1023px) {
  .proposed-sets-inner__item-text {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0;
    padding-top: 12px;
  }
  .proposed-sets-inner__item-text:last-child {
    padding-bottom: 8px;
  }
}
.proposed-sets-inner__item-text.is-current {
  font-weight: 700;
}
.proposed-sets-inner__item-text .proposed-sets-inner__icon--hover {
  display: none;
}
@media (min-width: 1024px) {
  .proposed-sets-inner__item-text:hover .proposed-sets-inner__icon--hover {
    display: block;
  }
}
.proposed-sets-inner__item-category {
  padding-bottom: 12px;
  cursor: pointer;
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #ffffff;
}
@media (max-width: 1023px) {
  .proposed-sets-inner__item-category {
    background-color: #F2F5FA;
    padding-bottom: 11px;
    padding-top: 13px;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 54px;
  }
}
.proposed-sets-inner__item-category--disabled {
  color: rgba(0, 0, 0, 0.3);
}
.proposed-sets-inner__item-category .proposed-sets-inner__link-text::before {
  display: none;
}
.proposed-sets-inner__item-category.open .proposed-sets-inner__icon--arrow svg {
  transform: rotate(90deg);
}
.proposed-sets-inner__icon {
  position: absolute;
  top: 8px;
  left: -28px;
  display: block;
}
.proposed-sets-inner__icon svg {
  display: block;
}
@media (max-width: 1023px) {
  .proposed-sets-inner__icon {
    display: none;
  }
}
.proposed-sets-inner__icon--arrow {
  height: 100%;
  background-color: #ffffff;
  top: 0;
  padding-top: 0.5rem;
}
@media (max-width: 1599px) {
  .proposed-sets-inner__icon--arrow {
    padding-top: 0.375rem;
  }
}
@media (max-width: 1023px) {
  .proposed-sets-inner__icon--arrow {
    display: block;
    left: auto;
    right: 20px;
    top: 12px;
    background: transparent;
    height: auto;
    padding: 0;
  }
}
.proposed-sets-inner__icon--arrow svg {
  transition: 0.2s;
}
.proposed-sets-inner__heading {
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1023px) {
  .proposed-sets-inner__heading {
    display: block;
  }
}
.proposed-sets-inner__range {
  color: rgba(0, 0, 0, 0.5);
}
.proposed-sets-inner__close-button {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  display: flex;
  align-items: center;
  cursor: default;
}
@media (max-width: 1023px) {
  .proposed-sets-inner__close-button {
    padding: 18px 16px 14px 16px;
    border-bottom: 1px solid #E0E4EB;
  }
}
.proposed-sets-inner__close-triangle {
  display: none;
  margin: -2px 10px 0 2px;
}
@media (max-width: 1023px) {
  .proposed-sets-inner__close-triangle {
    display: block;
  }
}
.proposed-sets-inner__close-triangle svg {
  display: block;
}
.proposed-sets-inner__emoji-preview-wrapper {
  margin-right: 0.75rem;
}
@media (max-width: 1023px) {
  .proposed-sets-inner__emoji-preview-wrapper {
    flex-shrink: 0;
    flex-basis: 20px;
  }
}
.proposed-sets-inner__emoji-preview {
  width: auto;
  height: 1.5rem;
}
@media (max-width: 1919px) {
  .proposed-sets-inner__emoji-preview {
    height: 24px;
  }
}
@media (max-width: 1599px) {
  .proposed-sets-inner__emoji-preview {
    height: 20px;
  }
}
.proposed-sets-inner__emoji-category {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0;
}
@media (max-width: 1919px) {
  .proposed-sets-inner__emoji-category {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1599px) {
  .proposed-sets-inner__emoji-category {
    font-size: 14px;
    line-height: 22px;
  }
}
@media screen {
  .proposed-sets-inner__emoji-category--current {
    font-weight: 700;
    font-family: "Helvetica Neue", "Helvetica Neue World W05_75 Bd", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 150%;
  }
}
@media screen and (max-width: 1599px) {
  .proposed-sets-inner__emoji-category--current {
    font-size: 14px;
    line-height: 160%;
  }
}
.proposed-sets-inner__emoji-preview-wrapper {
  min-height: 30px;
  display: flex;
  align-items: center;
}
@media (max-width: 1599px) {
  .proposed-sets-inner__emoji-preview-wrapper {
    min-height: 24px;
  }
}
.proposed-sets-inner__emoji {
  margin-right: 0.75rem;
}
@media (max-width: 1599px) {
  .proposed-sets-inner__emoji {
    margin-right: 8px;
  }
}
@media (max-width: 1023px) {
  .proposed-sets-inner__emoji {
    margin-right: 10px;
  }
}
.proposed-sets-inner__underline {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  border: none;
  border-top: 1px solid #000000;
}
@media (max-width: 1023px) {
  .proposed-sets-inner__underline {
    display: none;
  }
}

.under-construction {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #F2F5FA;
  border-radius: 1rem;
  padding: 3.5rem 2.5rem;
}
@media (max-width: 1599px) {
  .under-construction {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .under-construction {
    padding: 32px 16px;
  }
}
.under-construction__icon-block {
  width: 4.5rem;
  height: 4.5rem;
}
@media (max-width: 1599px) {
  .under-construction__icon-block {
    width: 3.5rem;
    height: 3.5rem;
  }
}
@media (max-width: 767px) {
  .under-construction__icon-block {
    width: 40px;
    height: 44px;
  }
}
.under-construction__icon {
  display: block;
  width: 100%;
  height: auto;
}
.under-construction__title {
  font-weight: 400;
  font-size: 72px;
  line-height: 100%;
  letter-spacing: -0.03em;
  margin: 1.75rem 0 0;
  text-align: center;
}
@media (max-width: 1599px) {
  .under-construction__title {
    font-weight: 400;
    font-size: 56px;
    line-height: 100%;
    letter-spacing: -0.03em;
    margin: 20px 0 0;
  }
}
@media (max-width: 767px) {
  .under-construction__title {
    font-weight: 400;
    font-size: 40px;
    line-height: 110%;
    letter-spacing: -0.02em;
    margin: 16px 0 0;
  }
}

.widget-keyboard {
  position: absolute;
  right: 1.25rem;
  top: 4.5rem;
}
@media (max-width: 1919px) {
  .widget-keyboard {
    position: static;
    right: 0;
    top: 0;
    margin-top: 12px;
  }
}
@media (max-width: 1599px) {
  .widget-keyboard {
    bottom: 60px;
  }
}
@media (max-width: 1023px) {
  .widget-keyboard {
    position: fixed;
    top: auto;
    right: 20px;
    bottom: 20px;
    transition: bottom 0.2s;
  }
}
.widget-keyboard.initialized .widget-keyboard__copy, .widget-keyboard.initialized .widget-keyboard__close, .widget-keyboard.initialized .widget-keyboard__keyboard, .widget-keyboard.initialized .widget-keyboard__count-symbols {
  transition: color 0.3s ease, opacity 0.2s, background-color 0.3s ease;
}
.widget-keyboard.initialized .widget-keyboard__keyboard {
  transition: opacity 0.15s;
}
@media (max-width: 1023px) {
  .widget-keyboard.initialized .widget-keyboard__keyboard {
    transition: none;
  }
}
.widget-keyboard__btn-toggle {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  color: #ffffff;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  transition: background-color 0.3s ease;
}
@media (max-width: 1919px) {
  .widget-keyboard__btn-toggle {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 1023px) {
  .widget-keyboard__btn-toggle {
    width: 48px;
    height: 48px;
  }
}
.widget-keyboard__btn-toggle svg {
  display: block;
  width: 1.75rem;
  height: 1.75rem;
}
@media (max-width: 1919px) {
  .widget-keyboard__btn-toggle svg {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1023px) {
  .widget-keyboard__btn-toggle svg {
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 1024px) {
  .widget-keyboard__btn-toggle:hover {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
.widget-keyboard__btn-toggle .tippy-widget-keyboard {
  width: 15rem;
}
@media (max-width: 1599px) {
  .widget-keyboard__btn-toggle .tippy-widget-keyboard {
    width: 204px;
  }
}
.widget-keyboard__count-symbols {
  position: absolute;
  pointer-events: none;
  top: 0.25rem;
  right: -0.25rem;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-color: #FC4708;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 90%;
}
@media (max-width: 1599px) {
  .widget-keyboard__count-symbols {
    font-size: 10px;
    width: 18px;
    height: 18px;
    right: -6px;
  }
}
@media (max-width: 1023px) {
  .widget-keyboard__count-symbols {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #ffffff;
    font-style: normal;
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 1023px) and (max-width: 1599px) {
  .widget-keyboard__count-symbols {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1023px) and (max-width: 767px) {
  .widget-keyboard__count-symbols {
    font-size: 14px;
    line-height: 22px;
  }
}
.widget-keyboard__count-symbols svg {
  width: 0.75rem;
  height: 0.75rem;
}
@media (max-width: 1599px) {
  .widget-keyboard__count-symbols svg {
    width: 10px;
    height: 10px;
  }
}
@media (max-width: 1023px) {
  .widget-keyboard__count-symbols svg {
    width: 16px;
    height: 16px;
  }
}
.widget-keyboard__count-symbols.is-active {
  opacity: 1;
}
.widget-keyboard__keyboard {
  min-width: 42.125rem;
  position: absolute;
  right: 3.75rem;
  top: -11.25rem;
  background-color: #ffffff;
  border-radius: 1.25rem;
  border: 0.0625rem solid #E0E4EB;
  padding: 1.25rem 1.5rem 1.75rem;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.08);
  opacity: 0;
  pointer-events: none;
  display: none;
}
@media (max-width: 1919px) {
  .widget-keyboard__keyboard {
    top: -6.75rem;
  }
}
@media (max-width: 1599px) {
  .widget-keyboard__keyboard {
    min-width: 465px;
    padding: 16px 20px 24px;
    right: 64px;
  }
}
@media (max-width: 1023px) {
  .widget-keyboard__keyboard {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    padding: 0;
    min-width: 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    z-index: 102;
  }
}
.widget-keyboard__keyboard.is-active {
  opacity: 1;
  pointer-events: initial;
  display: block;
}
.widget-keyboard__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1023px) {
  .widget-keyboard__top {
    border-bottom: 1px solid #E0E4EB;
  }
}
.widget-keyboard__back {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  display: flex;
  align-items: center;
  cursor: default;
}
@media (max-width: 1023px) {
  .widget-keyboard__back {
    padding: 16px 12px 15px;
    width: 100%;
  }
}
.widget-keyboard__back-icon {
  display: none;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-right: 4px;
}
.widget-keyboard__back-icon svg {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 1023px) {
  .widget-keyboard__back-icon {
    display: flex;
  }
}
.widget-keyboard__title {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.875rem;
  letter-spacing: -0.01em;
  color: #000000;
  margin: 0;
}
@media (max-width: 1599px) {
  .widget-keyboard__title {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 767px) {
  .widget-keyboard__title {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0;
  }
}
@media (max-width: 1023px) {
  .widget-keyboard__minimize {
    display: none;
  }
}
.widget-keyboard__field-block {
  margin-top: 0.75rem;
  position: relative;
  overflow: hidden;
  height: 7.375rem;
  border-radius: 1rem;
  border: 0.0625rem solid #E0E4EB;
}
@media (max-width: 1599px) {
  .widget-keyboard__field-block {
    margin-top: 8px;
  }
}
@media (max-width: 1023px) {
  .widget-keyboard__field-block {
    min-height: 100px;
    height: calc((100% - 88px) / 2);
    margin-top: 0;
    margin: 16px;
  }
}
.widget-keyboard__field-block.is-show-btn .widget-keyboard__copy, .widget-keyboard__field-block.is-show-btn .widget-keyboard__close {
  opacity: 1;
  pointer-events: inherit;
}
@media (max-width: 1023px) {
  .widget-keyboard__field-block.is-focus {
    height: calc((100% - 88px) / 4);
  }
}
.widget-keyboard__textarea {
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 400;
  color: #000000;
  outline: none;
  resize: none;
  border: none;
  width: 100%;
  height: 100%;
  background-color: #F2F5FA;
  padding: 0.75rem 2.5rem 0.75rem 1rem;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent #ffffff;
  -webkit-appearance: none;
  transition: background-color 0.2s;
}
@media (max-width: 1599px) {
  .widget-keyboard__textarea {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .widget-keyboard__textarea {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1023px) {
  .widget-keyboard__textarea {
    height: 100%;
    padding: 16px 56px 16px 16px;
  }
}
.widget-keyboard__textarea::-webkit-scrollbar {
  width: 0.25rem;
  height: 0.25rem;
}
.widget-keyboard__textarea::-webkit-scrollbar-thumb {
  border-radius: 0.125rem;
  background-color: #000000;
}
.widget-keyboard__textarea:focus {
  background-color: #FFFFFF;
}
.widget-keyboard__textarea::-moz-placeholder {
  color: #B3B3B3;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.widget-keyboard__textarea::placeholder {
  color: #B3B3B3;
  transition: opacity 0.2s;
}
.widget-keyboard__textarea:focus::-moz-placeholder {
  opacity: 0;
}
.widget-keyboard__textarea:focus::placeholder {
  opacity: 0;
}
@media (max-width: 1023px) {
  .widget-keyboard__textarea:focus::-moz-placeholder {
    opacity: 1;
  }
  .widget-keyboard__textarea:focus::placeholder {
    opacity: 1;
  }
}
.widget-keyboard__copy, .widget-keyboard__close {
  position: absolute;
  right: 0.6875rem;
  pointer-events: none;
  opacity: 0;
  z-index: 1;
}
.widget-keyboard__close {
  top: 0.75rem;
}
.widget-keyboard__copy {
  bottom: 0.75rem;
}

@media (max-width: 1023px) {
  body:has(.btn-neighbors--next) .widget-keyboard {
    bottom: 75px;
  }
}

.tippy-widget-keyboard {
  max-width: 15rem;
  text-align: left;
}
.tippy-widget-keyboard .tippy-box {
  background-color: transparent;
}
.tippy-widget-keyboard .tippy-content {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #FFFFFF;
  background-color: #000000;
  min-height: 0;
  width: auto;
  box-shadow: none;
  border-radius: 0.125rem;
  padding: 0.375rem 0.625rem;
  pointer-events: none;
}
@media (max-width: 1599px) {
  .tippy-widget-keyboard .tippy-content {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .tippy-widget-keyboard .tippy-content {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 1599px) {
  .tippy-widget-keyboard .tippy-content {
    padding: 5px 8px;
  }
}
.tippy-widget-keyboard .tippy-svg-arrow svg {
  display: block;
  width: 1rem;
  height: 1rem;
}
.tippy-widget-keyboard .tippy-box[data-placement^=top] > .tippy-svg-arrow {
  bottom: -0.5rem;
}
.tippy-widget-keyboard .tippy-box[data-placement^=bottom] > .tippy-svg-arrow {
  top: -0.5rem;
}

.roxotStickMainContainer {
  z-index: 100 !important;
}

.day-symbol {
  margin-left: auto;
  margin-bottom: 31px;
  display: block;
  position: relative;
  padding-top: 8.75rem;
}
.day-symbol.hidden {
  opacity: 0;
}
@media (max-width: 1599px) {
  .day-symbol {
    margin-bottom: 24px;
    padding-top: 124px;
  }
}
@media (max-width: 1023px) {
  .day-symbol {
    width: 100%;
    padding: 6px 12px 2px 12px;
    background-color: #F2F5FA;
    order: -1;
    width: calc(100% + 24px);
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 28px;
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
  .day-symbol:hover .day-symbol__title {
    background-color: black;
    color: #ffffff;
  }
}
@media (max-width: 1023px) {
  .day-symbol__wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
  }
}
.day-symbol__img-wrapper {
  top: 0;
  left: 50%;
  transform: translate(-50%, 0px) scale(1);
  position: absolute;
  width: 10rem;
  height: 10rem;
}
@media (max-width: 1599px) {
  .day-symbol__img-wrapper {
    width: 140px;
    height: 140px;
  }
}
@media (max-width: 1023px) {
  .day-symbol__img-wrapper {
    width: 24px;
    height: 24px;
    position: relative;
    left: 0;
    transform: none;
  }
}
.day-symbol__img-wrapper.shake {
  animation: shakeLeave 0.5s ease;
}
@media (max-width: 1023px) {
  .day-symbol__img-wrapper.shake {
    animation: none;
  }
}
.day-symbol__img {
  transition: 0.5s;
  height: 100%;
  width: 100%;
  position: static;
  margin-left: auto;
  margin-right: auto;
  display: block;
  top: 0;
  opacity: 1;
}
.day-symbol__img.hiding {
  top: 40px;
  height: 0%;
  width: 0%;
  position: relative;
}
@media (max-width: 1023px) {
  .day-symbol__img.hiding {
    top: 0px;
  }
}
.day-symbol__img.showing {
  animation: showImg 0.5s ease-in-out;
}
.day-symbol__title-wrapper {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.625rem;
  color: #000000;
  border: 0.125rem solid black;
  border-radius: 1.5rem;
  background-color: white;
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  padding: 0 0 0 1.375rem;
}
@media (max-width: 1599px) {
  .day-symbol__title-wrapper {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .day-symbol__title-wrapper {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .day-symbol__title-wrapper {
    padding: 0 0 0 18px;
  }
}
@media (max-width: 1023px) {
  .day-symbol__title-wrapper {
    padding: 0;
    border: none;
    background: transparent;
    justify-content: space-between;
    width: calc(100% - 32px);
    font-size: 14px;
    line-height: 22px;
    flex-shrink: 1;
    gap: 2px;
  }
  .day-symbol__title-wrapper .day-symbol__marquee-wrapper {
    flex-shrink: 1;
    overflow: hidden;
  }
}
.day-symbol__random-button {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  border-radius: 50%;
  display: block;
  transform: rotate(0deg);
  transition: 0.2s linear;
  position: relative;
  width: auto;
  height: 2.75rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.day-symbol__random-button::before {
  content: "";
  background-color: #E0E4EB;
  display: none;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
  border-radius: 50%;
  z-index: -1;
}
@media (max-width: 1599px) {
  .day-symbol__random-button::before {
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 1023px) {
  .day-symbol__random-button::before {
    right: 50%;
    left: auto;
    transform: translate(50%, -50%);
    width: 24px;
    height: 24px;
  }
}
.day-symbol__random-button svg {
  display: block;
  width: 100%;
  height: 100%;
  width: 2rem;
  height: 2rem;
}
@media (max-width: 1599px) {
  .day-symbol__random-button svg {
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 1919px) {
  .day-symbol__random-button {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (max-width: 1599px) {
  .day-symbol__random-button {
    height: 36px;
    padding-right: 6px;
  }
}
@media (max-width: 1023px) {
  .day-symbol__random-button {
    color: #808080;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin-right: -6px;
  }
  .day-symbol__random-button svg {
    display: block;
    width: 24px;
    height: 24px;
    z-index: 2;
  }
  .day-symbol__random-button::before {
    display: block;
  }
}
@media (min-width: 1024px) {
  .day-symbol__random-button:hover::before {
    display: block;
  }
}
.day-symbol__random-button.rotate svg {
  animation: buttonRotate 0.25s linear;
}
.day-symbol__mobile-span {
  display: none;
}
@media (max-width: 1023px) {
  .day-symbol__mobile-span {
    display: inline;
  }
}
.day-symbol__code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 5.5rem;
}
@media (max-width: 1599px) {
  .day-symbol__code {
    width: 79px;
  }
}
@media (max-width: 1023px) {
  .day-symbol__code {
    width: auto;
    display: inline;
  }
}

.marquee {
  white-space: nowrap;
  display: flex;
  gap: 0;
  align-items: center;
}
.marquee > span {
  display: block;
  width: -moz-max-content;
  width: max-content;
  padding-right: 32px;
}

@keyframes shakeLeave {
  0% {
    transform: translate(-50%, -25px);
  }
  30% {
    transform: translate(-50%, 4px);
  }
  55% {
    transform: translate(-50%, -6px);
  }
  70% {
    transform: translate(-50%, -1px);
  }
  85% {
    transform: translate(-50%, 1px);
  }
  100% {
    transform: translate(-50%, 0px);
  }
}
@keyframes showImg {
  0% {
    height: 0%;
    width: 0%;
    transform: scale(0);
  }
  70% {
    height: 100%;
    width: 100%;
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes buttonRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
.table-sidebar {
  position: sticky;
  top: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding-top: 2.1875rem;
  margin-right: -0.25rem;
}
@media (max-width: 1919px) {
  .table-sidebar {
    padding-left: 20px;
  }
}
@media (max-width: 1599px) {
  .table-sidebar {
    padding: 24px 0 0 12px;
  }
}
@media (max-width: 1279px) {
  .table-sidebar {
    padding-left: 12px;
  }
}
@media (max-width: 1023px) {
  .table-sidebar {
    background-color: #ffffff;
    margin: 0;
    padding: 0;
  }
}
.table-sidebar__close-button {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  display: none;
  cursor: default;
  align-items: center;
  padding: 18px 16px 14px 16px;
  border-bottom: 1px solid #E0E4EB;
}
@media (max-width: 1023px) {
  .table-sidebar__close-button {
    display: flex;
  }
}
.table-sidebar__close-triangle {
  display: none;
  margin: -2px 10px 0 2px;
}
@media (max-width: 1023px) {
  .table-sidebar__close-triangle {
    display: block;
  }
}
.table-sidebar__close-triangle svg {
  display: block;
}
.table-sidebar__title {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 130%;
  letter-spacing: -0.24px;
  color: #000000;
  font-style: normal;
  margin: 0;
  margin-bottom: 1rem;
  font-weight: 400;
  color: #000000;
  text-align: left;
  flex-grow: 1;
}
@media (max-width: 1599px) {
  .table-sidebar__title {
    font-size: 20px;
    line-height: 130%;
    letter-spacing: -0.2px;
  }
}
@media (max-width: 767px) {
  .table-sidebar__title {
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0;
    letter-spacing: -0.2px;
  }
}
@media (max-width: 1599px) {
  .table-sidebar__title {
    margin-bottom: 20px;
  }
}
@media (max-width: 1279px) {
  .table-sidebar__title {
    margin-bottom: 18px;
  }
}
@media (max-width: 1023px) {
  .table-sidebar__title {
    flex-grow: 0;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 150%;
  }
}
.table-sidebar__btn-off-highlight-block {
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  width: 0;
  transition: width 0.1s 0.1s;
}
.table-sidebar__btn-off-highlight-block.is-active {
  width: 3.3125rem;
  transition: width 0.1s;
}
@media (max-width: 1599px) {
  .table-sidebar__btn-off-highlight-block.is-active {
    width: 49px;
  }
}
.table-sidebar__btn-off-highlight-block::before {
  content: "";
  width: 0.0625rem;
  height: 2rem;
  display: block;
  margin: 0 0.75rem;
  background-color: #E0E4EB;
}
@media (max-width: 1599px) {
  .table-sidebar__btn-off-highlight-block::before {
    height: 28px;
  }
}
.table-sidebar__btn-off-highlight {
  position: relative;
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: #F2F5FA;
  border-radius: 50%;
  transition: background-color 0.1s, color 0.1s, opacity 0.1s;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 1599px) {
  .table-sidebar__btn-off-highlight {
    width: 24px;
    height: 24px;
  }
}
@media (min-width: 1024px) {
  .table-sidebar__btn-off-highlight:hover {
    background-color: #E0E4EB;
  }
}
.table-sidebar__btn-off-highlight.is-active {
  opacity: 1;
  pointer-events: initial;
  transition: background-color 0.1s, color 0.1s, opacity 0.1s 0.1s;
}
.table-sidebar__btn-off-highlight.is-active .table-sidebar__btn-off-highlight-icon {
  transition: opacity 0.1s;
}
@media (min-width: 1024px) {
  .table-sidebar__btn-off-highlight.is-animate:hover {
    background-color: #F2F5FA;
  }
}
.table-sidebar__btn-off-highlight.is-animate .table-sidebar__btn-off-highlight-icon {
  transition: opacity 0.1s;
}
.table-sidebar__btn-off-highlight.is-animate .table-sidebar__btn-off-highlight-icon--bulb {
  opacity: 0;
}
.table-sidebar__btn-off-highlight.is-animate .table-sidebar__btn-off-highlight-icon--check {
  opacity: 1;
}
.table-sidebar__btn-off-highlight-icon {
  color: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.1s 0.2s;
}
.table-sidebar__btn-off-highlight-icon--bulb {
  opacity: 1;
}
.table-sidebar__btn-off-highlight-icon svg {
  width: 100%;
  height: auto;
  display: block;
}
.table-sidebar__search-form-block {
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
}
@media (max-width: 1023px) {
  .table-sidebar__search-form-block {
    display: none;
  }
}
.table-sidebar__search-form {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  position: relative;
  display: flex;
  flex-grow: 1;
}
@media (max-width: 1919px) {
  .table-sidebar__search-form {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1599px) {
  .table-sidebar__search-form {
    font-size: 14px;
    line-height: 22px;
  }
}
.table-sidebar__search-form::before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  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 fill-rule='evenodd' clip-rule='evenodd' d='M8.44675 1.66663C4.70224 1.66663 1.66675 4.70212 1.66675 8.44662C1.66675 12.1911 4.70224 15.2266 8.44675 15.2266C10.0968 15.2266 11.6099 14.6364 12.7853 13.6568L17.4617 18.3333L18.3334 17.4616L13.657 12.7851C14.6366 11.6098 15.2267 10.0967 15.2267 8.44662C15.2267 4.70212 12.1912 1.66663 8.44675 1.66663ZM2.89947 8.44662C2.89947 5.38293 5.38306 2.89935 8.44675 2.89935C11.5104 2.89935 13.994 5.38293 13.994 8.44662C13.994 9.97857 13.3738 11.3646 12.3692 12.3691C11.3647 13.3736 9.9787 13.9939 8.44675 13.9939C5.38306 13.9939 2.89947 11.5103 2.89947 8.44662Z' fill='black'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  position: absolute;
  left: 0.75rem;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
@media (max-width: 1599px) {
  .table-sidebar__search-form::before {
    width: 16px;
    height: 16px;
    background-size: 100%;
  }
}
.table-sidebar__search {
  width: 100%;
  border: 0.0625rem solid transparent;
  background-color: #F2F5FA;
  border-radius: 0.25rem;
  padding: 0.375rem 2.25rem 0.375rem 2.5rem;
  height: 2.25rem;
  outline: none;
}
@media (max-width: 1599px) {
  .table-sidebar__search {
    padding: 5px 36px 5px 36px;
    height: 32px;
  }
}
.table-sidebar__search:focus {
  background-color: transparent;
  border-color: #000000;
}
.table-sidebar__search::-moz-placeholder {
  color: #808080;
}
.table-sidebar__search::placeholder {
  color: #808080;
}
.table-sidebar__search:focus::-moz-placeholder {
  opacity: 0;
}
.table-sidebar__search:focus::placeholder {
  opacity: 0;
}
.table-sidebar__search-btn-remove {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  z-index: 1;
  right: 0.5rem;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0.25rem;
  top: 50%;
  transform: translateY(-50%);
  color: #000000;
  transition: color 0.2s;
  display: none;
}
@media (max-width: 1599px) {
  .table-sidebar__search-btn-remove {
    width: 24px;
    height: 24px;
  }
}
@media (min-width: 1024px) {
  .table-sidebar__search-btn-remove:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.table-sidebar__search-btn-remove.is-active {
  display: block;
}
.table-sidebar__search-btn-remove svg {
  display: block;
  width: 100%;
  height: auto;
}
.table-sidebar__container {
  position: relative;
  display: block;
  width: calc(100% + 1.5rem);
  overflow-y: scroll;
  overflow-x: hidden;
  box-sizing: border-box;
  margin: 0 -0.75rem;
  box-sizing: content-box;
}
.table-sidebar__container::-webkit-scrollbar {
  width: 0.25rem;
  height: 0.25rem;
  background-color: #ffffff;
}
@media (max-width: 1023px) {
  .table-sidebar__container::-webkit-scrollbar {
    width: 0;
  }
}
.table-sidebar__container::-webkit-scrollbar-thumb {
  border-radius: 0.125rem;
  background-color: #000000;
  background-color: transparent;
}
@media (max-width: 1599px) {
  .table-sidebar__container {
    height: calc(100% - 32px);
  }
}
@media (max-width: 1439px) {
  .table-sidebar__container {
    height: calc(100% - 36px);
  }
}
@media (max-width: 1023px) {
  .table-sidebar__container {
    height: calc(var(--vh, 1vh) * 100 - 53px);
    width: 100%;
    padding: 0;
    margin: 0;
    overflow-y: auto;
  }
}
@media (min-width: 1024px) {
  .table-sidebar__container:hover::-webkit-scrollbar-thumb {
    background-color: #000000;
  }
}
.table-sidebar__list-category {
  margin: 0;
  padding: 0;
  list-style-type: none;
  padding-bottom: 1.25rem;
  width: 100%;
}
@media (max-width: 1023px) {
  .table-sidebar__list-category {
    padding: 0;
  }
}
.table-sidebar__list-category > li:last-child {
  margin-bottom: 0.3125rem;
}
.table-sidebar__list-category > li:last-child .table-sidebar__item-shadow, .table-sidebar__list-category > li:last-child .table-sidebar__item-category:not(.open) .table-sidebar__underline {
  display: none;
}
.table-sidebar__list-category > li:last-child .table-sidebar__list::after {
  content: none;
}
@media (max-width: 1023px) {
  .table-sidebar__list-category > li:last-child {
    margin-bottom: 0;
  }
}
.table-sidebar__not-found-block {
  padding: 0 0.75rem;
  display: none;
}
.table-sidebar__not-found-block.is-show {
  display: block;
}
@media (max-width: 1023px) {
  .table-sidebar__not-found-block.is-show {
    display: none;
  }
}
.table-sidebar__not-found-text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #000000;
  font-style: normal;
  margin: 0;
  padding: 0.25rem 0.75rem;
}
@media (max-width: 1599px) {
  .table-sidebar__not-found-text {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .table-sidebar__not-found-text {
    font-size: 14px;
    line-height: 22px;
  }
}
.table-sidebar__not-found-icon {
  font-size: 4.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -2.16px;
  color: #E0E4EB;
  margin: 0;
  text-align: center;
}
@media (max-width: 1599px) {
  .table-sidebar__not-found-icon {
    font-size: 56px;
    letter-spacing: -1.68px;
  }
}
@media (max-width: 767px) {
  .table-sidebar__not-found-icon {
    font-size: 32px;
    line-height: 120%;
    letter-spacing: -0.64px;
  }
}
.table-sidebar__not-found-icon:not(:first-child) {
  margin-top: 2.75rem;
}
@media (max-width: 1599px) {
  .table-sidebar__not-found-icon:not(:first-child) {
    margin-top: 36px;
  }
}
.table-sidebar__item-category {
  padding: 0;
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #ffffff;
}
.table-sidebar__item-category.is-shadow .table-sidebar__item-shadow {
  opacity: 1;
}
@media (max-width: 1023px) {
  .table-sidebar__item-category {
    background-color: #F2F5FA;
    padding: 13px 54px 11px 20px;
  }
}
.table-sidebar__item-category--disabled {
  color: rgba(0, 0, 0, 0.3);
}
.table-sidebar__item-category--disabled .table-sidebar__content-category {
  cursor: default;
}
@media (min-width: 1024px) {
  .table-sidebar__item-category--disabled:hover .table-sidebar__content-category {
    background-color: #ffffff;
  }
}
.table-sidebar__item-category.open {
  padding-bottom: 0.5rem;
}
@media (max-width: 1599px) {
  .table-sidebar__item-category.open {
    padding-bottom: 6px;
  }
}
.table-sidebar__item-category.open .table-sidebar__underline {
  bottom: 0.5rem;
}
@media (max-width: 1599px) {
  .table-sidebar__item-category.open .table-sidebar__underline {
    bottom: 6px;
  }
}
.table-sidebar__item-category.open .table-sidebar__icon-category {
  transform: rotate(90deg);
}
.table-sidebar__item-shadow {
  display: block;
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease;
  top: 100%;
  left: 0;
  width: 100%;
  height: 4.0625rem;
  pointer-events: none;
  background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}
@media (max-width: 1023px) {
  .table-sidebar__item-shadow {
    display: none;
  }
}
.table-sidebar__content-category {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  transition: background-color 0.1s;
  border-radius: 0.25rem;
}
@media (max-width: 1599px) {
  .table-sidebar__content-category {
    padding: 7px 12px;
  }
}
@media (max-width: 1023px) {
  .table-sidebar__content-category {
    padding: 0;
  }
}
.table-sidebar__link-category {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  position: relative;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1919px) {
  .table-sidebar__link-category {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1599px) {
  .table-sidebar__link-category {
    font-size: 14px;
    line-height: 22px;
  }
}
.table-sidebar__icon-category {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
  transition: transform 0.1s;
}
.table-sidebar__icon-category svg {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 1023px) {
  .table-sidebar__icon-category {
    position: absolute;
    right: 24px;
    top: 10px;
    height: auto;
    width: 24px;
    height: 24px;
    padding: 0;
  }
}
.table-sidebar__underline {
  position: absolute;
  left: 0.75rem;
  right: 0.75rem;
  bottom: 0;
  margin: 0;
  border: none;
  border-bottom: 1px solid #000000;
}
@media (max-width: 1023px) {
  .table-sidebar__underline {
    display: none;
  }
}
.table-sidebar__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 0;
  padding: 0 0.75rem;
  overflow: hidden;
  transition: 0.3s ease;
}
@media (max-width: 1023px) {
  .table-sidebar__list {
    padding: 0;
  }
}
.table-sidebar__list::after {
  content: "";
  display: block;
  height: 0.0625rem;
  background-color: #000000;
  width: 100%;
}
@media (max-width: 1023px) {
  .table-sidebar__list::after {
    content: none;
  }
}
.table-sidebar__list.is-search-active {
  max-height: initial;
  transition: none;
}
.table-sidebar__list.is-search-active::after {
  content: none;
}
.table-sidebar__list.is-search-active .table-sidebar__item:last-child {
  margin-bottom: 0;
}
@media (max-width: 1599px) {
  .table-sidebar__list.is-search-active .table-sidebar__item:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 1023px) {
  .table-sidebar__list.is-search-active .table-sidebar__item:last-child {
    margin-bottom: 0;
  }
}
.table-sidebar__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  transition: background-color 0.1s;
  border-radius: 0.25rem;
  cursor: pointer;
}
.table-sidebar__item:last-child {
  margin-bottom: 0.5rem;
}
@media (max-width: 1599px) {
  .table-sidebar__item:last-child {
    margin-bottom: 6px;
  }
}
@media (max-width: 1023px) {
  .table-sidebar__item:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 1023px) {
  .table-sidebar__item:last-child .table-sidebar__link {
    padding-bottom: 8px;
  }
}
.table-sidebar__item.is-active-highlight .table-sidebar__link-block {
  display: none;
}
.table-sidebar__item.is-search-active {
  display: none;
}
@media (max-width: 1023px) {
  .table-sidebar__item.is-search-active {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .table-sidebar__item:hover {
    background-color: #F2F5FA;
  }
  .table-sidebar__item:hover:not(.table-sidebar__item--block-page) .table-sidebar__link-content {
    max-width: calc(100% - 3.25rem);
  }
}
@media (min-width: 1024px) and (max-width: 1599px) {
  .table-sidebar__item:hover:not(.table-sidebar__item--block-page) .table-sidebar__link-content {
    max-width: calc(100% - 44px);
  }
}
@media (min-width: 1024px) {
  .table-sidebar__item:hover:not(.table-sidebar__item--block-page) .table-sidebar__link-content--no-link {
    max-width: calc(100% - 1.5rem);
  }
}
@media (min-width: 1024px) and (max-width: 1599px) {
  .table-sidebar__item:hover:not(.table-sidebar__item--block-page) .table-sidebar__link-content--no-link {
    max-width: calc(100% - 20px);
  }
}
@media (min-width: 1024px) {
  .table-sidebar__item:hover:not(.table-sidebar__item--block-page) .table-sidebar__link-external {
    width: 100%;
    opacity: 1;
    pointer-events: initial;
  }
  .table-sidebar__item:hover:not(.table-sidebar__item--block-page) .table-sidebar__link-external:not(.table-sidebar__item:hover:not(.table-sidebar__item--block-page) .table-sidebar__link-external--no-link) {
    max-width: 4rem;
  }
}
@media (min-width: 1024px) and (max-width: 1599px) {
  .table-sidebar__item:hover:not(.table-sidebar__item--block-page) .table-sidebar__link-external:not(.table-sidebar__item:hover:not(.table-sidebar__item--block-page) .table-sidebar__link-external--no-link) {
    max-width: 56px;
  }
}
@media (min-width: 1024px) {
  .table-sidebar__item:hover.is-active-highlight .table-sidebar__link-block {
    display: block;
  }
}
.table-sidebar__item.is-active-highlight:not(.table-sidebar__item--block-page) .table-sidebar__link-content, .table-sidebar__item.is-current:not(.table-sidebar__item--block-page) .table-sidebar__link-content {
  max-width: calc(100% - 3.25rem);
}
@media (max-width: 1599px) {
  .table-sidebar__item.is-active-highlight:not(.table-sidebar__item--block-page) .table-sidebar__link-content, .table-sidebar__item.is-current:not(.table-sidebar__item--block-page) .table-sidebar__link-content {
    max-width: calc(100% - 44px);
  }
}
.table-sidebar__item.is-active-highlight:not(.table-sidebar__item--block-page) .table-sidebar__link-content--no-link, .table-sidebar__item.is-current:not(.table-sidebar__item--block-page) .table-sidebar__link-content--no-link {
  max-width: calc(100% - 1.5rem);
}
@media (max-width: 1599px) {
  .table-sidebar__item.is-active-highlight:not(.table-sidebar__item--block-page) .table-sidebar__link-content--no-link, .table-sidebar__item.is-current:not(.table-sidebar__item--block-page) .table-sidebar__link-content--no-link {
    max-width: calc(100% - 20px);
  }
}
.table-sidebar__item.is-active-highlight:not(.table-sidebar__item--block-page) .table-sidebar__link-external, .table-sidebar__item.is-current:not(.table-sidebar__item--block-page) .table-sidebar__link-external {
  width: 100%;
  opacity: 1;
  pointer-events: initial;
}
.table-sidebar__item.is-active-highlight:not(.table-sidebar__item--block-page) .table-sidebar__link-external:not(.table-sidebar__item.is-active-highlight:not(.table-sidebar__item--block-page) .table-sidebar__link-external--no-link, .table-sidebar__item.is-current:not(.table-sidebar__item--block-page) .table-sidebar__link-external--no-link), .table-sidebar__item.is-current:not(.table-sidebar__item--block-page) .table-sidebar__link-external:not(.table-sidebar__item.is-active-highlight:not(.table-sidebar__item--block-page) .table-sidebar__link-external--no-link, .table-sidebar__item.is-current:not(.table-sidebar__item--block-page) .table-sidebar__link-external--no-link) {
  max-width: 4rem;
}
@media (max-width: 1599px) {
  .table-sidebar__item.is-active-highlight:not(.table-sidebar__item--block-page) .table-sidebar__link-external:not(.table-sidebar__item.is-active-highlight:not(.table-sidebar__item--block-page) .table-sidebar__link-external--no-link, .table-sidebar__item.is-current:not(.table-sidebar__item--block-page) .table-sidebar__link-external--no-link), .table-sidebar__item.is-current:not(.table-sidebar__item--block-page) .table-sidebar__link-external:not(.table-sidebar__item.is-active-highlight:not(.table-sidebar__item--block-page) .table-sidebar__link-external--no-link, .table-sidebar__item.is-current:not(.table-sidebar__item--block-page) .table-sidebar__link-external--no-link) {
    max-width: 56px;
  }
}
.table-sidebar__item.is-current {
  background-color: #000000;
}
@media (max-width: 1023px) {
  .table-sidebar__item.is-current {
    background-color: transparent;
  }
}
@media (min-width: 1024px) {
  .table-sidebar__item.is-current:hover {
    background-color: #000000;
  }
}
.table-sidebar__item.is-current .table-sidebar__link-btn, .table-sidebar__item.is-current .table-sidebar__link-block {
  display: block;
  color: #ffffff;
}
@media (min-width: 1024px) {
  .table-sidebar__item.is-current .table-sidebar__link-btn:hover, .table-sidebar__item.is-current .table-sidebar__link-block:hover {
    color: #000000;
  }
}
.table-sidebar__item.is-current .table-sidebar__link-btn.is-active {
  color: #000000;
}
.table-sidebar__link {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  position: relative;
  display: flex;
  margin: 0;
  transition: color 0.1s;
  width: 100%;
  padding: 0 0.75rem;
  min-height: 2rem;
}
@media (max-width: 1919px) {
  .table-sidebar__link {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1599px) {
  .table-sidebar__link {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .table-sidebar__link {
    min-height: 28px;
  }
}
@media (max-width: 1023px) {
  .table-sidebar__link {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 12px 20px 0;
  }
}
.table-sidebar__link.is-current {
  color: #ffffff;
}
.table-sidebar__link.is-current .table-sidebar__range {
  color: #808080;
}
@media (max-width: 1023px) {
  .table-sidebar__link.is-current {
    font-weight: 700;
    color: #000000;
  }
  .table-sidebar__link.is-current .table-sidebar__range {
    color: #000000;
  }
}
.table-sidebar__link-content {
  display: flex;
  align-items: center;
  width: calc(100% + 0.75rem);
  max-width: calc(100% + 0.75rem);
  padding-left: 0.75rem;
  margin-left: -0.75rem;
}
@media (max-width: 1023px) {
  .table-sidebar__link-content {
    display: block;
    padding: 0;
    margin: 0;
  }
}
.table-sidebar__heading {
  word-break: break-word;
  overflow: hidden;
  height: 1.5rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 1599px) {
  .table-sidebar__heading {
    height: 22px;
  }
}
.table-sidebar__range {
  font-family: Arial, "Helvetica Neue", "Vitesco W05 Roman", Helvetica, sans-serif;
  color: #B3B3B3;
  margin: 0 0 -0.125rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.375rem;
  flex-shrink: 0;
}
@media (max-width: 1599px) {
  .table-sidebar__range {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 1023px) {
  .table-sidebar__range {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0;
  }
}
@media (max-width: 1023px) and (max-width: 1919px) {
  .table-sidebar__range {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1023px) and (max-width: 1599px) {
  .table-sidebar__range {
    font-size: 14px;
    line-height: 22px;
  }
}
.table-sidebar__link-external {
  position: relative;
  display: flex;
  z-index: 1;
  max-width: 2.25rem;
  flex-shrink: 0;
  width: 0;
  opacity: 0;
  pointer-events: none;
  align-self: stretch;
  align-items: center;
}
@media (max-width: 1599px) {
  .table-sidebar__link-external {
    max-width: 32px;
  }
}
@media (max-width: 1023px) {
  .table-sidebar__link-external {
    display: none;
  }
}
.table-sidebar__link-btn, .table-sidebar__link-block {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: 0.25rem;
  transition: color 0.1s, background-color 0.1s, box-shadow 0.1s;
}
.table-sidebar__link-btn svg, .table-sidebar__link-block svg {
  display: block;
  width: 100%;
  height: 100%;
}
.table-sidebar__link-btn:first-child, .table-sidebar__link-block:first-child {
  margin-left: 0.75rem;
}
@media (max-width: 1599px) {
  .table-sidebar__link-btn, .table-sidebar__link-block {
    height: 20px;
    width: 20px;
  }
}
@media (min-width: 1024px) {
  .table-sidebar__link-btn:hover, .table-sidebar__link-block:hover {
    background-color: #ffffff;
  }
}
.table-sidebar__link-btn.is-active {
  color: #000000;
  background-color: #F0FFB3;
  box-shadow: 0 0 0.5rem 0 #F0FFB3;
}

.tippy-table-sidebar {
  max-width: 100%;
}
.tippy-table-sidebar .tippy-box {
  border-radius: 0;
  background-color: transparent;
  color: #000000;
  max-width: 100%;
  font-family: "Helvetica Neue", "Vitesco W05 Roman", Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0.02em;
}
.tippy-table-sidebar .tippy-content {
  display: flex;
  max-width: 100%;
  padding: 0;
  background-color: #000000;
  text-align: center;
  color: #ffffff;
  min-height: auto;
  width: auto;
  box-shadow: none;
  border-radius: 0.125rem;
  padding: 0.25rem 0.375rem;
}

[data-theme=tooltip-small].tippy-box {
  background-color: transparent;
  color: #000000;
  border-radius: 0;
  padding: 0.625rem 0 0 0.625rem;
}
[data-theme=tooltip-small] .tippy-content {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #000000;
  padding: 0.0625rem 0.5rem;
  background-color: #000000;
  color: #ffffff;
  min-height: auto;
  width: auto;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 0.125rem;
  white-space: nowrap;
  font-family: "Helvetica Neue", "Vitesco W05 Roman", Helvetica, Arial, sans-serif;
}
@media (max-width: 1599px) {
  [data-theme=tooltip-small] .tippy-content {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  [data-theme=tooltip-small] .tippy-content {
    font-size: 12px;
    line-height: 20px;
  }
}

.block-tabs {
  flex-wrap: wrap;
  margin-top: 20px;
}
.block-tabs.gradient {
  position: relative;
}
.block-tabs.gradient::after {
  content: "";
  position: absolute;
  right: -12px;
  top: 0;
  display: block;
  height: 100%;
  width: 80px;
  background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}
.block-tabs__wrapper {
  display: flex;
  gap: 0.25rem;
}
@media (max-width: 1599px) {
  .block-tabs__wrapper {
    gap: 4px;
  }
}
@media (max-width: 1023px) {
  .block-tabs__wrapper {
    flex-wrap: nowrap;
    width: calc(100% + 24px);
    margin-left: -12px;
    overflow: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
  .block-tabs__wrapper::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
@media (max-width: 1919px) {
  .block-tabs {
    margin-top: 16px;
  }
}

.underlined-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 3rem;
  border-top: 1px solid #E0E4EB;
  font-weight: 400;
  font-size: 1.75rem;
  line-height: 120%;
  letter-spacing: -0.56px;
  color: #000000;
  font-style: normal;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
@media (max-width: 1599px) {
  .underlined-heading {
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 767px) {
  .underlined-heading {
    font-size: 24px;
    line-height: 130%;
  }
}
@media (max-width: 1919px) {
  .underlined-heading {
    padding-top: 48px;
  }
}
@media (max-width: 1599px) {
  .underlined-heading {
    padding-top: 40px;
  }
}
.underlined-heading + .character-lines-list__list {
  margin-top: 2rem;
}
@media (max-width: 1919px) {
  .underlined-heading + .character-lines-list__list {
    margin-top: 32px;
  }
}

.block-pagination {
  position: sticky;
  bottom: 1.25rem;
  width: 100%;
  z-index: 10;
  display: flex;
  align-items: center;
  transition: bottom 0.15s;
}
@media (max-width: 767px) {
  .block-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.btn-neighbors {
  border-radius: 2rem;
  background: rgba(242, 245, 250, 0.8);
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  padding: 0.5rem 1rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0.5rem;
  max-width: 280px;
}
@media (max-width: 1919px) {
  .btn-neighbors {
    padding: 8px 12px;
  }
}
@media (max-width: 1599px) {
  .btn-neighbors {
    max-width: 240px;
  }
}
@media (max-width: 767px) {
  .btn-neighbors {
    max-width: none;
    z-index: 100;
  }
}
@media (min-width: 1024px) {
  .btn-neighbors:hover {
    background-color: #000000;
  }
  .btn-neighbors:hover .btn-neighbors__icon {
    color: #ffffff;
  }
  .btn-neighbors:hover .btn-neighbors__title {
    color: #ffffff;
  }
}
.btn-neighbors--prev {
  left: 0;
}
@media (max-width: 767px) {
  .btn-neighbors--prev {
    left: 12px;
  }
}
.btn-neighbors--next {
  right: 0;
  margin-left: auto;
}
@media (max-width: 767px) {
  .btn-neighbors--next {
    right: 12px;
  }
}
.btn-neighbors__icon {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}
@media (max-width: 1919px) {
  .btn-neighbors__icon {
    width: 20px;
    height: 20px;
  }
}
.btn-neighbors__range {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #B3B3B3;
  flex-shrink: 0;
}
@media (max-width: 1599px) {
  .btn-neighbors__range {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .btn-neighbors__range {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 1023px) {
  .btn-neighbors__range {
    color: #000000;
  }
}
.btn-neighbors__title {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #000000;
  font-style: normal;
  flex-shrink: 1;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 1599px) {
  .btn-neighbors__title {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .btn-neighbors__title {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .btn-neighbors__title {
    display: none;
  }
}

.slider-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 1.5rem;
}
@media (max-width: 1599px) {
  .slider-top {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .slider-top {
    margin-bottom: 16px;
  }
}
.slider-top__title {
  margin: 0;
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 2.125rem;
  letter-spacing: -0.0375rem;
}
@media (max-width: 1599px) {
  .slider-top__title {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 767px) {
  .slider-top__title {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.24px;
  }
}
.slider-top__navigation {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0.75rem;
}
.slider-top__navigation:has(.is-disabled:first-child):has(.is-disabled:last-child) {
  display: none;
}
.slider-top__navigation-button {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}
@media (min-width: 1024px) {
  .slider-top__navigation-button:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.slider-top__navigation-button.is-disabled {
  color: rgba(0, 0, 0, 0.3);
}
@media (max-width: 1599px) {
  .slider-top__navigation-button {
    width: 32px;
    height: 32px;
  }
}
.slider-top__navigation-button svg {
  display: block;
  width: 100%;
  height: 100%;
}

.symbol-main {
  display: grid;
  grid-template-areas: "symblols title" "symblols descr";
  grid-template-columns: 18.4375rem 1fr;
  align-items: flex-start;
  grid-template-rows: max-content 1fr;
  grid-column-gap: 3.5rem;
  max-width: 60.1875rem;
  margin-bottom: 4.875rem;
}
@media (max-width: 1919px) {
  .symbol-main {
    max-width: 922px;
  }
}
@media (max-width: 1599px) {
  .symbol-main {
    margin-bottom: 56px;
    grid-template-columns: 224px 1fr;
    max-width: 822px;
  }
}
@media (max-width: 1439px) {
  .symbol-main {
    max-width: 838px;
  }
}
@media (max-width: 1365px) {
  .symbol-main {
    grid-template-columns: 253px 1fr;
    max-width: 830px;
  }
}
@media (max-width: 1023px) {
  .symbol-main {
    grid-column-gap: 40px;
  }
}
@media (max-width: 767px) {
  .symbol-main {
    display: block;
    grid-column-gap: 0;
  }
}
.symbol-main__blocks {
  text-align: center;
  grid-area: symblols;
}
.symbol-main__title {
  margin: 0;
  color: #000000;
  font-weight: 400;
  font-size: 4.5rem;
  line-height: 100%;
  letter-spacing: -0.135rem;
  margin-bottom: 3.5rem;
  max-width: 60.1875rem;
}
@media (max-width: 1599px) {
  .symbol-main__title {
    font-size: 56px;
    line-height: 56px;
    letter-spacing: -0.105rem;
  }
}
@media (max-width: 767px) {
  .symbol-main__title {
    font-size: 32px;
    line-height: 120%;
    letter-spacing: -0.02em;
  }
}
.symbol-main__title--symbl {
  font-weight: 400;
}
@media (max-width: 1599px) {
  .symbol-main__title {
    margin-bottom: 40px;
    max-width: 737px;
  }
}
@media (max-width: 767px) {
  .symbol-main__title {
    text-align: left;
    margin-bottom: 32px;
  }
}
.symbol-main__container-symbol-wrapper {
  width: 100%;
}
@media (max-width: 767px) {
  .symbol-main__container-symbol-wrapper {
    margin: 0 auto;
    max-width: 253px;
  }
}
.symbol-main__container-symbol-square {
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.symbol-main__container-symbol {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 1.5625rem 0.5rem 0.75rem;
  background-color: #F2F5FA;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}
@media (max-width: 1599px) {
  .symbol-main__container-symbol {
    padding-bottom: 8px;
  }
}
.symbol-main__btn-favorite {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E0E4EB;
  transition: color 0.2s;
}
.symbol-main__btn-favorite svg {
  display: block;
  width: 100%;
  height: 100%;
  height: auto;
}
@media (max-width: 1599px) {
  .symbol-main__btn-favorite {
    width: 32px;
    height: 32px;
    right: 8px;
    top: 8px;
  }
}
.symbol-main__btn-favorite.active {
  color: #000000;
}
.symbol-main__element {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10rem;
  line-height: 1;
}
.symbol-main__element img {
  width: 10rem;
  font-size: 6px;
}
@media (max-width: 1919px) {
  .symbol-main__element {
    font-size: 120px;
  }
  .symbol-main__element img {
    width: 120px;
  }
}
@media (max-width: 1599px) {
  .symbol-main__element {
    font-size: 112px;
  }
  .symbol-main__element img {
    width: 112px;
  }
}
@media (max-width: 1365px) {
  .symbol-main__element {
    font-size: 98px;
  }
  .symbol-main__element img {
    width: 98px;
  }
}
@media (max-width: 767px) {
  .symbol-main__element {
    font-size: 120px;
  }
  .symbol-main__element img {
    width: 120px;
  }
}
.symbol-main__number {
  margin: 0;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 115%;
  font-family: Arial, "Helvetica Neue", "Vitesco W05 Roman", Helvetica, sans-serif;
}
@media (max-width: 1599px) {
  .symbol-main__number {
    font-size: 12px;
    line-height: 150%;
  }
}
.symbol-main__prompt {
  align-items: center;
  display: inline-flex;
  align-items: center;
  margin: 0.75rem 0 0;
  color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.2s;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 115%;
}
@media (max-width: 1599px) {
  .symbol-main__prompt {
    font-size: 12px;
    line-height: 150%;
  }
}
.symbol-main__prompt svg {
  margin-right: 0.25rem;
}
@media (max-width: 1599px) {
  .symbol-main__prompt svg {
    width: 16px;
    height: 16px;
  }
}
@media (min-width: 1024px) {
  .symbol-main__prompt:hover {
    color: #000000;
  }
}
.symbol-main__copy-fields {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.25rem;
  overflow: hidden;
}
@media (max-width: 1599px) {
  .symbol-main__copy-fields {
    margin-top: 1rem;
  }
}
.symbol-main__combined-symbols {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 1599px) {
  .symbol-main__combined-symbols {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.375rem;
    color: rgba(0, 0, 0, 0.5);
    gap: 2px;
  }
}
@media (max-width: 1599px) and (max-width: 1599px) {
  .symbol-main__combined-symbols {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 1599px) and (max-width: 767px) {
  .symbol-main__combined-symbols {
    font-size: 12px;
    line-height: 20px;
  }
}
.symbol-main__combined-emoji {
  display: block;
  width: 1rem;
  height: 1rem;
}
@media (max-width: 1599px) {
  .symbol-main__combined-emoji {
    width: 12px;
    height: 12px;
  }
}

.symbol-tabs {
  margin-top: 4.875rem;
}
@media (max-width: 1599px) {
  .symbol-tabs {
    margin-top: 56px;
  }
}
@media (max-width: 767px) {
  .symbol-tabs {
    margin-top: 32px;
  }
}
.symbol-tabs__controls {
  position: relative;
  width: 100%;
  display: flex;
  margin-bottom: 1.875rem;
  border-bottom: 1px solid #E0E4EB;
}
@media (max-width: 767px) {
  .symbol-tabs__controls {
    width: calc(100% + 24px);
    margin: 0 -12px 12px;
    padding-left: 12px;
    overflow: auto;
    border-bottom: none;
  }
  .symbol-tabs__controls::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.symbol-tabs__line {
  position: absolute;
  left: 0;
  bottom: -0.125rem;
  height: 0.125rem;
  width: 120px;
  background-color: #000000;
}
@media (max-width: 767px) {
  .symbol-tabs__line {
    bottom: 0;
    left: 20px;
  }
}
.symbol-tabs__title {
  margin: 0;
}
.symbol-tabs__title:not(:first-child) {
  padding-left: 2.5rem;
}
@media (max-width: 1599px) {
  .symbol-tabs__title:not(:first-child) {
    padding-left: 32px;
  }
}
@media (max-width: 767px) {
  .symbol-tabs__title:not(:first-child) {
    padding-left: 24px;
  }
}
@media (max-width: 767px) {
  .symbol-tabs__title:last-of-type .symbol-tabs__control {
    position: relative;
  }
  .symbol-tabs__title:last-of-type .symbol-tabs__control::after {
    content: "";
    display: block;
    position: absolute;
    right: -12px;
    width: 12px;
    height: 1px;
  }
}
@media (max-width: 767px) {
  .symbol-tabs__title {
    border-bottom: 1px solid #E0E4EB;
  }
}
.symbol-tabs__control {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  display: block;
  color: rgba(0, 0, 0, 0.5);
  transition: color 0.2s, font-weight 0.2s;
  padding-bottom: 0.5625rem;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 125%;
  letter-spacing: -0.01em;
}
@media (max-width: 1599px) {
  .symbol-tabs__control {
    font-size: 20px;
    line-height: 120%;
  }
}
@media (max-width: 767px) {
  .symbol-tabs__control {
    font-size: 18px;
    line-height: 120%;
    letter-spacing: normal;
  }
}
@media (max-width: 767px) {
  .symbol-tabs__control {
    white-space: nowrap;
  }
}
@media (min-width: 1024px) {
  .symbol-tabs__control:hover {
    color: #000000;
  }
}
.symbol-tabs__control.is-active {
  color: #000000;
}
.symbol-tabs__tabs-element {
  width: 100%;
  display: flex;
}
@media (max-width: 767px) {
  .symbol-tabs__tabs-element {
    width: calc(100% + 24px);
    margin: 0 -12px 8px;
    padding: 0 12px 1px;
    overflow: auto;
    border-bottom: none;
  }
  .symbol-tabs__tabs-element::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.symbol-tabs__tabs-element .table-section tbody {
  min-width: 41.75rem;
}
.symbol-tabs__tabs-element .table-section tr {
  width: 100%;
}

.symbol-descr {
  grid-area: descr;
  position: relative;
  display: block;
  max-height: 25.125rem;
  overflow: hidden;
}
@media (max-width: 1599px) {
  .symbol-descr {
    max-height: 320px;
  }
}
@media (max-width: 1279px) {
  .symbol-descr {
    max-height: 350px;
  }
}
@media (max-width: 767px) {
  .symbol-descr {
    margin-top: 32px;
    max-height: 320px;
  }
}
.symbol-descr::before {
  position: absolute;
  bottom: -0.0625rem;
  left: 0;
  right: 0;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 50%, #ffffff 100%);
  height: 7.5rem;
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.1s;
}
.symbol-descr.is-animate {
  transition: max-height 0.3s ease;
}
.symbol-descr.is-active-show-more .symbol-descr__btn-block {
  opacity: 1;
  visibility: visible;
}
.symbol-descr.is-active-show-more::before {
  content: "";
}
.symbol-descr.is-show::before {
  opacity: 0;
  transition: opacity 0.1s 0.2s;
}
.symbol-descr__descr {
  position: relative;
}
.symbol-descr__descr > *:last-child {
  margin-bottom: 0;
}
.symbol-descr__btn-block {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  bottom: 0;
  left: 0;
  padding-top: 2.5rem;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 1599px) {
  .symbol-descr__btn-block {
    padding-top: 32px;
  }
}
@media (max-width: 1023px) {
  .symbol-descr__btn-block {
    padding-top: 20px;
  }
}
.symbol-descr__show-more {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 125%;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  padding: 0.5625rem 0;
  transition: color 0.3s ease;
  pointer-events: initial;
}
@media (min-width: 1024px) {
  .symbol-descr__show-more:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 1599px) {
  .symbol-descr__show-more {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 120%;
    letter-spacing: -0.01em;
    padding: 8px 0;
  }
}
@media (max-width: 1023px) {
  .symbol-descr__show-more {
    font-weight: 400;
    font-size: 1rem;
    line-height: 150%;
    letter-spacing: 0;
  }
}
@media (max-width: 1023px) and (max-width: 1599px) {
  .symbol-descr__show-more {
    font-size: 14px;
    line-height: 22px;
  }
}
.symbol-descr__show-more.is-active .symbol-descr__show-more-arrow {
  transform: rotate(180deg);
}
.symbol-descr__show-more-text {
  margin-right: 0.5rem;
}
@media (max-width: 1599px) {
  .symbol-descr__show-more-text {
    margin-right: 4px;
  }
}
.symbol-descr__show-more-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  transition: transform 0.3s ease;
}
.symbol-descr__show-more-arrow svg {
  width: 100%;
  display: block;
  height: auto;
}
.symbol-descr a {
  position: relative;
  transition: color 0.2s;
}
.symbol-descr a::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.0625rem;
  background-color: #E0E4EB;
}
@media (min-width: 1024px) {
  .symbol-descr a:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.symbol-descr__title {
  font-weight: 400;
  font-size: 1.75rem;
  line-height: 120%;
  margin-top: 0;
  margin-bottom: 1rem;
}
@media (max-width: 1599px) {
  .symbol-descr__title {
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 12px;
  }
}
.symbol-descr__subtitle {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 130%;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}
@media (max-width: 1599px) {
  .symbol-descr__subtitle {
    margin-top: 24px;
    font-size: 18px;
    line-height: 140%;
    margin-bottom: 8px;
  }
}
.symbol-descr__subheading {
  margin: 2.5rem 0 0;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 125%;
  letter-spacing: -0.01em;
}
@media (max-width: 1599px) {
  .symbol-descr__subheading {
    font-size: 20px;
    line-height: 120%;
  }
}
@media (max-width: 767px) {
  .symbol-descr__subheading {
    font-size: 18px;
    line-height: 120%;
    letter-spacing: normal;
  }
}
@media (max-width: 1599px) {
  .symbol-descr__subheading {
    margin: 2rem 0 0;
  }
}
@media (max-width: 767px) {
  .symbol-descr__subheading {
    margin: 1.25rem 0 0;
  }
}
.symbol-descr__synonims {
  margin: 1rem 0;
  color: #000000;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media (max-width: 1919px) {
  .symbol-descr__synonims {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1599px) {
  .symbol-descr__synonims {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .symbol-descr__synonims {
    margin: 0.75rem 0;
  }
}
.symbol-descr__synonims:first-letter {
  text-transform: uppercase;
}
.symbol-descr__combined-emojies {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
  align-items: center;
  grid-template-columns: repeat(6, fit-content(100%));
  margin-top: 20px;
}
@media (max-width: 1023px) {
  .symbol-descr__combined-emojies {
    grid-template-columns: repeat(4, fit-content(100%));
  }
}
@media (max-width: 767px) {
  .symbol-descr__combined-emojies {
    display: flex;
    flex-wrap: wrap;
  }
}

.symbol-main-descr > *:last-child {
  margin-bottom: 0;
}
.symbol-main-descr p {
  margin: 0.75rem 0;
  color: #000000;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media (max-width: 1919px) {
  .symbol-main-descr p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1599px) {
  .symbol-main-descr p {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .symbol-main-descr p {
    margin: 8px 0;
  }
}

.similar-symbols {
  width: 100%;
  position: relative;
  margin-top: 4.875rem;
}
@media (max-width: 1599px) {
  .similar-symbols {
    margin-top: 56px;
  }
}
@media (max-width: 767px) {
  .similar-symbols {
    margin-top: 56px;
  }
}
.similar-symbols__container {
  box-sizing: border-box;
}
.similar-symbols__container:not(.active) li:nth-child(n+9) {
  display: none;
}
.similar-symbols__container:not(:has(li:nth-child(9))) .similar-symbols__show-more {
  display: none;
}
.similar-symbols__container.active .link-standart svg {
  transform: rotate(180deg);
}
.similar-symbols__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 0.5rem;
  transition: 0.3s;
  overflow: hidden;
}
@media (max-width: 767px) {
  .similar-symbols__list {
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 4px;
  }
}
.similar-symbols__show-more {
  margin-top: 1.5rem;
}
@media (max-width: 1599px) {
  .similar-symbols__show-more {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .similar-symbols__show-more {
    margin-top: 16px;
  }
}

.card-related {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  aspect-ratio: 1/1;
  border-radius: 12px;
  border: 1px solid #E0E4EB;
  padding: 1.0625rem 0.75rem;
}
@media (max-width: 1919px) {
  .card-related {
    padding: 20px 12px 8px 12px;
  }
}
@media (max-width: 1599px) {
  .card-related {
    padding-top: 16px;
  }
}
@media (max-width: 1023px) {
  .card-related {
    padding: 8px;
  }
}
@media (max-width: 767px) {
  .card-related {
    flex-direction: row;
    aspect-ratio: unset;
    padding: 0;
    border: none;
    justify-content: start;
    height: 28px;
  }
}
@media (min-width: 1024px) {
  .card-related:hover {
    background: #F2F5FA;
    border-color: #F2F5FA;
    border-radius: 9px;
  }
}
.card-related__symbol {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  display: block;
}
@media (max-width: 1599px) {
  .card-related__symbol {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .card-related__symbol {
    font-size: 14px;
    line-height: 22px;
  }
}
.card-related__symbol-block {
  margin-bottom: 4px;
}
@media (max-width: 1599px) {
  .card-related__symbol-block {
    margin-bottom: 2px;
  }
}
@media (max-width: 767px) {
  .card-related__symbol-block {
    width: 28px;
    height: 28px;
    margin: 0;
    margin-right: 12px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: #F2F5FA;
  }
}
.card-related__img {
  height: 2.5rem;
  width: 2.5rem;
}
@media (max-width: 1599px) {
  .card-related__img {
    height: 34px;
    width: 34px;
  }
}
@media (max-width: 767px) {
  .card-related__img {
    width: 14px;
    height: 14px;
  }
}
.card-related__key {
  display: block;
  color: #808080;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-style: normal;
  font-weight: 400;
}
@media (max-width: 1599px) {
  .card-related__key {
    font-size: 10px;
    line-height: 18px;
  }
}
@media (max-width: 767px) {
  .card-related__key {
    display: none;
  }
}
.card-related__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  align-content: center;
  height: 2rem;
  overflow: hidden;
  color: #000000;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  margin-top: auto;
}
@media (max-width: 1599px) {
  .card-related__title {
    font-size: 10px;
    line-height: 14px;
    height: 28px;
  }
}
@media (max-width: 767px) {
  .card-related__title {
    height: auto;
    width: 100%;
    white-space: nowrap;
    text-align: left;
    font-size: 14px;
    line-height: 22px;
  }
}

.proposed-sets {
  margin-top: 4.875rem;
  width: 100%;
  position: relative;
}
@media (max-width: 1599px) {
  .proposed-sets {
    margin-top: 56px;
  }
}
@media (max-width: 767px) {
  .proposed-sets {
    margin-top: 32px;
  }
}
.proposed-sets__title {
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 2.125rem;
  letter-spacing: -0.0375rem;
}
@media (max-width: 1599px) {
  .proposed-sets__title {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 767px) {
  .proposed-sets__title {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 1599px) {
  .proposed-sets__title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .proposed-sets__title {
    margin-bottom: 12px;
  }
}
.proposed-sets__container {
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 1023px) {
  .proposed-sets__container {
    margin-left: -20px;
    width: calc(100% + 40px);
  }
}
@media (max-width: 767px) {
  .proposed-sets__container {
    margin-left: -12px;
    width: calc(100% + 24px);
  }
}
.proposed-sets__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media (max-width: 1023px) {
  .proposed-sets__item {
    max-width: 144px;
  }
}
@media (max-width: 767px) {
  .proposed-sets__item {
    min-height: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
  }
}
.proposed-sets__item-square {
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.proposed-sets__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  border-radius: 16px;
  z-index: 10;
}
@media (max-width: 1599px) {
  .proposed-sets__link {
    padding: 12px 8px 8px 8px;
  }
}
@media (max-width: 1439px) {
  .proposed-sets__link {
    padding: 8px 4px;
  }
}
@media (max-width: 1365px) {
  .proposed-sets__link {
    padding-bottom: 12px;
  }
}
.proposed-sets__preview {
  font-size: 4.5rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7rem;
  flex-grow: 1;
}
@media (max-width: 1919px) {
  .proposed-sets__preview {
    width: 105px;
    font-size: 67px;
  }
}
@media (max-width: 1599px) {
  .proposed-sets__preview {
    width: 92px;
    font-size: 59px;
  }
}
@media (max-width: 1439px) {
  .proposed-sets__preview {
    width: 84px;
    font-size: 54px;
  }
}
@media (max-width: 1365px) {
  .proposed-sets__preview {
    width: 70px;
    font-size: 45px;
  }
}
.proposed-sets__preview img {
  width: 5rem;
  font-size: 1px;
}
@media (max-width: 1919px) {
  .proposed-sets__preview img {
    width: 67px;
  }
}
@media (max-width: 1599px) {
  .proposed-sets__preview img {
    width: 59px;
  }
}
@media (max-width: 1599px) {
  .proposed-sets__preview img {
    width: 54px;
  }
}
@media (max-width: 1365px) {
  .proposed-sets__preview img {
    width: 45px;
  }
}
.proposed-sets__text-wrapper {
  min-height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1599px) {
  .proposed-sets__text-wrapper {
    min-height: 28px;
  }
}
.proposed-sets__text {
  text-align: center;
  overflow: hidden;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 115%;
  margin: 0;
}
@media (max-width: 1599px) {
  .proposed-sets__text {
    font-size: 12px;
    line-height: 150%;
  }
}
.proposed-sets__navigation {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 1023px) {
  .proposed-sets__navigation {
    display: none;
  }
}
.proposed-sets__navigation-button {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}
@media (min-width: 1024px) {
  .proposed-sets__navigation-button:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.proposed-sets__navigation-button.is-disabled {
  color: rgba(0, 0, 0, 0.3);
}
@media (max-width: 1599px) {
  .proposed-sets__navigation-button {
    width: 32px;
    height: 32px;
  }
}
.proposed-sets__navigation-button svg {
  display: block;
  width: 100%;
  height: 100%;
}
.proposed-sets__navigation-button:not(:first-child) {
  margin-left: 0.75rem;
}

.symbol-cell {
  width: 5.1875rem;
  height: 5.1875rem;
  display: block;
}
@media (max-width: 1919px) {
  .symbol-cell {
    width: 79px;
    height: 79px;
  }
}
@media (max-width: 1599px) {
  .symbol-cell {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 1439px) {
  .symbol-cell {
    width: 65px;
    height: 65px;
  }
}
@media (max-width: 1365px) {
  .symbol-cell {
    width: 59px;
    height: 59px;
  }
}
@media (max-width: 1279px) {
  .symbol-cell {
    width: 65px;
    height: 65px;
  }
}
@media (max-width: 1023px) {
  .symbol-cell {
    width: 91px;
    height: 91px;
  }
}
@media (max-width: 767px) {
  .symbol-cell {
    width: 42px;
    height: 42px;
  }
}
.symbol-cell__link {
  padding: 2px 2px 4px 2px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 7px;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}
@media (max-width: 1919px) {
  .symbol-cell__link {
    gap: 8px;
  }
}
@media (max-width: 1599px) {
  .symbol-cell__link {
    gap: 10px;
    padding-bottom: 2px;
  }
}
@media (max-width: 1365px) {
  .symbol-cell__link {
    gap: 8px;
  }
}
@media (max-width: 1023px) {
  .symbol-cell__link {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .symbol-cell__link {
    gap: 4px;
  }
}
.symbol-cell__link::before {
  display: none;
}
.symbol-cell__link img {
  display: block;
  width: 3rem;
  height: 3rem;
}
@media (max-width: 1919px) {
  .symbol-cell__link img {
    width: 42px;
    height: 42px;
  }
}
@media (max-width: 1599px) {
  .symbol-cell__link img {
    width: 36px;
    height: 36px;
  }
}
@media (max-width: 1439px) {
  .symbol-cell__link img {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 1365px) {
  .symbol-cell__link img {
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 1279px) {
  .symbol-cell__link img {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 1023px) {
  .symbol-cell__link img {
    width: 42px;
    height: 42px;
  }
}
@media (max-width: 767px) {
  .symbol-cell__link img {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 1024px) {
  .symbol-cell__link:hover {
    background-color: #F2F5FA;
  }
}
.symbol-cell__code {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: rgba(0, 0, 0, 0.3);
}
@media (max-width: 1599px) {
  .symbol-cell__code {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .symbol-cell__code {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 1599px) {
  .symbol-cell__code {
    font-size: 10px;
    line-height: 12px;
  }
}
@media (max-width: 1023px) {
  .symbol-cell__code {
    font-size: 12px;
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .symbol-cell__code {
    font-size: 10px;
    line-height: 12px;
  }
}

.phrases__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  padding: 0 !important;
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.5rem;
  -moz-column-gap: 16px;
       column-gap: 16px;
  margin-top: 1.25rem;
}
.phrases__item {
  background: #F2F5FA;
  border-radius: 160px;
  padding: 0.375rem 1.25rem;
  position: relative;
  margin: 0 !important;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media (max-width: 1919px) {
  .phrases__item {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1599px) {
  .phrases__item {
    font-size: 14px;
    line-height: 22px;
  }
}
.phrases__item::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: auto;
  aspect-ratio: 12/36;
  background: url("/i/symbl/svg/tail.svg") no-repeat;
  background-size: cover;
}

@media (max-width: 1023px) {
  .fonts-block {
    overflow: hidden;
    margin-left: -12px;
    margin-right: -12px;
    padding-left: 12px;
  }
}
.fonts-block__container:not(.active) li:nth-child(n+9) {
  display: none;
}
@media (max-width: 1023px) {
  .fonts-block__container:not(.active) li:nth-child(n+9) {
    display: block;
  }
}
@media (max-width: 1023px) {
  .fonts-block__container:not(.active) li {
    width: auto;
  }
}
.fonts-block__container [data-show-more=less-text] {
  display: none;
}
.fonts-block__container.active .link-standart svg {
  transform: rotate(180deg);
}
.fonts-block__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 0.5rem;
  transition: 0.3s;
  transition-property: all;
  overflow: hidden;
  transform: none;
  height: auto;
}
@media (max-width: 1023px) {
  .fonts-block__list {
    display: flex;
    overflow: visible;
    gap: 0;
    height: 100%;
  }
}
.fonts-block__show-more {
  margin-top: 1.5rem;
}
@media (max-width: 1599px) {
  .fonts-block__show-more {
    margin-top: 20px;
  }
}
@media (max-width: 1023px) {
  .fonts-block__show-more {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  a.card-font:hover {
    background-color: #E0E4EB;
  }
}

.card-font {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  aspect-ratio: 1/1;
  border-radius: 12px;
  background-color: #F2F5FA;
  padding: 1.0625rem 0.75rem;
}
@media (max-width: 1919px) {
  .card-font {
    padding: 20px 12px 8px 12px;
  }
}
@media (max-width: 1599px) {
  .card-font {
    padding-top: 16px;
  }
}
@media (max-width: 1023px) {
  .card-font {
    width: 100px;
    padding: 8px;
  }
}
.card-font__symbol-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.5rem;
}
@media (max-width: 1599px) {
  .card-font__symbol-wrapper {
    height: 2.75rem;
  }
}
.card-font__symbol {
  height: 4.5rem;
  width: auto;
}
@media (max-width: 1599px) {
  .card-font__symbol {
    height: 60px;
  }
}
@media (max-width: 1365px) {
  .card-font__symbol {
    height: 48px;
  }
}
.card-font__name-wrapper {
  min-height: 2rem;
  max-height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1599px) {
  .card-font__name-wrapper {
    min-height: 28px;
    max-height: 28px;
  }
}
.card-font__name {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 1599px) {
  .card-font__name {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
  }
}
.card-font__name svg {
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
}

.card-vendor {
  --bw: 0.0625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  aspect-ratio: 1/1;
  padding: calc(0.75rem - var(--bw));
  overflow: hidden;
  border-radius: 0.75rem;
  border: var(--bw) solid #E0E4EB;
}
@media (min-width: 1024px) {
  .card-vendor:hover {
    border-color: #F2F5FA;
    background-color: #F2F5FA;
  }
}
@media (max-width: 767px) {
  .card-vendor {
    --bw: 1px;
    padding: calc(7px - var(--bw)) calc(8px - var(--bw));
  }
}
.card-vendor__img {
  height: calc(100% - 1.875rem);
  max-height: 5rem;
  width: auto;
  flex-shrink: 1;
}
@media (max-width: 1599px) {
  .card-vendor__img {
    height: calc(100% - 28px);
    max-height: 66px;
  }
}
@media (max-width: 767px) {
  .card-vendor__img {
    height: calc(100% - 28px);
    max-height: 100%;
  }
}
.card-vendor__text {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  letter-spacing: 0;
  text-align: center;
}
@media (max-width: 1599px) {
  .card-vendor__text {
    font-size: 12px;
    line-height: 20px;
  }
}

.popup-vendor {
  outline: none;
  border: none;
  padding: 0;
  background: transparent;
  border-radius: 20px;
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 767px) {
  .popup-vendor {
    box-shadow: none;
  }
}
.popup-vendor::backdrop {
  background-color: #000000;
  opacity: 0.2;
}
.popup-vendor__wrapper {
  background: #ffffff;
  width: 33.75rem;
  padding: 2rem 2rem 1.5rem 2rem;
}
@media (max-width: 1599px) {
  .popup-vendor__wrapper {
    width: 480px;
  }
}
@media (max-width: 767px) {
  .popup-vendor__wrapper {
    width: 100%;
    padding: 24px 20px;
  }
}
.popup-vendor__header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.popup-vendor__title {
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 2.125rem;
  letter-spacing: -0.0375rem;
  margin: 0;
}
@media (max-width: 1599px) {
  .popup-vendor__title {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 767px) {
  .popup-vendor__title {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.24px;
  }
}
.popup-vendor__close {
  padding: 0;
  border: none;
  background: none;
  margin-top: 0.0625rem;
  cursor: pointer;
}
@media (max-width: 767px) {
  .popup-vendor__close {
    display: none;
  }
}
@media (min-width: 1024px) {
  .popup-vendor__close:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.popup-vendor__close svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
.popup-vendor__cover {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 1.25rem;
  background: #F2F5FA;
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .popup-vendor__cover {
    padding: 20px 20px 28px 20px;
  }
}
.popup-vendor__img {
  display: block;
  max-width: 20rem;
  width: 100%;
  height: auto;
}
@media (max-width: 1599px) {
  .popup-vendor__img {
    max-width: 280px;
  }
}
@media (max-width: 767px) {
  .popup-vendor__img {
    max-width: 200px;
  }
}
.popup-vendor__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.popup-vendor__vendor {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 125%;
  letter-spacing: -0.01em;
  margin: 0;
}
@media (max-width: 1599px) {
  .popup-vendor__vendor {
    font-size: 20px;
    line-height: 120%;
  }
}
@media (max-width: 767px) {
  .popup-vendor__vendor {
    font-size: 18px;
    line-height: 120%;
    letter-spacing: normal;
  }
}
.popup-vendor__preview-text {
  color: #808080;
}
.popup-vendor__btns {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  margin-bottom: 1.25rem;
}
.popup-vendor__btn {
  width: auto;
}
.popup-vendor__btn span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.popup-vendor__license {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  letter-spacing: 0;
  color: #808080;
  margin: 0;
}
@media (max-width: 1599px) {
  .popup-vendor__license {
    font-size: 12px;
    line-height: 20px;
  }
}
.popup-vendor__license a {
  text-decoration: underline;
  color: #808080;
}

.tool__form {
  position: relative;
  margin-top: 2.5rem;
  box-shadow: 0px 20px 30px rgba(143, 161, 196, 0.2);
  border: 0.0625rem solid #E0E4EB;
  border-radius: 1rem;
}
@media (max-width: 1599px) {
  .tool__form {
    margin-top: 32px;
    border-radius: 12px;
  }
}
.tool__form .is-shadow {
  overflow: hidden;
  position: relative;
  text-overflow: clip;
}
.tool__form .is-shadow::after {
  content: "";
  background: linear-gradient(270deg, #ffffff 19.65%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 22px;
  width: 16px;
  z-index: 1;
}

.tool-header {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 0.0625rem solid #E0E4EB;
}
.tool-header__item {
  position: relative;
  padding: 0.625rem 0.9375rem;
  width: 50%;
}
@media (max-width: 1599px) {
  .tool-header__item {
    padding: 7px 11px;
  }
}
@media (max-width: 767px) {
  .tool-header__item {
    padding: 6px 11px;
    position: static;
    overflow: visible;
    display: flex;
    justify-content: center;
  }
  .tool-header__item:not(:first-child) {
    border-left: 1px solid #E0E4EB;
  }
}
.tool-header__title {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  font-weight: 700;
  font-family: "Helvetica Neue", "Helvetica Neue World W05_75 Bd", Helvetica, Arial, sans-serif;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1599px) {
  .tool-header__title {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .tool-header__title {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
    font-weight: 700;
    font-family: "Helvetica Neue", "Helvetica Neue World W05_75 Bd", Helvetica, Arial, sans-serif;
  }
}
.tool-header__title--fade {
  position: relative;
  text-overflow: clip;
}
.tool-header--reverse .tool-header__item {
  width: calc(50% - 14px);
}
@media (max-width: 767px) {
  .tool-header--reverse .tool-header__item {
    border-left: none;
  }
}

.tool-body__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  align-items: stretch;
}
@media (max-width: 767px) {
  .tool-body__list {
    flex-direction: column;
  }
}
.tool-body__item {
  position: relative;
  display: flex;
  width: 50%;
  min-height: 15rem;
}
@media (max-width: 1599px) {
  .tool-body__item {
    min-height: 226px;
  }
}
@media (max-width: 767px) {
  .tool-body__item {
    width: 100%;
    min-height: 240px;
  }
}
.tool-body__item--typograph {
  min-height: unset;
  height: 15rem;
}
@media (max-width: 1599px) {
  .tool-body__item--typograph {
    height: 226px;
  }
}
@media (max-width: 767px) {
  .tool-body__item--typograph {
    height: 240px;
  }
}
.tool-body__item--emoji-keyboard, .tool-body__item--word-counter {
  width: 100%;
}
.tool-body__item--emoji-keyboard {
  min-height: 8.75rem;
}
@media (max-width: 1599px) {
  .tool-body__item--emoji-keyboard {
    min-height: 120px;
  }
}
.tool-body__item--emoji-keyboard .tool-btn--copy {
  background-color: transparent;
}
.tool-body__textarea {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  padding: 1rem;
  width: 100%;
  min-height: 100%;
  border: none;
  outline: none;
  resize: none;
  color: #000000;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent #ffffff;
  -webkit-appearance: none;
  display: block;
  transition: background-color 0.3s ease;
}
@media (max-width: 1599px) {
  .tool-body__textarea {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .tool-body__textarea {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
    padding: 12px;
  }
}
.tool-body__textarea::-webkit-scrollbar {
  width: 0.25rem;
  height: 0.25rem;
}
.tool-body__textarea::-webkit-scrollbar-thumb {
  border-radius: 0.125rem;
  background-color: #000000;
}
.tool-body__textarea.disabled {
  background-color: #F2F5FA;
  color: #000000;
}
.tool-body__textarea--left {
  padding-right: 2.5rem;
  border-bottom-left-radius: 1rem;
}
@media (max-width: 767px) {
  .tool-body__textarea--left {
    padding-right: 24px;
  }
}
.tool-body__textarea--right {
  padding-right: 2.5rem;
  border-bottom-right-radius: 1rem;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
@media (max-width: 1599px) {
  .tool-body__textarea--right {
    border-bottom-right-radius: 12px;
  }
}
@media (max-width: 767px) {
  .tool-body__textarea--right {
    border-radius: 0 0 12px 12px;
    padding-right: 24px;
  }
}
.tool-body__textarea--generator, .tool-body__textarea--encoder {
  padding-bottom: 3rem;
}
@media (max-width: 1599px) {
  .tool-body__textarea--generator, .tool-body__textarea--encoder {
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .tool-body__textarea--generator, .tool-body__textarea--encoder {
    padding-bottom: 32px;
  }
}
.tool-body__textarea--text-to-symbols {
  word-wrap: normal;
  white-space: pre;
  font: 0.375rem tahoma, verdana, arial, sans-serif, Lucida Sans;
  line-height: 0.5625rem;
}
.tool-body__textarea--emoji-keyboard, .tool-body__textarea--word-counter {
  border-radius: 1rem;
}
@media (max-width: 1599px) {
  .tool-body__textarea--emoji-keyboard, .tool-body__textarea--word-counter {
    border-radius: 12px;
  }
}
.tool-body__textarea--emoji-keyboard {
  background-color: #F2F5FA;
}
.tool-body__textarea--emoji-keyboard:focus {
  background-color: #ffffff;
}
.tool-body__highlight {
  color: #FF6666;
}

.tool-btn {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0.75rem;
  right: 0.75rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  z-index: 3;
  color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.2s, color 0.2s, background-color 0.2s;
}
@media (max-width: 1599px) {
  .tool-btn {
    width: 28px;
    height: 28px;
    top: 8px;
    right: 8px;
  }
}
@media (max-width: 767px) {
  .tool-btn {
    top: 9px;
    right: 6px;
  }
}
@media (min-width: 1024px) {
  .tool-btn:hover {
    color: #000000;
    background-color: rgba(0, 0, 0, 0.1);
  }
}
.tool-btn svg {
  display: block;
  pointer-events: none;
  width: 1.5rem;
  height: 1.5rem;
}
@media (max-width: 1599px) {
  .tool-btn svg {
    width: 20px;
    height: 20px;
  }
}
.tool-btn--clear, .tool-btn--copy {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.tool-btn--reverse {
  position: static;
  margin: 0;
}
.tool-btn--copy {
  right: 0.5625rem;
  bottom: 0.5625rem;
  top: auto;
  background-color: #F2F5FA;
}
@media (max-width: 1599px) {
  .tool-btn--copy {
    bottom: 5px;
    right: 7px;
  }
}
.tool-btn__message-block {
  position: absolute;
  display: flex;
  justify-content: center;
  bottom: 2.5rem;
  right: 0;
  padding: 0.25rem 0.375rem;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s;
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0.02em;
  border-radius: 0.125rem;
  background-color: #000000;
}
.tool-btn__message-block.is-active {
  opacity: 1;
}
@media (max-width: 767px) {
  .tool-btn__message-block {
    bottom: 32px;
  }
}

.tool-body__list.is-active .tool-btn--clear, .tool-body__list.is-active .tool-btn--copy {
  opacity: 1;
  pointer-events: inherit;
}
.tool-body__list.is-active .tool-btn--clear.is-hide, .tool-body__list.is-active .tool-btn--copy.is-hide {
  opacity: 0;
  pointer-events: none;
}

.tool-switch__line {
  position: absolute;
  bottom: -0.0625rem;
  left: 1rem;
  height: 0.125rem;
  width: 60px;
  background-color: #000000;
}
@media (max-width: 1599px) {
  .tool-switch__line {
    left: 12px;
  }
}
@media (max-width: 767px) {
  .tool-switch__line {
    display: none;
  }
}
.tool-switch__btn-popup {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 160%;
  letter-spacing: 0;
  font-weight: 700;
  font-family: "Helvetica Neue", "Helvetica Neue World W05_75 Bd", Helvetica, Arial, sans-serif;
  display: none;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
@media (max-width: 767px) {
  .tool-switch__btn-popup {
    display: flex;
  }
}
.tool-switch__text {
  white-space: nowrap;
  text-align: right;
  overflow: hidden;
}
.tool-switch__arrow {
  display: flex;
  flex-shrink: 0;
  margin-left: 0.25rem;
  transition: transform 0.3s ease;
}
.tool-switch__arrow svg {
  width: 1.25rem;
  height: 1.25rem;
}
@media (max-width: 767px) {
  .tool-switch__title-wrapper {
    top: 100%;
    left: 0;
    z-index: 20;
    position: absolute;
    width: calc(100vw - 40px);
    height: auto;
    align-items: center;
    justify-content: center;
    padding: 0;
    display: block;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
    border-radius: 16px;
  }
  .tool-switch__title-wrapper--mobile-dropdown {
    display: none;
  }
  .tool-switch__title-wrapper.is-active {
    display: flex;
  }
  .tool-switch__title-wrapper.is-active .tool-switch__overlay {
    display: block;
  }
}
.tool-switch__overlay {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
}
@media (max-width: 767px) {
  .tool-switch__title-wrapper-block {
    position: relative;
    background-color: #ffffff;
    z-index: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: none;
    border-radius: 16px;
    padding-bottom: 0;
    overflow: hidden;
  }
}
.tool-switch__head-mobile {
  position: relative;
  padding: 8px 16px;
  text-align: left;
  display: none;
  border-bottom: 1px solid #F2F5FA;
}
@media (max-width: 767px) {
  .tool-switch__head-mobile {
    display: block;
    transition: display 0.2s;
  }
}
.tool-switch__head-text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  font-weight: 700;
  font-family: "Helvetica Neue", "Helvetica Neue World W05_75 Bd", Helvetica, Arial, sans-serif;
  margin: 0;
}
@media (max-width: 1599px) {
  .tool-switch__head-text {
    font-size: 14px;
    line-height: 22px;
  }
}
.tool-switch__popup-close {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  top: 4px;
  right: 4px;
  position: absolute;
}
.tool-switch__item {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  font-weight: 700;
  font-family: "Helvetica Neue", "Helvetica Neue World W05_75 Bd", Helvetica, Arial, sans-serif;
  cursor: pointer;
  transition: color 0.2s;
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 1599px) {
  .tool-switch__item {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .tool-switch__item {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
    font-weight: 700;
    font-family: "Helvetica Neue", "Helvetica Neue World W05_75 Bd", Helvetica, Arial, sans-serif;
  }
}
@media (max-width: 767px) {
  .tool-switch__item {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
    padding: 8px 16px;
    color: #000000;
  }
}
@media (min-width: 1024px) {
  .tool-switch__item:hover {
    color: #000000;
  }
}
.tool-switch__item:not(:last-child) {
  margin-right: 1.375rem;
}
@media (max-width: 767px) {
  .tool-switch__item:not(:last-child) {
    margin-right: 0;
  }
}
.tool-switch__item.is-active {
  color: #000000;
}
@media (max-width: 767px) {
  .tool-switch__item.is-active {
    background-color: #F2F5FA;
  }
}

.tool-switch-select .tool-switch__btn-popup {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  font-weight: 700;
  font-family: "Helvetica Neue", "Helvetica Neue World W05_75 Bd", Helvetica, Arial, sans-serif;
  display: flex;
  justify-content: flex-start;
  transition: color 0.3s ease;
}
@media (max-width: 1599px) {
  .tool-switch-select .tool-switch__btn-popup {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .tool-switch-select .tool-switch__btn-popup {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
    font-weight: 700;
    font-family: "Helvetica Neue", "Helvetica Neue World W05_75 Bd", Helvetica, Arial, sans-serif;
  }
}
@media (max-width: 767px) {
  .tool-switch-select .tool-switch__btn-popup {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .tool-switch-select .tool-switch__btn-popup:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.tool-switch-select .tool-switch__btn-popup.is-active .tool-switch__arrow {
  transform: rotate(180deg);
}
@media (max-width: 767px) {
  .tool-switch-select .tool-switch__btn-popup.is-active .tool-switch__arrow {
    transform: none;
  }
}
.tool-switch-select .tool-switch__select {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 100%;
  max-height: 0;
  background-color: #ffffff;
  border-radius: 1rem;
  overflow: hidden;
  transition: max-height 0.1s;
  box-shadow: 0px 0.5rem 1rem rgba(49, 25, 56, 0.16);
}
@media (max-width: 767px) {
  .tool-switch-select .tool-switch__select {
    position: static;
    max-height: 100%;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
  }
}
.tool-switch-select .tool-switch__select.is-active {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
}
.tool-switch-select .tool-switch__select-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  padding: 0.5rem 0;
  border: 0.0625rem solid #E0E4EB;
}
@media (max-width: 767px) {
  .tool-switch-select .tool-switch__select-list {
    max-height: 100%;
    border: none;
    padding: 0;
  }
}
.tool-switch-select .tool-switch__select-item {
  cursor: pointer;
  padding: 0.5rem 1rem;
}
.tool-switch-select .tool-switch__select-item.is-active {
  background-color: #E0E4EB;
}
@media (min-width: 1024px) {
  .tool-switch-select .tool-switch__select-item:hover {
    background-color: #F2F5FA;
  }
}
@media (max-width: 767px) {
  .tool-switch-select .tool-switch__select-item {
    font-weight: 400;
  }
}
.tool-switch-select .tool-switch__select-item--result {
  position: relative;
  font-weight: 700;
  display: none;
}
@media (max-width: 767px) {
  .tool-switch-select .tool-switch__select-item--result {
    display: block;
  }
}

.tool-encoder__container-btn {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0.25rem 1rem 0.75rem 1rem;
  display: flex;
  width: 100%;
  background-color: #F2F5FA;
  border-bottom-right-radius: 1rem;
}
@media (max-width: 1599px) {
  .tool-encoder__container-btn {
    border-bottom-right-radius: 12px;
    padding: 4px 12px 10px 12px;
  }
}
@media (max-width: 767px) {
  .tool-encoder__container-btn {
    border-radius: 0 0 12px 12px;
  }
}
.tool-encoder__btn {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 160%;
  letter-spacing: 0;
  padding: 0.0625rem 0.5rem;
  border: 0.0625rem solid #000000;
  border-radius: 1.25rem;
  transition: background-color 0.2s, color 0.2s;
}
@media (max-width: 1599px) {
  .tool-encoder__btn {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 115%;
    letter-spacing: 0;
    padding: 1px 6px;
  }
}
@media (min-width: 1024px) {
  .tool-encoder__btn:hover {
    background-color: rgba(0, 0, 0, 0.1);
  }
}
.tool-encoder__btn--break {
  margin-left: 0.5rem;
}
.tool-encoder__btn.is-active {
  background-color: #000000;
  color: #ffffff;
}

.tool-generator {
  margin-top: 2.5rem;
}
@media (max-width: 1599px) {
  .tool-generator {
    margin-top: 32px;
  }
}
.tool-generator__title {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  font-weight: 700;
  font-family: "Helvetica Neue", "Helvetica Neue World W05_75 Bd", Helvetica, Arial, sans-serif;
  margin: 0;
}
@media (max-width: 1599px) {
  .tool-generator__title {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .tool-generator__title {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
    font-weight: 700;
    font-family: "Helvetica Neue", "Helvetica Neue World W05_75 Bd", Helvetica, Arial, sans-serif;
  }
}
.tool-generator__fields {
  margin: 0.5rem 0 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.tool-generator__dash {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  margin: 0 8px;
  flex-shrink: 0;
}
@media (max-width: 1599px) {
  .tool-generator__dash {
    font-size: 14px;
    line-height: 22px;
  }
}
.tool-generator__input {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  width: 7.5rem;
  height: 3rem;
  padding: 0.75rem 1rem;
  border: 0.0625rem solid #E0E4EB;
  outline: none;
  border-radius: 0.5rem;
  transition: border-color 0.3s ease;
}
@media (max-width: 1599px) {
  .tool-generator__input {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .tool-generator__input {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
    width: 100px;
    padding: 9px 12px;
    height: 40px;
  }
}
@media (max-width: 767px) {
  .tool-generator__input {
    width: calc(50% - 16px);
  }
}
@media (min-width: 1024px) {
  .tool-generator__input:hover {
    border-color: rgba(0, 0, 0, 0.5);
  }
}
.tool-generator__input:focus {
  border-color: rgba(0, 0, 0, 0.5);
}
.tool-generator__btn-submite {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  margin: 0 0 0 1.5rem;
  padding: 0.75rem 1.5rem;
  border-radius: 10rem;
  background-color: #000000;
  color: #ffffff;
  max-height: 3rem;
  transition: background-color 0.2s;
}
@media (max-width: 1599px) {
  .tool-generator__btn-submite {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (min-width: 1024px) {
  .tool-generator__btn-submite:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }
}
@media (max-width: 1599px) {
  .tool-generator__btn-submite {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
    padding: 9px 20px;
    max-height: 40px;
  }
}
@media (max-width: 767px) {
  .tool-generator__btn-submite {
    width: 100%;
    margin: 24px 0 0;
  }
}
.tool-generator__help-info-container {
  position: absolute;
  padding: 0.25rem 0.75rem 0.75rem;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  border-radius: 0 0 0 1rem;
  background-color: #ffffff;
}
@media (max-width: 1599px) {
  .tool-generator__help-info-container {
    border-radius: 0 0 0 12px;
  }
}
@media (max-width: 767px) {
  .tool-generator__help-info-container {
    border-radius: 0 0 12px 12px;
  }
}
.tool-generator__help-info {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  letter-spacing: 0;
  margin: 0;
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 1599px) {
  .tool-generator__help-info {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 1599px) {
  .tool-generator__help-info {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 115%;
    letter-spacing: 0;
  }
}

.word-counter-info {
  max-width: 41.75rem;
  margin: 4.875rem 0 0;
  background: #F2F5FA;
  border-radius: 1rem;
  padding: 1rem;
}
@media (max-width: 1599px) {
  .word-counter-info {
    margin-top: 56px;
    padding: 12px;
  }
}
@media (max-width: 767px) {
  .word-counter-info {
    margin: 32px 0 0;
  }
}
.word-counter-info__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: 5fr 6fr;
  grid-row-gap: 8px;
}
@media (max-width: 1599px) {
  .word-counter-info__list {
    grid-template-columns: 2fr 3fr;
  }
}
@media (max-width: 767px) {
  .word-counter-info__list {
    grid-template-columns: auto;
  }
}
.word-counter-info__item {
  display: flex;
  overflow: hidden;
}
.word-counter-info__text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  margin: 0;
  flex-shrink: 0;
}
@media (max-width: 1599px) {
  .word-counter-info__text {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .word-counter-info__text {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
  }
}
.word-counter-info__count {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  font-weight: 700;
  font-family: "Helvetica Neue", "Helvetica Neue World W05_75 Bd", Helvetica, Arial, sans-serif;
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 0.25rem;
}
@media (max-width: 1599px) {
  .word-counter-info__count {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .word-counter-info__count {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
    font-weight: 700;
    font-family: "Helvetica Neue", "Helvetica Neue World W05_75 Bd", Helvetica, Arial, sans-serif;
  }
}

.password-generator {
  margin-top: 2.5rem;
  max-width: 35.625rem;
}
@media (max-width: 1599px) {
  .password-generator {
    max-width: 485px;
    margin-top: 32px;
  }
}
.password-generator__warning-block {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.2s;
}
.password-generator__warning {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  display: block;
  padding-bottom: 0.75rem;
  color: #DD1E2C;
}
@media (max-width: 1599px) {
  .password-generator__warning {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .password-generator__warning {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
  }
}
.password-generator__max-number-block {
  display: flex;
  align-items: center;
}
.password-generator__number-input {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  margin-right: 0.5rem;
  border: 0.0625rem solid #E0E4EB;
  border-radius: 0.5rem;
  color: #000000;
  width: 7.5rem;
  height: 3rem;
  padding: 0.75rem 1rem;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: border-color 0.2s;
}
@media (max-width: 1599px) {
  .password-generator__number-input {
    font-size: 14px;
    line-height: 22px;
  }
}
.password-generator__number-input:focus {
  border-color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 1599px) {
  .password-generator__number-input {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
    padding: 9px 12px;
    height: 40px;
  }
}
@media (min-width: 1024px) {
  .password-generator__number-input:hover {
    border-color: rgba(0, 0, 0, 0.5);
  }
}
.password-generator__number-label {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
}
@media (max-width: 1599px) {
  .password-generator__number-label {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .password-generator__number-label {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
  }
}
.password-generator__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-top: 2.5rem;
}
@media (max-width: 1599px) {
  .password-generator__list {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .password-generator__list {
    margin-top: 24px;
  }
}
.password-generator__item {
  display: flex;
  justify-content: flex-start;
}
.password-generator__item:not(:first-child) {
  margin-top: 0.75rem;
}
.password-generator__label {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  position: relative;
  padding-left: 1.625rem;
  color: #000000;
  cursor: pointer;
}
@media (max-width: 1599px) {
  .password-generator__label {
    font-size: 14px;
    line-height: 22px;
  }
}
.password-generator__label::before {
  content: "";
  position: absolute;
  top: 0.1875rem;
  left: 0;
  width: 1.125rem;
  height: 1.125rem;
  border: 0.125rem solid #000000;
  border-radius: 0.25rem;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: border-color 0.2s, background-color 0.2s;
}
@media (max-width: 1599px) {
  .password-generator__label {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
  }
}
.password-generator__inupt:checked + .password-generator__label::before {
  background-color: #000000;
  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 d='M7.93297 10.5194L5.70697 8.29338L4.29297 9.70737L8.06697 13.4814L13.769 6.64137L12.231 5.35938L7.93297 10.5194Z' fill='white'/%3E%3C/svg%3E%0A");
  border: none;
}
.password-generator__result-container {
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
}
@media (max-width: 1599px) {
  .password-generator__result-container {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .password-generator__result-container {
    margin-top: 24px;
    flex-wrap: wrap;
  }
}
.password-generator__result-btn {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  background-color: #000000;
  color: #ffffff;
  padding: 0.75rem 1.5rem;
  border-radius: 10rem;
  margin-right: 1.5rem;
  transition: background-color 0.2s;
}
@media (max-width: 1599px) {
  .password-generator__result-btn {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .password-generator__result-btn {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
    padding: 9px 20px;
  }
}
@media (min-width: 1024px) {
  .password-generator__result-btn:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }
}
.password-generator__result-btn.disabled {
  background-color: rgba(0, 0, 0, 0.3);
  cursor: default;
}
@media (min-width: 1024px) {
  .password-generator__result-btn.disabled:hover {
    background-color: rgba(0, 0, 0, 0.3);
  }
}
@media (max-width: 767px) {
  .password-generator__result-btn {
    width: 100%;
    margin: 0;
  }
}
.password-generator__result-block {
  height: 100%;
  background-color: #ffffff;
  display: none;
  align-items: center;
  padding: 0.375rem 0.75rem 0.375rem 0.9375rem;
  text-align: center;
  min-height: 3rem;
  background-color: #F2F5FA;
  border-radius: 0.5rem;
  border: 0.0625rem solid #E0E4EB;
  max-width: 100%;
}
@media (max-width: 1599px) {
  .password-generator__result-block {
    min-height: 40px;
    padding: 5px 7px 5px 11px;
  }
}
.password-generator__result-block.is-active {
  display: flex;
}
@media (max-width: 767px) {
  .password-generator__result-block {
    margin-top: 16px;
    width: 100%;
  }
}
.password-generator__copy {
  flex-shrink: 0;
  position: relative;
  opacity: 1;
  pointer-events: inherit;
  margin-left: 4px;
  bottom: 0;
  right: 0;
}
.password-generator__result-text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 1599px) {
  .password-generator__result-text {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .password-generator__result-text {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
  }
}
@media (max-width: 767px) {
  .password-generator__result-text {
    flex-grow: 1;
  }
}

.tool-typograph {
  overflow: hidden;
  transition: max-height 0.2s;
  max-height: 0;
}
.tool-typograph__button {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 0.3125rem;
  margin-left: 1rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.5);
  transition: color 0.3s ease, background-color 0.3s ease;
}
@media (max-width: 1599px) {
  .tool-typograph__button {
    width: 32px;
    height: 32px;
    top: 6px;
    margin-left: 12px;
  }
}
@media (max-width: 767px) {
  .tool-typograph__button {
    top: 3px;
  }
}
@media (min-width: 1024px) {
  .tool-typograph__button:hover {
    color: #000000;
    background-color: rgba(0, 0, 0, 0.1);
  }
}
.tool-typograph__button svg {
  width: 2rem;
  height: 2rem;
}
@media (max-width: 1599px) {
  .tool-typograph__button svg {
    width: 24px;
    height: 24px;
  }
}
.tool-typograph__button.is-active {
  background-color: #F2F5FA;
  color: #000000;
}
.tool-typograph__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 1.25rem 1.5rem;
  padding-top: 2.5rem;
  align-items: center;
}
@media (max-width: 1599px) {
  .tool-typograph__list {
    padding-top: 32px;
    grid-gap: 20px 20px;
  }
}
@media (max-width: 767px) {
  .tool-typograph__list {
    display: block;
    grid-template-columns: auto;
    grid-gap: auto;
    margin-bottom: -12px;
  }
}
.tool-typograph__item {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .tool-typograph__item:not(:first-child) {
    margin-top: 8px;
  }
}
.tool-typograph__title {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  margin: 0;
}
@media (max-width: 1599px) {
  .tool-typograph__title {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .tool-typograph__title {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
  }
}
.tool-typograph__radio-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}
@media (max-width: 767px) {
  .tool-typograph__radio-list {
    margin-bottom: 12px;
  }
}
.tool-typograph__radio-list li:not(:first-child) {
  margin-left: 1rem;
}
@media (max-width: 1599px) {
  .tool-typograph__radio-list li:not(:first-child) {
    margin-left: 12px;
  }
}
.tool-typograph__radio-label {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  box-sizing: border-box;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  border: 0.0625rem solid #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: color 0.3s ease, background-color 0.3s ease;
}
@media (max-width: 1599px) {
  .tool-typograph__radio-label {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .tool-typograph__radio-label {
    font-weight: 400;
    font-size: 0.625rem;
    line-height: 120%;
    letter-spacing: 0;
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 1024px) {
  .tool-typograph__radio-label:hover {
    background-color: rgba(0, 0, 0, 0.1);
  }
}
.tool-typograph__radio-input:checked + .tool-typograph__radio-label {
  background-color: #000000;
  color: #ffffff;
}

.emoji-keyboard__container {
  width: 100%;
  margin-top: 4.875rem;
}
@media (max-width: 1599px) {
  .emoji-keyboard__container {
    margin-top: 56px;
  }
}
@media (max-width: 767px) {
  .emoji-keyboard__container {
    margin-top: 24px;
  }
}
.emoji-keyboard__controls-block {
  position: relative;
}
.emoji-keyboard__controls-block::after, .emoji-keyboard__controls-block::before {
  content: "";
  position: absolute;
  display: block;
  z-index: 2;
  pointer-events: none;
  top: 0;
  right: 0;
  width: 6.25rem;
  height: 100%;
  opacity: 0;
  background-image: linear-gradient(270deg, #ffffff 0, rgba(255, 255, 255, 0) 100%);
  transition: opacity 0.3s;
}
@media (max-width: 1599px) {
  .emoji-keyboard__controls-block::after, .emoji-keyboard__controls-block::before {
    width: 80px;
  }
}
@media (max-width: 767px) {
  .emoji-keyboard__controls-block::after, .emoji-keyboard__controls-block::before {
    width: 60px;
    right: -12px;
  }
}
.emoji-keyboard__controls-block::before {
  left: 0;
  right: auto;
  background-image: linear-gradient(270deg, rgba(255, 255, 255, 0) 0, #ffffff 100%);
}
@media (max-width: 767px) {
  .emoji-keyboard__controls-block::before {
    left: -12px;
  }
}
.emoji-keyboard__controls-block.left-shadow::before {
  opacity: 1;
}
.emoji-keyboard__controls-block.right-shadow::after {
  opacity: 1;
}
.emoji-keyboard__controls {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
  width: 100%;
  display: flex;
  box-sizing: border-box;
  -ms-overflow-style: none;
  margin: 0;
  padding: 0;
  padding-right: 1px;
  border-bottom: 0.0625rem solid #E0E4EB;
  overflow: auto;
}
.emoji-keyboard__controls::-webkit-scrollbar {
  width: 0;
  height: 0;
}
@media (max-width: 767px) {
  .emoji-keyboard__controls {
    width: calc(100% + 24px);
    margin: 0 -12px;
    padding: 0 12px 0;
    border-bottom: none;
  }
}
.emoji-keyboard__line {
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 0.125rem;
  width: 7.5rem;
  background-color: #000000;
}
@media (max-width: 767px) {
  .emoji-keyboard__line {
    bottom: 0;
    left: 12px;
  }
}
.emoji-keyboard__control-item {
  display: flex;
  align-items: center;
}
.emoji-keyboard__control-item:not(:first-child) .emoji-keyboard__control {
  margin-left: 1rem;
}
@media (max-width: 1599px) {
  .emoji-keyboard__control-item:not(:first-child) .emoji-keyboard__control {
    margin-left: 12px;
  }
}
@media (max-width: 767px) {
  .emoji-keyboard__control-item:not(:first-child) .emoji-keyboard__control {
    margin-left: 8px;
  }
}
@media (max-width: 767px) {
  .emoji-keyboard__control-item {
    border-bottom: 0.0625rem solid #E0E4EB;
  }
}
.emoji-keyboard__control {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 125%;
  letter-spacing: -0.01em;
  display: block;
  color: rgba(0, 0, 0, 0.5);
  transition: color 0.2s, font-weight 0.2s;
  outline: none;
  white-space: nowrap;
  padding: 0 0.75rem 0.75rem;
}
@media (max-width: 1599px) {
  .emoji-keyboard__control {
    font-size: 20px;
    line-height: 120%;
  }
}
@media (max-width: 767px) {
  .emoji-keyboard__control {
    font-size: 18px;
    line-height: 120%;
    letter-spacing: normal;
  }
}
@media (max-width: 1599px) {
  .emoji-keyboard__control {
    padding: 0 8px 8px;
  }
}
@media (max-width: 767px) {
  .emoji-keyboard__control {
    font-weight: 400;
    font-size: 1rem;
    line-height: 150%;
    letter-spacing: 0;
  }
}
@media (max-width: 767px) and (max-width: 1599px) {
  .emoji-keyboard__control {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (min-width: 1024px) {
  .emoji-keyboard__control:hover {
    color: #000000;
  }
}
.emoji-keyboard__control.is-active {
  color: #000000;
}
.emoji-keyboard__tabs-content {
  height: 100%;
  height: calc(100vh - 18.15rem);
  min-height: 480px;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.emoji-keyboard__tabs-content::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 0;
  height: 0;
}
@media (max-width: 1599px) {
  .emoji-keyboard__tabs-content {
    min-height: 390px;
  }
}
@media (max-width: 1023px) {
  .emoji-keyboard__tabs-content {
    min-height: 340px;
    max-height: calc(100vh - 280px);
  }
}
@media (max-width: 767px) {
  .emoji-keyboard__tabs-content {
    min-height: calc(100vh - 365px);
  }
}
.emoji-keyboard__tabs-element {
  width: 100%;
  display: none;
  padding-top: 2rem;
}
@media (max-width: 1599px) {
  .emoji-keyboard__tabs-element {
    padding-top: 24px;
  }
}
@media (max-width: 767px) {
  .emoji-keyboard__tabs-element {
    padding-top: 8px;
  }
}
.emoji-keyboard .character-list__list {
  grid-template-columns: repeat(14, 1fr);
  grid-row-gap: 0.5rem;
}
@media (max-width: 1023px) {
  .emoji-keyboard .character-list__list {
    grid-template-columns: repeat(8, 1fr);
    grid-row-gap: 4px;
  }
}
@media (max-width: 767px) {
  .emoji-keyboard .character-list__list {
    grid-row-gap: 0;
  }
}
.emoji-keyboard .character-list__item {
  position: relative;
  height: auto;
  width: 100%;
  max-width: 100%;
}
.emoji-keyboard .character-list__item::before {
  content: "";
  display: block;
  padding-top: 100%;
}
@media (max-width: 1599px) {
  .emoji-keyboard .character-list-item__char {
    font-size: 36px;
  }
}
@media (max-width: 1439px) {
  .emoji-keyboard .character-list-item__char {
    font-size: 32px;
  }
}
@media (max-width: 1023px) {
  .emoji-keyboard .character-list-item__char {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .emoji-keyboard .character-list-item__char {
    font-size: 6vw;
  }
}

.prompt-tippy .tippy-box {
  background-color: rgba(255, 255, 255, 0);
}
.prompt-tippy .tippy-content {
  padding: 0.25rem 0.375rem;
  border-radius: 0.125rem;
  white-space: nowrap;
  background-color: #000000;
  color: #ffffff;
  font-family: "Helvetica Neue", "Vitesco W05 Roman", Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0.02em;
  min-width: 0;
  min-height: 0;
  max-width: 31.25rem;
  box-shadow: none;
  width: auto;
}

.morse-fonts {
  margin-top: 4.875rem;
}
@media (max-width: 1599px) {
  .morse-fonts {
    margin-top: 56px;
  }
}
@media (max-width: 767px) {
  .morse-fonts {
    margin-top: 32px;
  }
}
.morse-fonts__title {
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 2.125rem;
  letter-spacing: -0.0375rem;
  margin: 0;
}
@media (max-width: 1599px) {
  .morse-fonts__title {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 767px) {
  .morse-fonts__title {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.24px;
  }
}
.morse-fonts__block-list {
  margin-top: 1.5rem;
}
@media (max-width: 1599px) {
  .morse-fonts__block-list {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .morse-fonts__block-list {
    margin-top: 12px;
  }
}
.morse-fonts__block:not(:first-child) {
  margin-top: 4.875rem;
}
@media (max-width: 1599px) {
  .morse-fonts__block:not(:first-child) {
    margin-top: 56px;
  }
}
@media (max-width: 767px) {
  .morse-fonts__block:not(:first-child) {
    margin-top: 32px;
  }
}
.morse-fonts__subtitle {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 125%;
  letter-spacing: -0.01em;
  margin: 0;
}
@media (max-width: 1599px) {
  .morse-fonts__subtitle {
    font-size: 20px;
    line-height: 120%;
  }
}
@media (max-width: 767px) {
  .morse-fonts__subtitle {
    font-size: 18px;
    line-height: 120%;
    letter-spacing: normal;
  }
}
.morse-fonts__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-top: 0.75rem;
  max-width: 51rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1599px) {
  .morse-fonts__list {
    max-width: 768px;
  }
}
@media (max-width: 767px) {
  .morse-fonts__list {
    -moz-column-gap: 20px;
         column-gap: 20px;
    margin-top: 4px;
  }
}
@media (max-width: 767px) {
  .morse-fonts__list--numbers, .morse-fonts__list--punctuation {
    display: block;
    grid-template-columns: auto;
    -moz-column-gap: 0;
         column-gap: 0;
    -moz-column-count: 3;
         column-count: 3;
    flex-direction: row;
    margin: 4px -12px 0;
  }
  .morse-fonts__list--numbers .morse-fonts__item, .morse-fonts__list--numbers .morse-fonts__row, .morse-fonts__list--punctuation .morse-fonts__item, .morse-fonts__list--punctuation .morse-fonts__row {
    display: inline;
  }
  .morse-fonts__list--numbers .morse-fonts__element, .morse-fonts__list--punctuation .morse-fonts__element {
    display: inline-flex;
    margin-left: 12px;
    width: 100%;
  }
}
.morse-fonts__item {
  display: flex;
  flex-grow: 1;
}
@media (max-width: 767px) {
  .morse-fonts__item {
    flex-direction: column;
  }
}
.morse-fonts__row {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
@media (max-width: 767px) {
  .morse-fonts__row {
    flex-grow: 0;
  }
}
.morse-fonts__element {
  display: flex;
  margin-top: 0.5rem;
  align-items: center;
}
.morse-fonts__morse-code, .morse-fonts__letter {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 120%;
  letter-spacing: -0.01em;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
}
@media (max-width: 1599px) {
  .morse-fonts__morse-code, .morse-fonts__letter {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 120%;
    letter-spacing: 0;
    width: 2.25rem;
    height: 2.25rem;
  }
}
.morse-fonts__letter {
  background-color: #F2F5FA;
  border-radius: 0.5rem;
}
.morse-fonts__morse-code {
  margin: 0 0 0 0.25rem;
  white-space: nowrap;
}

.tags-cloud {
  margin-top: 4.875rem;
}
@media (max-width: 1599px) {
  .tags-cloud {
    margin-top: 56px;
  }
}
@media (max-width: 767px) {
  .tags-cloud {
    margin-top: 32px;
  }
}
.tags-cloud__title {
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 2.125rem;
  letter-spacing: -0.0375rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  display: block;
}
@media (max-width: 1599px) {
  .tags-cloud__title {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 767px) {
  .tags-cloud__title {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 1599px) {
  .tags-cloud__title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tags-cloud__title {
    font-size: 24px;
    line-height: 125%;
  }
}
.tags-cloud__list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: -12px 0 0 -12px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .tags-cloud__list {
    margin: -8px 0 0 -8px;
  }
}
.tags-cloud__list li {
  margin: 12px 0 0 12px;
}
@media (max-width: 767px) {
  .tags-cloud__list li {
    margin: 8px 0 0 8px;
  }
}
.tags-cloud__link {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  padding: 0.5rem 1rem;
  background-color: #F2F5FA;
  border-radius: 24px;
  display: block;
}
@media (min-width: 1024px) {
  .tags-cloud__link:hover {
    background-color: #CBFD05;
  }
}
@media (max-width: 1599px) {
  .tags-cloud__link {
    padding: 5px 12px;
  }
}
@media (max-width: 767px) {
  .tags-cloud__link {
    font-size: 12px;
    line-height: 170%;
    padding: 2px 8px;
  }
}

.tool-card {
  display: flex;
  align-items: center;
  padding: 1.25rem 2.5rem;
  border-radius: 1rem;
  background: #F2F5FA;
  gap: 2.5rem;
  max-width: 47.9375rem;
  margin: 3rem 0;
}
@media (max-width: 1599px) {
  .tool-card {
    gap: 32px;
    padding: 16px 32px;
    gap: 0;
  }
}
@media (max-width: 767px) {
  .tool-card {
    padding: 24px;
    padding-top: 0;
    flex-direction: column;
  }
}
@media (min-width: 1024px) {
  .tool-card:hover .btn-solid {
    background-color: #808080;
  }
}
@media (max-width: 767px) {
  .tool-card__text {
    order: 1;
  }
}
.tool-card__title {
  font-weight: 400;
  font-size: 1.75rem;
  line-height: 120%;
  letter-spacing: -0.56px;
  color: #000000;
  font-style: normal;
  display: block;
  margin-top: 0;
  margin-bottom: 8px;
}
@media (max-width: 1599px) {
  .tool-card__title {
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 767px) {
  .tool-card__title {
    font-size: 24px;
    line-height: 130%;
  }
}
.tool-card__description {
  margin-top: 0;
  margin-bottom: 16px;
}
.tool-card__image {
  display: block;
  flex-shrink: 0;
}
@media (max-width: 1599px) {
  .tool-card__image {
    width: 160px;
    height: 160px;
  }
}
@media (max-width: 767px) {
  .tool-card .btn-solid {
    width: 100%;
  }
}

.blocks-item {
  height: 100%;
  padding-bottom: 4.875rem;
}
@media (max-width: 1599px) {
  .blocks-item {
    padding-bottom: 56px;
  }
}
@media (max-width: 767px) {
  .blocks-item {
    padding-bottom: 32px;
  }
}
.blocks-item--with-main-aside {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 20px;
  padding-bottom: 0;
  align-items: start;
}
@media (max-width: 1599px) {
  .blocks-item--with-main-aside {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .blocks-item--with-main-aside {
    padding-bottom: 0;
  }
}
@media (max-width: 1023px) {
  .blocks-item--with-main-aside {
    display: block;
  }
}
.blocks-item__main {
  grid-column: 1/8;
  padding-bottom: 4.875rem;
}
@media (max-width: 1599px) {
  .blocks-item__main {
    padding-bottom: 56px;
  }
}
@media (max-width: 767px) {
  .blocks-item__main {
    padding-bottom: 32px;
  }
}
.blocks-item__main--column-9 {
  grid-column: 1/9;
}
.blocks-item--with-pagination {
  padding-bottom: 1.5rem;
}
@media (max-width: 1599px) {
  .blocks-item--with-pagination {
    padding-bottom: 16px;
  }
}
.blocks-item--with-pagination.blocks-item--with-main-aside {
  padding: 0;
}
@media (max-width: 1599px) {
  .blocks-item--with-pagination.blocks-item--with-main-aside {
    padding: 0;
  }
}
.blocks-item--with-pagination.blocks-item--with-main-aside .blocks-item__main {
  padding-bottom: 1.5rem;
}
@media (max-width: 1599px) {
  .blocks-item--with-pagination.blocks-item--with-main-aside .blocks-item__main {
    padding-bottom: 16px;
  }
}
.blocks-item__alt-code {
  grid-column: 1/9;
  padding-bottom: 4.875rem;
}
@media (max-width: 1599px) {
  .blocks-item__alt-code {
    padding-bottom: 56px;
  }
}
@media (max-width: 767px) {
  .blocks-item__alt-code {
    padding-bottom: 32px;
  }
}
.blocks-item__main-aside {
  position: relative;
  grid-column: 9/-1;
  padding: 0 0 4.875rem 1.75rem;
  height: 100%;
}
@media (max-width: 1599px) {
  .blocks-item__main-aside {
    padding-bottom: 56px;
  }
}
@media (max-width: 1919px) {
  .blocks-item__main-aside {
    padding-left: 0;
  }
}
@media (max-width: 1023px) {
  .blocks-item__main-aside {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 160;
    background-color: #ffffff;
    padding: 0;
  }
}
.blocks-item__main-aside::before {
  content: "";
  width: 100%;
  height: 65px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  position: absolute;
  left: 0;
  bottom: 4.875rem;
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
@media (max-width: 1599px) {
  .blocks-item__main-aside::before {
    bottom: 56px;
  }
}
@media (max-width: 1023px) {
  .blocks-item__main-aside::before {
    content: none;
  }
}
.blocks-item__main-aside.is-hide-shadow::before {
  opacity: 0;
}
.blocks-item__title-block--typograph {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.blocks-item__sticky-tabs-wrapper {
  position: sticky;
  top: 0;
  left: 0;
  background-color: #ffffff;
  transition: 0.15s;
  z-index: 10;
}
.blocks-item__sticky-tabs-wrapper.fixed {
  padding-top: 1.5rem;
}
@media (max-width: 767px) {
  .blocks-item__sticky-tabs-wrapper.fixed {
    padding-top: 20px;
  }
}
.blocks-item__sticky-tabs-wrapper.fixed::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 25px;
  top: 100%;
  left: 0;
  background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}
.blocks-item__sticky-tabs-wrapper.fixed .blocks-item__title {
  font-weight: 400;
  font-size: 2rem;
  line-height: 115%;
  letter-spacing: -0.64px;
  color: #000000;
  font-style: normal;
}
@media (max-width: 1599px) {
  .blocks-item__sticky-tabs-wrapper.fixed .blocks-item__title {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
@media (max-width: 767px) {
  .blocks-item__sticky-tabs-wrapper.fixed .blocks-item__title {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
.blocks-item__sticky-tabs-wrapper.no-anim {
  transition: none;
}
.blocks-item__sticky-tabs-wrapper.no-anim .blocks-item__title {
  transition: none;
}
.blocks-item__title {
  font-weight: 400;
  font-weight: 400;
  font-size: 4.5rem;
  line-height: 100%;
  letter-spacing: -0.135rem;
  transition: 0.15s;
}
@media (max-width: 1599px) {
  .blocks-item__title {
    font-size: 56px;
    line-height: 56px;
    letter-spacing: -0.105rem;
  }
}
@media (max-width: 767px) {
  .blocks-item__title {
    font-size: 32px;
    line-height: 120%;
    letter-spacing: -0.02em;
  }
}
.blocks-item__subtitle {
  margin: 1rem 0 0;
}
@media (max-width: 767px) {
  .blocks-item__subtitle {
    margin: 12px 0 0;
  }
}
.blocks-item__big-subtitle {
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 2.125rem;
  letter-spacing: -0.0375rem;
  margin: 1rem 0 0;
}
@media (max-width: 1599px) {
  .blocks-item__big-subtitle {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 767px) {
  .blocks-item__big-subtitle {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 767px) {
  .blocks-item__big-subtitle {
    margin: 8 0 0;
  }
}
.blocks-item__info {
  margin: 1rem 0 0 0;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 1599px) {
  .blocks-item__info {
    margin-top: 1rem;
  }
}
@media (max-width: 767px) {
  .blocks-item__info {
    margin-top: 0.75rem;
  }
}
.blocks-item__info-text {
  margin-top: 0.5rem;
  margin-bottom: 0.75rem;
}
@media (max-width: 1023px) {
  .blocks-item__info-text {
    margin-bottom: 12px;
  }
}
.blocks-item__info-count-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.blocks-item__range, .blocks-item__symb-count {
  display: flex;
  align-items: center;
  padding: 0.125rem 0.75rem;
  border-radius: 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  background-color: #F2F5FA;
}
.blocks-item__range svg, .blocks-item__symb-count svg {
  display: block;
  margin-right: 0.25rem;
}
@media (max-width: 1919px) {
  .blocks-item__range svg, .blocks-item__symb-count svg {
    width: 16px;
  }
}
@media (max-width: 1599px) {
  .blocks-item__range, .blocks-item__symb-count {
    font-size: 14px;
    line-height: 160%;
    padding: 0.0625rem 0.5rem;
  }
}
@media (max-width: 767px) {
  .blocks-item__range, .blocks-item__symb-count {
    padding: 2px 6px;
    font-size: 12px;
    line-height: 16px;
  }
}
.blocks-item__text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  margin: 0;
}
@media (max-width: 1599px) {
  .blocks-item__text {
    font-size: 14px;
    line-height: 22px;
  }
}
.blocks-item__text:not(:first-child) {
  margin-top: 2rem;
}
@media (max-width: 1599px) {
  .blocks-item__text:not(:first-child) {
    margin-top: 28px;
  }
}
@media (max-width: 1023px) {
  .blocks-item__text:not(:first-child) {
    margin-top: 20px;
  }
}
.blocks-item__for-example {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}
@media (max-width: 1599px) {
  .blocks-item__for-example {
    gap: 8px;
  }
}
.blocks-item__for-example:not(:first-child) {
  margin-top: 1.25rem;
}
@media (max-width: 1599px) {
  .blocks-item__for-example:not(:first-child) {
    margin-top: 16px;
  }
}
.blocks-item__for-example-text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  margin: 0;
  flex-shrink: 0;
}
@media (max-width: 1599px) {
  .blocks-item__for-example-text {
    font-size: 14px;
    line-height: 22px;
  }
}
.blocks-item__title-wrapper:not(:first-child) {
  margin-top: 4.875rem;
}
@media (max-width: 1599px) {
  .blocks-item__title-wrapper:not(:first-child) {
    margin-top: 56px;
  }
}
@media (max-width: 1023px) {
  .blocks-item__title-wrapper:not(:first-child) {
    margin-top: 32px;
  }
}
.blocks-item--character-table .blocks-item__info {
  margin: 1rem 0 0 0;
}
@media (max-width: 1023px) {
  .blocks-item--character-table .blocks-item__info {
    margin-top: 16px;
  }
}
.blocks-item--character-table .blocks-item__info-count-block {
  gap: 0.75rem;
  margin-top: 0;
}
@media (max-width: 1599px) {
  .blocks-item--character-table .blocks-item__info-count-block {
    gap: 8px;
  }
}
.blocks-item--character-table .blocks-item__range {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  letter-spacing: 0;
  padding: 0.1875rem 1rem;
  box-sizing: border-box;
}
@media (max-width: 1599px) {
  .blocks-item--character-table .blocks-item__range {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 1599px) {
  .blocks-item--character-table .blocks-item__range {
    padding: 2px 12px;
  }
}
.blocks-item--character-table .blocks-item__link-text {
  cursor: pointer;
}

.symbol {
  overflow: hidden;
  width: 100%;
}
@media (max-width: 1023px) {
  .symbol {
    overflow: initial;
  }
}

.locale {
  margin-top: 4.875rem;
}
@media (max-width: 1599px) {
  .locale {
    margin-top: 56px;
  }
}
@media (max-width: 767px) {
  .locale {
    margin-top: 32px;
  }
}
.locale__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin: 0 0 -0.75rem;
  max-width: 48rem;
  -moz-column-count: 4;
       column-count: 4;
}
@media (max-width: 1919px) {
  .locale__list {
    max-width: 732px;
  }
}
@media (max-width: 1599px) {
  .locale__list {
    max-width: 658px;
  }
}
@media (max-width: 1439px) {
  .locale__list {
    max-width: 610px;
  }
}
@media (max-width: 1365px) {
  .locale__list {
    max-width: 554px;
  }
}
@media (max-width: 1279px) {
  .locale__list {
    max-width: 610px;
  }
}
@media (max-width: 1023px) {
  .locale__list {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .locale__list {
    -moz-column-count: 2;
         column-count: 2;
  }
}
.locale__item {
  margin: 0 0 0.75rem;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1599px) {
  .locale__item {
    margin: 0 0 8px;
  }
}
.locale__link {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  transition: background-color 0.2s;
}
@media (max-width: 1599px) {
  .locale__link {
    padding: 4px 16px;
  }
}
@media (min-width: 1024px) {
  .locale__link:hover {
    background-color: #F2F5FA;
  }
}
.locale__link.is-active {
  background-color: #E0E4EB;
}
.locale__flag {
  display: flex;
  max-height: 1.5rem;
  width: auto;
}
@media (max-width: 1599px) {
  .locale__flag {
    max-height: 20px;
  }
}
.locale__text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-left: 0.5rem;
}
@media (max-width: 1919px) {
  .locale__text {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1599px) {
  .locale__text {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .locale__text {
    margin-left: 6px;
  }
}

.countries__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin: 1.5rem 0 -0.5rem;
  -moz-column-count: 4;
       column-count: 4;
}
@media (max-width: 1919px) {
  .countries__list {
    -moz-column-count: 3;
         column-count: 3;
  }
}
@media (max-width: 1439px) {
  .countries__list {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media (max-width: 1023px) {
  .countries__list {
    -moz-column-count: 1;
         column-count: 1;
    margin: 16px 0 0;
  }
}
@media (max-width: 767px) {
  .countries__list {
    margin: 10px 0 0;
  }
}
.countries__item {
  margin: 0 0 0.5rem;
}
@media (max-width: 1023px) {
  .countries__item {
    margin: 0;
    border-bottom: 1px solid #E0E4EB;
  }
}
.countries__link {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1rem;
  line-height: 1.5rem;
  transition: color 0.2s;
}
.countries__link svg {
  opacity: 0;
  transition: opacity 0.2s;
  color: rgba(0, 0, 0, 0.3);
  margin-bottom: -0.0625rem;
}
@media (min-width: 1024px) {
  .countries__link:hover {
    color: rgba(0, 0, 0, 0.3);
  }
  .countries__link:hover svg {
    opacity: 1;
  }
}
@media (max-width: 1023px) {
  .countries__link {
    padding: 8px 0;
    width: 100%;
    justify-content: space-between;
  }
  .countries__link svg {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .countries__link {
    font-size: 14px;
    line-height: 22px;
  }
}

.page-description--emoji-subgroup {
  margin-top: 4.875rem;
}
@media (max-width: 1599px) {
  .page-description--emoji-subgroup {
    margin-top: 56px;
  }
}
.page-description a {
  position: relative;
  border-bottom: 1px solid #E0E4EB;
}
@media (min-width: 1024px) {
  .page-description a:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.page-description h2 {
  font-weight: 400;
  font-size: 2rem;
  line-height: 115%;
  letter-spacing: -0.64px;
  color: #000000;
  font-style: normal;
  margin-top: 3rem;
  margin-bottom: 1rem;
}
@media (max-width: 1599px) {
  .page-description h2 {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
@media (max-width: 767px) {
  .page-description h2 {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
.page-description h3 {
  font-weight: 400;
  font-size: 1.75rem;
  line-height: 120%;
  letter-spacing: -0.56px;
  color: #000000;
  font-style: normal;
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
}
@media (max-width: 1599px) {
  .page-description h3 {
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 767px) {
  .page-description h3 {
    font-size: 24px;
    line-height: 130%;
  }
}
.page-description p, .page-description ul, .page-description ol {
  margin-top: 0.75rem;
  margin-bottom: 0px;
}
.page-description p a, .page-description ul a, .page-description ol a {
  position: relative;
  border-bottom: 1px solid #E0E4EB;
}
@media (min-width: 1024px) {
  .page-description p a:hover, .page-description ul a:hover, .page-description ol a:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.page-description ul:not(.character-list__list), .page-description ol {
  padding-left: 2rem;
  line-height: 1.75rem;
}
@media (max-width: 1599px) {
  .page-description ul:not(.character-list__list), .page-description ol {
    padding-left: 28px;
    line-height: 27px;
  }
}
.page-description ul:not(.character-list__list) li, .page-description ol li {
  margin-bottom: 0.5rem;
}
.page-description ol li::marker {
  font-weight: bold;
}
.page-description + .page-description {
  margin-top: 4.875rem;
}
@media (max-width: 1599px) {
  .page-description + .page-description {
    margin-top: 64px;
  }
}
@media (max-width: 767px) {
  .page-description + .page-description {
    margin-top: 40px;
  }
}

.unicode {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.unicode__item {
  display: flex;
}
.unicode__item:not(:first-child) {
  margin-top: 1.5rem;
}
@media (max-width: 1599px) {
  .unicode__item:not(:first-child) {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .unicode__item:not(:first-child) {
    margin-top: 16px;
  }
}
.unicode__link {
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 2.125rem;
  letter-spacing: -0.0375rem;
  display: flex;
  align-items: center;
  transition: color 0.2s;
}
@media (max-width: 1599px) {
  .unicode__link {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 767px) {
  .unicode__link {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.24px;
  }
}
@media (min-width: 1024px) {
  .unicode__link:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.unicode__link-text {
  margin: 0;
}
.unicode__link-icon {
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.25rem;
}
@media (max-width: 767px) {
  .unicode__link-icon {
    width: 24px;
    height: 24px;
  }
}

.what-new {
  margin-top: 4.875rem;
}
@media (max-width: 1599px) {
  .what-new {
    margin-top: 56px;
  }
}
@media (max-width: 767px) {
  .what-new {
    margin-top: 32px;
  }
}
.what-new__block-item:not(:first-child) {
  margin-top: 4.875rem;
}
@media (max-width: 1599px) {
  .what-new__block-item:not(:first-child) {
    margin-top: 56px;
  }
}
@media (max-width: 767px) {
  .what-new__block-item:not(:first-child) {
    margin-top: 40px;
  }
}
.what-new__title {
  font-weight: 400;
  font-size: 2rem;
  line-height: 120%;
  letter-spacing: -0.02em;
  margin: 0;
}
@media (max-width: 1599px) {
  .what-new__title {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 125%;
    letter-spacing: -0.01em;
  }
}
@media (max-width: 767px) {
  .what-new__title {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 120%;
    letter-spacing: -0.01em;
  }
}
.what-new__date {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.5);
  margin: 0;
}
@media (max-width: 1599px) {
  .what-new__date {
    font-size: 14px;
    line-height: 22px;
  }
}
.what-new__date:not(:first-child) {
  margin-top: 0.5rem;
}
@media (max-width: 1599px) {
  .what-new__date:not(:first-child) {
    margin-top: 4px;
  }
}
@media (max-width: 767px) {
  .what-new__date:not(:first-child) {
    margin-top: 2px;
  }
}
@media (max-width: 1599px) {
  .what-new__date {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
  }
}
.what-new__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.what-new__list > li {
  position: relative;
  padding-left: 2rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
}
@media (max-width: 1599px) {
  .what-new__list > li {
    font-size: 14px;
    line-height: 22px;
  }
}
.what-new__list > li:not(:first-child) {
  margin-top: 0.75rem;
}
@media (max-width: 1599px) {
  .what-new__list > li:not(:first-child) {
    margin-top: 8px;
  }
}
@media (max-width: 1599px) {
  .what-new__list > li {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
    padding-left: 26px;
  }
}
.what-new__list > li::before {
  content: "•";
  font-weight: 400;
  font-size: 2rem;
  line-height: 120%;
  letter-spacing: -0.02em;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
}
@media (max-width: 1599px) {
  .what-new__list > li::before {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 125%;
    letter-spacing: -0.01em;
    width: 22px;
    height: 22px;
  }
}
.what-new__list:not(:first-child) {
  margin-top: 1.75rem;
}
@media (max-width: 1599px) {
  .what-new__list:not(:first-child) {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .what-new__list:not(:first-child) {
    margin-top: 16px;
  }
}
.what-new__list a {
  position: relative;
  transition: color 0.3s ease;
}
@media (min-width: 1024px) {
  .what-new__list a:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.what-new__list a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #E0E4EB;
}
.what-new__description:not(:first-child) {
  margin-top: 1.75rem;
}
@media (max-width: 1599px) {
  .what-new__description:not(:first-child) {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .what-new__description:not(:first-child) {
    margin-top: 16px;
  }
}
.what-new__description + .what-new__list:not(:first-child) {
  margin-top: 1.25rem;
}
@media (max-width: 1599px) {
  .what-new__description + .what-new__list:not(:first-child) {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .what-new__description + .what-new__list:not(:first-child) {
    margin-top: 12px;
  }
}
.what-new__btn-show-history {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  display: none;
  padding: 12px 24px;
  background-color: #000000;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  border-radius: 160px;
  position: fixed;
  z-index: 100;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  flex-shrink: 0;
  white-space: nowrap;
  transition: bottom 0.2s;
}
@media (max-width: 1599px) {
  .what-new__btn-show-history {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1023px) {
  .what-new__btn-show-history {
    display: flex;
  }
}

.blocks-list {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 2rem;
}
@media (max-width: 1919px) {
  .blocks-list {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1599px) {
  .blocks-list {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .blocks-list {
    margin-top: 24px;
  }
}
@media (max-width: 1023px) {
  .blocks-list {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .blocks-list {
    margin-top: 12px;
  }
}
.blocks-list__content {
  display: none;
}
.blocks-list__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  padding: 0 0 0 1.75rem;
}
@media (max-width: 1023px) {
  .blocks-list__list {
    padding: 0;
  }
}
.blocks-list__list--inner {
  padding: 0.75rem 0 0 1.75rem;
}
@media (max-width: 1599px) {
  .blocks-list__list--inner {
    padding-top: 10px;
  }
}
@media (max-width: 1023px) {
  .blocks-list__list--inner {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .blocks-list__list--inner {
    padding-left: 16px;
  }
}
.blocks-list__list--alphabet {
  padding-left: 0;
  -moz-column-count: 3;
       column-count: 3;
}
@media (max-width: 1023px) {
  .blocks-list__list--alphabet {
    -moz-column-count: unset;
         column-count: unset;
  }
  .blocks-list__list--alphabet .blocks-list__item:last-child .blocks-list__toggle-block {
    border-bottom: none;
  }
}
.blocks-list__item {
  position: relative;
}
.blocks-list__item:not(:first-child) {
  margin-top: 0.75rem;
}
@media (max-width: 1599px) {
  .blocks-list__item:not(:first-child) {
    margin-top: 8px;
  }
}
@media (max-width: 1023px) {
  .blocks-list__item:not(:first-child) {
    margin-top: 0;
  }
}
.blocks-list__item.is-active > .blocks-list__toggle-block .blocks-list__arrow {
  transform: rotate(90deg);
}
@media (max-width: 1023px) {
  .blocks-list__item.is-active > .blocks-list__toggle-block .blocks-list__arrow {
    transform: rotate(-90deg);
  }
}
.blocks-list__toggle-block {
  display: flex;
}
@media (max-width: 1023px) {
  .blocks-list__toggle-block {
    border-bottom: 1px solid #E0E4EB;
  }
}
@media (max-width: 767px) {
  .blocks-list__toggle-block {
    align-items: flex-start;
  }
}
.blocks-list__toggle {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  transition: color 0.3s ease;
}
@media (max-width: 1599px) {
  .blocks-list__toggle {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1599px) {
  .blocks-list__toggle {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
  }
}
@media (max-width: 1023px) {
  .blocks-list__toggle {
    flex-grow: 1;
    padding: 9px 0;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .blocks-list__toggle {
    padding: 8px 0;
  }
}
@media (min-width: 1024px) {
  .blocks-list__toggle:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 1023px) {
  .blocks-list__toggle--inner {
    flex-grow: 0;
    padding: 7px 0;
  }
}
@media (max-width: 1023px) {
  .blocks-list__toggle--inner {
    padding: 9px 0;
  }
}
.blocks-list__toggle.is-disabled {
  color: rgba(0, 0, 0, 0.3);
  cursor: default;
}
.blocks-list__toggle.is-disabled > .blocks-list__arrow {
  display: none;
}
@media (min-width: 1024px) {
  .blocks-list__toggle.is-disabled:hover {
    color: rgba(0, 0, 0, 0.3);
  }
}
.blocks-list__toggle--main {
  font-weight: 700;
  font-family: "Helvetica Neue", "Helvetica Neue World W05_75 Bd", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 150%;
}
@media (max-width: 1599px) {
  .blocks-list__toggle--main {
    font-size: 14px;
    line-height: 160%;
  }
}
.blocks-list__arrow {
  position: absolute;
  top: 0;
  left: -1.75rem;
  transform: translateY(-2px);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 1.75rem;
  height: 1.5rem;
  transition: transform 0.3s ease;
  flex-shrink: 0;
}
.blocks-list__arrow svg {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 1023px) {
  .blocks-list__arrow {
    position: static;
    margin-left: auto;
    width: 24px;
    transform: none;
  }
}
@media (max-width: 767px) {
  .blocks-list__arrow {
    width: 20px;
    height: 20px;
    margin-left: 4px;
  }
}
.blocks-list__range {
  min-width: 3.375rem;
  text-align: right;
}
@media (max-width: 767px) {
  .blocks-list__range {
    min-width: 47px;
  }
}
.blocks-list__title {
  font: inherit;
  margin: 0;
  text-align: left;
}
.blocks-list__title:not(:first-child) {
  margin-left: 0.5rem;
}
@media (max-width: 767px) {
  .blocks-list__title:not(:first-child) {
    margin-left: 4px;
  }
}
@media (max-width: 1023px) {
  .blocks-list__title {
    flex-grow: 1;
  }
}
.blocks-list__link {
  display: flex;
  align-items: flex-start;
  transition: color 0.3s ease;
}
@media (max-width: 1023px) {
  .blocks-list__link {
    flex-grow: 1;
    padding: 9px 0;
  }
}
@media (max-width: 767px) {
  .blocks-list__link {
    padding: 8px 0;
  }
}
@media (min-width: 1024px) {
  .blocks-list__link:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.blocks-list__alphabet-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.blocks-list__letter-wrapper {
  margin-bottom: 16px;
}
@media (max-width: 1599px) {
  .blocks-list__letter-wrapper {
    margin-bottom: 12px;
  }
}
@media (max-width: 1023px) {
  .blocks-list__letter-wrapper {
    margin-bottom: 3px;
  }
}
.blocks-list__letter {
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 2.125rem;
  letter-spacing: -0.0375rem;
  margin: 0;
}
@media (max-width: 1599px) {
  .blocks-list__letter {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 767px) {
  .blocks-list__letter {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.24px;
  }
}
.blocks-list__alphabet-list {
  page-break-inside: avoid;
  margin-bottom: 56px;
}
.blocks-list__link {
  transition: color 0.3s ease;
}
@media (min-width: 1024px) {
  .blocks-list__link:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.blocks-list__text:not(:first-child) {
  margin-left: 0.5rem;
}
@media (max-width: 767px) {
  .blocks-list__text:not(:first-child) {
    margin-left: 4px;
  }
}

.sorting {
  margin-top: 4.875rem;
  min-height: 2.375rem;
}
.sorting::-webkit-scrollbar {
  width: 0;
  height: 0;
}
@media (max-width: 1599px) {
  .sorting {
    margin-top: 56px;
  }
}
@media (max-width: 1023px) {
  .sorting {
    min-height: 34px;
    overflow-x: auto;
  }
}
@media (max-width: 767px) {
  .sorting {
    margin-top: 32px;
  }
}
.sorting__list {
  display: flex;
  position: relative;
}
.sorting__list::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
}
.sorting__button {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 125%;
  letter-spacing: -0.01em;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.5);
  display: block;
  cursor: pointer;
  transition: color 0.3s ease;
}
@media (max-width: 1599px) {
  .sorting__button {
    font-size: 20px;
    line-height: 120%;
  }
}
@media (max-width: 767px) {
  .sorting__button {
    font-size: 18px;
    line-height: 120%;
    letter-spacing: normal;
  }
}
.sorting__button:not(:first-child) {
  margin-left: 2.5rem;
}
@media (max-width: 1599px) {
  .sorting__button:not(:first-child) {
    margin-left: 32px;
  }
}
@media (max-width: 767px) {
  .sorting__button:not(:first-child) {
    margin-left: 24px;
  }
}
@media (min-width: 1024px) {
  .sorting__button:hover {
    color: #000000;
  }
}
@media (max-width: 767px) {
  .sorting__button {
    font-size: 16px;
    line-height: 150%;
  }
}
.sorting__button.is-active {
  color: #000000;
  position: relative;
}
.sorting__button.is-active::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #000000;
  position: absolute;
  bottom: -10px;
  left: 0;
}

.block-properties {
  margin-top: 4.875rem;
  margin-bottom: 4.875rem;
}
@media (max-width: 1599px) {
  .block-properties {
    margin-top: 56px;
    margin-bottom: 56px;
  }
}
@media (max-width: 1365px) {
  .block-properties {
    margin-top: 60px;
  }
}
@media (max-width: 1279px) {
  .block-properties {
    margin-top: 56px;
  }
}
@media (max-width: 767px) {
  .block-properties {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

.sets-list--blog {
  margin-top: 3rem;
  margin-bottom: 4.875rem;
}
@media (max-width: 1023px) {
  .sets-list--blog {
    margin-top: 56px;
  }
}
.sets-list__title {
  font-weight: 400;
  font-size: 2rem;
  line-height: 115%;
  letter-spacing: -0.64px;
  color: #000000;
  font-style: normal;
  margin-top: 0;
  margin-bottom: 2rem;
}
@media (max-width: 1599px) {
  .sets-list__title {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
@media (max-width: 767px) {
  .sets-list__title {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
.sets-list__title + .sets-list__list {
  margin-top: 0;
}
.sets-list__title-block {
  margin-top: 20px;
}
.sets-list__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-top: 4.875rem;
  grid-gap: 1.25rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  min-width: 1160px;
}
@media (max-width: 1919px) {
  .sets-list__list {
    min-width: 1108px;
  }
}
@media (max-width: 1599px) {
  .sets-list__list {
    min-width: 992px;
    margin-top: 56px;
  }
}
@media (max-width: 1439px) {
  .sets-list__list {
    min-width: 916px;
  }
}
@media (max-width: 1365px) {
  .sets-list__list {
    min-width: 828px;
  }
}
@media (max-width: 1279px) {
  .sets-list__list {
    min-width: 912px;
  }
}
@media (max-width: 1023px) {
  .sets-list__list {
    min-width: 727px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .sets-list__list {
    grid-gap: 12px;
    min-width: 320px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 32px;
  }
}
.sets-list__square {
  padding-top: 100%;
  position: relative;
  width: 100%;
}
.sets-list__item {
  background-color: #F2F5FA;
  position: relative;
  transition: 0.15s;
  border-radius: 16px;
  overflow: hidden;
  transition: color 0.15s;
  width: 100%;
}
@media (max-width: 1919px) {
  .sets-list__item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .sets-list__item {
    min-width: 150px;
    min-height: 150px;
    width: 100%;
  }
}
.sets-list__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.25rem 0.75rem 1.25rem 0.75rem;
  width: 100%;
  height: 100%;
  z-index: 2;
  color: black;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1919px) {
  .sets-list__link {
    padding: 20px 12px 20px 12px;
  }
}
@media (max-width: 1599px) {
  .sets-list__link {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media (max-width: 1439px) {
  .sets-list__link {
    padding-top: 12px;
    padding-bottom: 16px;
  }
}
@media (max-width: 1023px) {
  .sets-list__link {
    padding-top: 16px;
  }
}
@media (max-width: 767px) {
  .sets-list__link {
    padding-top: 0.5rem;
    padding-bottom: 0.75rem;
  }
}
.sets-list__link:active {
  color: inherit;
}
.sets-list__link:focus-visible {
  border: 2px solid #000000;
}
.sets-list__preview {
  height: 10.6875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 10.6875rem;
  font-size: 8.4375rem;
  vertical-align: middle;
  color: inherit;
  flex-grow: 1;
}
@media (max-width: 1919px) {
  .sets-list__preview {
    height: 162px;
    line-height: 162px;
    font-size: 128px;
  }
}
@media (max-width: 1599px) {
  .sets-list__preview {
    height: 145px;
    line-height: 145px;
    font-size: 120px;
  }
}
@media (max-width: 1439px) {
  .sets-list__preview {
    height: 134px;
    line-height: 134px;
    font-size: 110px;
  }
}
@media (max-width: 1365px) {
  .sets-list__preview {
    height: 120px;
    line-height: 120px;
    font-size: 100px;
  }
}
@media (max-width: 1279px) {
  .sets-list__preview {
    height: 131px;
    line-height: 131px;
    font-size: 108px;
  }
}
@media (max-width: 1023px) {
  .sets-list__preview {
    height: 141px;
    line-height: 141px;
    font-size: 116px;
  }
}
@media (max-width: 767px) {
  .sets-list__preview {
    height: 5.625rem;
    line-height: 90px;
    font-size: 74px;
  }
}
.sets-list__preview-image-block, .sets-list__preview-image {
  height: 8.4375rem;
  width: 8.4375rem;
}
@media (max-width: 1919px) {
  .sets-list__preview-image-block, .sets-list__preview-image {
    height: 128px;
    width: 128px;
  }
}
@media (max-width: 1599px) {
  .sets-list__preview-image-block, .sets-list__preview-image {
    height: 120px;
    width: 120px;
  }
}
@media (max-width: 1439px) {
  .sets-list__preview-image-block, .sets-list__preview-image {
    height: 110px;
    width: 110px;
  }
}
@media (max-width: 1365px) {
  .sets-list__preview-image-block, .sets-list__preview-image {
    height: 100px;
    width: 100px;
  }
}
@media (max-width: 1279px) {
  .sets-list__preview-image-block, .sets-list__preview-image {
    height: 108px;
    width: 108px;
  }
}
@media (max-width: 1023px) {
  .sets-list__preview-image-block, .sets-list__preview-image {
    height: 74px;
    width: 74px;
  }
}
.sets-list__preview-image-block {
  position: relative;
}
.sets-list__preview-image-block .sets-list__preview-image {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.sets-list__preview-image-block .sets-list__preview-image--dark {
  opacity: 1;
}
.sets-list__name {
  margin: 0;
  text-align: center;
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  color: black;
}
@media (max-width: 1599px) {
  .sets-list__name {
    font-size: 14px;
    line-height: 160%;
  }
}
@media (max-width: 767px) {
  .sets-list__name {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 115%;
    letter-spacing: 0;
  }
}
.sets-list__name--tools {
  max-width: 10.9375rem;
}
.sets-list__footer {
  text-align: center;
  min-height: 48px;
  display: flex;
  align-items: center;
}
@media (max-width: 1599px) {
  .sets-list__footer {
    min-height: 44px;
  }
}
@media (max-width: 767px) {
  .sets-list__footer {
    margin-top: 10px;
    min-height: 30px;
  }
}
.sets-list__count {
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.5);
  margin: 0;
}

@media (min-width: 1024px) {
  .sets-list__item:hover .sets-list__name {
    color: inherit;
  }
  .sets-list__item:hover .sets-list__count {
    color: inherit;
  }
}

.see-also {
  position: relative;
  padding-left: 20px;
  grid-column: 3/4;
  padding-bottom: 4.875rem;
}
@media (max-width: 1599px) {
  .see-also {
    padding-bottom: 56px;
  }
}
.see-also::before {
  content: "";
  width: 100%;
  height: 65px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  position: absolute;
  left: 0;
  bottom: 4.875rem;
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
@media (max-width: 1599px) {
  .see-also::before {
    bottom: 56px;
  }
}
@media (max-width: 1023px) {
  .see-also::before {
    content: none;
  }
}
.see-also.is-hide-shadow::before {
  opacity: 0;
}
@media (max-width: 1023px) {
  .see-also {
    overflow: hidden;
    margin-top: 56px;
    padding-top: 0;
    padding-bottom: 0;
    width: calc(100% + 40px);
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .see-also {
    width: calc(100% + 24px);
    margin: 32px -12px 0;
    padding: 0 12px;
  }
}
.see-also__wrapper {
  display: grid;
  grid-template-columns: 7fr 1fr 4fr;
}
@media (max-width: 1023px) {
  .see-also__wrapper {
    display: block;
  }
}
.see-also__wrapper--narrow-page {
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 1.25rem;
}
.see-also__wrapper--narrow-page .see-also {
  padding-left: 0;
  grid-column: 9/13;
}
@media (max-width: 1023px) {
  .see-also__wrapper--narrow-page .see-also {
    width: calc(100% + 40px);
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .see-also__wrapper--narrow-page .see-also {
    width: calc(100% + 24px);
    margin: 32px -12px 0;
    padding: 0 12px;
  }
}
.see-also__wrapper--narrow-page .see-also__main {
  grid-column: 1/8;
  padding-bottom: 4.875rem;
}
@media (max-width: 1599px) {
  .see-also__wrapper--narrow-page .see-also__main {
    padding-bottom: 56px;
  }
}
@media (max-width: 767px) {
  .see-also__wrapper--narrow-page .see-also__main {
    padding-bottom: 32px;
  }
}
.see-also__sticky-wrapper {
  position: sticky;
  padding-top: 1.5rem;
  top: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
@media (max-width: 1919px) {
  .see-also__sticky-wrapper {
    padding-top: 16px;
  }
}
@media (max-width: 1023px) {
  .see-also__sticky-wrapper {
    padding-top: 0;
  }
}
.see-also__title {
  font-size: 1.5rem;
  line-height: 1.75rem;
  margin: 0;
  padding-bottom: 24px;
  font-weight: 400;
}
@media (max-width: 1599px) {
  .see-also__title {
    font-size: 20px;
    line-height: 120%;
    padding-bottom: 16px;
  }
}
@media (max-width: 1023px) {
  .see-also__title {
    font-size: 24px;
    line-height: 125%;
  }
}
@media (max-width: 767px) {
  .see-also__title {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 125%;
    letter-spacing: -0.01em;
    padding-bottom: 20px;
  }
}
.see-also__list-container {
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent #ffffff;
}
@media (min-width: 1024px) {
  .see-also__list-container:hover {
    scrollbar-color: #000000 #ffffff;
  }
  .see-also__list-container:hover::-webkit-scrollbar-thumb {
    background-color: #000000;
  }
}
@media (max-width: 1023px) {
  .see-also__list-container {
    overflow: visible;
  }
}
.see-also__list-container::-webkit-scrollbar {
  width: 0.25rem;
  height: 0.25rem;
  background-color: #ffffff;
}
.see-also__list-container::-webkit-scrollbar-thumb {
  border-radius: 0.125rem;
  background-color: #000000;
  background-color: transparent;
}
.see-also__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  padding-bottom: 1.25rem;
  height: auto;
}
@media (max-width: 1023px) {
  .see-also__list {
    display: flex;
    flex-direction: row;
    grid-gap: 0;
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .see-also__list {
    margin-bottom: 20px;
  }
}
.see-also .sets-list__item {
  width: 100%;
}
@media (max-width: 1023px) {
  .see-also .sets-list__item {
    min-width: 0;
    min-height: 0;
    width: 144px;
  }
}
@media (max-width: 767px) {
  .see-also .sets-list__item {
    width: 140px;
  }
}
.see-also .sets-list__link {
  padding: 0.75rem;
}
@media (max-width: 1919px) {
  .see-also .sets-list__link {
    padding: 12px;
  }
}
@media (max-width: 1599px) {
  .see-also .sets-list__link {
    padding-bottom: 8px;
  }
}
@media (max-width: 1365px) {
  .see-also .sets-list__link {
    padding-bottom: 12px;
    padding-top: 8px;
  }
}
.see-also .sets-list__preview {
  height: 7rem;
  width: auto;
  line-height: 100%;
  font-size: 5.625rem;
  vertical-align: middle;
  flex-grow: 1;
}
@media (max-width: 1599px) {
  .see-also .sets-list__preview {
    height: 92px;
    font-size: 74px;
  }
}
@media (max-width: 1439px) {
  .see-also .sets-list__preview {
    font-size: 68px;
  }
}
@media (max-width: 1365px) {
  .see-also .sets-list__preview {
    font-size: 56px;
  }
}
@media (max-width: 767px) {
  .see-also .sets-list__preview {
    font-size: 72px;
    height: 80px;
  }
}
.see-also .sets-list__image {
  height: 5.625rem;
  width: auto;
}
@media (max-width: 1599px) {
  .see-also .sets-list__image {
    height: 80px;
  }
}
.see-also .sets-list__footer {
  min-height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1599px) {
  .see-also .sets-list__footer {
    min-height: 32px;
  }
}
@media (max-width: 1365px) {
  .see-also .sets-list__footer {
    min-height: 10px;
  }
}
@media (max-width: 1279px) {
  .see-also .sets-list__footer {
    min-height: 16px;
  }
}
@media (max-width: 767px) {
  .see-also .sets-list__footer {
    margin-top: 10px;
    height: 30px;
  }
}
.see-also .sets-list__name {
  margin: 0;
  font-size: 0.875rem;
  line-height: 100%;
  text-align: center;
}
@media (max-width: 1599px) {
  .see-also .sets-list__name {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 1365px) {
  .see-also .sets-list__name {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 115%;
    letter-spacing: 0;
  }
}

.alphabets-list {
  margin-top: 4.875rem;
  -moz-column-count: 4;
       column-count: 4;
}
@media (max-width: 1599px) {
  .alphabets-list {
    margin-top: 56px;
  }
}
@media (max-width: 1023px) {
  .alphabets-list {
    -moz-column-count: auto;
         column-count: auto;
  }
}
@media (max-width: 767px) {
  .alphabets-list {
    margin-top: 32px;
  }
}
.alphabets-list__letters-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.alphabets-list__letters-item {
  margin-bottom: 56px;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  page-break-inside: avoid;
}
@media (max-width: 1599px) {
  .alphabets-list__letters-item {
    margin-bottom: 40px;
  }
}
@media (max-width: 1023px) {
  .alphabets-list__letters-item {
    margin-bottom: 48px;
  }
}
@media (max-width: 767px) {
  .alphabets-list__letters-item {
    margin-bottom: 24px;
  }
}
.alphabets-list__letter {
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 2.125rem;
  letter-spacing: -0.0375rem;
  margin: 0;
  margin-bottom: 16px;
}
@media (max-width: 1599px) {
  .alphabets-list__letter {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 767px) {
  .alphabets-list__letter {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 1599px) {
  .alphabets-list__letter {
    margin-bottom: 12px;
  }
}
@media (max-width: 1023px) {
  .alphabets-list__letter {
    margin-bottom: 4px;
  }
}
.alphabets-list__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.alphabets-list__item {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media (max-width: 1919px) {
  .alphabets-list__item {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1599px) {
  .alphabets-list__item {
    font-size: 14px;
    line-height: 22px;
  }
}
.alphabets-list__item:not(:last-child) {
  margin-bottom: 12px;
}
@media (max-width: 1599px) {
  .alphabets-list__item:not(:last-child) {
    margin-bottom: 8px;
  }
}
@media (max-width: 1023px) {
  .alphabets-list__item:not(:last-child) {
    border-bottom: 1px solid #E0E4EB;
    margin-bottom: 0;
  }
}
@media (max-width: 1023px) {
  .alphabets-list__item {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.alphabets-list__link {
  position: relative;
}
@media (min-width: 1024px) {
  .alphabets-list__link:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 1023px) {
  .alphabets-list__link {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .alphabets-list__link:hover::after {
    display: none;
  }
}

.hover-color {
  position: relative;
  color: #000000;
  background-color: #F2F5FA;
  border-radius: 16px;
  overflow: hidden;
  transition: color 0.15s;
  width: 100%;
}
.hover-color p, .hover-color a {
  color: inherit;
}
.hover-color a {
  transition: background-position 0.4s;
}
.hover-color__link {
  display: block;
  z-index: 2;
}
.hover-color:nth-child(8n+1) a {
  color: black;
  background: linear-gradient(to top, rgb(0, 21, 255) 0%, rgb(0, 21, 255) 33%, rgba(0, 21, 255, 0) 60%, rgba(0, 21, 255, 0) 100%);
  background-size: 100% 300%;
  background-position: top;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .hover-color:nth-child(8n+1) a:hover {
    color: #ffffff;
    background-position: bottom;
  }
}
.hover-color:nth-child(8n+2) a {
  background: linear-gradient(to bottom, rgb(217, 0, 149) 0%, rgb(217, 0, 149) 33%, rgba(217, 0, 149, 0) 60%, rgba(217, 0, 149, 0) 100%);
  background-size: 100% 300%;
  background-position: bottom;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .hover-color:nth-child(8n+2) a:hover {
    color: #ffffff;
    background-position: top;
  }
}
.hover-color:nth-child(8n+3) a {
  background: linear-gradient(to right, rgb(18, 255, 18) 0%, rgb(18, 255, 18) 33%, rgba(18, 255, 18, 0) 60%, rgba(18, 255, 18, 0) 100%);
  background-size: 300% 100%;
  background-position: right;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .hover-color:nth-child(8n+3) a:hover {
    background-position: left;
  }
}
.hover-color:nth-child(8n+4) a {
  background: linear-gradient(to left, rgb(132, 0, 255) 0%, rgb(132, 0, 255) 33%, rgba(132, 0, 255, 0) 60%, rgba(132, 0, 255, 0) 100%);
  background-size: 300% 100%;
  background-position: left;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .hover-color:nth-child(8n+4) a:hover {
    color: #ffffff;
    background-position: right;
  }
}
.hover-color:nth-child(8n+5) a {
  background: linear-gradient(to left bottom, rgb(0, 255, 247) 0%, rgb(0, 255, 247) 33%, rgba(0, 255, 247, 0) 60%, rgba(0, 255, 247, 0) 100%);
  background-size: 300% 300%;
  background-position: left bottom;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .hover-color:nth-child(8n+5) a:hover {
    background-position: right top;
  }
}
.hover-color:nth-child(8n+6) a {
  background: linear-gradient(to left top, rgb(255, 255, 0) 0%, rgb(255, 255, 0) 33%, rgba(255, 255, 0, 0) 60%, rgba(255, 255, 0, 0) 100%);
  background-size: 300% 300%;
  background-position: left top;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .hover-color:nth-child(8n+6) a:hover {
    background-position: right bottom;
  }
}
.hover-color:nth-child(8n+7) a {
  background: linear-gradient(to right top, rgb(254, 120, 9) 0%, rgb(254, 120, 9) 33%, rgba(254, 120, 9, 0) 60%, rgba(254, 120, 9, 0) 100%);
  background-size: 300% 300%;
  background-position: right top;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .hover-color:nth-child(8n+7) a:hover {
    color: #ffffff;
    background-position: left bottom;
  }
}
.hover-color:nth-child(8n+8) a {
  background: linear-gradient(to right bottom, rgb(0, 217, 122) 0%, rgb(0, 217, 122) 33%, rgba(0, 217, 122, 0) 60%, rgba(0, 217, 122, 0) 100%);
  background-size: 300% 300%;
  background-position: right bottom;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .hover-color:nth-child(8n+8) a:hover {
    color: #ffffff;
    background-position: left top;
  }
}
@media (min-width: 1024px) {
  .hover-color:nth-child(8n+1) a:hover .see-also-all__preview-image-block .see-also-all__preview-image--dark, .hover-color:nth-child(8n+1) a:hover .sets-list__preview-image-block .sets-list__preview-image--dark, .hover-color:nth-child(8n+2) a:hover .see-also-all__preview-image-block .see-also-all__preview-image--dark, .hover-color:nth-child(8n+2) a:hover .sets-list__preview-image-block .sets-list__preview-image--dark, .hover-color:nth-child(8n+4) a:hover .see-also-all__preview-image-block .see-also-all__preview-image--dark, .hover-color:nth-child(8n+4) a:hover .sets-list__preview-image-block .sets-list__preview-image--dark, .hover-color:nth-child(8n+7) a:hover .see-also-all__preview-image-block .see-also-all__preview-image--dark, .hover-color:nth-child(8n+7) a:hover .sets-list__preview-image-block .sets-list__preview-image--dark, .hover-color:nth-child(8n+8) a:hover .see-also-all__preview-image-block .see-also-all__preview-image--dark, .hover-color:nth-child(8n+8) a:hover .sets-list__preview-image-block .sets-list__preview-image--dark {
    opacity: 0;
  }
  .hover-color:nth-child(8n+1) a:hover .see-also-all__preview-image-block .see-also-all__preview-image--light, .hover-color:nth-child(8n+1) a:hover .sets-list__preview-image-block .sets-list__preview-image--light, .hover-color:nth-child(8n+2) a:hover .see-also-all__preview-image-block .see-also-all__preview-image--light, .hover-color:nth-child(8n+2) a:hover .sets-list__preview-image-block .sets-list__preview-image--light, .hover-color:nth-child(8n+4) a:hover .see-also-all__preview-image-block .see-also-all__preview-image--light, .hover-color:nth-child(8n+4) a:hover .sets-list__preview-image-block .sets-list__preview-image--light, .hover-color:nth-child(8n+7) a:hover .see-also-all__preview-image-block .see-also-all__preview-image--light, .hover-color:nth-child(8n+7) a:hover .sets-list__preview-image-block .sets-list__preview-image--light, .hover-color:nth-child(8n+8) a:hover .see-also-all__preview-image-block .see-also-all__preview-image--light, .hover-color:nth-child(8n+8) a:hover .sets-list__preview-image-block .sets-list__preview-image--light {
    opacity: 1;
  }
}

.see-also-all {
  margin-top: 4.875rem;
  width: 100%;
  position: relative;
}
@media (max-width: 1599px) {
  .see-also-all {
    margin-top: 56px;
  }
}
@media (max-width: 767px) {
  .see-also-all {
    margin-top: 32px;
  }
}
.see-also-all.active li:nth-child(n+7) {
  display: block;
}
@media (max-width: 767px) {
  .see-also-all.active li:nth-child(n+5) {
    display: block;
  }
}
@media (max-width: 600px) {
  .see-also-all.active li:nth-child(n+3) {
    display: block;
  }
}
.see-also-all:has(li:nth-child(7)) .see-also-all__show-more {
  display: flex;
}
@media (max-width: 767px) {
  .see-also-all:has(li:nth-child(5)) .see-also-all__show-more {
    display: flex;
  }
}
@media (max-width: 600px) {
  .see-also-all:has(li:nth-child(3)) .see-also-all__show-more {
    display: flex;
  }
}
.see-also-all__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1.25rem;
  box-sizing: border-box;
  margin-top: 2.625rem;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
@media (max-width: 1599px) {
  .see-also-all__list {
    margin-top: 18px;
  }
}
@media (max-width: 1023px) {
  .see-also-all__list {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .see-also-all__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 600px) {
  .see-also-all__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.see-also-all__item {
  display: block;
  position: relative;
  width: 100%;
}
.see-also-all__item:nth-child(n+7) {
  display: none;
}
@media (max-width: 767px) {
  .see-also-all__item:nth-child(n+5) {
    display: none;
  }
}
@media (max-width: 600px) {
  .see-also-all__item:nth-child(n+3) {
    display: none;
  }
}
.see-also-all__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  overflow: hidden;
}
@media (max-width: 767px) {
  .see-also-all__link {
    padding: 8px 8px 12px;
  }
}
.see-also-all__preview {
  position: relative;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 5.625rem;
}
@media (max-width: 1599px) {
  .see-also-all__preview {
    font-size: 74px;
  }
}
@media (max-width: 1439px) {
  .see-also-all__preview {
    font-size: 68px;
  }
}
@media (max-width: 1365px) {
  .see-also-all__preview {
    font-size: 56px;
  }
}
@media (max-width: 767px) {
  .see-also-all__preview {
    font-size: 72px;
  }
}
.see-also-all__preview-image-block, .see-also-all__preview img, .see-also-all__preview svg {
  width: auto;
  height: 100%;
  max-width: 5.625rem;
  max-height: 5.625rem;
  font-size: 1px;
}
@media (max-width: 1919px) {
  .see-also-all__preview-image-block, .see-also-all__preview img, .see-also-all__preview svg {
    max-width: 5.25rem;
    max-height: 5.25rem;
  }
}
@media (max-width: 1599px) {
  .see-also-all__preview-image-block, .see-also-all__preview img, .see-also-all__preview svg {
    max-width: 74px;
    max-height: 74px;
  }
}
@media (max-width: 1439px) {
  .see-also-all__preview-image-block, .see-also-all__preview img, .see-also-all__preview svg {
    max-width: 68px;
    max-height: 68px;
  }
}
@media (max-width: 1365px) {
  .see-also-all__preview-image-block, .see-also-all__preview img, .see-also-all__preview svg {
    max-width: 56px;
    max-height: 56px;
  }
}
@media (max-width: 1023px) {
  .see-also-all__preview-image-block, .see-also-all__preview img, .see-also-all__preview svg {
    max-width: 72px;
    max-height: 72px;
  }
}
.see-also-all__preview-image-block {
  position: relative;
  width: 100%;
}
.see-also-all__preview-image-block .see-also-all__preview-image {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.see-also-all__preview-image-block .see-also-all__preview-image--dark {
  opacity: 1;
}
.see-also-all__footer {
  flex-shrink: 0;
  margin-top: 16px;
  height: 2rem;
  display: flex;
  align-items: center;
}
@media (max-width: 1599px) {
  .see-also-all__footer {
    margin-top: 12px;
    height: 28px;
  }
}
@media (max-width: 1365px) {
  .see-also-all__footer {
    margin-top: 8px;
    height: 24px;
  }
}
@media (max-width: 1023px) {
  .see-also-all__footer {
    height: 28px;
  }
}
@media (max-width: 767px) {
  .see-also-all__footer {
    margin-top: 10px;
    height: 30px;
  }
}
.see-also-all__name {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 115%;
  text-align: center;
  margin: 0;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 1599px) {
  .see-also-all__name {
    font-size: 12px;
    line-height: 150%;
  }
}
@media (max-width: 1365px) {
  .see-also-all__name {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 115%;
    letter-spacing: 0;
  }
}
.see-also-all__show-more {
  display: none;
  margin-top: 1.5rem;
}
@media (max-width: 1599px) {
  .see-also-all__show-more {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .see-also-all__show-more {
    margin-top: 16px;
  }
}

.footer {
  background-color: #F2F5FA;
  border-radius: 1.25rem;
  padding: 2.5rem;
  padding-bottom: 8.75rem;
  grid-column: 1/-1;
  margin-bottom: 1.5rem;
}
@media (max-width: 1599px) {
  .footer {
    padding: 32px;
    padding-bottom: 140px;
  }
}
@media (max-width: 767px) {
  .footer {
    border-radius: 0;
    margin: 0 -12px;
    padding: 24px 12px calc(140px + env(safe-area-inset-bottom));
  }
}
.footer__top {
  display: flex;
  justify-content: space-between;
  border-bottom: 0.0625rem solid #000000;
  padding-bottom: 1.625rem;
}
@media (max-width: 767px) {
  .footer__top {
    padding-bottom: 14px;
  }
}
.footer__logo-block {
  font-family: "Logo font", "Arial", sans-serif;
  line-height: 1;
  display: flex;
  height: -moz-max-content;
  height: max-content;
  align-items: center;
  transition: color 0.3s ease;
  color: #000000;
}
.footer__logo {
  font-size: 2.125rem;
  color: inherit;
}
@media (max-width: 767px) {
  .footer__logo {
    font-size: 25px;
  }
}
.footer__logo-text {
  font-size: 1.75rem;
  margin: 0.3125rem 0 0 0.5rem;
  color: inherit;
}
@media (max-width: 767px) {
  .footer__logo-text {
    font-size: 21px;
    margin: 3px 0 0 6px;
  }
}
.footer__social {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}
.footer__social-item:not(:first-child) {
  margin-left: 0.75rem;
}
.footer__social-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  transition: color 0.3s ease;
  color: #000000;
}
@media (max-width: 767px) {
  .footer__social-link {
    width: 24px;
    height: 24px;
  }
}
@media (min-width: 1024px) {
  .footer__social-link:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.footer__social-link svg {
  width: 100%;
  height: auto;
}
.footer__bottom {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr min-content;
  padding-top: 1.25rem;
  grid-column-gap: 1.25rem;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .footer__bottom {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 16px;
  }
}
.footer__content {
  padding: 0.5rem 3.5rem 0 0;
  grid-row: 1/3;
}
@media (max-width: 1599px) {
  .footer__content {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
    padding-right: 40px;
  }
}
@media (max-width: 767px) {
  .footer__content {
    order: 1;
    padding: 0;
  }
}
.footer__text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  margin: 0;
}
@media (max-width: 1599px) {
  .footer__text {
    font-size: 14px;
    line-height: 22px;
  }
}
.footer__text:not(:first-child) {
  margin-top: 0.75rem;
}
@media (max-width: 767px) {
  .footer__text:not(:first-child) {
    margin-top: 8px;
  }
}
@media (max-width: 1599px) {
  .footer__text {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0;
  }
}
.footer__nav {
  display: flex;
  margin: 0 -0.625rem;
}
@media (max-width: 767px) {
  .footer__nav {
    flex-wrap: wrap;
    margin: 0 -6px;
  }
}
.footer__nav-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 50%;
  padding: 0 0.625rem;
}
@media (max-width: 767px) {
  .footer__nav-list {
    padding: 0 6px;
  }
}
.footer__nav-item {
  display: flex;
  align-items: flex-start;
}
.footer__nav-link {
  padding: 0.5rem 0;
  display: block;
  color: #000000;
  transition: color 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.125rem;
}
@media (max-width: 767px) {
  .footer__nav-link {
    padding: 5px 0;
    white-space: nowrap;
  }
}
@media (min-width: 1024px) {
  .footer__nav-link:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.footer__nav-link svg {
  width: 1.5rem;
  height: 1.5rem;
}
@media (max-width: 1599px) {
  .footer__nav-link svg {
    width: 22px;
    height: 22px;
  }
}
.footer__developer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.375rem;
  grid-column: 2/3;
  grid-row: 2/3;
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .footer__developer {
    order: 1;
  }
}
.footer__developer a {
  display: block;
  margin-top: -0.0625rem;
}
@media (max-width: 1599px) {
  .footer__developer a {
    margin-top: 0;
  }
}
.footer__developer a svg {
  display: block;
  width: auto;
  height: 1.1875rem;
}
@media (max-width: 1599px) {
  .footer__developer a svg {
    height: 17px;
  }
}

.text-block {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #000000;
  font-style: normal;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.25rem;
}
@media (max-width: 1599px) {
  .text-block {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .text-block {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1023px) {
  .text-block {
    display: block;
  }
}
.text-block__wrapper {
  grid-column: 1/8;
}
.text-block h1 {
  font-size: 4.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -2.16px;
  color: #000000;
  margin-top: 0;
  margin-bottom: 2rem;
}
@media (max-width: 1599px) {
  .text-block h1 {
    font-size: 56px;
    letter-spacing: -1.68px;
  }
}
@media (max-width: 767px) {
  .text-block h1 {
    font-size: 32px;
    line-height: 120%;
    letter-spacing: -0.64px;
  }
}
@media (max-width: 1023px) {
  .text-block h1 {
    margin-bottom: 20px;
  }
}
.text-block h2 {
  font-weight: 400;
  font-size: 2rem;
  line-height: 115%;
  letter-spacing: -0.64px;
  color: #000000;
  font-style: normal;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
}
@media (max-width: 1599px) {
  .text-block h2 {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
@media (max-width: 767px) {
  .text-block h2 {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
@media (max-width: 1023px) {
  .text-block h2 {
    margin-top: 32px;
  }
}
.text-block p {
  margin: 0;
}
.text-block p + p {
  margin-top: 1rem;
}
.text-block pre {
  margin: 0;
  margin-top: 1rem;
}
.text-block pre,
.text-block code {
  font-family: "Helvetica Neue", "Vitesco W05 Roman", Helvetica, Arial, sans-serif;
}
.text-block ul {
  margin: 0;
  padding-left: 1.75rem;
}
@media (max-width: 1599px) {
  .text-block ul {
    padding-left: 24px;
  }
}
.text-block ul:not(:first-child) {
  margin-top: 1rem;
}

.symb-link-wrap {
  display: inline-flex;
  height: 1.5rem;
  vertical-align: bottom;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 1.5rem;
}
@media (max-width: 1919px) {
  .symb-link-wrap {
    min-width: 24px;
    height: 24px;
  }
}
@media (max-width: 1599px) {
  .symb-link-wrap {
    min-width: 22px;
    height: 22px;
  }
}
.symb-link-wrap a {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #F2F5FA;
  border-radius: 0.25rem;
  transition: background-color 0.1s, color 0.1s;
  color: #000000;
  width: 100%;
  height: 100%;
}
@media (max-width: 1919px) {
  .symb-link-wrap a {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1599px) {
  .symb-link-wrap a {
    font-size: 14px;
    line-height: 22px;
  }
}
.symb-link-wrap a::before {
  content: none;
}
.symb-link-wrap a img {
  width: 1rem;
  height: 1rem;
}
@media (max-width: 1919px) {
  .symb-link-wrap a img {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 1599px) {
  .symb-link-wrap a img {
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 1024px) {
  .symb-link-wrap a:hover {
    background-color: #000000;
    color: #ffffff !important;
  }
}

.marquee {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: none;
  color: inherit;
  position: relative;
  background-color: #000000;
  color: #ffffff;
  padding: 0.25rem 0;
}
@media (max-width: 1023px) {
  .marquee {
    display: none;
  }
}

.marquee__track {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  will-change: transform;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.marquee__item {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
  padding-left: 3.5rem;
}
.marquee__item svg {
  width: 1.5rem;
  height: auto;
  flex-shrink: 0;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.blog-img {
  width: 100%;
  display: block;
  border-radius: 16px;
}

.article {
  max-width: 47.9375rem;
}
@media (max-width: 1599px) {
  .article {
    max-width: 653px;
  }
}
@media (max-width: 1599px) {
  .article .sets-list--blog {
    max-width: 653px;
  }
}
.article .sets-list--blog .sets-list__list {
  min-width: unset;
}
@media (max-width: 1599px) {
  .article .sets-list__preview-image {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 1599px) {
  .article .sets-list__preview {
    height: 80px;
    line-height: 80px;
    font-size: 80px;
  }
}
@media (max-width: 1599px) {
  .article .sets-list__name {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.375rem;
    color: #000000;
  }
}
@media (max-width: 1599px) and (max-width: 1599px) {
  .article .sets-list__name {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 1599px) and (max-width: 767px) {
  .article .sets-list__name {
    font-size: 12px;
    line-height: 20px;
  }
}

.article-promo {
  margin-bottom: 3rem;
}
.article-promo .article-actions {
  margin-bottom: 2rem;
}
.article-promo__title {
  font-size: 4.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -2.16px;
  color: #000000;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
@media (max-width: 1599px) {
  .article-promo__title {
    font-size: 56px;
    letter-spacing: -1.68px;
  }
}
@media (max-width: 767px) {
  .article-promo__title {
    font-size: 32px;
    line-height: 120%;
    letter-spacing: -0.64px;
  }
}
@media (max-width: 1023px) {
  .article-promo__title {
    margin-bottom: 20px;
  }
}
.article-promo__date {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #808080;
  font-style: normal;
  margin-bottom: 20px;
  display: block;
}
@media (max-width: 1599px) {
  .article-promo__date {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .article-promo__date {
    font-size: 14px;
    line-height: 22px;
  }
}
.article-promo__desc {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.24px;
  margin-top: 0;
  margin-bottom: 20px;
  max-width: 47.9375rem;
}
@media (max-width: 1599px) {
  .article-promo__desc {
    font-size: 20px;
    line-height: 150%;
    max-width: 653px;
  }
}
.article-promo__img {
  display: block;
  margin-bottom: 2rem;
  border-radius: 24px;
  width: 41.75rem;
  height: auto;
}
@media (max-width: 1023px) {
  .article-promo__img {
    border-radius: 12px;
  }
}
.article-promo__tags {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.article-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}
.article-actions__item {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #808080;
  transition: 0.15s;
}
.article-actions__item svg {
  width: 1.25rem;
  height: 1.25rem;
}
@media (max-width: 1599px) {
  .article-actions__item svg {
    width: 20px;
    height: 20px;
  }
}

button.article-actions__item {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}
@media (min-width: 1024px) {
  button.article-actions__item:hover {
    color: #000000;
  }
}

.article-author {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 32px;
}
.article-author__img {
  display: block;
  border-radius: 100%;
  border: 1px solid #E0E4EB;
  width: 3.75rem;
  height: 3.75rem;
}
.article-author__name {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 130%;
  color: #000000;
  font-style: normal;
  display: block;
  margin-bottom: 0.25rem;
}
@media (max-width: 1599px) {
  .article-author__name {
    font-size: 18px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .article-author__name {
    font-size: 18px;
    line-height: 140%;
  }
}
.article-author__desc {
  color: #808080;
}

.tag {
  padding: 8px 16px;
  background-color: #F2F5FA;
  border-radius: 10px;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #000000;
  font-style: normal;
  white-space: nowrap;
  display: block;
}
@media (max-width: 1599px) {
  .tag {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .tag {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1023px) {
  .tag {
    padding: 7px 16px;
    border-radius: 8px;
  }
}
.tag--s {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #000000;
  padding: 0.3125rem 0.75rem;
  border-radius: 8px;
}
@media (max-width: 1599px) {
  .tag--s {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .tag--s {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 1023px) {
  .tag--s {
    padding: 4px 12px;
    border-radius: 6px;
  }
}
.tag.active {
  background-color: #E0E4EB;
}

@media (min-width: 1024px) {
  a.tag:hover {
    background-color: #E1F3FF;
  }
}

.article-content {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.875rem;
  margin-bottom: 48px;
}
.article-content > *:first-child {
  margin-top: 3rem;
}
@media (max-width: 1599px) {
  .article-content {
    font-size: 18px;
    line-height: 27px;
  }
}
.article-content h2 {
  font-weight: 400;
  font-size: 2rem;
  line-height: 115%;
  letter-spacing: -0.64px;
  color: #000000;
  font-style: normal;
  margin-top: 3rem;
  margin-bottom: 1rem;
}
@media (max-width: 1599px) {
  .article-content h2 {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
@media (max-width: 767px) {
  .article-content h2 {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
.article-content h3 {
  font-weight: 400;
  font-size: 1.75rem;
  line-height: 120%;
  letter-spacing: -0.56px;
  color: #000000;
  font-style: normal;
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
}
@media (max-width: 1599px) {
  .article-content h3 {
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -0.24px;
  }
}
@media (max-width: 767px) {
  .article-content h3 {
    font-size: 24px;
    line-height: 130%;
  }
}
.article-content p, .article-content ul, .article-content ol {
  margin-top: 0.75rem;
  margin-bottom: 0px;
}
.article-content p a:not(:has(.ml-block__unicode-logo)), .article-content ul a:not(:has(.ml-block__unicode-logo)), .article-content ol a:not(:has(.ml-block__unicode-logo)) {
  position: relative;
  border-bottom: 1px solid #E0E4EB;
}
@media (min-width: 1024px) {
  .article-content p a:not(:has(.ml-block__unicode-logo)):hover, .article-content ul a:not(:has(.ml-block__unicode-logo)):hover, .article-content ol a:not(:has(.ml-block__unicode-logo)):hover {
    color: rgba(0, 0, 0, 0.5);
  }
}
.article-content ul:not(.character-list__list), .article-content ol {
  padding-left: 2rem;
  line-height: 1.75rem;
}
@media (max-width: 1599px) {
  .article-content ul:not(.character-list__list), .article-content ol {
    padding-left: 28px;
    line-height: 27px;
  }
}
.article-content ul:not(.character-list__list) li, .article-content ol li {
  margin-bottom: 0.5rem;
}
.article-content ol li::marker {
  font-weight: bold;
}
.article-content figure img {
  width: 100%;
  height: 23.4375rem;
  display: block;
  border-radius: 24px;
  height: auto;
}
@media (max-width: 1599px) {
  .article-content figure img {
    border-radius: 20px;
  }
}
.article-content figure {
  margin: 3.5rem 0 3rem 0;
  max-width: 41.75rem;
}
@media (max-width: 1599px) {
  .article-content figure {
    max-width: 569px;
  }
}
.article-content figcaption {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #000000;
  font-style: normal;
  margin-top: 1rem;
  color: #808080;
}
@media (max-width: 1599px) {
  .article-content figcaption {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .article-content figcaption {
    font-size: 14px;
    line-height: 22px;
  }
}
.article-content blockquote {
  margin: 3rem 0;
  padding-left: 1.25rem;
  border-left: 0.25rem solid #000000;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.32px;
}
@media (max-width: 1599px) {
  .article-content blockquote {
    font-size: 28px;
    line-height: 140%; /* 39.2px */
    letter-spacing: -0.28px;
    margin: 40px 0;
  }
}
.article-content__btn {
  margin-top: 0.75rem;
  margin-bottom: 0px;
  margin: 2rem 0 3rem 0;
}

.articles-list {
  margin-bottom: 3.75rem;
}
.articles-list__title {
  font-weight: 400;
  font-size: 2rem;
  line-height: 115%;
  letter-spacing: -0.64px;
  color: #000000;
  font-style: normal;
  margin-top: 0;
  margin-bottom: 2rem;
}
@media (max-width: 1599px) {
  .articles-list__title {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
@media (max-width: 767px) {
  .articles-list__title {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
.articles-list__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
@media (max-width: 767px) {
  .articles-list__list {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

.article-card {
  display: block;
}
.article-card .article-actions {
  margin-bottom: 0.5rem;
}
@media (max-width: 1599px) {
  .article-card .article-actions {
    margin-bottom: 5px;
  }
}
@media (min-width: 1024px) {
  .article-card:hover .article-card__img {
    transform: scale(1.1);
  }
}
.article-card__img-wrapper {
  display: block;
  margin-bottom: 1rem;
  border-radius: 16px;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 1599px) {
  .article-card__img-wrapper {
    border-radius: 12px;
  }
}
.article-card__img {
  width: 100%;
  height: auto;
  transition: 0.3s ease-out;
}
.article-card__title {
  display: block;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 130%;
  color: #000000;
  font-style: normal;
  margin-bottom: 0.5rem;
}
@media (max-width: 1599px) {
  .article-card__title {
    font-size: 18px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .article-card__title {
    font-size: 18px;
    line-height: 140%;
  }
}
@media (max-width: 1599px) {
  .article-card__title {
    margin-bottom: 4px;
  }
}
.article-card__desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0;
  margin-bottom: 0.75rem;
}
.article-card__tags {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.like-button.active .like-button__active {
  display: block;
}
.like-button.active .like-button__not-active {
  display: none;
}
.like-button__active {
  display: none;
}

.blog-items {
  margin-top: 2rem;
}
@media (max-width: 1599px) {
  .blog-items {
    margin-top: 28px;
  }
}
@media (max-width: 1023px) {
  .blog-items {
    margin-top: 20px;
  }
}
.blog-items__tags {
  margin-bottom: 3rem;
}
@media (max-width: 1599px) {
  .blog-items__tags {
    margin-bottom: 40px;
  }
}
@media (max-width: 1023px) {
  .blog-items__tags {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .blog-items__tags {
    width: calc(100% + 24px);
    margin-left: -12px;
  }
}
.blog-items__tags-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  gap: 0.5rem;
}
@media (max-width: 767px) {
  .blog-items__tags-list {
    overflow: auto visible;
    padding-left: 12px;
  }
  .blog-items__tags-list::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.blog-items__articles {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 2.5rem;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
@media (max-width: 767px) {
  .blog-items__articles {
    grid-template-columns: 1fr;
  }
}
.blog-items__title {
  font-weight: 400;
  font-size: 2rem;
  line-height: 115%;
  letter-spacing: -0.64px;
  color: #000000;
  font-style: normal;
  margin-top: 0;
  margin-bottom: 3rem;
}
@media (max-width: 1599px) {
  .blog-items__title {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
@media (max-width: 767px) {
  .blog-items__title {
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -0.56px;
  }
}
@media (max-width: 1599px) {
  .blog-items__title {
    margin-bottom: 40px;
  }
}
@media (max-width: 1023px) {
  .blog-items__title {
    margin-bottom: 32px;
  }
}

.author-title {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 2rem;
}
@media (max-width: 1599px) {
  .author-title {
    gap: 16px;
    margin-bottom: 24px;
  }
}
@media (max-width: 1023px) {
  .author-title {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 20px;
  }
}
.author-title__title {
  font-size: 4.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -2.16px;
  color: #000000;
  margin: 0;
}
@media (max-width: 1599px) {
  .author-title__title {
    font-size: 56px;
    letter-spacing: -1.68px;
  }
}
@media (max-width: 767px) {
  .author-title__title {
    font-size: 32px;
    line-height: 120%;
    letter-spacing: -0.64px;
  }
}
.author-title__img {
  display: block;
  border-radius: 100%;
  border: 1px solid #E0E4EB;
  width: 5rem;
  height: 5rem;
}
@media (max-width: 1599px) {
  .author-title__img {
    width: 60px;
    height: 60px;
  }
}

.author-desc {
  max-width: 47.9375rem;
  margin-bottom: 4.875rem;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}
@media (max-width: 1599px) {
  .author-desc {
    max-width: 653px;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 56px;
  }
}
@media (max-width: 1023px) {
  .author-desc {
    margin-bottom: 48px;
  }
}
.author-desc p {
  margin: 0;
}
.author-desc p + p {
  margin-top: 0.75rem;
}

.btn-back-top {
  position: sticky;
  display: flex;
  justify-content: center;
  z-index: 100;
  bottom: calc(5.125rem + env(safe-area-inset-bottom));
  pointer-events: none;
  transition: top 0.3s ease;
  height: 0;
  overflow: hidden;
}
.btn-back-top:has(.btn-back-top__btn.is-active), .btn-back-top:has(.btn-back-top__btn.is-hidden) {
  height: auto;
  overflow: unset;
}
@media (max-width: 1599px) {
  .btn-back-top {
    bottom: calc(36px + env(safe-area-inset-bottom));
  }
}
@media (max-width: 1023px) {
  .btn-back-top {
    position: fixed;
    transform: translateX(-50%);
    left: 50%;
  }
}
.btn-back-top__btn {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  display: flex;
  pointer-events: initial;
  align-items: center;
  border-radius: 3rem;
  background-color: rgba(0, 0, 0, 0.8);
  box-sizing: border-box;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.08), 0 0 0.25rem 0 rgba(0, 0, 0, 0.04);
  padding: 0.6875rem 1.4375rem 0.6875rem 1.1875rem;
  pointer-events: none;
  transform: translateY(100px);
  opacity: 0;
  color: #ffffff;
}
@media (min-width: 1024px) {
  .btn-back-top__btn:hover {
    background-color: #000000;
  }
}
@media (max-width: 1599px) {
  .btn-back-top__btn {
    padding: 7px 19px 7px 15px;
  }
}
@media (max-width: 767px) {
  .btn-back-top__btn {
    padding: 8px 19px 8px 15px;
  }
}
.btn-back-top__btn.is-active {
  animation-name: btnSpringIn;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  opacity: 1;
  pointer-events: initial;
  transform: translateY(0);
}
.btn-back-top__btn.is-hidden {
  animation-name: btnSpringOut;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  transform: translateY(200px);
  opacity: 1;
}
.btn-back-top__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  flex-shrink: 0;
}
@media (max-width: 1599px) {
  .btn-back-top__icon {
    width: 20px;
    height: 20px;
  }
}
.btn-back-top__icon svg {
  width: 100%;
  height: auto;
  display: block;
}
.btn-back-top__btn-back-top-text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0;
  display: block;
}
@media (max-width: 1599px) {
  .btn-back-top__btn-back-top-text {
    font-size: 14px;
    line-height: 22px;
  }
}

@keyframes btnSpringIn {
  0% {
    transform: translateY(100px);
  }
  60% {
    transform: translateY(-10px);
  }
  80% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes btnSpringOut {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(100px);
    opacity: 0;
  }
}
@font-face {
  font-family: "emoji-sets";
  src: url("/fonts/emoji-sets/emoji-sets.woff2") format("woff2"), url("/fonts/emoji-sets/emoji-sets.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u0000";
  src: url("/fonts/u/u0000.woff2") format("woff2"), url("/fonts/u/u0000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u0400";
  src: url("/fonts/u/u0400.woff2") format("woff2"), url("/fonts/u/u0400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u0800";
  src: url("/fonts/u/u0800.woff2") format("woff2"), url("/fonts/u/u0800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u0c00";
  src: url("/fonts/u/u0c00.woff2") format("woff2"), url("/fonts/u/u0c00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1000";
  src: url("/fonts/u/u1000.woff2") format("woff2"), url("/fonts/u/u1000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1400";
  src: url("/fonts/u/u1400.woff2") format("woff2"), url("/fonts/u/u1400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1800";
  src: url("/fonts/u/u1800.woff2") format("woff2"), url("/fonts/u/u1800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1c00";
  src: url("/fonts/u/u1c00.woff2") format("woff2"), url("/fonts/u/u1c00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u2000";
  src: url("/fonts/u/u2000.woff2") format("woff2"), url("/fonts/u/u2000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u2400";
  src: url("/fonts/u/u2400.woff2") format("woff2"), url("/fonts/u/u2400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u2800";
  src: url("/fonts/u/u2800.woff2") format("woff2"), url("/fonts/u/u2800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u2c00";
  src: url("/fonts/u/u2c00.woff2") format("woff2"), url("/fonts/u/u2c00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u3000";
  src: url("/fonts/u/u3000.woff2") format("woff2"), url("/fonts/u/u3000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u3400";
  src: url("/fonts/u/u3400.woff2") format("woff2"), url("/fonts/u/u3400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u3800";
  src: url("/fonts/u/u3800.woff2") format("woff2"), url("/fonts/u/u3800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u3c00";
  src: url("/fonts/u/u3c00.woff2") format("woff2"), url("/fonts/u/u3c00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u4000";
  src: url("/fonts/u/u4000.woff2") format("woff2"), url("/fonts/u/u4000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u4400";
  src: url("/fonts/u/u4400.woff2") format("woff2"), url("/fonts/u/u4400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u4800";
  src: url("/fonts/u/u4800.woff2") format("woff2"), url("/fonts/u/u4800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u4c00";
  src: url("/fonts/u/u4c00.woff2") format("woff2"), url("/fonts/u/u4c00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u5000";
  src: url("/fonts/u/u5000.woff2") format("woff2"), url("/fonts/u/u5000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u5400";
  src: url("/fonts/u/u5400.woff2") format("woff2"), url("/fonts/u/u5400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u5800";
  src: url("/fonts/u/u5800.woff2") format("woff2"), url("/fonts/u/u5800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u5c00";
  src: url("/fonts/u/u5c00.woff2") format("woff2"), url("/fonts/u/u5c00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u6000";
  src: url("/fonts/u/u6000.woff2") format("woff2"), url("/fonts/u/u6000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u6400";
  src: url("/fonts/u/u6400.woff2") format("woff2"), url("/fonts/u/u6400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u6800";
  src: url("/fonts/u/u6800.woff2") format("woff2"), url("/fonts/u/u6800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u6c00";
  src: url("/fonts/u/u6c00.woff2") format("woff2"), url("/fonts/u/u6c00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u7000";
  src: url("/fonts/u/u7000.woff2") format("woff2"), url("/fonts/u/u7000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u7400";
  src: url("/fonts/u/u7400.woff2") format("woff2"), url("/fonts/u/u7400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u7800";
  src: url("/fonts/u/u7800.woff2") format("woff2"), url("/fonts/u/u7800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u7c00";
  src: url("/fonts/u/u7c00.woff2") format("woff2"), url("/fonts/u/u7c00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u8000";
  src: url("/fonts/u/u8000.woff2") format("woff2"), url("/fonts/u/u8000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u8400";
  src: url("/fonts/u/u8400.woff2") format("woff2"), url("/fonts/u/u8400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u8800";
  src: url("/fonts/u/u8800.woff2") format("woff2"), url("/fonts/u/u8800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u8c00";
  src: url("/fonts/u/u8c00.woff2") format("woff2"), url("/fonts/u/u8c00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u9000";
  src: url("/fonts/u/u9000.woff2") format("woff2"), url("/fonts/u/u9000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u9400";
  src: url("/fonts/u/u9400.woff2") format("woff2"), url("/fonts/u/u9400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u9800";
  src: url("/fonts/u/u9800.woff2") format("woff2"), url("/fonts/u/u9800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u9c00";
  src: url("/fonts/u/u9c00.woff2") format("woff2"), url("/fonts/u/u9c00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ua000";
  src: url("/fonts/u/ua000.woff2") format("woff2"), url("/fonts/u/ua000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ua400";
  src: url("/fonts/u/ua400.woff2") format("woff2"), url("/fonts/u/ua400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ua800";
  src: url("/fonts/u/ua800.woff2") format("woff2"), url("/fonts/u/ua800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "uac00";
  src: url("/fonts/u/uac00.woff2") format("woff2"), url("/fonts/u/uac00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ub000";
  src: url("/fonts/u/ub000.woff2") format("woff2"), url("/fonts/u/ub000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ub400";
  src: url("/fonts/u/ub400.woff2") format("woff2"), url("/fonts/u/ub400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ub800";
  src: url("/fonts/u/ub800.woff2") format("woff2"), url("/fonts/u/ub800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ubc00";
  src: url("/fonts/u/ubc00.woff2") format("woff2"), url("/fonts/u/ubc00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "uc000";
  src: url("/fonts/u/uc000.woff2") format("woff2"), url("/fonts/u/uc000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "uc400";
  src: url("/fonts/u/uc400.woff2") format("woff2"), url("/fonts/u/uc400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "uc800";
  src: url("/fonts/u/uc800.woff2") format("woff2"), url("/fonts/u/uc800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ucc00";
  src: url("/fonts/u/ucc00.woff2") format("woff2"), url("/fonts/u/ucc00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ud000";
  src: url("/fonts/u/ud000.woff2") format("woff2"), url("/fonts/u/ud000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ud400";
  src: url("/fonts/u/ud400.woff2") format("woff2"), url("/fonts/u/ud400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ud800";
  src: url("/fonts/u/ud800.woff2") format("woff2"), url("/fonts/u/ud800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "udc00";
  src: url("/fonts/u/udc00.woff2") format("woff2"), url("/fonts/u/udc00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ue000";
  src: url("/fonts/u/ue00.woff2") format("woff2"), url("/fonts/u/ue000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ue400";
  src: url("/fonts/u/ue400.woff2") format("woff2"), url("/fonts/u/ue400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ue800";
  src: url("/fonts/u/ue800.woff2") format("woff2"), url("/fonts/u/ue800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "uec00";
  src: url("/fonts/u/uec00.woff2") format("woff2"), url("/fonts/u/uec00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "uf000";
  src: url("/fonts/u/uf000.woff2") format("woff2"), url("/fonts/u/uf000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "uf400";
  src: url("/fonts/u/uf400.woff2") format("woff2"), url("/fonts/u/uf400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "uf800";
  src: url("/fonts/u/uf800.woff2") format("woff2"), url("/fonts/u/uf800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ufc00";
  src: url("/fonts/u/ufc00.woff2") format("woff2"), url("/fonts/u/ufc00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u10000";
  src: url("/fonts/u/u10000.woff2") format("woff2"), url("/fonts/u/u10000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u10400";
  src: url("/fonts/u/u10400.woff2") format("woff2"), url("/fonts/u/u10400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u10800";
  src: url("/fonts/u/u10800.woff2") format("woff2"), url("/fonts/u/u10800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u10c00";
  src: url("/fonts/u/u10c00.woff2") format("woff2"), url("/fonts/u/u10c00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u11000";
  src: url("/fonts/u/u11000.woff2") format("woff2"), url("/fonts/u/u11000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u11400";
  src: url("/fonts/u/u11400.woff2") format("woff2"), url("/fonts/u/u11400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u11800";
  src: url("/fonts/u/u11800.woff2") format("woff2"), url("/fonts/u/u11800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u11c00";
  src: url("/fonts/u/u11c00.woff2") format("woff2"), url("/fonts/u/u11c00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u12000";
  src: url("/fonts/u/u12000.woff2") format("woff2"), url("/fonts/u/u12000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u12400";
  src: url("/fonts/u/u12400.woff2") format("woff2"), url("/fonts/u/u12400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u12800";
  src: url("/fonts/u/u12800.woff2") format("woff2"), url("/fonts/u/u12800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u12c00";
  src: url("/fonts/u/u12c00.woff2") format("woff2"), url("/fonts/u/u12c00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u13000";
  src: url("/fonts/u/u13000.woff2") format("woff2"), url("/fonts/u/u13000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u13400";
  src: url("/fonts/u/u13400.woff2") format("woff2"), url("/fonts/u/u13400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u13800";
  src: url("/fonts/u/u13800.woff2") format("woff2"), url("/fonts/u/u13800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u13c00";
  src: url("/fonts/u/u13c00.woff2") format("woff2"), url("/fonts/u/u13c00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u14000";
  src: url("/fonts/u/u14000.woff2") format("woff2"), url("/fonts/u/u14000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u14400";
  src: url("/fonts/u/u14400.woff2") format("woff2"), url("/fonts/u/u14400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u14800";
  src: url("/fonts/u/u14800.woff2") format("woff2"), url("/fonts/u/u14800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u14c00";
  src: url("/fonts/u/u14c00.woff2") format("woff2"), url("/fonts/u/u14c00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u15000";
  src: url("/fonts/u/u15000.woff2") format("woff2"), url("/fonts/u/u15000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u15400";
  src: url("/fonts/u/u15400.woff2") format("woff2"), url("/fonts/u/u15400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u15800";
  src: url("/fonts/u/u15800.woff2") format("woff2"), url("/fonts/u/u15800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u15c00";
  src: url("/fonts/u/u15c00.woff2") format("woff2"), url("/fonts/u/u15c00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u16000";
  src: url("/fonts/u/u16000.woff2") format("woff2"), url("/fonts/u/u16000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u16400";
  src: url("/fonts/u/u16400.woff2") format("woff2"), url("/fonts/u/u16400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u16800";
  src: url("/fonts/u/u16800.woff2") format("woff2"), url("/fonts/u/u16800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u16c00";
  src: url("/fonts/u/u16c00.woff2") format("woff2"), url("/fonts/u/u16c00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u17000";
  src: url("/fonts/u/u17000.woff2") format("woff2"), url("/fonts/u/u17000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u17400";
  src: url("/fonts/u/u17400.woff2") format("woff2"), url("/fonts/u/u17400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u17800";
  src: url("/fonts/u/u17800.woff2") format("woff2"), url("/fonts/u/u17800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u17c00";
  src: url("/fonts/u/u17c00.woff2") format("woff2"), url("/fonts/u/u17c00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u18000";
  src: url("/fonts/u/u18000.woff2") format("woff2"), url("/fonts/u/u18000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u18400";
  src: url("/fonts/u/u18400.woff2") format("woff2"), url("/fonts/u/u18400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u18800";
  src: url("/fonts/u/u18800.woff2") format("woff2"), url("/fonts/u/u18800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u18c00";
  src: url("/fonts/u/u18c00.woff2") format("woff2"), url("/fonts/u/u18c00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u19000";
  src: url("/fonts/u/u19000.woff2") format("woff2"), url("/fonts/u/u19000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u19400";
  src: url("/fonts/u/u19400.woff2") format("woff2"), url("/fonts/u/u19400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u19800";
  src: url("/fonts/u/u19800.woff2") format("woff2"), url("/fonts/u/u19800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u19c00";
  src: url("/fonts/u/u19c00.woff2") format("woff2"), url("/fonts/u/u19c00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1a000";
  src: url("/fonts/u/u1a000.woff2") format("woff2"), url("/fonts/u/u1a000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1a400";
  src: url("/fonts/u/u1a400.woff2") format("woff2"), url("/fonts/u/u1a400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1a800";
  src: url("/fonts/u/u1a800.woff2") format("woff2"), url("/fonts/u/u1a800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1ac00";
  src: url("/fonts/u/u1ac00.woff2") format("woff2"), url("/fonts/u/u1ac00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1b000";
  src: url("/fonts/u/u1b000.woff2") format("woff2"), url("/fonts/u/u1b000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1b400";
  src: url("/fonts/u/u1b400.woff2") format("woff2"), url("/fonts/u/u1b400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1b800";
  src: url("/fonts/u/u1b800.woff2") format("woff2"), url("/fonts/u/u1b800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1bc00";
  src: url("/fonts/u/u1bc00.woff2") format("woff2"), url("/fonts/u/u1bc00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1c000";
  src: url("/fonts/u/u1c000.woff2") format("woff2"), url("/fonts/u/u1c000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1c400";
  src: url("/fonts/u/u1c400.woff2") format("woff2"), url("/fonts/u/u1c400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1c800";
  src: url("/fonts/u/u1c800.woff2") format("woff2"), url("/fonts/u/u1c800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1cc00";
  src: url("/fonts/u/u1cc00.woff2") format("woff2"), url("/fonts/u/u1cc00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1d000";
  src: url("/fonts/u/u1d000.woff2") format("woff2"), url("/fonts/u/u1d000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1d400";
  src: url("/fonts/u/u1d400.woff2") format("woff2"), url("/fonts/u/u1d400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1d800";
  src: url("/fonts/u/u1d800.woff2") format("woff2"), url("/fonts/u/u1d800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1dc00";
  src: url("/fonts/u/u1dc00.woff2") format("woff2"), url("/fonts/u/u1dc00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1e000";
  src: url("/fonts/u/u1e000.woff2") format("woff2"), url("/fonts/u/u1e000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1e400";
  src: url("/fonts/u/u1e400.woff2") format("woff2"), url("/fonts/u/u1e400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1e800";
  src: url("/fonts/u/u1e800.woff2") format("woff2"), url("/fonts/u/u1e800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1ec00";
  src: url("/fonts/u/u1ec00.woff2") format("woff2"), url("/fonts/u/u1ec00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1f000";
  src: url("/fonts/u/u1f000.woff2") format("woff2"), url("/fonts/u/u1f000.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1f400";
  src: url("/fonts/u/u1f400.woff2") format("woff2"), url("/fonts/u/u1f400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1f800";
  src: url("/fonts/u/u1f800.woff2") format("woff2"), url("/fonts/u/u1f800.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "u1fc00";
  src: url("/fonts/u/u1fc00.woff2") format("woff2"), url("/fonts/u/u1fc00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.u0000 {
  font-family: u0000;
}

.u0400 {
  font-family: u0400;
}

.u0800 {
  font-family: u0800;
}

.u0c00 {
  font-family: u0c00;
}

.u1000 {
  font-family: u1000;
}

.u1400 {
  font-family: u1400;
}

.u1800 {
  font-family: u1800;
}

.u1c00 {
  font-family: u1c00;
}

.u2000 {
  font-family: u2000;
}

.u2400 {
  font-family: u2400;
}

.u2800 {
  font-family: u2800;
}

.u2c00 {
  font-family: u2c00;
}

.u3000 {
  font-family: u3000;
}

.u3400 {
  font-family: u3400;
}

.u3800 {
  font-family: u3800;
}

.u3c00 {
  font-family: u3c00;
}

.u4000 {
  font-family: u4000;
}

.u4400 {
  font-family: u4400;
}

.u4800 {
  font-family: u4800;
}

.u4c00 {
  font-family: u4c00;
}

.u5000 {
  font-family: u5000;
}

.u5400 {
  font-family: u5400;
}

.u5800 {
  font-family: u5800;
}

.u5c00 {
  font-family: u5c00;
}

.u6000 {
  font-family: u6000;
}

.u6400 {
  font-family: u6400;
}

.u6800 {
  font-family: u6800;
}

.u6c00 {
  font-family: u6c00;
}

.u7000 {
  font-family: u7000;
}

.u7400 {
  font-family: u7400;
}

.u7800 {
  font-family: u7800;
}

.u7c00 {
  font-family: u7c00;
}

.u8000 {
  font-family: u8000;
}

.u8400 {
  font-family: u8400;
}

.u8800 {
  font-family: u8800;
}

.u8c00 {
  font-family: u8c00;
}

.u9000 {
  font-family: u9000;
}

.u9400 {
  font-family: u9400;
}

.u9800 {
  font-family: u9800;
}

.u9c00 {
  font-family: u9c00;
}

.ua000 {
  font-family: ua000;
}

.ua400 {
  font-family: ua400;
}

.ua800 {
  font-family: ua800;
}

.uac00 {
  font-family: uac00;
}

.ub000 {
  font-family: ub000;
}

.ub400 {
  font-family: ub400;
}

.ub800 {
  font-family: ub800;
}

.ubc00 {
  font-family: ubc00;
}

.uc000 {
  font-family: uc000;
}

.uc400 {
  font-family: uc400;
}

.uc800 {
  font-family: uc800;
}

.ucc00 {
  font-family: ucc00;
}

.ud000 {
  font-family: ud000;
}

.ud400 {
  font-family: ud400;
}

.ud800 {
  font-family: ud800;
}

.udc00 {
  font-family: udc00;
}

.ue000 {
  font-family: ue000;
}

.ue400 {
  font-family: ue400;
}

.ue800 {
  font-family: ue800;
}

.uec00 {
  font-family: uec00;
}

.uf000 {
  font-family: uf000;
}

.uf400 {
  font-family: uf400;
}

.uf800 {
  font-family: uf800;
}

.ufc00 {
  font-family: ufc00;
}

.u10000 {
  font-family: u10000;
}

.u10400 {
  font-family: u10400;
}

.u10800 {
  font-family: u10800;
}

.u10c00 {
  font-family: u10c00;
}

.u11000 {
  font-family: u11000;
}

.u11400 {
  font-family: u11400;
}

.u11800 {
  font-family: u11800;
}

.u11c00 {
  font-family: u11c00;
}

.u12000 {
  font-family: u12000;
}

.u12400 {
  font-family: u12400;
}

.u12800 {
  font-family: u12800;
}

.u12c00 {
  font-family: u12c00;
}

.u13000 {
  font-family: u13000;
}

.u13400 {
  font-family: u13400;
}

.u13800 {
  font-family: u13800;
}

.u13c00 {
  font-family: u13c00;
}

.u14000 {
  font-family: u14000;
}

.u14400 {
  font-family: u14400;
}

.u14800 {
  font-family: u14800;
}

.u14c00 {
  font-family: u14c00;
}

.u15000 {
  font-family: u15000;
}

.u15400 {
  font-family: u15400;
}

.u15800 {
  font-family: u15800;
}

.u15c00 {
  font-family: u15c00;
}

.u16000 {
  font-family: u16000;
}

.u16400 {
  font-family: u16400;
}

.u16800 {
  font-family: u16800;
}

.u16c00 {
  font-family: u16c00;
}

.u17000 {
  font-family: u17000;
}

.u17400 {
  font-family: u17400;
}

.u17800 {
  font-family: u17800;
}

.u17c00 {
  font-family: u17c00;
}

.u18000 {
  font-family: u18000;
}

.u18400 {
  font-family: u18400;
}

.u18800 {
  font-family: u18800;
}

.u18c00 {
  font-family: u18c00;
}

.u19000 {
  font-family: u19000;
}

.u19400 {
  font-family: u19400;
}

.u19800 {
  font-family: u19800;
}

.u19c00 {
  font-family: u19c00;
}

.u1a000 {
  font-family: u1a000;
}

.u1a400 {
  font-family: u1a400;
}

.u1a800 {
  font-family: u1a800;
}

.u1ac00 {
  font-family: u1ac00;
}

.u1b000 {
  font-family: u1b000;
}

.u1b400 {
  font-family: u1b400;
}

.u1b800 {
  font-family: u1b800;
}

.u1bc00 {
  font-family: u1bc00;
}

.u1c000 {
  font-family: u1c000;
}

.u1c400 {
  font-family: u1c400;
}

.u1c800 {
  font-family: u1c800;
}

.u1cc00 {
  font-family: u1cc00;
}

.u1d000 {
  font-family: u1d000;
}

.u1d400 {
  font-family: u1d400;
}

.u1d800 {
  font-family: u1d800;
}

.u1dc00 {
  font-family: u1dc00;
}

.u1e000 {
  font-family: u1e000;
}

.u1e400 {
  font-family: u1e400;
}

.u1e800 {
  font-family: u1e800;
}

.u1ec00 {
  font-family: u1ec00;
}

.u1f000 {
  font-family: u1f000;
}

.u1f400 {
  font-family: u1f400;
}

.u1f800 {
  font-family: u1f800;
}

.u1fc00 {
  font-family: u1fc00;
}