@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-SemiBold.woff2") format("woff2"),
    url("../fonts/gilroy/Gilroy-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-Bold.woff2") format("woff2"),
    url("../fonts/gilroy/Gilroy-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-Medium.woff2") format("woff2"),
    url("../fonts/gilroy/Gilroy-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-Regular.woff2") format("woff2"),
    url("../fonts/gilroy/Gilroy-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

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

a:hover {
  color: unset;
}

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
       ========================================================================== */
/**
     * 1. Correct the line height in all browsers.
     * 2. Prevent adjustments of font size after orientation changes in
     *    IE on Windows Phone and in iOS.
     */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

/**
         * Add the correct display in IE 9-.
         */
article,
aside,
footer,
header,
nav,
section {
  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;
}

/* Grouping content
           ========================================================================== */
/**
         * Add the correct display in IE 9-.
         */
figcaption,
figure {
  display: block;
}

/**
         * Add the correct margin in IE 8.
         */
figure {
  margin: 1em 40px;
}

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

/**
         * Add the correct display in IE.
         */
main {
  display: block;
}

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

/* Links
           ========================================================================== */
/**
         * 1. Remove the gray background on active links in IE 10.
         * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
         */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

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

/**
         * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
         */
b,
strong {
  font-weight: inherit;
}

/**
         * 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 style in Android 4.3-.
         */
dfn {
  font-style: italic;
}

/**
         * Add the correct background and color in IE 9-.
         */
mark {
  background-color: #ff0;
  color: #000;
}

/**
         * 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
           ========================================================================== */
/**
         * Add the correct display in IE 9-.
         */
audio,
video {
  display: inline-block;
}

/**
         * Add the correct display in iOS 4-7.
         */
audio:not([controls]) {
  display: none;
  height: 0;
}

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

/**
         * Hide the overflow in IE.
         */
svg:not(:root) {
  overflow: hidden;
}

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

/**
         * Show the overflow in IE.
         */
button {
  overflow: visible;
  border: none;
  outline: none;
}

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

/**
         * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
         *    controls in Android 4.
         * 2. Correct the inability to style clickable types in iOS and Safari.
         */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  /**
           * Remove the inner border and padding in Firefox.
           */
  /**
           * Restore the focus styles unset by the previous rule.
           */
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
         * Show the overflow in Edge.
         */
input {
  overflow: visible;
}

/**
         * 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 and cancel buttons in Chrome and Safari on macOS.
           */
}

[type="search"]::-webkit-search-cancel-button,
[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 */
}

/**
         * 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 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */
}

/**
         * 1. Add the correct display in IE 9-.
         * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
         */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

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

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

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

/*
         * Add the correct display in IE 9-.
         */
menu {
  display: block;
}

/* Scripting
           ========================================================================== */
/**
         * Add the correct display in IE 9-.
         */
canvas {
  display: inline-block;
}

/**
         * Add the correct display in IE.
         */
template {
  display: none;
}

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

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #78818f transparent;
}

body * {
  margin: 0;
}

html,
body {
  width: 100%;
  font-size: 16px;
  padding: 0;
}

a,
a:active,
a:focus {
  outline: none;
}

html ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

html ::-webkit-scrollbar-corner {
  display: none;
}

html ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

html ::-webkit-scrollbar-thumb {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-image: linear-gradient(to top, #30be91 0, #f9f9f9);
}

html ::-webkit-scrollbar-thumb:window-inactive {
  background-image: linear-gradient(to top, #30be91 0, #f9f9f9);
  opacity: 0.5;
}

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

body {
  color: #f6f6f6;
  font-family: "Gilroy", sans-serif;
}

.container {
  max-width: 1280px;
  margin: 0 auto;
}

p {
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  color: #8d98ae;
}

h1 {
  font-weight: 700;
  font-size: 36px;
  line-height: 43.52px;
  font-style: normal;
  color: #f1f1f1;
}

h2 {
  font-size: 28px;
  font-weight: 700;
  line-height: 33.85px;
  letter-spacing: 0.03em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;

  color: #e7ebed;
}

h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 73px;
  color: #f1f1f1;
  text-transform: capitalize;
}

h4 {
  font-weight: 400;
  font-size: 50px;
  line-height: 70px;
  color: #f1f1f1;
}

h5 {
  font-weight: 400;
  font-size: 36px;
  line-height: 42px;
  color: #f1f1f1;
}

body {
  background: #1b1c26;
}
.news-section {
  padding: 40px 0;
}
.news-top {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.search-mobile {
  display: none;
}
.search-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}

.overlay {
  background: #000000;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  opacity: 0.6;
}
.search-block-remove-query {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  height: 15px;
  width: 15px;
  cursor: pointer;
}

.search-block-remove-query:hover svg {
  fill: #f1f1f1;
}
@media screen and (max-width: 768px) {
  .search-mobile {
    display: flex;
  }
}
.categories {
  display: flex;
  align-items: center;
  gap: 4px;
}
.category-link {
  font-family: Gilroy;
  font-size: 20px;
  font-weight: 600;
  line-height: 23.86px;
  letter-spacing: 0.03em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  transition: all 0.25s ease-in-out;
  padding: 12px 20px 12px 20px;
  border-radius: 8px;

  color: #6a6b70;
}
.category-link:hover {
  background: #ffffff14;
  color: #e7ebed;
}
.current-category {
  background: #ffffff14;
}
.current-category {
  color: #e7ebed;
}
.news-categories-wrap {
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: space-between;
}

.news-search .search-form {
  position: relative;
}

.news-search .search-field {
  outline: none;
  position: relative;
  padding: 14px 16px;
  padding-left: 48px;
  color: #8d98ae;
  background-color: #252736;
  background-image: url("../img/search.svg");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: 16px center;
  min-width: 276px;
  border-radius: 12px;
  border: 1px solid #313342;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;

  font-family: Gilroy;
  font-weight: 600;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 2%;
  vertical-align: middle;
}

.news-search .search-field:focus {
  color: #f9f9f9;
}

.news-search .search-field::-webkit-input-placeholder {
  color: #8d98ae;
  font-family: Gilroy;
  font-size: 14px;
  font-weight: 600;
  line-height: 18.2px;
  letter-spacing: 0.02em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.button {
  max-width: 200px;
  width: 100%;
  text-align: center;
  padding: 16px 0;
  font-family: Gilroy;
  font-size: 14px;
  font-weight: 700;
  border-radius: 12px;
  line-height: 16.93px;
  letter-spacing: 0.03em;
  display: inline-block;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #f9f9f9;
  transition: all 0.25s ease-in-out;
  text-transform: uppercase;
}
.button-yellow {
  background: #ff9a08;
}

.button-yellow:hover {
  background: #cf872f;
  color: #f9f9f9;
}
.fullwidth .news-info {
  padding: 32px;
  gap: 16px;
  border-radius: 0 16px 16px 0;
}
.news-info {
  padding: 24px;
  background: #20222e;
  max-width: 529px;
  border-radius: 0 0 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.news-article {
  display: flex;
  border-radius: 16px;
  align-items: center;
}
.news-info-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.date {
  font-family: Gilroy;
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
  letter-spacing: 0.03em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #8d98ae;
}
.category {
  font-family: Gilroy;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 3%;

  background: #313342;
  color: #b8bfcd;

  padding: 2px 8px 2px 8px;
  border-radius: 8px;
}
.events {
  background: #1c5335;
  color: #cfffe5;
}
.skins {
  background: #752964;
  color: #ffd3f5;
}
.cases {
  background: #1d3457;
  color: #cce0ff;
}
.stickers {
  background: #5c2a2a;
  color: #ffcbcb;
}
.news-info-excerpt p {
  font-family: Gilroy;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
  letter-spacing: 0.03em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.news-main {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  box-sizing: border-box;
}
.news-article.fullwidth {
  grid-column: span 3;
}

.news-article:not(:first-child) {
  grid-column: span 1;
  display: flex;
  flex-direction: column;
}
.fullwidth .news-image img {
  max-height: 340px;
  min-height: 340px;
}
.fullwidth .news-image {
  max-height: 340px;
  min-height: 340px;
}
.news-image {
  width: 100%;
  height: 100%;
  max-height: 174px;
  min-height: 174px;
}
.news-image img {
  height: 100%;
  width: 100%;
  min-height: 174px;
  border-radius: 16px 16px 0 0;
  max-height: 174px;
  object-fit: cover;
  min-height: 174px;
}
.news-article.fullwidth img {
  border-radius: 16px 0 0 16px;
  min-height: unset;
}

.news-article:not(.fulldiwth) .news-info-title h2 {
  font-family: Gilroy;
  font-size: 20px;
  font-weight: 700;
  line-height: 24.18px;
  letter-spacing: 0.03em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.link.link-yellow {
  font-family: Gilroy;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
  letter-spacing: 0.03em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #ff9a08;
  display: flex;
  align-items: center;
  gap: 6px;
}
.link.link-yellow svg {
  transition: all 0.25s ease-in-out;
}
.link.link-yellow:hover svg {
  transform: translate(4px, 0);
}
.button-dark {
  background: #43361e;
  color: #ff9a08;
}
.button-dark:hover {
  background: rgba(251, 192, 78, 0.24);
}
.news-section .button-dark {
  margin-top: 32px;
}
.categories-list {
  display: flex;
  align-items: center;
  gap: 6px;
}
.header-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-wrap svg {
  max-width: 20px;
  max-height: 20px;
  width: 100%;
  height: 100%;
  fill: #ff9a08;
}
.header-wrap svg path {
  fill: #ff9a08;
}
.header-links {
  display: flex;
  align-items: center;
  gap: 26px;
}
.header-links a {
  font-family: Gilroy;
  font-weight: 600;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 2%;
  color: #f9f9f9;
  display: flex;
  align-items: center;
  gap: 8px;
  text-transform: capitalize;
  transition: all 0.25s ease-in-out;
}
.header-links a img {
  max-width: 28px;
  max-height: 28px;
}
.header-links a:hover {
  color: #8d98ae;
}
.logo {
  width: 130px;
  height: 46px;
}
.header {
  padding: 24px 16px;
  grid-area: header;
  position: sticky;
  top: 0;
  max-width: 1310px;
  background-color: transparent;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  border-bottom: 1px solid #252736;
  z-index: 9999;
  transition: background-color 0.3s ease, max-width 0.3s ease;
}

.header > .container {
  max-width: 1310px;
  transition: max-width 0.3s ease;
}

.header.header--scrolled {
  background-color: #1b1c26;
  max-width: 100%;
}

.header.header--scrolled > .container {
  max-width: 1580px;
}
.contactsList {
  display: flex;
  gap: 5px;
  justify-content: stretch;
  margin-bottom: 20px;
  justify-content: flex-end;
  width: 100%;
  margin-left: auto;
}
.icon {
  display: flex;
  align-items: center;
  width: 24px;
  justify-content: center;
  /* flex-direction: column; */
  height: 24px;
}
.contactsItem {
  display: grid;
  grid-template-columns: 1fr;
  max-width: 215px;
  position: relative;
}
.emailIcon {
  color: #ff9a08;
  grid-row: span 2;
  width: 20px;
  display: flex;
  align-items: flex-end;
  height: 20px;
}

.contactsLink {
  display: inline-flex;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 16px;
  position: relative;
  text-decoration: none;
}
.listWrapper {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 10px;
}
.contactsDesc {
  color: #595b6f;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 14px;
  margin-top: 4px;
}
.media {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-left: 80px;
}
.mediaLinkWrapper {
  align-items: center;
  border-radius: 50%;
  color: #595b6f;
  display: flex;
  height: 48px;
  justify-content: center;
  width: 48px;
}
.mediaSvg {
  color: #f9f9f9;
  height: 48px;
  padding: 0;
  transition: all 0.26s ease-out;
  align-items: center;
  background-color: #20222e;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  height: 48px;
  width: 48px;
  justify-content: center;
}
.mediaSvg svg {
  width: 24px;
  height: 24px;
}

.site-footer {
  background: #171821;
  padding: 32px 0;
}
.twitter svg {
  width: 18px;
  height: 18px;
}
.mediaSvg .icon {
  display: flex;
}
.socialfacebook {
  color: #3966fa;
}
.socialinstagram {
  color: #e74bbb;
}
.socialdiscord {
  color: #5e67ed;
}
.footer-wrap {
  display: flex;
  align-items: center;
}
.footer-info {
  max-width: 520px;
  width: 100%;
}
.footer-info p {
  font-family: Gilroy;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.03em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #595b6f;
}
.socialdiscord svg,
.socialtiktok svg,
.socialtelegram svg {
  width: 18px;
  height: 18px;
}

.socialtelegram {
  color: #3d99e3;
}
.aside-menu {
  background-color: #171821;
  display: flex;
  flex-direction: column;
  grid-area: sidebar;
  height: calc(100vh - 73px);
  left: 0;
  padding: 16px 20px;
  position: sticky;
  top: 73px;
  transition: top 0.3s ease-in-out;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 100;
}
.toggle {
  align-items: center;
  background-color: #22222266;
  border-radius: 4px;
  color: #595b6f;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  gap: 8px;
  min-height: 39px;
  overflow: hidden;
  padding: 9px 10px;
  text-transform: uppercase;
  transition-duration: 0.2s;
  transition-property: background-color, transform, width;
  transition-timing-function: ease-in-out;
  white-space: nowrap;
  width: 41px;
}
.list {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-top: 18px;
  transition: width 0.3s ease-in-out;
  width: 41px;
}
.list .link {
  align-items: center;
  color: #8d98ae;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  gap: 8px;
  letter-spacing: 0.03em;
  position: relative;
  transition-duration: 0.3s;
  transition-property: color;
  transition-timing-function: ease-in-out;
}
.list .link .content h3 {
  align-items: center;
  color: #8d98ae;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  gap: 8px;
  position: relative;
  transition-duration: 0.3s;
  transition-property: color;
  transition-timing-function: ease-in-out;
  text-transform: capitalize;
}
.gameImg {
  height: 30px;
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-in;
  width: 30px;
  min-width: 30px;
}
.new {
  align-items: center;
  color: #23612d;
  display: flex;
  font-size: 10px;
  font-weight: 700;
  height: 14px;
  justify-content: center;
  position: absolute;
  right: -25px;
  top: -12px;
  transition-duration: 0.2s;
  transition-property: transform;
  transition-timing-function: ease-in-out;
  width: 32px;
  z-index: 2;
}
.newImg {
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  z-index: -1;
}
.site {
  display: grid;
  grid-template-areas:
    "header header header"
    "sidebar main main"
    "sidebar main main"
    "sidebar footer footer";
  grid-template-columns: auto 1fr;
}
.expanded {
  width: 135px;
}
.expanded .content {
  opacity: 1;
}
button .icon {
  transition: all 0.25s ease-in-out;
}
.active .icon {
  transform: rotateY(180deg);
}
.active p {
  display: block;
}
button.active p {
  text-transform: uppercase;
  color: #595b6f;
  font-size: 14px;
  font-weight: 600;
}
button.active {
  width: 100%;
}
aside .link {
  position: relative;
  text-transform: capitalize;
}
aside .content {
  display: flex;
  flex-direction: column;
  gap: 3px;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}
aside .content h3 {
  line-height: 18px;
  font-size: 14px;
  color: #8d98ae;
}
.single-hero {
  width: 100%;
  max-height: 300px;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.wp-block-embed__wrapper {
  text-align: center;
}
.breadcrumbs {
  display: flex;
  position: relative;
  align-items: center;
  padding-top: 20px;
  z-index: 9;
  position: absolute;
  top: 0;
}
.single-hero {
  overflow: hidden;
}
#breadcrumbs span {
  display: flex;
  gap: 8px;
}
.back-btn {
  display: flex;
}

.post-content-wrap {
  background: #20222e;
  padding: 40px;
  border-radius: 8px;
}
.single .container {
  max-width: 1280px;
}
.post-content {
  margin-top: -40px;
  margin-bottom: 40px;
  z-index: 1;
}
.read-info-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
}
.read-info-wrap {
  margin-top: 12px;
}
.read-time {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #8d98ae;
  font-family: Gilroy;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
  letter-spacing: 0.03em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.post-content-inner {
  margin-top: 12px;
}
.title {
  margin-bottom: 12px;
}
.content-inner p {
  font-family: Gilroy;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
  letter-spacing: 0.03em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #8d98ae;
  margin: 6px 0;
}
.content-inner .wp-block-image {
  margin: 6px 0;
}
.content-inner .wp-block-image img {
  width: 100%;
}
.site-footer {
  grid-area: footer;
}
.site-main {
  display: flex;
  flex-direction: column;
  grid-area: main;
  justify-self: center;
  max-width: 1800px;
  width: 100%;
}
.single-hero {
  min-height: 300px;
}
.similar__title h4 {
  font-family: Gilroy;
  font-size: 24px;
  font-weight: 700;
  line-height: 29.02px;
  letter-spacing: 0.03em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #e7ebed;
}
.similar__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.similar__title a {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: Gilroy;
  font-size: 12px;
  font-weight: 700;
  line-height: 14.51px;
  letter-spacing: 0.03em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #ff9a08;
  text-transform: uppercase;
}
.similar-posts-all {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.news-similar-post {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  max-width: 100%;
  width: 100%;
  display: flex;
  align-items: stretch;
  border-radius: 16px;
  padding: 24px;
}
.news-similar-post .date {
  font-family: Gilroy;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
  letter-spacing: 0.03em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #ffffff99;
}
.similar-post-info-title {
  font-family: Gilroy;
  font-size: 20px;
  font-weight: 700;
  line-height: 24.18px;
  letter-spacing: 0.03em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #e7ebed;
}
.similar-post-info-descr p {
  font-family: Gilroy;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
  letter-spacing: 0.03em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #ffffff99;
}
.similar-post-info {
  flex-direction: column;
  display: flex;
  gap: 8px;
}
.similar-posts {
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .news-article,
  .news-article.fullwidth {
    grid-column: span 1;
    display: flex;
    flex-direction: column;
  }
  .categories-list {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .news-info-top {
    align-items: flex-start;
    justify-content: space-between;
  }
  .news-main {
    grid-template-columns: repeat(1, 1fr);
  }
  .news-image img,
  .news-article.fullwidth img,
  .news-image {
    min-height: 110px;
    border-radius: 16px 16px 0 0;
  }
  .news-info-title h2 {
    font-family: Gilroy;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.93px;
    letter-spacing: 0.03em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
  }
  .news-info-excerpt p {
    font-family: Gilroy;
    font-size: 12px;
    font-weight: 500;
    line-height: 19.2px;
    letter-spacing: 0.03em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .news-info {
    padding: 16px;
    gap: 8px;
  }
  .link.link-yellow {
    font-family: Gilroy;
    font-size: 12px;
    font-weight: 500;
    line-height: 19.2px;
    letter-spacing: 0.03em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
  }
  .news-info {
    border-radius: 0 0 16px;
  }
  .news-info-read-more .button {
    font-family: Gilroy;
    font-size: 12px;
    font-weight: 500;
    line-height: 19.2px;
    letter-spacing: 0.03em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #ff9a08;
    background: transparent;
    text-transform: none;
    padding: 0;
  }
  .footer-wrap {
    flex-direction: column;
    gap: 8px;
  }
  .media {
    margin-left: 0;
  }
  .contactsList {
    flex-direction: column;
  }
  .mediaLinkWrapper {
    height: 36px;
    width: 36px;
  }
  .single-hero-img {
    width: 100%;
    margin-top: 16px;
  }
  .single-hero {
    border-radius: 12px;
    min-height: 110px;
    margin: 0 16px;
    max-width: 100%;
    background-size: cover;
    width: 100%;
    margin-top: 60px;
    max-width: calc(100% - 32px);
    position: relative;
  }
  .single-hero .container {
    padding: 0;
  }
  /* .categories-list {
    justify-content: flex-start;
  } */
  .breadcrumbs {
    position: relative;
  }
  .breadcrumb_last {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    max-width: 50%;
    overflow: hidden;
    display: block !important;
  }
  .post-content {
    margin-top: 16px;
  }
  .post-content .date,
  .post-content .read-time {
    font-family: Gilroy;
    font-size: 12px;
    font-weight: 500;
    line-height: 19.2px;
    letter-spacing: 0.03em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
  }
  .breadcrumbs {
    padding-top: 0;
    font-family: Gilroy;
    font-size: 12px;
    font-weight: 600;
    line-height: 19.2px;
    letter-spacing: 0.03em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
  }
  .single-hero {
    flex-direction: column-reverse;
    display: flex;
  }
  .breadcrumbs p {
    font-family: Gilroy;
    font-size: 12px;
    font-weight: 600;
    line-height: 19.2px;
    letter-spacing: 0.03em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
  }
  .post-content-wrap {
    padding: 0;
    background: transparent;
  }
  .content-inner p {
    font-family: Gilroy;
    font-size: 12px;
    font-weight: 500;
    line-height: 19.2px;
    letter-spacing: 0.03em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
  }
  .similar-posts-all {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .news-similar-post {
    padding: 0;
    border-radius: 16px;
    background-size: 100% 110px;
    background-position: top center;
    height: 248px;
  }
  .similar-post-info {
    background-color: #20222e;
    border-radius: 0 0 16px 16px;
    padding: 16px;
  }
  .news-similar-post .date {
    font-family: Gilroy;
    font-size: 12px;
    font-weight: 500;
    line-height: 19.2px;
    letter-spacing: 0.03em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
  }
  .similar-posts {
    margin-bottom: 26px;
  }
  .similar-post-info-title {
    font-family: Gilroy;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.93px;
    letter-spacing: 0.03em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
  }
  .similar-post-info-descr p {
    font-family: Gilroy;
    font-size: 12px;
    font-weight: 500;
    line-height: 19.2px;
    letter-spacing: 0.03em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
  }
}
@media screen and (max-width: 991px) {
  .search--desktop {
    display: none;
  }
  .header-links {
    display: none;
  }
  .header-wrap {
    justify-content: center;
  }
  .news-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  h1 {
    font-family: Gilroy;
    font-size: 20px;
    font-weight: 700;
    line-height: 24.18px;
    letter-spacing: 0.03em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
  }
  .news-categories-wrap {
    width: 100%;
    overflow: auto;
  }
  .category-link {
    font-family: Gilroy;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    line-height: 16.7px;
    letter-spacing: 0.03em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding: 8px 12px;
  }
  .categories::-webkit-scrollbar,
  .news-categories-wrap::-webkit-scrollbar {
    display: none !important;
  }
  .news-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .search-mobile {
    width: 36px;
    height: 36px;
    max-width: 36px;
    max-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 8px;
    cursor: pointer;
    background-color: #313342;
    color: #e7ebed;
  }
  .search-mobile svg path {
    fill: #e7ebed;
  }
  .aside-menu {
    display: none;
  }
  .similar-posts-all {
    grid-template-columns: repeat(2, 1fr);
  }
  .news-similar-post {
    width: 100%;
    max-width: 100%;
  }
  .contactsList {
    align-items: center;
    flex-direction: row;
    justify-content: center;
  }
  .news-main {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1280px) {
  .media {
    flex-wrap: wrap;
    margin-left: 24px;
  }
}

@media screen and (max-width: 768px) {
  .news-main {
    grid-template-columns: repeat(1, 1fr);
  }
  .contactsList {
    flex-direction: column;
  }
}
.search-placeholder {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 100px 0;
}
.placeholder-title {
  font-family: Gilroy;
  font-size: 16px;
  font-weight: 600;
  line-height: 19.09px;
  letter-spacing: 0.03em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #f6f6f6;
}
.placeholder-text {
  font-family: Gilroy;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: 0.03em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #8d98ae;
}
.search .similar-posts {
  margin-bottom: 0;
}

.codeImageWrap {
  position: relative;
}
.codeImage {
  margin-bottom: 24px;
  pointer-events: none;
}

.code404 img {
  height: 360px;
  margin-bottom: 60px;
}
@media (min-width: 1152px) {
  .hideDesktop {
    display: none !important;
  }
}
@media (max-width: 1152px) and (min-width: 769px) {
  .hideTablet {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .hideMobile {
    display: none !important;
  }
}

.error404 .code404 {
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  padding: 32px 0;
  position: relative;
  text-align: center;
  z-index: 2;
}
.code404 .title {
  font-size: 64px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 64px;
}
.code404 .text {
  color: #8d98ae;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 25.2px;
  margin-top: 20px;
}
.code404 .button {
  margin-top: 40px;
  min-width: 180px;
}

@media screen and (max-width: 768px) {
  .codeImage {
    margin-bottom: 32px;
  }
  .code404 {
    height: 152px;
    margin-bottom: 32px;
  }
  .codeImageWrap {
    padding: 0 16px;
  }
  .code404 img {
    height: auto;
  }
  .code404 .title {
    font-size: 42px;
  }
  .code404 {
    height: 100%;
  }
  .similar-posts .container {
    padding: 0;
  }
  .single .similar-posts .container {
    padding: 0 16px;
  }
}
.code404 {
  grid-area: main;
}
.emailIcon svg {
  width: 20px;
  height: 20px;
}
.news-similar-post {
  position: relative;
}
.news-similar-post:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 40px);
  background: linear-gradient(0deg, #0f1115 -4.87%, rgba(15, 17, 21, 0) 100%);
  border-radius: 16px;
}
.similar-post-info {
  position: relative;
}
#breadcrumbs span {
  align-items: center;
}
.mobile-similar-image {
  max-height: 110px;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  width: 100%;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  min-height: 110px;
}
@media screen and (max-width: 768px) {
  .news-similar-post {
    background: transparent;
    background-image: unset !important;
  }
  .news-similar-post {
    flex-direction: column;
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  .hidden-desktop {
    display: none;
  }
  .news-similar-post {
    min-height: 248px;
  }
}

.lang-switcher {
  display: flex;
  gap: 32px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.lang-switcher .is-active a {
  font-weight: 600;
  text-decoration: underline;
}
.news-search.search--desktop {
  margin-left: auto;
}
.lang-item:first-of-type {
  position: relative;
}
.lang-item:first-of-type:after {
  content: "";
  position: absolute;
  right: -16px;
  top: 0;
  height: 100%;
  width: 1px;
  background: #292937;
}
.lang-item img {
  width: 18px !important;
  height: 12px !important;
}
.single-hero {
  position: relative;
  margin-top: 24px;
  border-radius: 16px;
}
.single-hero img {
  border-radius: 16px;
}
.breadcrumb__last {
  color: #ffffffb8;
}
.fullwidth .link-wrap {
  display: flex;
  border-radius: 16px;
  align-items: stretch;
}
.fullwidth .news-image {
  display: flex;
  max-height: 340px;
  min-height: 340px;
}
.fullwidth .news-image img {
  height: auto;
}

@media screen and (max-width: 768px) {
  .fullwidth .link-wrap {
    flex-direction: column;
  }
  .fullwidth .news-image img {
    height: auto;
  }
  .news-image,
  .fullwidth .news-image {
    max-height: 110px;
    min-height: 110px;
  }
}

.load-more-btn {
  margin-left: auto;
  margin-right: auto;
}
.contactsLink {
  color: #ff9a08;
  font-weight: 600;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 2%;
}
.divider-vertical {
  height: 24px;
  width: 1px;
  background: #252736;
}
.single-hero-img {
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto;
  max-height: 300px;
}
.single-hero-img img {
  width: 100%;
  height: 100%;
  max-height: 300px;
  object-fit: cover;
}
.game-list-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
  margin-top: 18px;
}
.game-list-top .category-name {
  font-weight: 700;
  font-style: Bold;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #f9f9f9;
}
.games-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}
.games-list.slick-slider {
  display: block;
  flex-wrap: unset;
  gap: 0;
  margin: 0 -8px;
}
.games-list.slick-slider .slick-track {
  display: flex;
  align-items: stretch;
}
.games-list.slick-slider .slick-slide {
  display: flex !important;
  justify-content: center;
  padding: 0 8px;
  height: auto;
}
.games-list.slick-slider .slick-slide > * {
  width: auto;
}
.game-list-wrap.game-list--static .game-list-nav {
  pointer-events: none;
  opacity: 0.4;
}
.game-list-wrap .game-list-all-link {
  display: none;
}
.game-list-wrap.game-list--mobile .game-list-all-link {
  display: inline-flex;
}
.game-list-all-link {
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: #252736;
  color: #f9f9f9;
  border-radius: 24px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid #313342;
  transition: background 0.2s ease-in-out;

  font-weight: 600;
  font-size: 12px;
  line-height: 120%;
  height: 100%;
  width: 100%;
  min-width: 54px;
  min-height: 32px;
  letter-spacing: 2%;
  text-align: center;
  max-width: 54px;
  max-height: 32px;
  vertical-align: middle;
}
.game-list-all-link:hover {
  background: #34374d;
  color: #fff;
}
.game-list-nav-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #252736;
  border-radius: 24px 0 0 24px;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  padding: 0;
}
.game-list-nav-prev.is-disabled,
.game-list-nav-next.is-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.game-list-nav-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #252736;
  border-radius: 0 24px 24px 0;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  padding: 0;
}
.game-list-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1px;
}
.game-item {
  width: 120px;
  height: 128px;
  border-radius: 12px;
  position: relative;
  flex: 0 0 auto;
}
.game-item img {
  width: 120px;
  height: 128px;
  border-radius: 12px;
  object-fit: cover;
}
.game-item-chip {
  background: #14d378;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 12px 0 12px 0;
  justify-content: center;
  padding: 4px 7px;
  font-weight: 700;
  font-style: 900 Italic;
  font-size: 11px;
  line-height: 130%;
  letter-spacing: 2%;
  text-transform: uppercase;
  color: #ffffff;
}

@media (max-width: 767px) {
  .game-list-wrap.game-list--mobile .game-list-nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    pointer-events: auto;
    opacity: 1;
  }

  .game-list-wrap.game-list--mobile .game-list-nav-prev,
  .game-list-wrap.game-list--mobile .game-list-nav-next {
    display: none;
  }

  .game-list-wrap.game-list--mobile .games-list {
    gap: 6px;
    row-gap: 0;
  }

  .game-list-wrap.game-list--mobile .game-item {
    flex: 0 0 calc((100% - 24px) / 3);
    width: calc((100% - 24px) / 3);
    height: auto;
  }

  .game-list-wrap.game-list--mobile .game-item img {
    width: 100%;
    height: auto;
    aspect-ratio: 120 / 128;
    object-fit: cover;
  }

  .game-list-wrap.game-list--mobile .games-list .game-item:nth-child(n + 7) {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .header {
    padding: 16px 0;
  }
  .single-hero-img,
  .single-hero-img img {
    max-height: 110px;
  }
  .post-content .categories-list {
    justify-content: flex-start;
  }
  .post-content {
    padding: 0 16px;
  }
  .game-list-top .category-name {
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 2%;
    vertical-align: middle;
  }
  .game-list-top {
    margin: 8px 0;
  }
  .post-content {
    margin-bottom: 16px;
  }
  .similar__title h4 {
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    letter-spacing: 2%;
  }
  .footer-info {
    max-width: 100%;
    font-weight: 600;
    font-size: 10px;
    line-height: 130%;
    letter-spacing: 2%;
  }
  .site-footer {
    padding: 24px 16px;
  }
  .contactsList {
    align-items: flex-start;
  }
  .media {
    margin-right: auto;
    margin-left: 0;
  }
  .similar__title a {
    font-size: 10px;
  }
  .news-section {
    padding: 20px 16px;
  }
  .fullwidth .news-info {
    padding: 16px;
  }
  .fullwidth .news-info {
    gap: 4px;
  }
  .news-info-title h2 {
    font-weight: 700;
    font-size: 14px !important;
    line-height: 130% !important;
    letter-spacing: 2%;
  }
  .category {
    font-size: 12px;
  }
  .news-info-read-more .button {
    display: flex;
    align-items: center;
    gap: 4px;
  }
}
.news-article.fullwidth .link-wrap {
  width: 100%;
}

.author-avatar,
.author-avatar img {
  max-width: 45px;
  max-height: 45px;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
}
.author-wrap {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.author-name {
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0%;
  color: #f9f9f9;
}
.author-title {
  margin-top: 24px;
  border-top: 1px solid #313342;
font-weight: 700;
font-size: 20px;
line-height: 120%;
letter-spacing: 0%;
vertical-align: middle;
padding-top: 24px;
color: #F9F9F9;
}
.author-descr {
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 3%;
  margin-top: 12px;
  color: #8d98ae;
  width: 100%;
}
.wp-block-table {
  margin: 16px 0;
}